body {
  color: #000;
   text-align:center; /* center layout in ie5 and 5.5. */
}
#main{background:#00467b url(../img/bg_out.gif) repeat-x 0 0;}
#sub{ background:#00467b url(../img/bg_sub_out.gif) repeat-x 0 0;}

#container {  		background:#fff url(../img/bg_conteiner.jpg) repeat-x 0 0; }
#header    { 			background:#fff url(../img/header_bg.jpg) no-repeat 0 0;}
#subheader { 		background:#fff url(../img/bg_subheader.jpg) 0 0;}
#left_main   { 		background:#fff url(../img/main_bg.jpg) no-repeat 0 0;}
#sub_main  {			background:#fff }
#left_down   { 		background:#fff url(../img/bg_left_down.jpg);}
#left_margin   { 		background-color: black; }
#middle_left { 		background:#fff url(../img/bg_middle_left.jpg); }
#middle_right {  	background:#fff url(../img/bg_middle_right.jpg);}
#right  { 			background:#fff url(../img/bg_right.jpg); }
#footer { 			background-color: #106fa4; } 
#footer_up{  		background:#fff url(../img/footer_bg.jpg);}
#menu    { 			background-color: #ccddff; }
#submenu { 			background-color: #fff5a1; }

#container_sub {  /*background:#fff url(../img/bg_conteiner.gif) repeat-x 0 0;*/ }
#subheader_sub {		background:#fff url(../img/bg_subheader.jpg) 0 0;}
#middle_content{ 	background: url(../img/sub_bg_mid.png) repeat-y 0 0;}
#content_header{	background:#035e9c url(../img/sub_bg_header.gif) repeat-x 0 0}
#content_main{		background:#035e9c url(../img/sub_bg_main.gif) repeat-x 0 0}
#content_footer{	background:#00467b url(../img/sub_bg_footer.gif) repeat-x 0 0;}
#sub_middle_left { 	background:#fff url(../img/sub_bg_middle_left.jpg); }
#sub_middle_right{	background:#fff url(../img/sub_bg_middle_right.jpg);}

#container, #header,#header_left, #subheader,#left_margin, #left_up,#left_down,#middle_left,#margin_right, #right, #footer,#footer_up , #menu, #submenu,
#subheader_sub, #container_sub,#left_sub,#right_sub,#content_header,#content_main,#content_footer{
  margin: 0;
  padding: 0;
}
#container {
  width: 960px !important;
  margin: 0 auto 0px auto;
  text-align: left;
  position: relative;
}
#container_sub {
  width: 960px !important;
  margin: 0 auto 0px auto;
  text-align: left;
  position: relative;
}
.clear{clear:both;}
.pngfix{}  /*for png fix ie6*/
/* ======================  END OF COMMON ======================================*/


/* ============================= HEADER =======================================*/


		
		#header{
		/*	float:left; /*floating the div lets it contain the floated list items so the background displays behind them*/
			width:960px; /*width is necessary for the float*/
		/*WWbackground:url(../img/menu_bg_out.png) center top no-repeat; /*sets the one header image as background*/
			height:50px;
		}
		#header ul{
			padding-top:15px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
			margin-left:23px;
		}
		#header ul li{
			display:inline; /*extra step to get IE to display link list horizontally*/
		}
		#header ul li a{
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; /*the key to making the list horizontal*/
			width:100px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			font-size:12px;
			font-weight:bold;
			font-family:verdana;
			
		}
		
		#header ul li a:link, #header ul li a:visited{text-decoration:none;color: #b1b2b3}
		#header ul li a:link:hover, #header ul li a:visited:hover{color: #717273;background:url(../img/menu_bg_over.png); } 
		#header ul li.current a{color: #717273;background:url(../img/menu_bg_over.png); } 
		
		
			
		
/* ==================================   TRESC ======================================= */

#left_main {
  float: left;
  width: 960px;
  height: auto !important;
  height: 345px; /* IE */
  max-height:345px;
  min-height: 345px;
  display: inline;
 
 /* margin-left:50px;*/
   
}

.main_title{
	position: relative;
	left:165px;
	bottom:225px;		  
}

.main_text{
font-family:Arial;
color:#fff;
font-weight:bold;
text-align: justify;
font-size:13pt;

}

#main_text_box{

    width: 260px;
    height: 262px;
    position: absolute;
	z-index:3; 
	left:600px;
	top:270px;
	max-height:150px;	 
	font-family:Verdana;
	color:#fff;
	font-weight:bold;
	text-align: justify;
	font-size:10pt;

}
#main_text_box_wide{

    width: 300px;
    height: 262px;
    position: absolute;
	z-index:3; 
	left:600px;
	top:270px;
	max-height:150px;	 
	font-family:Verdana;
	color:#fff;
	font-weight:bold;
	text-align: justify;
	font-size:10pt;

}

.locate{
	padding-bottom:15px;

}
.arrow_r{
	padding-bottom:10px;
}

