/* @override 
	http://projekty.true.pl/dreamholiday/true/style.css
	http://www.dreamholiday.com.pl/true/style.css
	http://dreamholiday.com.pl/true/style.css
	http://localhost:8888/dreamholiday/true/style.css
*/

@import url("reset.css");

body { 
	background: #94d2da url(img/tlo.png) repeat-x center 0; 
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	margin: 0 0 30px;
}
div#gora { 
	height: 113px; 
	position: relative;
}
div#gora div.opakowanie { 
}
div#gora img#tytul { 
	position: absolute;
	top: 0;
	left: 0px;
}
div#gora img#tytul2 { 
	position: absolute;
	top: 0;
	left: 324px;
}

div#gora img#tytul3 { 
	position: absolute;
	top: 0;
	left: 500px;
}

div#gora div#slogan1 { 
	position: absolute;
	top: 45px;
	right: 0px;
	color: #007883;
	font-size: 14px;
	font-weight: bold;
	width: 250px;
}
div#slogan2 { 
	width: 950px;
	margin: 20px auto;
	text-align: center;
	color: #fff; 
	line-height: 1.5em;
}
div#slogan2 em { 
	padding: 2px 4px;
	background: url(img/slogan_tlo.png); 
}

div.opakowanie { 
	width: 950px;
	margin: 0 auto; 
	position: relative;
}
div#srodek { 
	width: 100%;
	overflow: hidden;
}
img#clubmed_logo, img#sandals_logo { 
	display: none;
}
.clubmed div#srodek div.opakowanie img#clubmed_logo { 
	position: absolute;
	display: block;
	left: -90px;
}
.sandals div#srodek div.opakowanie img#sandals_logo { 
	position: absolute;
	display: block;
	left: -100px;
}
div.clear, hr.clear, hr { 
	clear: both;
	display: block;
	color: #fff;
	border: 0px;
	background: #fff;
	line-height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}

a {
	color: #33688f;
	text-decoration: underline;
}

a:hover {
	color: #1f4058;
	text-decoration: underline;
}

/* @group Menu */

div#menu { 
	width: 950px;
	margin: 0 auto 20px;
	height: 49px;
}
div#menu ul { 
	top: 0;
	right: 0;
}

div#menu ul li { 
	float: left;
	display: inline;
	background-repeat: repeat-x;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	height: 49px;
	margin-right: 1px;
	position: relative;
	overflow: hidden;
}
div#menu ul li.last {
	margin-right: 0;
}
div#menu ul li p,
div#menu ul li a {
	color: #fff;
	font-weight: bold;
	height: 36px;
	line-height: 12px;
	display: block;
	margin: 0;
	padding: 12px 25px 0;
	text-align: center;
	position: relative;
	z-index: 999;
	text-decoration: none;
}
div#menu ul li.niski p,
div#menu ul li.niski a {
	height: 30px;
	padding: 18px 25px 0;

}


div#menu ul img {
	width: 100%;
	height: 49px;
	position: absolute;
	top: 49px;
	left: 0;
	z-index: 900;
}
div#menu ul li {
	background: url(img/menu.png) repeat-x;
}
div#menu ul li.active {
	background: #fff none !important;
}
div#menu ul li.active p {
	color: #357f94;
}

div#menu ul li.clubmed {
	background: url(img/menu_clubmed.png) repeat-x;
}
div#menu ul li.clubmed.active p {
	color: #32678f;
}
div#menu ul li.sandals {
	background: url(img/menu_sandals.png) repeat-x;
}
div#menu ul li.sandals.active p {
	color: #a64f36;
}
div#menu ul li.menu0 {
	background: #59457c;
}
div#menu ul li.menu0.active p {
	color: #59457c;
}

div#menu ul li.menu6 {
	background: #d7a52e;
}
div#menu ul li.menu6.active p {
	color: #d7a52e;
}

div#menu ul li.menu7 {
	background: #698221;
}
div#menu ul li.menu7.active p {
	color: #698221;
}
 
/* @end */

