/* CSS Document */





/*slide panel horní*/
a:focus {
	outline: none;
}
#panel {
	background: #3484D2;
    display: none;
    width: 460px;
    height: 260px;
    margin:auto;
    padding:0px;
    border-bottom:8px solid #68d5f3;
    background:url("http://www.petrgargulak.bluefile.cz/images/universall2.jpg")no-repeat center top ;
    cursor: pointer;
     border-radius: 0px 0px 12px 12px;
}

#panel:hover{        
    background:url("http://www.petrgargulak.bluefile.cz/images/universall1.jpg")no-repeat center top ;       
   
        }
 
        
       
        

.slide {
	margin: 0px auto;
  padding: 10px 10px 0 0;
	background: url("http://www.petrgargulak.bluefile.cz/images/btn-slide.png") no-repeat center top;
  background-color:#68d5f3; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#68d5f3), to(#55cff0));
	background-image: -webkit-linear-gradient(top,#68d5f3 , #55cff0);
	background-image: -moz-linear-gradient(top,#68d5f3,  #55cff0);
	background-image: -ms-linear-gradient(top,#68d5f3 ,  #55cff0);
	background-image: -o-linear-gradient(top, #68d5f3,  #55cff0);
	background-image: linear-gradient(top, #68d5f3,  #55cff0);
	clear: both;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#68d5f3, endColorstr=#55cff0);
	margin: 0 auto;
  width: 144px;
	height: 31px;
  border-radius: 0px 0px 12px 12px;
  
}
.btn-slide {
	background:url("http://www.petrgargulak.bluefile.cz/images/white-arrow.gif")no-repeat right -50px ;
	text-align: center;
	width: 144px;
  height:31px;
  padding: 10px 10px 0px 0px;
	margin: 0px auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff !important;
  text-decoration: none !important;
  position: relative;
  bottom: 10px;
  
  
}

 .slide:hover{
  background-color:#94def3; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#94def3), to(#3dc8ef));
	background-image: -webkit-linear-gradient(top, #94def3, #3dc8ef);
	background-image: -moz-linear-gradient(top, #94def3, #3dc8ef);
	background-image: -ms-linear-gradient(top, #94def3, #3dc8ef);
	background-image: -o-linear-gradient(top, #94def3, #3dc8ef);
	background-image: linear-gradient(top, #94def3, #3dc8ef);
	color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94def3, endColorstr=#3dc8ef);
	text-shadow: none; 
          
          }

.active {
	background-position: right 12px;
}


















div#prihlas .menu{float:left; padding:0; margin:0;color: #CCB954;background:#CCB954;width:890px;position:relative;z-index:5; border:solid 1px #CCB954;clear:both;position:relative; bottom:34px;border-radius: 0px 10px 10px 0px;} /*Color navigation bar normal mode*/
div#prihlas .menu  a, .menu a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #CCB954;
text-decoration: none;

}
div#prihlas .menu ul {list-style-type:none;padding:0; margin:0;}
div#prihlas .menu ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #004080; border-left:solid 1px #004080;}
div#prihlas .menu ul li a {color: #FFFFFF;background:#CCB954;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
div#prihlas .menu ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0; width:1px}
div#prihlas .menu ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
div#prihlas .menu ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
div#prihlas .menu ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
div#prihlas .menu ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
div#prihlas .menu ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
div#prihlas .menu ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
div#prihlas .menu ul li ul li a:visited { background-color:#0000FF;  color:#FFFFFF;} /*Color subcells normal mode*/
div#prihlas .menu ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;} 
div#prihlas .menu ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/




  #container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}


#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;

}     

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


a:link,a:visited {
	color:#599100;
	text-decoration:none;
  
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}




 


  /*reklama*/ 
  div.souhrn{
         text-align:center;   
            } 
          
            body, html {
              min-height: 100%;
          
              }         

               body {
                    
                  
          background: url("http://www.petrgargulak.bluefile.cz/images/bg.jpg") repeat-x /* fixed*/ 0px bottom  rgb(52, 132, 210);
          color: rgb(51, 51, 51);
          margin:auto;
            
                       
                       }
                       
                       hr{
                       height: 5px;
                       background-color:rgb(0,127,176);
                         }

            div#prihlas{
                    width:890px;
                    margin:auto;
                    padding:1%;
                    height:20px;
                    margin-top:30px;
               /*     background-color:rgba(35, 112, 147, 0.25);  */
                   
               
                       }
                       
                   
                                           
             div#prihlas .menu ul li{
                          float:left;
                          display:inline;   
                             }
                             
                    div#prihlas form table.menu2{
                                 float:right;
                                 z-index: 10;
                                 position: relative;
                                 bottom: 3px;
                                 right:3px;
                                    }                                       
                                                       
                                                       

      div#layout{
              width:890px;
              box-shadow: 0px 0px 10px white;
              margin:10px auto;
              Background:url('http://www.petrgargulak.bluefile.cz/images/prechod.jpg') repeat-y; 
              border-radius:60px 60px 0px 0px; 
              Background-color:white;   
               border:solid rgb(88,88,88);
               border-width: 0px 5px 0px 0px; 
            padding:0px;
            position:relative;
            z-index:2;
                }
                
                
      
                
                
                
              div#layout2 {
                    width:1200px; 
                    margin:auto;
                 
                        }   
                
                
                
                
                div#header{
                      width:890px;
                     
                      height:148px;
                      background-image:url("http://www.petrgargulak.bluefile.cz/images/header.jpg");
                      background-repeat:no-repeat;
                      Background-color:rgb(88,88,88); 
                      border-radius:60px 60px 0px 0px;
                      
                      
                          }
                          
                    
                          
                
                div#content{
                       width:78%;
                       padding:1%;  
                       min-height:300px;    
                      
                       float:right; 
                       }
                     
                 
                     
                           
                  div#center{
                           background-color:#EEEEEE;
                           float:left;
                           width:68%;
                           padding:1%;
                           border:5px solid rgb(0,127,176);
                           border-radius:10px; 
                           min-height:300px; 
                           color:black
                           
                         
                               }  
                               
                          
                      div#center-vypis {
                            min-width:68%;
                              padding:1%;  
                               border: 5px solid rgb(0,127,176); 
                                background-color:#EEEEEE; 
                                 border-radius:10px;  
                                 min-height:400px;    
                              }         
                                
                            
                                div#center-vypis  table.vypis td{
                                                 background-color:#EEEEEE;
                                                 font-size:12px;
                                                 font-family:Tahoma,Arial,Helvetica,sans-serif; 
                                                 text-align:center;  
                                                  border:2px solid rgb(0,127,176);
                                                 border-collapse:collapse;               
                                                   padding:2px 3px;              
                                                                
                                                                }
                                     div#center-vypis  table.vypis{
                                                 border:2px solid rgb(0,127,176);
                                                 border-collapse:collapse;               
                                                  
                                                                  
                                                                  
                                                                  }
                            
                            
                            div#center-vypis  table.vypis th{
                                                 background-color:rgb(0,127,176);
                                                 font-size:12px;
                                                 font-family:Tahoma,Arial,Helvetica,sans-serif; 
                                                 text-align:center;  
                                                 border:2px solid rgb(0,127,176);
                                                 color:white;
                                                 padding:2px 3px;
                                                 
                                                            }        
                      div#center-vypis  table.vypis  th.levo{
                                    border-right-color:white;    
                                     
                                      }
                                    
                                    
                              div#center-vypis h2.nadpis2{
                                      text-align:center;
                                       font-size:20px;   
                                        color:rgb(0,127,176); 
                                          font-family:Tahoma,Arial,Helvetica,sans-serif;  
                                                 
                                                         } 
                               
                               
                               
             div#center h2{
                       color:rgb(0,127,176);
                         font-size:16px; 
                         font-family:Tahoma,Arial,Helvetica,sans-serif; 
                         padding:1%;  
                         padding-left: 12px;
                      line-height:1.5; 
                          }                  
                               
                               
                    div#center p{
                            font-family:Tahoma,Arial,Helvetica,sans-serif;
                            color:black;          
                            font-size:12px;
                            text-align:justify;
                            padding:1%; 
                            padding-left: 12px;
                            padding-right:12px; 
                            line-height:1.5; 
                          }    
                               
                         div#center a{      
                                text-decoration:none;
                                font-family:Tahoma,Arial,Helvetica,sans-serif;
                                color:rgb(0,127,176);          
                                font-size:12px;  
                              line-height:1.5; 
                                 }
                            div#center h2.nadpis2{
                                       text-align:center;
                                       font-size:20px; 
                                          line-height:1.5; 
                                                }     
                                                
                                    
                                 
                                      
                           div#center a img.foto {
                                    
                                          float:right; 
                                          margin-left:30px;
                                          margin-top: 8px;
                                          margin-right:15px;
                                          
                                              }  
                                              
                                   
                              div#center ul#odrazka li{
                                           list-style-image:url("http://www.petrgargulak.bluefile.cz/images/odrazka.gif");            
                                          font-family:Tahoma,Arial,Helvetica,sans-serif;
                                           color:black;          
                                           font-size:12px;
                                           margin:8px 0px;
                                          position:relative;  
                                             
                                            
                                                   }                
                                        div#center ul#odrazka li a{
                                                      font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                      color:black;                      
                                                        font-size:12px;           
                                                                  }
                                                   div#center ul#odrazka li a:hover{
                                                               text-decoration:underline;                   
                                                                                
                                                                                   
                                                                                   }
                                        
                                                   
                                        
                                        
                                        
                                        
                                        
                                        
                               div#right{
                                        
                              border:5px solid rgb(0,127,176);           
                              float:right;
                              width:24%;
                              background-color:#EEEEEE;
                              border-radius:10px; 
                              min-height:180px;
                              padding-left:1%;
                             
                                  }  
                           
                        
                           
                         
                           
                           
                           
                         div#navigace{
                               width:18%;
                               float:left;
                               Background-color:rgb(88,88,88);  
                               min-height:400px;
                               padding:1%;
                               background-image:url("http://www.petrgargulak.bluefile.cz/images/navigace.jpg");        
                               
                                     }  
                                     
                           
                                     
                              div#navigace ul.navlist {
                                margin:auto;
                                padding-left:30px;
                                width:135px;
                                height:300px;
                                   
                                     }
                                     
                                     
                                     
                            div#navigace ul li{
                                   list-style-type:none;       
                                  margin-bottom:5px; 
                                   font-size:12px; 
                                   font-family:Tahoma,Arial,Helvetica,sans-serif;
                                   
                                   
                                           }         
                                    div#navigace ul li a  {
                                             width:100px;
                                             height:20px;
                                            text-decoration:none;          
                                            display:block;          
                                            color:black !important;
                                            background-color:rgb(255,140,0);          
                                            border-radius:15px 0px 15px 0px; 
                                             text-align:center;
                                             font-size:12px; 
                                             font-family:Tahoma,Arial,Helvetica,sans-serif;
                                               padding-top:4px;
                                              
                                                 
                                                      }  
                                  div#navigace ul li a:hover{
                                                  
                                                  color:white !important;          
                                                  background-color:rgb(0,127,176);        
                                                  font-size:12px; 
                                                  font-family:Tahoma,Arial,Helvetica,sans-serif;
                                               
                                                         }  
                                                               
                                           div#navigace ul.navlist li#current a {
                                                      width:100px;
                                                      height:20px;
                                                      color:white !important;          
                                                      background-color:rgb(0,127,176);         
                                                      box-shadow: 0px 0px 10px white;
                                                      border-radius:15px 0px 15px 0px;                 
                                                              }                    
                                                                              
                            div#center form.form {
                                                background-color:rgb(255,240,240); 
                                                margin:auto; 
                                                border: 5px solid rgb(0,127,176);   
                                                font-size:12px; 
                                                font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                    }   
                   
                                           
                                     table#rezervace{
                                                margin:25px;
                                                background-color:rgb(255,240,240);    
                                                    }  
                                            table#rezervace th{
                                                           text-align:left;   
                                                              }            
                                                   
                                    table#rezervace td{
                                                width:100px;
                                                  
                                                      } 
                                                      
                                         table#rezervace td input{
                                                       width:130px;          
                                                         font-size:12px; 
                                                         font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                                 }             
                                                      
                                                      
                                      table#rezervace textarea#pozadavky{
                                                      width:300px;
                                                      height:130px;        
                                                       font-size:12px; 
                                                     font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                      resize: none;
                                                              
                                                              }                  
                                                    
                                        table#rezervace input#objednat.text{
                                                                   width:120px;
                                                                   float:right;        
                                                                    font-size:12px; 
                                                                 font-family:Tahoma,Arial,Helvetica,sans-serif;        
                                                                           }                    
                                            
                                                                              
                                 
                                     
                                     
                                div#footer{
                                    background-image:url("http://www.petrgargulak.bluefile.cz/images/footer.jpg");
                                    background-color:rgb(88,88,88);   
                                    text-align:right;
                                    clear:both;
                                    height:120px;
                        
                                  
                                          }  
                                          
                                    div#footer a {
                                            color:rgb(255,140,0);
                                          text-decoration:none;
                                             
                                                 }  
                                            div#footer a:hover{
                                      text-decoration:none;          
                                        }   
                                        
                                        div#footer p{
                                              
                                              height:30px; 
                                              padding-top:75px;
                                              padding-right:20px; 
                                              color:rgb(255,140,0); 
                                                    }       
                                                    
                          div.pocitadlo{
                                              padding-left:45px;
                                              float:left;
                                        
                                        
                                                                
                                                                }            
                                                    
                                                    
                                                    
                                                    
                                         table#email {
                                                  margin:auto;
                                                  width:300px;
                                                   }    
                                                   
                                                 
                                                   
                                        table#email td.leva{
                                                    
                                                    height:30px;
                                                     padding-top:10px;
                                                    font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                    font-size:13px; 
                                                    
                                                        
                                                           }    
                                                           
                                          table#email input{
                                                       width:170px;
                                                       font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                        font-size:13px;   
                                                           }   
                                                            
                                          table#email textarea{
                                                        width:400px;      
                                                        height:150px; 
                                                        box-shadow: 0px 0px 10px rgb(0,127,176);
                                                        margin-top:10px;
                                                        resize: none;
                                                       
                                                              }      
                                                table#email td.zbyva {
                                                           width:200px;          
                                                              font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                               font-size:13px;            
                                                                     
                                                                     }  
                                                    table#email textarea#obsah{
                                                                  
                                                               font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                               font-size:13px;            
                                                              
                                                                             
                                                                              
                                                                              
                                                                              }                 
                                                                                 
                                                              
                                                              
                                                                         
                                             table#email td.zbyva input{
                                                            width:25px;     
                                                               font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                               font-size:13px;    
                                                                 }   
                                                                 
                                                table#email td.submit{
                                                             float:right;
                                                             margin:auto;    
                                                                  } 
                                                 table#email td.nadpis h2{
                                                               text-align:center;
                                                               font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                               font-size:20px;
                                               
                                                               
                                                                         
                                                                         }                 
                                                                  
                                                                     
                                                                  
                                             span {
                                                font-family:Tahoma,Arial,Helvetica,sans-serif;
                                                color:rgb(176,0,0);       
                                                font-size:10px;
                                              
                                                
                                                        
                                                        
                                                        }