/* CSS Document */

body {margin: 0px;
        text-align: center;
        font-family: Arial;
        background-image: url('img_system/svisly.jpg');
        background-repeat: no-repeat;
        background-position: right center;
        scrollbar-3dlight-color :silver;
        scrollbar-arrow-color : orange;
        scrollbar-darkshadow-color : white;
        scrollbar-face-color : white;
        scrollbar-highlight-color : none;
        scrollbar-shadow-color : ;
        scrollbar-track-color : whitesmoke;
        }
             
  #pruh {background-image: url('./img_system/back_pruh.jpg');
         background-color: black;
         height: 160px;
         position: relative;
         text-align: left;
         color: rgb(254,152,26);
         text-align: center}
       
  #pruh div,h1 {width: 900px;
               margin: auto;
               text-align: left;
               padding-top: 0px;
               }
             
  #pruh .wwimg {position: absolute;
			    top: 2px;
			    left: 450px}     
              
       
  #sachovnice {background-image: url('./img_system/sachovnice.jpg');
               height: 20px}                
  
  #obal {width: 900px;
        text-align: left;
        margin: auto;
        font-size: 0.9em;
        line-height: 150%;
        min-height: 500px;
        _height: 500px;
        }
        
  #obal p {padding-left: 5px;
           margin: 0px;
           margin-bottom: 4px; 
           color: gray}
  
  #obal li {font-size: 0.8em;
           color:rgb(16,127,240);
           margin-left: 10px
           }               
  
  #obal h2 {  font-size: 1.9em;
              padding-top: 20px;
              font-style: italic;
            	font-family: palatino, georgia, serif;
            	color: gray;
              margin-bottom: 10px}
              
              
  #obal h3 {  font-size: 1.1em;
              padding-top: 0px;
              font-style: italic;
            	font-family: palatino, georgia, serif;
            	color: gray;
              margin-bottom: 30px}
  
  #obal h4 {margin-top: 10px;
            color: red;
            margin-bottom: 2px}
                                    
  #obal table {width: 100%;
                font-size: 0.9em;
                color: gray;
                border: 0px solid rgb(236,215,145)}
                
   #obal td {padding: 5px;
          background-color: rgb(230,230,230);}             
                             
   #obal input {border: 1px solid rgb(236,215,145)}
   
   #obal textarea {border: 1px solid rgb(236,215,145)}
   
   #obal textarea.kod_odkazu {width: 400px;
   								height: 80px;
								background-color: #EFF3F7;
								padding: 5px;
								margin: 5px}
   
   #obal strong {color: rgb(255,143,11)}  
  
  #levy {width: 440px;
         float: left;
         padding-right: 35px;
         margin-bottom: 50px;
         }
  #levy strong {color: rgb(255,140,0)}       
  
  #levy .bannery img {padding-top: 10px}
         
  #pravy {width: 410px;
         float: right;
         margin-right: 10px;
         margin-bottom: 50px;
         }
   #pravy img {border: 0px}      
   
   #informace {margin-bottom: 35px;
              _margin-bottom: 80px}
   
   #informace img {margin-right: 5px;
                  margin-top: 5px;
                  float: left}
                  
   #paticka {width: 100%;
             height: 80px;
             clear: both;
             padding-top: 30px;
             text-align: center;
             color: silver;
             font-size: 0.7em;
             background-color: rgb(72,72,72);
             border-top: 5px solid gray;
            }               
  /* placky */
  
  .menu {width: 900px;
        margin: auto; 
        }
  
  .menu0 {width: 144px;
         background-image: url('./img_system/placka0.jpg');
         background-repeat: no-repeat;
         float: left;
         text-align: center;
         padding-top: 180px;
         text-decoration: none;
         color: orange;
         font-weight: bold;
         font-family: verdana;
         font-size: 10pt;
         margin-right: 30px;
         }
         
  .menu0:hover {width: 144px;
               background-image: url('./img_system/placka0_hover.jpg');
               background-repeat: no-repeat;
               float: left;
               color: gray;
               }
  
  
  
  .menu1 {width: 144px;
         background-image: url('./img_system/placka1.jpg');
         background-repeat: no-repeat;
         float: left;
         text-align: center;
         padding-top: 180px;
         text-decoration: none;
         color: orange;
         font-weight: bold;
         font-family: verdana;
         font-size: 10pt;
         margin-right: 30px;
         }
         
  .menu1:hover {width: 144px;
               background-image: url('./img_system/placka1_hover.jpg');
               background-repeat: no-repeat;
               float: left;
               color: gray;
               }
               
   .menu2 {width: 144px;
         padding-top: 180px;
         background-image: url('./img_system/placka2.jpg');
         background-repeat: no-repeat;
         float: left;
         text-align: center;
         text-decoration: none;
         color: orange;
         font-weight: bold;
         font-family: verdana;
         font-size: 10pt;
         margin-right: 30px;
         }
         
  .menu2:hover {width: 144px;
               background-image: url('./img_system/placka2_hover.jpg');
               background-repeat: no-repeat;
               float: left;
               color: gray;
               }
               
            
               
               
   .menu3 {width: 144px;
         background-image: url('./img_system/placka3.jpg');
         background-repeat: no-repeat;
         float: left;
         text-align: center;
         padding-top: 180px;
         text-decoration: none;
         color: orange;
         font-weight: bold;
         font-family: verdana;
         font-size: 10pt;
         margin-right: 30px
         }
         
  .menu3:hover {width: 144px;
               background-image: url('./img_system/placka3_hover.jpg');
               background-repeat: no-repeat;
               float: left;
               color: gray;
               }
                                          
  
  .menu4 {width: 144px;
         background-image: url('./img_system/placka4.jpg');
         background-repeat: no-repeat;
         float: left;
         text-align: center;
         padding-top: 180px;
         text-decoration: none;
         color: orange;
         font-weight: bold;
         font-family: verdana;
         font-size: 10pt;
         margin-right: 30px
         }
         
  .menu4:hover {width: 144px;
               background-image: url('./img_system/placka4_hover.jpg');
               background-repeat: no-repeat;
               float: left;
               color: gray;
               }
   .neobtekat {clear: both}
   
   .zdarma1 {font-size: 15pt;
           color: red;
           font-weight: bold}
           
    .zdarma2 {font-size: 15pt;
           color: orange;
           font-weight: bold}
    
    .zdarma3 {font-size: 15pt;
           color: rgb(16,127,240);
           font-weight: bold}  
   
    
   a {color: orange;
       text-decoration: underline}

   a:hover {color: red;}
   
   fieldset {border: 1px solid rgb(255,204,102);
            padding: 5px;
            width: 100%}
	
   fieldset div.pocitadlo {color:rgb(16,127,240);
                 background-color: #EFF3F7;
				 padding: 5px;
				 font-size: 0.9em}
   			
   legend {color: rgb(255,153,27);
          font-size: 0.8em}
          
   .news {width: 100%;
           height: 80px;
           padding: 10px;
           font-size: 1.1em;
           font-weight: bold;
           color: white;
           text-align: center}      
         
    .fotografie img {border: 1px solid black;
                    margin-bottom: 40px;
                    margin-top: 40px}
                    
    .datum {
             color:gray;
             font-weight: normal}