*{
	padding:0;
	margin:0;
	}


body {  
    margin:0px auto; padding:0px;  
    background:url(chmurki_tlo.jpg) repeat-y black;
    background-position:center;
 }  
 
 

 #main {  
        background-image:url(grafika/images/chmurki02.jpg);
	    background-position:center;
		background-position:top;
     	background-repeat:no-repeat;
        
	margin-left:auto;
        margin-right:auto;
        height:774px;
 }  
 
/*#logo{  background-image:url(grafika/logo.png);
	    background-position:center;
     	background-repeat:no-repeat; 
        margin-left:auto;
        margin-right:auto;
		
		width:526px;
		padding:20px 0px 20px 0px;
}   */

/*LOGO STYLES*/
	 
	#logo {
	/*float: left; /*floats the logo to the left of our container*/
	/*height: 90px; /*height of our logo image*/
	margin-left:auto;
    margin-right:auto;
	/*margin-top:-60px;*/
	padding:80px 550px 0px 0px;
	display:block;
	width: 450px; /*width of our logo image*/
	background-image: url(grafika/logo.png); /*our logo image set as a background*/
	background-repeat: no-repeat; /*logo image wont repeat*/
	background-position:bottom left;
	}
	 
	#logo h1 {
	/*text-shadow: 3px 3px 5px red;*/
	margin:0px;  
    display:block;  
    text-indent:-9999px;
	color:orange;
	text-transform: uppercase; /*transforms text into capital letters*/
	font-size: 30px; /*font size*/
	font-weight: bold; /*font weight*/
	margin-top: 15px; /*margin above the text*/
	margin-left: 40px; /*margin left side of the text*/
	}
	 
	#logo p {
	margin:0px;  
    display:block;  
    text-indent:-9999px;
	font-size: 12px; /*slogan font size*/
	font-weight: bold; /*slogan bold*/
	float: right; /*floats slogan to the right*/
	margin-right: 50px; /*margin right side of the slogan*/
	}

 #reklama {
	/*float: left; /*floats the logo to the left of our container*/
	/*height: 90px; /*height of our logo image*/
	position: absolute;
	margin-left:780px;
	margin-top:40px;
        margin-right:auto;
	/*margin-top:-60px;*/
	padding:100px 10px 0px 0px;
	display: block;
	width: 330px; /*width of our logo image*/
	background-image: url(grafika/kontakt.png); /*our logo image set as a background*/
	background-repeat: no-repeat; /*logo image wont repeat*/
	background-position:bottom right;
	}
  
  
 
 #header {
	padding:15px 0px 20px 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:995px;
	float: none;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	}


#opis {  
    background-image:url(grafika/footer/tlo_opisu.png);
    position:relative;
	z-index:1;
	background-repeat:repeat-y;
	width:999px;
	padding-right:4px;
	padding-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-10px;
	font-size:15px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	
  }
  
#opis p{
    margin-left: 20px;
	margin-right: 20px;
	padding:0px 10px 5px 20px;
	line-height: 30px;
	}

#kalendarz img{
	/*background-image:url(kalendarz_rezerwacji_2018.jpg);*/
    display:block;
    margin:0 auto;
    width:850px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
	margin-bottom:40px;
	font-size:25px;
	text-align:center;
	font-family:Georgia, Arial, Helvetica, sans-serif;
}

.localization{  
      		  
    margin-left: 80px;
	margin-right: 10%;  
	text-align:justify;
  	line-height:21pt;
    color:#333333;
    font-style:oblique;
    font-size: 13pt;
    font-family: Georgia, Verdana, Tahoma, Arial;
    text-decoration:none;
   	
}






/* RAMKA  POD  OPISEM */
#ramka_g{
    background-image:url(grafika/ramka_opisu/images/ram_g.png);
    position:relative;
	background-repeat:no-repeat;
	width:942px;
	height:15px;
	margin-left: auto;
	margin-right: auto;
	
	
}

#ramka_s {
    background-image:url(grafika/ramka_opisu/images/ram_s.png);
    position:relative;
	background-repeat:repeat-y;
	width:942px;
	margin-left: auto;
	margin-right: auto;
	
	
	/*padding-top:70px;
	padding-bottom:70px;*/
	
	}
#ramka_s p{  
    /*background-image:url(grafika/vlinia/vline_s.png);
	background-repeat:repeat-y;
	
	background-position:640px;
    padding-left:100px;*/
    padding-right:100px;		  
    margin-left: auto;
	margin-right: 25%;  
	text-align:justify;
  	line-height:21pt;
    color:#333333;
    font-style:oblique;
    font-size: 13pt;
    font-family: Georgia, Verdana, Tahoma, Arial;
    text-decoration:none;
   	
}

#ramka_d {background-image:url(grafika/ramka_opisu/images/ram_d.png);
	position:relative;
	background-repeat:no-repeat;
	width:942px;
	height:12px;
	margin-left: auto;
	margin-right: auto;

}


/* KONIEC  RAMKI  */


/* ############################### Z D J _ C I A ###################################### */
#mini_foto1{
	 
	 width:900px;
	 float: none;
	 position:relative;
	 margin:0px 30px 0px 100px;
	 display:block;

}

