body {
	text-align: center;
	margin: 0px auto;
	background-color: #d6d6d6;
  background-image: url(../../include/images/bg-repeat.png);
  background-position: 0px 0px;	
  background-repeat: repeat-x;	
}

.clear {
	clear: both;
}

.spacer {
	height: 20px;
}

div.wow {
  background-image: url(../../data/image/znacky/wow/frame.png);
  height: 171px;
  width: 159px;
  margin: 0px 6px 6px 0px;
  float: left;
}
div.wowimage {
  height: 113px;
  width: 139px;
  margin-left: 10px;
  margin-bottom: 9px; 
  padding-top: 9px;
}

div.wowtext {
  font-family: Arial, Tahoma, Verdana;
  height: 30px;
  width: 139px;
  margin-left: 10px;
  line-height: 1;
}

#site {
	width: 100%;

      background-image: url(../../include/images/bg-new.png);
    background-position: top center;	
    background-repeat: no-repeat;

}

  #center {
  	width: 975px;
  	min-height: 800px;
  margin-left: auto;
  margin-right: auto; 
      text-align: center;   
  }
  
    #top {
    	width: 975px;
    	height: 138px;
      text-align: left;
      background-image: url(../../include/images/top.png);
      background-position: 0px 0px;	
      background-repeat: no-repeat;  
                  margin-left: auto;
  margin-right: auto;
    }
    
      #header {
        width: 270px;
        height: 138px;
        float: left;
      }
       
        #header a {
          width: 0px;
        	display: block;
         	height: 98px;
         	padding-left: 270px;
         	overflow: hidden;
        }
         
        #header h1 {
         	margin: 0px;
         	padding: 0px;
        }

      #menu {
        width: 590px;
        margin-left: 115px;
        margin-top: 68px;
        text-align: center;
        float: left;
      }
      
        #menu ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
        }
        
        #menu li {
          height: 38px;
          float: left;
        }
        
        .li1 {
          width: 72px;
        }
        
        .li2 {
          width: 115px;
        }
        
        .li3 {
          width: 81px;
        }
        
        .li4 {
          width: 68px;
        }
        
        .li5 {
          width: 88px;
        }
        
        .li6 {
          width: 89px;
        }
        
        .li7 {
          width: 76px;
        }                                                
        
        #menu a {
          font-family: Arial, Tahoma, Verdana;
          font-size: 8pt;
          color: white;
          text-decoration: none;
          font-weight: bold;   
          text-transform: uppercase; 
        }
        
        #menu a:hover {
          text-decoration: none;
          color: gray;      
        }
        
      #langs {
        position: relative;
        top: 0px;
        left: 590px;
        width: 400px;


      }
      
        #langs ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
        }
        
        #langs li {
          height: 20px;
          float: left;
          width: 40px;
        }
        
                    
        
        #langs a {
          font-family: Arial, Tahoma, Verdana;
          font-size: 8pt;
          color: white;
          text-decoration: none;
          font-weight: bold;   
          text-transform: uppercase; 
        }
        
        #langs a:hover {
          text-decoration: none;
          color: gray;      
        }        

    #middle {
    	width: 975px;
      background-color: white;
    }
    
      #panelleft {
      	width: 220px;
      	min-height: 650px;
        background-color: #f5f5f5;
        float: left;
      }
      
        #panelleftheader {
          background-color: white;
          text-align: left;
          padding: 20px;
        }
        
          #panelleftheader h2 {
            font-family: Arial, Verdana, Tahoma;
            font-size: 14pt;
            color: #d5358f;
            font-weight: bold;
            margin: 0px;
          }        
        
        #panelleftcontent {
          text-align: left;
          padding: 20px;
        }
        
          #panelleftcontent ul {
            margin: 0px 0px 0px 20px;
            padding: 0px;
            list-style-image: url(../../include/images/li.png);
          }
          
          #panelleftcontent li {

          }
          
          #panelleftcontent a {
            font-family: Arial, Tahoma, Verdana;
            font-size: 9pt;
            color: #565656;
            text-decoration: none;
            font-weight: normal;   
          }
          
          #panelleftcontent a:hover {
            text-decoration: underline;
          }
                  
                 
      #fileName {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        font-weight: normal;
        color: #565656;
        margin-bottom: 10px;
        display: inline;
      }
      #panelcenter {
      	width: 535px;
      	min-height: 650px;
        background-color: white;
        float: left;
      }
      
        #panelcentercontent {
          text-align: left;
          padding: 20px;
          
        }
        
          #panelcentercontent h2 {
            font-family: Arial, Verdana, Tahoma;
            font-size: 14pt;
            color: #d5358f;
            font-weight: bold;
            margin: 0px 0px 20px 0px;
          }
          
          #panelcentercontent h3 {
            font-family: Arial, Verdana, Tahoma;
            font-size: 12pt;
            color: #d5358f;
            font-weight: bold;
            clear: both;
          }
          
          #panelcentercontent h4 {
            font-family: Arial, Verdana, Tahoma;
            font-size: 11pt;
            color: #000000;
            font-weight: bold;
            display: block;
          }
          
          #panelcentercontent img.intext {
            float: left;
            margin-right: 20px;
          }                       
      
          #panelcentercontent p {
            font-family: Arial, Tahoma, Verdana;
            font-size: 9pt;
            color: #565656;
            text-decoration: none;
            font-weight: normal;   
          }
          
          #panelcentercontent th,td {
            font-family: Arial, Tahoma, Verdana;
            font-size: 9pt;
            color: #565656;
            text-decoration: none;
            border-bottom: 1px solid gray;
          }          
          
          #panelcentercontent li {
            font-family: Arial, Tahoma, Verdana;
            font-size: 9pt;
            color: #565656;
            text-decoration: none;
            font-weight: normal;
            margin-left: 16px;
            padding: 0px; 
          }          

          img {
            border: 0px;  
          }
          
          .img {
            padding: 4px;
            margin: 0px 6px 6px 0px;
            float: left;
            border: 1px solid #d5358f;
          }                
      
          #panelcentercontent a {
            font-family: Arial, Tahoma, Verdana;
            font-size: 9pt;
            color: #d5358f;
            text-decoration: none;
            font-weight: normal;   
          }
          
          #panelcentercontent a:hover {
            text-decoration: underline;
          }      
      
      #panelright {
      	width: 220px;
      	min-height: 650px;
        background-color: #f5f5f5;
        float: left;
      }    
      
        #panelrightheader {
          background-color: white;
          padding: 20px;          
        }
        
          #panelrightheader h2 {
            font-family: Arial, Verdana, Tahoma;
            font-size: 14pt;
            color: #d5358f;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0px;            
          }        
        
        #panelrightcontent {
          padding: 20px;
        }               
    
    
    
    #bottom {
    	width: 436px;
    	height: 48px;
      background-image: url(../../include/images/bottom.png);
      background-position: 0px 0px;	
      background-repeat: no-repeat; 
    }
    
      #copyright {
        text-align: left;
        padding-top: 6px;
        padding-left: 18px;
      }
      
        #copyright p {
          font-family: Arial, Tahoma, Verdana;
          font-weight: normal;
          color: #565656;
          font-size: 8pt;
        }
        
        #copyright a {
          font-family: Arial, Tahoma, Verdana;
          text-decoration: underline;
          font-weight: normal;
          color: #565656;
          font-size: 8pt;
        }
        
        #copyright a:hover {
          text-decoration: none;
        }              
  

