/* CSS Document */


@import url('yui-reset.css');
*{border: 0px solid #eee;margin:0;padding:0;list-style:none}

body{
    font-family: Georgia, "Times New Roman", serif; 
    background-color: #3B5085;
    font-size: 10px;
    font-style: italic;
    text-align: center;
    color: #000;
     }
    
#calosc1,#calosc2,#calosc3,#calosc4,#calosc5 { 
    position: relative;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 5;
    border: 30px solid white;
    }
    
#calosc1 {
    width: 1024px;
    height: 600px;
    background-image: url(img/foto1.jpg);
    background-repeat: no-repeat;
    }    
 
#calosc2 {
    width: 1024px;
    height: 600px;
    background-image: url(img/foto2.jpg);
    background-repeat: no-repeat;
    }
    
#calosc3 {
    width: 1024px;
    height: 600px;
    background-image: url(img/foto3.jpg);
    background-repeat: no-repeat;
    
    }        
    
#calosc4 {
    width: 1024px;
    height: 600px;
    background-image: url(img/foto4.jpg);
    background-repeat: no-repeat;
    }        
    
#calosc5 {
    width: 1024px;
    height: 600px;
    background-image: url(img/foto5.jpg);
    background-repeat: no-repeat;
    }        
    
.bg {
	 width: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -1;
  overflow:hidden
   }

#tablica {       
    position: absolute;
    top: 0px;
    left: 500px;
    z-index: 9;
     }
    
#box {
    height: 310px;
    width: 220px;
    position: absolute;
    top: 190px;
    left: 135px;
    z-index: 11;
    }
    
#logo {
    width: 200px;
    height: 48px;
    position: absolute;
    top: 10px;
    left: 13px;
    }    
    
#text {
	  width: 220px;   
    height: 250px;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 14;
    }


#powitanie {   
    font-size: 11px; 
    padding: 10px 15px 1px 15px;
    }
    
#galeria {
    position: absolute;
    top: 510px;
    left: 0px;
    width: 560px;
    height: 90px;
    }
   
table.galeria{
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    table-layout: fixed;
    text-align: center;
    }
    
img.galeria { border: 5px solid white;
    }
a:link,a:visited {
    color: #0066ff;
    text-decoration: none;
    }    
a:hover {
    color: #cc3333;
    text-decoration: none;
    }
    
.picasa {
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0px;
    font-size: 11px;
    color: #0066cc;
    text-align: center;
    z-index: 16px;
     }
a.picasa:link, a.picasa:visited, a.picasa:hover{      
     text-decoration: underline;}
a.picasa:hover{      
     text-decoration: underline;
     color: #cc3333;}

#mapa {
    width: 195px;
    height: 235px;
    position: absolute;
    top: 70px;
    left: 13px;
    }


#menu {
    position: absolute;
    top: 518px;
    left: 105px;
    font-style: normal;
    text-align: center;
    word-spacing: 7px;  
    }
    
#menu ul{}
     
#menu li {    
    display: inline;
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;   
    letter-spacing: 2px; 
    }      
    
#menu a:link, #menu a:visited {
    color: #300;
    text-decoration: none;
    }    
       
#menu a:hover {
    color: #ff8c00;
    text-decoration: none;
    }

#oferta{text-align: left;
    padding: 5px 10px 5px 20px;
        }
           
#oferta ul{padding-top: 5px;}
     
#oferta li {   
    font-style: italic;
    list-style-type: none;
    }      

#okolica {
    text-align: left;
    padding: 5px 15px 1px 15px;}

#okolica ul{}
#okolica li{
    font-size: 11px;
    line-height: 20px;
    }    

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

#okolica a:hover {
    color: #0066cc;
    text-decoration: none;}  
    
#kontakt {
    width: 295px;
    height: 347px;
    }
#footer{
    width: 1024px;
    height: 40px;
    position: absolute;
    top: 605px;
    left: 0px;
    font-size: 14px;
    color: #336633;
   }   

#footer a:link,#footer a:visited  {
    color: #0066ff;
    text-decoration: none;
    }     

#footer a:hover {
    color: #cc3333;
    text-decoration: none;
    } 
#stworek {
   font-size: 12px;
   position: absolute;
   top: 2px; 
   left: 780px;
    }
        
#stworek a:link,#stworek a:visited{
    color: #336633;
    text-decoration: none;
    }

#stworek a:hover {
    color: #669900;
    text-decoration: none;
    }