/* DEFAULTS
----------------------------------------------------------*/

body   
{     background: #eee url(../images/flou.jpg);
    background-position: top center;
    background-repeat  : no-repeat;     
     font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}




/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #abcabc;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 2.6em;
    font-size : 35px;
}

h2, tr
{
    font-size: 1.5em;
    font-weight: 600;
    font-variant:  normal;
}

h3
{
    font-size: 1.2em;
}

h4
{
    text-align :center;
    font-size: 0.9em;
    color : #c00;
    background-color : #eee;
    font-weight: 700;
    font-variant:  normal;
}

h5, h6
{   text-align :center;
    font-size: 0.9em;
    color : #666;
    font-weight: 700;
    }


em
{   color: #c00;
    font-weight: 700;
    }
    
 
 #lettrine
{   background-color : #abf;
    }   
    
 .style1 
 {   font-family: Segoe Print;
     font-size : 22px;
     font-variant: normal;
     color : #c00;
       }   
       

.kudowaZdroj
{  font-size : 22px;
   font-weight: 700;
   color : #888;
    }

.pl, .fr, .gb {
   margin : 10px;
   float : left;
}	
	
#centre {
margin-top : 15px;
}	

.tel {font-size : 21px;
      color : red;
	  margin-left :  30px;
      line-height : 44px;
      font-weight : 900;
  } 
  
.price {
position : relative;
left : 10px;
top : 10px;
float : left;
margin-right : 20px;
}  

#tel 
{  float : left;
   width : 300px;
   padding-left : 50px;
   font-size : 20px;
   color : #900;
   font-weight: 700;
   }
   
#contenerFoto {
	 float : left;
	 width : 350px;
	 height : 220px;
}   
 
 .actif{
 z-index : 10;
 }
 
 .inactif{
 z-index : 0;
 }
 

 

#img2, #img3  {
 float : left;
  width : 120px;
	 height : 100px;
	 margin : 10px 10px 0px 10px;
	 }

	 
.sauna {
	 font-size : 19px;	
	color : #999;
    margin-top : 15px;
	}

.nature {
font-size : 16px;
}
	
#sloganImage{
      float : left;
      width : 190px;
      height : 220px;
	  overflow: hidden;
}	

 
#slogan1, #slogan2, #slogan3 { 
      width : 170px;
	 height : 215px;
     border-left : 1px solid #ccc;
	 padding : 5px 10px 0px 10px;
	background : #b01c41; 
    font-size : 20px;	
	color : #fff;
	 }
	 

	 
#doubleFoto1 {
float : left;
width : 240px;
height : 100px;
margin-bottom : 5px;
}

#doubleFoto2 {
float : left;
width : 240px;
height : 100px;
}	 

	 
	
	
#testImage 
{  width : 100%;
   height : 220px;
   margin : -10px 0px 0px 0px;
   padding : 1px 0px 5px 1px;
   border : 4px solid #ccc; 
   background : #fff;
   overflow: hidden;
   }
	

    
  #imageKudowa 
  { float : left;       
   width : 243px;
   height : 130px;
   margin : 0px 5px 0px 5px;
   border : 5px solid #aaa; 
      }  

.date { margin-left : 15px;
       font-size   : 16px;     
     }
	  
.doba 
{  font-size   : 14px;
    margin-left : 62px;
    }
    
.titleCennik 
{   font-size   : 22px;
    font-weight: 700;
    margin : 20px 0px 8px 100px;
    
    }    
    
#stop1, #stop2 
{   float : left;
    font-size   : 15px;
    margin-left : 62px;
    line-height: 30px;
    width : auto;
    }    

.blason
{  float :right;
   position : relative;  top : -10px; right : 100px; 
    }
        
#animFoto {
    float : left;
	width : 100%;
}    
.presentation 
 {  padding-top : 5px;
    font-size   : 16px;
    line-height: 25px;
	width : 780px ;
    text-align : center;
	}   
     
#fotoBig {      height : 300px;
               width  : 530px;
               margin-left:auto;
               margin-right:auto;
               }     


.validator {
   float : left;
}  
  
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{   width: 810px;
    height: auto;
    background-color: #ffd;
    margin: 20px auto 0px auto;
}

.header
{   margin: 0px;
    padding: 0px;
    background-color: #fff;
    width: 100%;
 
	}

.header h1
{   border-style: none;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #444;
    line-height: 2em;
    font-size: 38px;
    height: 86px;
}

.main
{   clear : both;
    margin: 1px 16px 0px 8px;
    min-height: 420px;
    font-size: x-large;
}


.footer
{   background : #fff;
    border-top : 5px solid #aaa;
    color: #777;
    width : 810px;
    padding: 8px 0px 10px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    font-weight : 700;
}


/* TAB MENU   
----------------------------------------------------------*/

#bandeau { 
           background-color : #3a4f63;
           height : 44px;
           width : 100%;
		   }

ul
{   display : block;
    list-style: none;
    margin: 0;
    padding: 10px 0px 4px 8px;
    width: auto;
    font-size: 1.3em;
    font-weight: 700;
}		   
		   
		   
#nav li {     display : inline;
            color: #fff;
            line-height: 1.35em;
	    }

#nav a:link, #nav  a:visited {
     color:#fff;
     text-decoration: none;
	 background-color: #465c71;
     border: 1px #4e667d solid;
     color: #fff;
     line-height: 1.35em;
     padding: 4px 20px;

	 }

#nav a:hover {   background-color: #bfcbd6;
                color: #465c71;
	 }

#nav a:active {
	    background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}

----------------------------------------------------------*/

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}