#mini_foto1 img{
	 border:0;
	 padding:5px;
	 background-color:white;
	 margin:5px 0px 5px 0px;
  clear:both;
}




/* ############################ Koniec Z D J _ C I A #################################### */



/* #############################  PIONOWA   LINIA #####################################3 */

#vline_g {background-image:url(grafika/vlinia/vline_g.png);
    background-repeat:no-repeat;
	width:5px;
	height:94px;
	float:right;
	margin-right:297px;
	margin-top:-80px;
} 
 #vline_s {background-image:url(grafika/vlinia/vline_s.png);
	background-repeat:repeat-y;
	width:5px;
	height:10px;
	}

 #vline_d {background-image:url(grafika/vlinia/vline_d.png);
	background-repeat:no-repeat;
	width:5px;
	height:77px;
	float:right;
	margin-right:297px;
 }




/* ############################ END  PIONOWA LINIA ##################################### */







#footer {
	background-image:url(grafika/footerFace.png);	
	height:114px;
	position:relative;
	z-index:7;
	background-repeat:no-repeat;
	padding-right:3px;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	
	/*background-position:bottom;*/
}

#footer b {  display:block;
	     line-height:15pt;
             color:#dadada;
             font-style:normal; 
	     font-size: 10pt;
	     font-family:Verdana, Tahoma, Arial;
	     text-decoration:none;
 
}

#footer .lewa  {
 margin-top:15px;
 width: 30%;               /* określa szerokoś_ kolumny=40% strony */
 text-align: left;      /* określa wyrównanie tekstu na wyjustowany */
 float: left;            /* umieszcza kolumn_ tekstu po lewej stronie */
 padding-right: 0.5cm;     /* odleg_oś_ od "obwódki" tekstu z prawej strony (0.8cm) */
 /*border-right: solid thin; /* określa ramk_ po prawej stronie na ciąg_ą-cienką */
 margin-left: 1.5cm;         /* gruboś_ marginesu po lewej stronie=1cm */
 color:white;
 font-family:Verdana, Tahoma, Arial;
 text-decoration:none;
 font-weight: bold;
}
#footer .prawa b {
 margin-top:55px;
 width: 50%;
 text-align: right;
 font-size: 8pt;
 float: right;        /* umieszcza kolumn_ po prawej stronie */
 padding-left: 0.5cm; /* odleg_oś_ od obwódki tekstu z lewej strony (0.8cm) */
 margin-right: 40px;   /* margines po prawej stronie=1cm */
 color:white;
 font-family:Verdana, Tahoma, Arial;
 text-decoration:none;
} 



#stat4u
{	margin-top:160px;
 	margin-left:600px;
	margin-right:0px auto;
	position:absolute;
	margin-bottom:5px;
	  
 	
	}


#polonina
{background-image:url(grafika/images/polonina.png);
	margin:0;
	padding:0;
	position:relative;
	z-index:8;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:30px;
	width:100%;
	height:190px;
	margin-left: auto;
	margin-right: auto;
	
	}


/*#####################################################################################*/



ul#topnav {
	list-style: none;
	float: left;
/*	width: 995px;  */
	
}


ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}


ul#topnav a {		
	
/*	float: left;  */
	display: block;
	height: 72px; /*--Specify height of navigation--*/
	background-position: bottom;
	} 


/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: center -87px;
	border:0;
}
/*--Assign an image and width to each link--*/
ul#topnav li.index a {
	background-image: url(grafika/menu/witamy.png);
	width: 226px;
    position:relative;
	z-index:3;
	border:0;
}
ul#topnav li.odomku a {
	background-image: url(grafika/menu/o_domku.png);
	width: 180px;
    position:relative;
	z-index:4;

}
ul#topnav li.lokalizacja a {
	background-image: url(grafika/menu/lokalizacja.png);
	width: 180px;
	position:relative;
	z-index:5;
}
ul#topnav li.rezerwacja a {
	background-image: url(grafika/menu/rezerwacja.png);
	width: 180px;
    position:relative;
	z-index:6;

}
ul#topnav li.polecamy a {
	background-image: url(grafika/menu/polecamy.png);
	width: 229px;
    position:relative;
	z-index:7;

}


#index li.index a, /*--Home Page > Home Link--*/
#odomku li.odomku a, /*--About Page > About Link--*/
#lokalizacja li.lokalizacja a, /*--Services Page > Services Link--*/
#rezerwacja li.rezerwacja a, /*--Portfolio Page > Portfolio Link--*/
#polecamy li.polecamy a /*--Contact Page > Contact Link--*/
{
  	background-position: top center;
	height: 80px;
	
    }
ul#topnav li.rezerwacja a{
line-height:23px;
}

#index a, #odomku a, #lokalizacja a, #rezerwacja a, #polecamy a{
  text-align:center;
  line-height:72px;
  color:black;
  font-style:oblique;
  font-size: 15pt;
  font-family: Georgia, Verdana, Tahoma, Arial;
  text-decoration:none;   

}



small{font-size:11px;
line-height:11px;
display:block;

  
}