div#main_content { 
	background: #fff;
	padding: 25px 25px 0;
	overflow: hidden;
	position: relative;
}
.mod_article {
	overflow: visible;
	padding-bottom: 25px;
}
.ce_text { 
	line-height: 1.5em; 
}
.ce_list { 
	line-height: 1.5em; 
	margin: 10px 0 0;
}
.ce_list ol, 
.ce_list ul, .mod_article ul { 
	margin-left: 0;
	padding-left: 0;
}
.ce_list li, .mod_article ul li { 
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(img/bullet_niebieski.png) no-repeat left 2px;
}
.clear { 
	clear: both; 
	margin: 5px 0 !important;
	padding: 0;
	height: 10px;
	border-style: none;
	background: #fff;
	color: #fff;
}
h1 { 
	font-size: 2.6em;
	font-weight: normal;
	margin-bottom: 2em;
	color: #008293;
}
.clubmed h1,
.clubmed h3,
.clubmed h4 {
	color: #32678f;
}
h2,h3,h4,h5 { 
	margin: 1.5em 0 0.75em; 
	font-weight: normal;
	color: #5eaab5; 
}
h2 { 
	font-size: 1.9em; 
	line-height: 1.2em;
}
h2 span { 
	margin-top: 10px;
	display: block;
	line-height: 1.2em;
}

h3 { 
	font-size: 1.7em; 
	color: #32678f;
}
h4 { 
	font-size: 1.5em; 
	color: #32678f;
}
h5 { 
	font-size: 1.3em; 
}
div.ce_toplink { 
	display: block; 
	font-size: 11px;
	margin: 20px 10px 10px;
	text-align: right;
	font-weight: bold;
}
div.ce_toplink a { 
	display: block;
	float: right;
	width: 50px;
	padding: 3px;
	text-align: center;
	color: #fff; 
	background-color: #7abac3; 
}
div.galeria div { 
	position: relative; 
	height: 100%;
	width: 100%;
}
div.galeria div img { 
	position: absolute;
	top:0;
	left: 0;	 
}
/* @group Katalogi */

div#katalog_1 {
	float: left;
	margin-left: 40px;
}
div#katalog_2 {
	float: left;
	margin-right: ;
}

/* @end */

/* @group O club med */

#club-med .lewa_strona { 
	font-size: 13px;
}
#club-med .lewa_strona { 
	float: left;
	width: 440px;
	margin-right: 20px; 
}
#club-med .prawa_strona { 
	float: right;
	width: 480px;
	padding-top: 30px;
	margin-right: 20px; 
}

div#o_club_med_galeria_1 { 
	position: absolute;
	right: 0;
	top: 0;
	width: 430px;
	height: 400px;
	overflow: hidden; 
	background: #eee;
/*	padding:  0 0 10px 10px; */
	background: #94d2da url(img/tlo.png) repeat-x center -180px; 
}
div#o_club_med_galeria_2 { 
	position: absolute;
	bottom: 0;
	left: 0;
	width: 380px;
	height: 330px;
	overflow: hidden; 
	background: #eee;
/*	padding:  10px 10px 0 0; */
	background: #94d2da ; 
}

/* @end */
/* @group Promocje */
div#promocje-i-aktualnosci  { 
	height: 500px;
}
div#promocje-i-aktualnosci div.layout_latest {
	width: 430px;
}
div#promocje-i-aktualnosci h1 { 
	margin-bottom: 1em;
}
div#promocje-i-aktualnosci h2 { 
	font-size: 1.5em; 
	margin: 1em 0 0.25em;
}
div#promocje-i-aktualnosci h2 a { 
	color: #ee460f;
	text-decoration: underline;
}
div#promocje-i-aktualnosci h2 a:hover { 
	color: #6c1b1d; 
}
div#promocje-i-aktualnosci p.teaser {
	color: #333;
	line-height: 1.5em;
}
div#promocje-i-aktualnosci p.more {
	margin-top: 0.5em;
	font-weight: bold; 
	color: #b6575e; 
	text-align: left;
}
div#promocje-i-aktualnosci p.more a {
	color: #a94a51; 
}
div#promocje-i-aktualnosci p.more a:hover {
	color: #6c1b1d; 
}

div#promocje-i-aktualnosci div#poster_glowna {
	position: absolute;
	top: 0;
	right: 0;
	width: 480px;
	height: 100%;
}

/* @end */

/* @group Aktualność */
.aktualnosci #main_content {
	padding: 0;
}
div#aktualnosc {
	height: 500px;
	position: relative; 
	padding: 20px 300px 20px 20px;
	
}
div#aktualnosc div.image_container {
	width: 950px;
	height: 615px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
div#aktualnosc h1 { 
	color: #008293;
	font-weight: bold;
	font-size: 36px;
	z-index: 1000;
	position: absolute;
	background: #fff;
	padding: 5px;
	line-height: 30px;
}
div#aktualnosc h2,
div#aktualnosc h3,
div#aktualnosc h4 { 
	line-height: 1.25em; 
}

