body {
	text-align: center;
	margin: 0px auto;
	background-color: #191919;
}

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

  #header {
    width: 270px;
    height: 98px;
    margin-left: 140px;
  }
   
    #header a {
      width: 0px;
    	display: block;
     	height: 98px;
     	padding-left: 270px;
     	overflow: hidden;
    }
     
    #header h1 {
     	margin: 0px;
     	padding: 0px;
    }
  
  #menu {
    margin-left: 216px;
    margin-top: 30px;
    width: 220px;
    text-align: left;
  }
  
    #menu ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
    }
    
    #menu li {
      width: 200px;
      height: 35px;
      background-image: url(../../include/images/arrow-gray.png);
      background-position: 144px 2px;	
      background-repeat: no-repeat;     
    }
    
    #menu .active-arrow {
      background-image: url(../../include/images/arrow-orange.png);
    }    
    
    #menu a {
      font-family: Arial, Tahoma, Verdana, sans-serif;
      font-size: 15px;
      color: white;
      text-decoration: none;
      font-weight: normal;   
      text-transform: uppercase; 
    }
    
    #menu a:hover {
      text-decoration: none;
      color: #ff6600;      
    }
    
  #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 {
	width: 937px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 20px;
}

  .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, sans-serif;
        font-size: 15px;
        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, sans-serif;
        font-size: 14px;
        color: #f25f27;
        font-weight: normal;
        padding-left: 15px;        
      }
      
      #pannel h4 {
        font-family: Arial, Verdana, Tahoma, sans-serif;
        font-size: 13px;
        color: #f25f27;
        font-weight: normal;
        margin-bottom: 4px;
        padding-left: 15px;        
      }        
  
      #pannel p {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        color: white;
        padding-left: 15px;
      }
      
      #pannel a {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        color: white;
        text-decoration: underline;
      }
      
      #pannel a:hover {
        text-decoration: none;
      }
      
      #pannel .selected {
        color: #f25f27;
      }  
      
      #pannel ul {
        margin: 0px;
        padding-left: 28px;
      }          
      
      #pannel li {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        color: white;
        list-style-image: url(../../include/images/li.png);
        line-height: 1.6em;
      }
      
      #pannel table {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 12px;
        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, sans-serif;
        font-size: 15px;
        color: white;
        font-weight: normal;
        <!-- width: 229px; -->
        width: 249px;
        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, sans-serif;
        font-size: 14px;
        color: #f25f27;
        font-weight: normal;
        padding-left: 15px;        
      }
      
      #content h4 {
        font-family: Arial, Verdana, Tahoma, sans-serif;
        font-size: 13px;
        color: #f25f27;
        font-weight: normal;
        margin-bottom: 4px;
        padding-left: 15px;        
      }        
  
      #content p {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: white;
        padding-left: 15px;
      }
      
      #content a {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: #f25f27;
        text-decoration: underline;
      }
      
      #content a:visited {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: #db3218;
        text-decoration: underline;
      }      
      
      #content a:hover {
        text-decoration: none;
      }       
      
      #content li {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: white;
        list-style-image: url(../../include/images/li.png);        
      }
      
      #content table {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: white;
        border: 0px;
        padding-left: 15px;        
      }
      
      #content td, th {
        border-bottom: 1px solid #494a4b;
        padding: 3px;
      }
      
      #content img {
        border: 1px solid #494a4b;
        margin: 3px;
        padding: 3px;
      }
      
      #content input {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: #bf7c00;
      }
      
      #content textarea {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 13px;
        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, sans-serif;
      font-weight: normal;
      color: #F0F0F0;
      font-size: 12px;
    }
    
    #copyright a {
      font-family: Arial, Tahoma, Verdana, sans-serif;
      text-decoration: underline;
      font-weight: normal;
      color: #F0F0F0;
      font-size: 12px;
    }
    
    #copyright a:hover {
      text-decoration: none;
    } 

.clear {
	clear: left;
}

.spacer {
	height: 20px;
}