body {font-family: trebuchet ms, sans-serif; font-size: 11px; background: #2B2122 url(../images/background.jpg) repeat center top;}

#top_layer {background: url(../images/top_background.jpg) repeat-x center top; display: block; height: 225px; position: relative; margin-bottom: 20px;}

#logo {background: red; width: 341px; height: 225px; background: #D9D4D0 url(../images/logo.jpg); position: absolute; left: 50%; margin-left: -500px; text-indent: -1000px; overflow: hidden;}

#container_main {min-width: 990px; overflow: hidden; position: relative;}

#sub_container {width: 1096px; position: absolute; position: relative; left: 50%; margin-left: -548px;}

/* top_menu */

#top_menu {background: url(../images/menu_background.jpg); width: 675px; height: 44px; position: absolute; left: 50%; margin-left: -159px; padding-top: 176px;}

#top_menu li {display: inline; font-size: 17px; display: block; float: left; height: 44px; line-height: 44px;  font-family: trebuchet ms, sans-serif;}

#top_menu li a {color: #f7e8cf; text-decoration: none; margin: 0 15px;}
#top_menu li a:hover {color: #fff}

/* języki */

#langs_bar {width:253px; height: 42px; display: block; position: absolute; top: 0; background: #5D4843 url(../images/langs_bar.jpg); left: 50%; margin-left: 250px;}

#langs_bar span {display: block; float: left; height: 42px; line-height: 40px; color: #E8DCCD; margin-left: 15px; font-size: 14px;}

#langs_bar ul li {display: block; height: 30px; float: left; padding-top: 12px; margin-left: 15px;}
#langs_bar ul li a {width: 26px; height: 17px; display: block; overflow: hidden; text-indent: -1000px;}
#langs_bar ul li.pl a {background: url(../images/lang_pl.jpg);}
#langs_bar ul li.en a {background: url(../images/lang_en.jpg);}
#langs_bar ul li.de a {background: url(../images/lang_de.jpg);}
/* gallery */

#gallery {margin: 0 auto; position: relative; height: auto; overflow: hidden; width: 1100px; z-index: 2;}

a#arrow_left, a#arrow_right {width: 39px; height: 39px; display: block; text-indent: -1000px; overflow: hidden; float: left; position: absolute;}

a#arrow_left {background: url(../images/arrow_left.png); top: 150px; left: 0;}
a#arrow_right {background: url(../images/arrow_right.png); top: 150px; right: 0;}

#gallery ul {float: left; margin: 0 0 0 0;}
/*#gallery ul {float: left; margin: 0 0 0 65px;}*/
#gallery ul li {float: left; width: 333px; overflow: hidden;}

#gallery span {font-size: 19px; margin-left: 15px; display: block;}
#gallery span a {color: #e6dacb; text-decoration: none;}
#gallery span strong {font-size: 36px; font-weight: normal; display: block; margin-top: 5px;}

#gallery .gal_img {background: url(../images/gallery_img_bcg.png); width: 333px; height: 238px; margin-top: 10px;}
#gallery .gal_img img {margin: 10px;}

/* gallery small */

#gallery_small {margin: 0 auto; position: relative; height: auto; overflow: hidden; width: 1100px; z-index: 2;}

#gallery_small ul {float: left; margin: 0 0 0 65px;}
#gallery_small ul li {float: left; width: 333px; overflow: hidden;}

#gallery_small span {font-size: 16px; margin-left: 15px; display: block; position: absolute; margin-left: 220px; margin-top: 60px;}
#gallery_small span a {color: #e6dacb; text-decoration: none;}
#gallery_small span strong {font-size: 30px; font-weight: normal; display: block;}

#gallery_small .gal_img {background: url(../images/gallery_small_img_bcg.png); width: 228px; height: 164px; margin-top: 10px;}
#gallery_small .gal_img img {margin: 5px;}

#gallery_toggle {position: absolute; display: block; cursor: pointer; width: 135px; height: 41px; background:  url(../images/toggle.jpg); left: 50%; margin-left: 287px; z-index: 10000; line-height: 41px; font-size: 13px; color: #C8BFB8; padding-left: 44px;}
#gallery_toggle.up {background-position: 0 0;}
#gallery_toggle.down {background-position: 0 -41px;}

/* nazwy apart */

//.apart_orange strong {color: #dd5927;}
//.apart_green strong {color: #4e8040;}
//.apart_red strong {color: #bb2b24;}

/* content */
#content {margin: 0 auto; height: auto; overflow: hidden; background: url(../images/content_shadow.png) center top; padding: 0 53px; min-width: 990px;}

#content_nags {width: 990px; margin: 0 auto; height: auto; overflow: hidden; background: url(../images/content_shadow_top.png) repeat-y 0 0; height: 100px; padding: 0 53px;}

#side_left {width: 300px; float: left; color: #e9dccf; padding: 5px 0 10px 30px;}
#side_right {width: 600px; float: left; color: #cbb799; padding: 5px 30px 10px 30px;}

#side_left p.desc_01 {line-height: 150%; font-family: Arial; font-size: 13px; width: 276px; margin-top: 10px;}

h2.nag_left_01 {position: absolute; margin-top: -70px; color: #c4c1bd; font-size: 18px; font-family: trebuchet ms, sans-serif; font-weight: normal; width: 276px; border-bottom: 1px solid #6c584f; padding-bottom: 10px;}

h2.nag_left_01 b {font-size: 21px; display: block; font-weight: normal; margin-top: 5px;}

h2.nag_right_01 {position: absolute; margin-top: -70px; color: #c4c1bd; font-size: 18px; font-family: trebuchet ms, sans-serif; font-weight: normal; width: 580px; border-bottom: 1px solid #6c584f; padding-bottom: 10px; height: 44px; line-height: 44px; padding-left: 20px;}

div.kontakt {display: block; width: 276px; float: left; margin: 20px 0; font-size: 19px; line-height: 25px;}

div.kontakt strong {font-size: 35px; font-weight: normal;}

.para_c p {font-size: 14px; font-family: Arial; line-height: 150%; margin: 0 20px 15px;}

a.dott_01 {color: #e9dccf; font-size: 13px; font-family: Arial; display: block; float: left; background: url(../images/dott_01.gif) no-repeat left center; padding-left: 15px; margin: 10px 5px;}

/* lista apartamentow */

.aparts_list {position: relative; overflow: hidden; width: 600px;}

.aparts_list dt {position: absolute; left: 220px; margin-top: 15px; z-index: 1000; width: 100%;}

.aparts_list dd {
	width: 564px;
	display: block;
	padding: 18px 10px 18px;
	border-bottom: 1px solid #6C584F;
	position: relative;
	height: auto;
	overflow: hidden;
}

.aparts_list dd.last {border: none;}
.aparts_list dd.hover {background: url(../images/list_shadow.png);}

.apart_list_img {position: relative; margin-right: 20px; border: 5px solid #6c584f; float: left;}

.aparts_list span {font-size: 14px; margin: 13px 0 13px 13px; display: block;}
.aparts_list span a {color: #e6dacb; text-decoration: none;}
.aparts_list span strong {font-size: 28px; font-weight: normal; display: block;}

.aparts_list p {font-size: 15px; line-height: 18px; padding-top: 60px;}

/* podglad apartamentu */

ul.apart_info_menu {border-bottom: 1px solid #6C584F; padding-bottom: 15px; margin-bottom: 15px;}
ul.apart_info_menu li {display: inline;}
ul.apart_info_menu a {color: #d7c6af; font-size: 16px; padding: 0 5px;}

img.apart_mini {float: right; border: 5px solid #6C584F; margin: 0 0 20px 20px;}
p.apart_desc {line-height: 16px; font-size: 14px; text-align: justify;}

	/* adres i informacje */

	.apart_info_01 {background: url(../images/box_shadow.png) repeat-x 0 0; margin-top: 45px; padding: 15px 20px 0; height: auto; overflow: hidden; font-size: 14px; min-height: 80px; width: 560px;}
	
	.apart_info_01 h3 {color: #c4c1bd; font-size: 18px; font-weight: normal; margin-bottom: 25px; position: absolute; margin-top: -45px;}
	
	.apart_info_01 .address {float: left; width: 250px;}
	.apart_info_01 .address address {font-style: normal !important; line-height: 150%;}
	
	.apart_info_01 .informacje {width: 300px; height: auto; overflow: hidden;}
	.apart_info_01 .informacje dl {float: left; line-height: 150%;}
	.apart_info_01 .informacje dl dt {float: left;}
	.apart_info_01 .informacje dd {font-weight: bold;}
	
	dl.info_left {width: 120px;}
	dl.info_left dt {width: 70px;}
	
	dl.info_right {width: 180px;}
	dl.info_right dt {width: 100px;}
	dl.info_right dd sup {font-size: 10px; position: absolute; margin-top: -4px;}

	/* galeria */

	.apart_info_02 {margin-top: 15px; height: auto; overflow: hidden; font-size: 14px; overflow: hidden; width: 600px;}
	
	.apart_info_02 h3 {color: #c4c1bd; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #6C584F; padding-bottom: 12px;}

	/* wyposa�enie */

	.apart_info_03 {background: url(../images/box_shadow.png) repeat-x 0 0; margin-top: 45px; padding: 15px 20px 0; height: auto; overflow: hidden; font-size: 14px; min-height: 80px; width: 560px;}
	
	.apart_info_03 h3 {color: #c4c1bd; font-size: 18px; font-weight: normal; margin-bottom: 25px; position: absolute; margin-top: -45px;}
	.apart_info_03 ul {width: 600px;}
	.apart_info_03 ul li {width: 280px; float: left; line-height: 16px; margin: 0; padding: 0;}

	/* mapka dojazdu */

	.apart_info_04 {margin-top: 15px; height: auto; overflow: hidden; font-size: 14px; overflow: hidden; position: relative; width: 600px;}
	
	.apart_info_04 h3 {color: #c4c1bd; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #6C584F; padding-bottom: 12px;}
	
	.apart_info_04 a.bigger_map {color: #7F6C67; float: right; text-decoration: none; line-height: 150%; position: absolute; right: 0; top: 0;}

	/* Rezerwacja */

	.apart_info_05 {margin-top: 15px; height: auto; font-size: 14px; overflow: hidden; width: 600px; position: relative;}
	
	.apart_info_05 h3 {color: #c4c1bd; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #6C584F; padding-bottom: 12px;}
	
	.apart_info_05 {background: #1B1819;}
	.apart_info_05 fieldset {padding: 15px;}
	.apart_info_05 fieldset div {clear: both; margin-bottom: 20px; height: auto; overflow: hidden;}
	.apart_info_05 label {display: block; float: left; line-height: 21px; width: 120px; clear: left;}
	.apart_info_05 .text_01 {background: #2C2725; border: 1px solid #B2A086; padding: 2px; width: 186px; float: left; color: #CBB799;}
	.get_date {float: left; line-height: 21px; width: 14px; height: 14px; display: block; background: url(../images/get_date.jpg); text-indent: -1000px; overflow: hidden; margin: 5px 0 0 5px;}
	
	.apart_info_05 .submit_01 {position: absolute; top: 65px; right: 15px; background: #342626; padding: 10px 0; color: #CBB698; text-transform: uppercase; cursor: pointer; width: 225px; text-align: center;}

/* stopka */

#footer {width: 960px; height: auto; overflow: hidden; color: #e9dccf; font-size: 15px; font-family: trebuchet ms, sans-serif; margin: 0 auto; padding: 25px 0;}

#footer_left {float: left;}

#footer_right {float: right;}

#footer a {color: #e9dccf; text-decoration: none; font-weight: bold;}