div#aktualnosc div.ce_text {
	position: absolute;
	top: 100px;
	z-index: 1000;
	width: 500px;
	margin-top: -30px;
}
div#aktualnosc div.layout_latest {
	width: 430px;
}
div#aktualnosc p.back {
	display: block;
	position: absolute;
	bottom: 20px; 
	background-color: #002967; 
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
div#aktualnosc p.back a {
	padding: 3px 5px;
	display: block;
	color: #fff;
	text-decoration: none;
}
div#aktualnosc p.back a:hover { 
	background-color: #7bbac3; 
	color: #fff;
	text-decoration: none;
}
div#aktualnosc ul {
	list-style-type: disc;
	margin-left:  15px;
	padding-left: 15px;
}


/* @end */

/* @group Oferta indywidualna */

div#oferta-indywidualna table td { 
	width: 230px;
	padding: 10px;
	background: #eaf5f7;
	border: 1px solid #fff;
	color: #002967; 
}
div#oferta-indywidualna div#katalogi-do-sciagniecia {
	float: left;
	width: 450px;
}
div#oferta-indywidualna div#katalogi-do-sciagniecia h2 {
	text-align: left;
	margin-top: 20px;
	margin-left: 30px;
}
div#oferta-indywidualna div#wybierz-oferte {
	border: 2px solid #c3e6ea;
	padding: 20px;
	width: 400px;
	float: left;
}
div#oferta-indywidualna div#wybierz-oferte h2 {
	margin-top: 0;
}
div#oferta-indywidualna div.wybierz-oferte { 
 	float: left;
 	width: 195px;
 	height: 220px;
	text-align: center;
	position: relative;
}
div#oferta-indywidualna div.wybierz-oferte img {
	border: 10px solid #fff;
	position: absolute;
	top: 25px;
}
div#oferta-indywidualna div.wybierz-oferte .caption { 
	color: #002867; 
	font-size: 1.25em;
	font-weight: normal;
	position: absolute;
	padding: 10px;
}


/* @end */

/* @group Ofera Biznesowa */

div#club-med-biznes h1 {
	margin-bottom: 30px;
}
div#club-med-biznes .ce_text,
div#club-med-biznes .ce_list {
	width: 400px; 
}
div#club-med-biznes div#galeria_biznes { 
	position: absolute;
	top: 0;
	right: 0;
	width: 470px;
	height: 800px;
/*	padding:  10px; */
	background: #94d2da url(img/tlo.png) repeat-x center -180px; 
}


/* @end */

/* @group Lista klubów */


div#lista-klubow h2 {
	color: #1c5578;
	margin-top: 2em;
}

div#lista-klubow table {
	width: 500px; 
}
div#lista-klubow table th { 
	background-color: #4f88ab; 
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}
div#lista-klubow table td.col_0 {
	width: 210px;
}
div#lista-klubow table td.col_1,
div#lista-klubow table td.col_2 {
	width: 100px;
}
div#lista-klubow table td.col_3 {
	width: 90px;
	text-decoration: underline;
	color: #4f88ab;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

div#lista-klubow table tr.odd td { 
	padding: 5px 10px;
	background: #eaf5f7;
	border: 1px solid #fff;
}
div#lista-klubow table tr.even td { 
	padding: 5px 10px;
	background: #e3edef;
	border: 1px solid #fff;
}
div#lista-klubow h2 {
	margin-top: 40px; 
}

div#lista-klubow h3 { 
	color: #4f88ab; 
	font-size: 16px;
}

div#lista-klubow div#lista_galeria { 
	position: absolute;
	top: 0; 
	right: 0;
	height: 4000px;
	width: 400px;
}
div#lista-klubow div#lista_galeria img {
	display: block;
	margin: 0;
	position: relative;
}
/* @end */
/* @group Partnerzy */

div#partnerzy .partner {
	float: left;
	margin: 0 0px; 
}
div#partnerzy .partner1 {
	margin-left: 00px;
}
/* @end */


/* @group Kontakt */

div#kontakt {
	padding-bottom: 0;
}
div#galeria_kontakt { 
	width: 950px;
	height: 450px;	
/*	padding: 10px 0; */
	margin-right: 30px;
	margin-top: 60px;
	margin-left: -25px;
	background: #94d2da; 
}
/* @end */