/*



  

    
  #jquery {
    position: relative;
  	width: 467px;
  	height: 307px;
  	top: -303px;
  	left: 513px;
  }
  
    #jquery ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
    }  
    
    #jquery li {
      margin: 0px;
      padding: 0px;
    }
    
    #jquery img {
      border: 0px;
    }       
  


  .middle-first {
    background-color: #343536;
    background-image: url(../../include/images/bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  
  }
  
  .middle-other {
    background-color: #29292a;
 
  }  

  #pannel {
  	width: 229px;
    text-align: left;
  	float: left;
  	margin-left: 28px;
  	margin-right: 28px;
  	margin-top: 14px;  	
  }
  
    #aktualne {
    	min-height: 238px;
    }  
  
      #pannel h2 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 13px;
        color: #f25f27;
        font-weight: normal;
        width: 229px;
        height: 25px;
        padding-left: 15px;
        text-transform: uppercase;
        padding-top: 8px;              
      }  
  
      #pannel .h2-content1 {
        background-image: url(../../include/images/h2-content1.png);
        background-position: 0px 0px;	
        background-repeat: no-repeat;
        
      }
      
      #pannel .h2-content2 {
        background-image: url(../../include/images/h2-content2.png);
        background-position: 0px 0px;	
        background-repeat: no-repeat;
      }      
      
      #pannel h3 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 10pt;
        color: #f25f27;
        font-weight: normal;
        padding-left: 15px;        
      }
      
      #pannel h4 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 9pt;
        color: #f25f27;
        font-weight: normal;
        margin-bottom: 4px;
        padding-left: 15px;        
      }        
  
      #pannel p {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
        padding-left: 15px;
      }
      
      #pannel a {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #f25f27;
        text-decoration: none;
      }
      
      #pannel a:hover {
        text-decoration: underline;
      }       
      
      #pannel li {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
      }
      
      #pannel table {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
        border: 0px;
        padding-left: 15px;        
      }
      
      #pannel td, th {
        border: 1px solid #f25f27;
        padding: 3px;
      }         
      
      #pannel img {

      }
 
  #content {
  	width: 630px;
    text-align: left;
  	float: left;
  	margin-top: 14px;
  }
  
      #content h2 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 13px;
        color: white;
        font-weight: normal;
        width: 229px;
        height: 25px;
        padding-left: 15px;
        padding-top: 8px;
        text-transform: uppercase;
        background-image: url(../../include/images/h2-content1.png);
        background-position: 0px 0px;	
        background-repeat: no-repeat;             
      }  
      
      #content h3 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 10pt;
        color: #f25f27;
        font-weight: normal;
        padding-left: 15px;        
      }
      
      #content h4 {
        font-family: Arial, Verdana, Tahoma;
        font-size: 9pt;
        color: #f25f27;
        font-weight: normal;
        margin-bottom: 4px;
        padding-left: 15px;        
      }        
  
      #content p {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
        padding-left: 15px;
      }
      
      #content a {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #f25f27;
        text-decoration: none;
      }
      
      #content a:hover {
        text-decoration: underline;
      }       
      
      #content li {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
      }
      
      #content table {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: white;
        border: 0px;
        padding-left: 15px;        
      }
      
      #content td, th {
        border: 1px solid #f25f27;
        padding: 3px;
      }
      
      #content img {

      }
      
      #content input {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #bf7c00;
      }
      
      #content textarea {
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #bf7c00;
        background-color: transparent;
        border: 1px solid #663300;        
      }      
      
      .input {
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid #663300;
      }
      
      .button {
        background-color: transparent;
        border: 1px solid #663300;
        cursor: pointer;        
      }  

#bottom {
	width: 937px;
	height: 101px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  background-image: url(../../include/images/bottom.png);
  background-position: 0px 0px;	
  background-repeat: no-repeat;  
}

  #copyright {
    padding-top: 81px;
    padding-right: 20px;
    height: 20px;
  }
  
    #copyright p {
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      color: #565656;
      font-size: 8pt;
    }
    
    #copyright a {
      font-family: Arial, Tahoma, Verdana;
      text-decoration: underline;
      font-weight: normal;
      color: #565656;
      font-size: 8pt;
    }
    
    #copyright a:hover {
      text-decoration: none;
    }