.main_ul{
			padding-top:10px;
			padding-left:0px;
			padding-bottom:0px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.main_ul li{ 	 
			height:20px; 
			border:none;
			font-family:Verdana;
			color:white;
			font-weight:bold;
			font-size:10pt;
		}
	
	
/* ---------------- SUB MAIN -------------------------*/
#sub_main{

  float: left;
  width: 960px;
  height: auto !important;

  display: inline;
  padding-bottom:20px;
  
}
.sub_main_ul{
			padding-top:30px;
			padding-left:17px;
			padding-bottom:1px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.sub_main_ul li{ 
			display:inline; 
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; 
			padding-left:0px;
			width:230px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			height:330px;
			border:1px solid #a5abae;
		
			}
			
.sub_main_ul_elounda{
			padding-top:30px;
			margin-bottom:170px;
			padding-left:250px;
			padding-bottom:1px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.sub_main_ul_elounda li{ 
			display:inline; 
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; 
			padding-left:0px;
			width:230px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			height:165px;
			border:1px solid #a5abae;
		
			}		
.sub_main_ul_gallery{
			padding-top:30px;
			padding-left:17px;
margin-bottom:200px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.sub_main_ul_gallery li{ 
			display:inline; 
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; 
			padding-left:0px;
			width:230px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			height:165px;
			border:1px solid #a5abae;
		
			}	
			
.sub_top {
	margin-top:4px;
	font-family:Verdana;
	color:#0e7ab8;
	font-weight:bold;
	
	font-size:10pt;
}

.sub_below{
	padding-top:340px;
	margin-left:180px;
	padding-bottom:20px;
	width:600px;
	text-align:center;
	font-family:Verdana;
	color:#0e7ab8;
	font-weight:bold;
	
	font-size:10pt;
}
.sub_text{
	margin-top:20px;
	margin-left:100px;
	margin-right:100px;
	padding-bottom:20px;
	
	text-align:center;
	font-family:Verdana;
	color:#0e7ab8;
	font-weight:bold;
	
	font-size:10pt;
}

.sub_price{
			padding-top:5px;
			padding-left:0px;
			padding-bottom:0px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.sub_price li{ 
			 
			 /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			height:20px; 
			border:none;
			font-family:Verdana;
			color:#0e7ab8;
			font-weight:bold;
			font-size:10pt;
		
		
			}
			
.sub_ul{
			padding-top:10px;
			padding-left:15px;
			padding-bottom:0px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
		}
		.sub_ul li{ 	 
			height:20px; 
			border:none;
			font-family:Verdana;
			color:#0e7ab8;
			font-weight:bold;
			font-size:10pt;
		}
.sub_link{
color:orange;

}			
			
.arrow_r_small{
	padding-top:2px;
}

.sub_tn{
margin-top:20px;

border:7px solid #0e7ab8;
}
	

#footer_up {
  float: left;
  width: 960px;
  height: auto !important;
  height: 450px; /* IE */
  min-height: 451px;
  display: inline;
 
}
	
		#footer_up ul{
			padding-top:10px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		#footer_up ul li{ 
			display:inline; 
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; 
			padding-left:120px;
			width:200px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			
			}
		#footer_ups ul{
			margin-top:40px;
			list-style-type:none; /*removes bullets from the list*/
			text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
		}
		#footer_ups ul li{ 
			display:inline; 
			display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
			float:left; 
			height:auto;
			width:210px; /*set to the width of each button part of the image, make sure the combined width doesn't exceed the total width of the header*/
			
			color:#bcb7b2;
			font-family:Arial;

			text-align: justify;
			font-size:12pt;
			padding-left:40px;
			padding-right:70px;
			}
		.img_right{
			float:right;
			}
		.img_left{
			float:left;
		}
		.br_footer{	margin-bottom:20px;	}
		
		.footer_logos{margin:5px 50px 0 40px}
		.footer_logos img{margin:2px 0px 0 0px}
		.footer_links  {text-decoration:none;color: white !important; }
		.footer_links  {text-decoration:none;color: white;}
		.footer_kont {margin:4px 0px 0px 0px}
#footer_bottom{
float:left;
width:954px;
min-height:50px;

border:3px solid #a5abae;
text-align:right;
}

#footer {
  clear: both;
  width: 964px;
  height: 20px;
}
		


.orange_right{color:orange;text-align: right;}
.blue_text{	
	padding-left:15px;
	text-align:left;
	font-family:Verdana;
	color:#0e7ab8;
	font-weight:bold;
	
	font-size:10pt;

/
/* ----======== IMG REPLEACEMENT ============----------*/

h2.replaceTropez{
				height: 17px;
				background: url(../img/replaceTropez.png) no-repeat;
			}
h2.replaceAtrakcje {
				height: 17px;
				background: url(../img/replaceAtrakcje.png) no-repeat;
			}
h2.replaceVodice {
				height: 17px;
				background: url(../img/replaceVodice.png) no-repeat;
			}
h2.replaceWypoczynek {
				height: 17px;
				background: url(../img/replaceWypoczynek.png) no-repeat;
			}
h2.replaceTropez  span {display: none;}
h2.replaceAtrakcje span {display: none;}
h2.replaceVodice span {display: none;}
h2.replaceWypoczynek  span {display: none;}

h1#replace2{
				height: 35px;
				background: url(../img/oferta.png) no-repeat;
			}
h1#replace2 span {
				display: none;
			}