div#stopka { 
	margin: 0 auto; 
	text-align: center;
	padding: 40px 15px 10px;
	font-size: 11px; 
	color: #002967; 
}
div#stopka ul { 
	margin: 0 0 10px;	 
}
div#stopka li { 
	padding: 0 10px; 
	display: inline;
}
div#stopka li p {
	display: inline;
	color: #002967; 
}
div#stopka a { 
	color: #002967;
	text-decoration: underline;
}



#strony_galerii .obrazek {
	float: left;
	width: 100px;
}

#sandals_indywidualna {
	float: right;
	width: 500px;
	height: 330px;
/*	padding: 10px 0 10px 10px; */
	margin-left: 30px;
	margin-top: 60px;
	margin-right: -25px;
	background: #94d2da url(img/tlo.png) repeat-x center -460px; 
}

#sandals_sluby {
	float: right;
	width: 500px;
	height: 330px;
/*	padding: 10px; */
	margin-left: 30px;
	margin-top: -25px;
	margin-right: -25px;
	background: #94d2da url(img/tlo.png) repeat-x center -180px; 
}

#sandals_kluby {
	float: left;
	width: 300px;
	height: 400px;
/*	padding: 10px 10px 10px 0; */
	margin-right: 30px;
	margin-top: 60px;
	margin-left: -25px;
	background: #94d2da; 
}
.kluby-kolumna {
	float: left;
	width: 280px;
}

.sandals_grupy {
	float: right;
	width: 600px;
	height: 200px;
	margin-left: 30px;
	margin-right: -25px;
	background: #94d2da; 
	clear: right;
}
#sandals_slub_2,
.obrazek_na_dole {
	width: 950px;
	height: 350px;
	margin-right: 30px;
	margin-top: 60px;
	margin-left: -25px;
	background: #94d2da; 
}
.mod_article#sandals-sluby {
	padding-bottom: 0;
}




#main_content .mod_navigation {
	width: 300px;
	float: left;
	margin-right: 30px;
}
#main_content .mod_navigation h3 {
	margin-top: 0;
	
}
#main_content .mod_navigation li {
	height: 75px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 1px;
}
#main_content .mod_navigation li a,
#main_content .mod_navigation li p {
	display: block;
	width: 250px;
	padding: 25px;
	height: 25px;
	text-align: right;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
#main_content .mod_navigation li.katalogi {
	background-image: url(img/menu_ind/katalogi.jpg);
}
#main_content .mod_navigation li.rodziny {
	background-image: url(img/menu_ind/rodziny.jpg);
}
#main_content .mod_navigation li.sport {
	background-image: url(img/menu_ind/sport.jpg);
}
#main_content .mod_navigation li.single {
	background-image: url(img/menu_ind/single.jpg);
}
#main_content .mod_navigation li.pary {
	background-image: url(img/menu_ind/pary.jpg);
}
#main_content .mod_navigation li.kluby {
	background-image: url(img/menu_ind/kluby.jpg);
}

#main_content .mod_navigation li.katalogi *,
#main_content .mod_navigation li.single *,
#main_content .mod_navigation li.sport * {
	color: #002967;
}
#main_content .mod_navigation li a:hover {
	border: 5px solid #ccc;
	padding: 20px;
}
#main_content .mod_navigation li p {
	border: 5px solid #33688f;
	padding: 20px;
}

.indywidualna #oferta-indywidualna.mod_article,
.indywidualna #lista-klubow.mod_article {
	float: left;
	width: 570px;
	margin-top: 40px;
	padding-bottom: 0;
}
.indywidualna #oferta-indywidualna.mod_article .obrazek_na_dole,
.indywidualna #lista-klubow.mod_article .obrazek_na_dole {
	margin-left: -355px;
	clear: both;	
}
.indywidualna #oferta-indywidualna.mod_article .lewa-strona {
	width: 250px;
	margin-right: 50px;
	float: left;
}
.indywidualna #oferta-indywidualna.mod_article em {
	font-style: italic;
}
.indywidualna #oferta-indywidualna.mod_article .prawa-strona {
	width: 250px;
}

#warianty-slubu p {
	margin-top: 10px;
	float: left;
	width: 180px;
}
#warianty-slubu p strong {
	color: #4f88ab;
	font-size: 15px;
}
#warianty-slubu p img {
	margin-bottom: 10px;
}
#pakiety-dla-gosci {
	width: 850px;
}