tt{  color:black;
	  font-style:oblique;
	  font-size: 14pt;
	  font-family: Georgia, Verdana, Tahoma, Arial;
	  text-decoration:none;   
  
}	
table{margin-left: auto;
	margin-right: auto;
  
}

i{color:black;
	  font-style:normal;
	  font-size: 13pt;
	  font-family: Georgia,Verdana, Tahoma, Arial;
	  text-decoration:none;   
  
}

#miech{background-image: url(grafika/tabela/miech.png);
	width: 300px;
	height:44px;
	margin-bottom:4px;
	position:relative;  
  text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#kal_free{background-image: url(grafika/tabela/free.png);
	background-position:center;
	background-repeat:no-repeat;
	/*width: 41px;
	height:35px;*/
	width: 37px;     /*Dotyczy free.png*/
	height:32px;
	margin:2px;
	position:relative;  
  text-align:center;
	margin-left: auto;
	margin-right: auto;
  font-size: 13pt;
	font-family: Georgia,Verdana, Tahoma, Arial;
}

#kal_przy{background-image: url(grafika/tabela/przy.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 37px;
	height:32px;
	margin:2px;
	position:relative;  
  text-align:center;
	margin-left: auto;
	margin-right: auto;
 }

#kal_rez{background-image: url(grafika/tabela/zaj.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 37px;     
	height:32px;
	margin:2px;
	position:relative;  
  text-align:center;
	margin-left: auto;
	margin-right: auto;
  
  
}

#kal_przy,#kal_rez,#kal_wy dfn{
  color:white;
  font-weight:bold;
	font-size: 13pt;
	font-family: Georgia,Verdana, Tahoma, Arial;
	}


#kal_wy{background-image: url(grafika/tabela/wy.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 37px;    
	height:32px;
	margin:2px;
	position:relative;  
  text-align:center;
	margin-left: auto;
	margin-right: auto;
 
}

#legenda i{color:black;
	position:relative;  
  	margin-left: 3px;
	/*margin-right: 20px;*/
	vertical-align: middle ;
	font-style:normal;
	  
		font-size: 11pt;
	  font-family: Georgia,Verdana, Tahoma, Arial;
	  text-decoration:none;   
	}

#legenda img{
  vertical-align: middle ;
  margin-left: 40px;
	margin-right: auto;
	text-align:center;
}

#miesiace {background-image: url(grafika/tlo_kal3_bp.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 315px;    
	height:315px;
	padding:5px 0px 0px 0px;
	
	margin:0px;
	position:relative;  
    text-align:center;
	margin-left: auto;
	margin-right: auto;  
}

#regulamin{  
    margin-top:40px;
	background-repeat:repeat-y;
	width:970px;
	padding-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	font-size:15px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-style:oblique;
  }

#regulamin h2{
  color:#333333;
  text-align:center;
  padding:10px 0px 15px 0px;}


#regulamin p{
  font-weight:normal;
  margin-left: 40px;
  margin-right: 10px;
  padding-bottom:20px;
  text-align:justify;
}

#regulamin b{
  font-weight:bold;
  margin-left:0px;
  margin-right: auto;
    
}

#face-slider{
	position:fixed; /*sprawia że slider jest widoczny w stałym miejscu przeglądarki, nie przewija się wraz ze stroną, a pozostaje w miejscu*/
	right:-302px; /*pozycjonuje slider poza widoczny obszar okna przeglądarki, efekt schowania*/
	top:190px; /*pozycjonuje slider 190px od góry okna przegladarki*/
	z-index:100; /*po wyjechaniu, otworzeniu się slidera, jego okno ma być ponad wszystkimi innymi warstwami - na samej górze*/
}
#face-slider #tab{
	cursor:pointer; /*zmienia domyślny kursor na wskazującą rączkę - tylko efekt wizualny*/
	height:110px; /*wysokość diva, będącego zakładką, również wysokość grafiki*/
	width:35px; /*szerokość widocznej zakładki, również szerokość grafiki zakłądki*/
	float:left; /*przyleganie do lewej krawędzi kontenera slidera*/
	background: url(/facebook-slider.png) no-repeat center center; /*/ustawia tło zakładki na naszą grafikę*/
}
#face-code{
	padding:5px; /*definiuje odstęp od krawędzi kontenera pluginu Facebooka*/
	border: solid #0170cf 3px; /*ustawia ładną niebieską ramkę dookoła widgetu Facebooka*/
	background: #fff; /*ustawia białe tło pod pluginem Facebook*/
	float:left; /*przyleganie do lewej, czyli ma przylegać do kontenera zakładki*/
	width:286px; /*szerokość */
	height:296px; /*wysokość*/
	-moz-border-radius: 0 0 0 8px; /*zaokrągla lewy dolny róg*/
	-webkit-border-radius: 0 0 0 8px; /*zaokrągla lewy dolny róg*/
	border-radius: 0 0 0 8px; /*zaokrągla lewy dolny róg*/
}

.odwrotnosc {
	unicode-bidi: bidi-override;
	direction: rtl;
	
}

#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925; 
}