/********************************
 * Autor: Wojciech Hyzopski (Kobalt)
 *
 * Kolory używane w serwisie:
 *
 * #0D5B89 - granatowy
 * #D3D3D3 - szary do obramowań
 * #D40000 - czerwony, np. cena
 * #4A4A4A - kolor tekstu, ciemnoszary
 * #549A16 - intensywny zielony
 *
 */

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

body {
	background: transparent url('../images/bg_body.png') repeat-x top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#messages {
	color: #f00;
	padding: 5px;
	margin: 5px 0;
	text-align: center;
	background: #eee;
	border: 1px dotted;
}

h1 { color: #D40000; padding: 0px 12px 12px 0px; font-size: 12px; }
#two_cols h1 { padding-left: 12px; font-size: 24px; font-weight: normal; }


h2 {
	font-size: 14px;
	font-weight: bold;
	color: #0D5B89;
	margin: 0em 0em 0.75em 1em;
}

h3, h3 a {
	font-size: 12px;
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
	color: #549A16;
}
/* nagłówke przy opisie obiektu */
.one_col h3 { background: white url('../images/header_shadow.png') repeat-y left top; border: 1px solid #CECECE; border-width: 1px 0px; height: 30px; line-height: 29px; padding-left: 8px; text-align: left; }
.one_col h2 { background: white url('../images/header_shadow.png') repeat-y left top; border: 1px solid #CECECE; border-width: 1px 0px; height: 30px; line-height: 29px; padding-left: 8px; text-align: left;}


a img { border: none; }

.stopfloating { width: 0px; height: 0px; line-height: 0px; font-size: 0px; clear: both; }


#main { }

#header {
	width: 1200px;
	margin: 0px auto;
	height: 152px;
	margin-top: 11px;
	background: transparent url('../images/bg_header_mapy.png') no-repeat top left;
	position: relative;
}

#logotyp a {
	display: block;
	height: 150px;
	width: 430px;
	text-decoration: none;
}

#topmenu {
	position: absolute;
	width: 658px;
	height: 55px;
	bottom: 46px;
	right: 86px;
}

#header>#topmenu { width: 650px; right: 85px; }

#topmenu a {
	display: block;
	float: left;
	height: 55px;
	text-decoration: none;
}

#topmenu a.topmenu1 { background: transparent url('../images/topmenu1.png') no-repeat top left; width: 130px; }
#topmenu a.topmenu2 { background: transparent url('../images/topmenu2.png') no-repeat top left; width: 134px; }
#topmenu a.topmenu3 { background: transparent url('../images/topmenu3.png') no-repeat top left; width: 146px; }
#topmenu a.topmenu4 { background: transparent url('../images/topmenu4.png') no-repeat top left; width: 87px; }
#topmenu a.topmenu5 { background: transparent url('../images/topmenu5.png') no-repeat top left; width: 60px; }
#topmenu a.topmenu6 { background: transparent url('../images/topmenu6.png') no-repeat top left; width: 93px; }
#topmenu a.topmenu1:hover, #topmenu a.topmenu2:hover, #topmenu a.topmenu3:hover, #topmenu a.topmenu4:hover, #topmenu a.topmenu5:hover, #topmenu a.topmenu6:hover { background-position: bottom left; }

#zarzadzanie_oferta {
	color: #8B8B8B;
	font-size: 11px;
	line-height: 50px;
	position: absolute;
	left: 500px;
	bottom: 0px;
	bottom: 10px;
}

#header>#zarzadzanie_oferta { bottom: 0px; }



#zarzadzanie_oferta a {
	color: #8B8B8B;
	text-decoration: none;
}

#zarzadzanie_oferta form input {
	color: inherit;
	border: 1px solid #E1E2E9;
	border-top: 1px solid #A7A9AF;
	margin-right: 10px;
	width: 115px;
}

#zarzadzanie_oferta form input.submit {
	position: relative;
	border: none;
	top: 4px;
	margin-right: 20px;
	width: 33px;
}

#container {
	width: 1200px;
	margin: 0px auto;
	margin-top: 20px;
	color: #4A4A4A;
	margin-bottom: 20px;
}
#container_wide #container {
	width: 960px;
}

#left_col {
	width: 180px;
	float: left;
}
#left_col .title {
	color: white;
	font-weight: bold;
	text-align: center;
}
#left_col .header_blue {
	height: 29px;
	padding-top: 10px;
	background: transparent url('../images/header_300_blue.png') 0% 0% no-repeat;
}
#left_col .header_green {
	height: 26px;
	padding-top: 10px;
	background: transparent url('../images/header_300_green.png') 0% 0% no-repeat;
}
#two_cols #left_col {
	width: 300px;
	float: left;
}

div.leftmenu, div.rightmenu {
	margin-bottom: 20px;

}

ul.leftmenu, ul.rightmenu {
	border: 1px solid #D3D3D3;
	border-width: 0px 1px 0px 1px;
	background: transparent url('../images/bg_menu_content.png') no-repeat left top;
	padding-bottom: 12px;
}

	ul.leftmenu li, ul.rightmenu li {
		list-style: none;
		padding-left: 16px;
		/*line-height: 28px;*/
		padding: 7px 0 7px 16px;
		border-bottom: 1px solid #d3d3d3;
		margin-right: 12px;
		text-align: left;
	}

	ul.leftmenu li.selected a {
		font-weight: bold;
		color: #0D5B89;
	}

	ul.leftmenu li a {
		color: #4A4A4A;
		text-decoration: none;
		display: block;
		padding-left: 16px;
		background: transparent url('../images/list_pointer1.gif') left center no-repeat;
	}

	ul.leftmenu li a:hover {
		text-decoration: underline;
		color: #0D5B89;
	}

	ul.leftmenu li.selected a {
		text-decoration: underline;
	}

form.leftmenu {
	text-align: center;
	border: 1px solid #D3D3D3;
	border-width: 0px 1px 0px 1px;
	background: transparent url('../images/bg_menu_content.png') no-repeat left top;
	padding: 12px 0px;
}
	form.leftmenu select { border: 1px solid #E3E2E7; border-top: 1px solid #ADADAF; width: 165px;}


div.dane_kontaktowe img, div.leftmenu img, div.rightmenu img {
	display: block;
}


#mid_col { width: 500px; float: left; margin-left: 9px; }
#right_col { width: 180px; float: left; margin-left: 9px; }

#container>#mid_col { margin-left: 19px; }
#container>#right_col { margin-left: 19px; }


ul.rightmenu li.selected a, ul.rightmenu li a:hover  {
	color: #549A16;
	text-decoration: underline;
}

ul.rightmenu li.selected a { font-weight: bold; }

ul.rightmenu li a {
	color: #4A4A4A;
	text-decoration: none;
	padding-left: 16px;
	background: transparent url('../images/list_pointer2.gif') left center no-repeat;
}

#wyszukiwarka {
	background: transparent url('../images/bg_wyszukiwarka_short.png') no-repeat left top;
	height: 195px;
	position: relative;
	margin-bottom: 11px;
}

div.box {
	border-bottom: 1px solid #D3D3D3;
	margin-bottom: 30px;
}
div.box_content {
	border: 1px solid #D3D3D3;
	border-width: 0px 1px 0px 1px;
	background: transparent url('../images/bg_menu_content.png') no-repeat left top;
	padding-bottom: 0px;
	line-height: 125%;
}
div.box_content p {
	padding: 12px 0px 20px 16px;
}
div.box_content a { color: #3C77D3; text-decoration: none; }

div.box_content .foot {
	width: 100%;
	text-align: right;
	color: #4A4A4A;
	border-top: 1px dotted #999;
	padding: 8px 0;
}
div.box_content .cena {
	text-align: left;
}
div.box_content .cena strong {
	color: #D40000;
}


#two_cols #right_col {
	width: 630px; /*581*/
	float: left;
	margin-left: 9px;
}

#container>#right_col {
	margin-left: 19px;
}

#wyszukiwarka_long {
	background: transparent url('../images/bg_wyszukiwarka_long.png') no-repeat left top;
	height: 155px;
	position: relative;
}

form.wyszukiwarka_long {
	color: #8B8B8B;
	font-weight: bold;
	font-size: 11px;
	margin-top: 60px;
	left: 30px;
	position: absolute;
}

form.wyszukiwarka_long select {
	margin: 0px 10px 0px 6px;
	color: #8B8B8B;
	font-size: 11px;
	width: 120px;
	border: 1px solid #E1E2E9;
	border-top: 1px solid #A7A9AF;
}




.search_on_map img {
	position: absolute;
	left: 182px;
	top: 14px;
}

form.wyszukiwarka {
	color: #8B8B8B;
	font-weight: bold;
	font-size: 11px;
	margin-top: 60px;
	left: 30px;
	position: absolute;
}

form.wyszukiwarka select {
	margin: 0px 10px 0px 6px;
	color: #8B8B8B;
	font-size: 11px;
	width: 143px;
	height: 19px;
	border: 1px solid #E1E2E9;
	border-top: 1px solid #A7A9AF;
}

form.wyszukiwarka input {
	color: #8B8B8B;
	font-size: 11px;
	height: 16px;
	border: 1px solid #E1E2E9;
	border-top: 1px solid #A7A9AF;
	margin-left: 3px;
}


form.wyszukiwarka span { display: block; width: 70px; }

.typ_obiektu_label { position: absolute; left: 0px; top: 2px; }
.typ_obiektu_field { position: absolute; left: 75px; top: 0px; }
.region_label { position: absolute; left: 250px; top: 2px; }
.region_field { position: absolute; left: 300px; top: 0px; }

.miasto_label { position: absolute; left: 0px; top: 30px; }
.miasto_field { position: absolute; left: 75px; top: 28px; }
.nr_oferty_label { position: absolute; left: 250px; top: 30px; }
.nr_oferty_field { position: absolute; left: 303px; top: 28px; 	width: 140px;}

.fraza_label { position: absolute; left: 0px; top: 60px; }
.fraza_field { position: absolute; left: 78px; top: 58px; width: 365px; }

.cenaod_label { position: absolute; left: 0px; top: 90px; }
.cenaod_field { position: absolute; left: 78px; top: 88px; width: 45px; }

.cenado_label { position: absolute; left: 165px; top: 90px; }
.cenado_field { position: absolute; left: 220px; top: 88px; width: 45px; }

form.wyszukiwarka #szukaj {
	position: absolute;
	top: 90px;
	left: 374px;
	width: 70px;
	height: 30px;
	border: none;
}

.offer {
	background: transparent url('../images/bg_offer.png') no-repeat left top scroll;
	height: 102px;
	margin-bottom: 11px;
	position: relative;
	overflow: hidden;
}

.offer_img { position: absolute; top: 13px; left: 13px; }

.offer h2.city {position: absolute; top: 15px; right: 20px; font-size: 12px;}
.offer h2 a { font-weight: bold; color: #549A16; font-size: 12px; position: absolute; left: 134px; top: 15px; background: transparent url('../images/list_pointer2.gif') no-repeat 0px 4px; padding-left: 16px; text-decoration: none; width: 220px; }
.offer h3 { font-weight: normal; position: absolute; left: 150px; top: 47px; font-size: 12px; color: #4A4A4A; }
.offer h4 { font-weight: normal; font-size: 12px; position: absolute; left: 134px; padding-left: 16px; border-top: 1px solid #D3D3D3; top: 66px; width: 190px; padding-top: 7px; }
.offer h4 strong  { color: #D40000; }
.offer .szczegoly { position: absolute; right: 6px; top: 66px; }



.promoted_offer { background: transparent url('../images/bg_promoted_offer.png') no-repeat left top scroll; width: 245px; height: 195px; float: left; position: relative; font-size: 11px; margin-bottom: 11px; }

.promoted_offer h2 a { font-weight: bold; color: #0D5B89; font-size: 12px; position: absolute; left: 14px; top: 11px; background: transparent url('../images/list_pointer1.gif') no-repeat left center; padding-left: 16px; text-decoration: none;}

.promoted_offer .object_type { position: absolute; left: 29px; top: 27px; font-size: 12px; }
.promoted_offer .object_img { position: absolute; left: 14px; top: 48px; }
.promoted_offer .city { position: absolute; left: 128px; top: 50px; color: #549A16; font-weight: bold; }
.promoted_offer .voivodeship { position: absolute; left: 128px; top: 66px; }
.promoted_offer .price { position: absolute; left: 126px; padding-left: 3px; border-top: 1px solid #D3D3D3; top: 92px; width: 100px; padding-top: 4px; color: #898989; }
.promoted_offer .price strong { color: #D40000; }
.promoted_offer .short_desc { position: absolute; left: 16px; top: 140px; line-height: 140%; }
.promoted_offer .more { color: #0D5B89; font-weight: bold; text-decoration: none; }

.promoted_offer_separator { width: 10px; float: left; }


.pagination { font-size: 12px; text-align: center; }
.pagination a { color: #4A4A4A; text-decoration: none; padding: 0px 2px; }
.pagination a.label { color: #0D5B89; font-weight: normal; display: inline; float: none; clear: none; margin: 0px; font-size: 11px; padding: 0px 10px;}
.pagination a.active { color: #D40000; font-size: 12px; font-weight: bold; text-decoration: underline; font-size: 14px; }
.pagination .first { padding-right: 20px; }
.pagination .last { padding-left: 20px; }

#right_col p {
	padding: 0px 12px 12px 12px;
	line-height: 150%;
	text-align: justify;
}

#right_col form.wyszukiwarka p, #right_col form.wyszukiwarka_long p {
	margin: 0px;
	padding: 0px;
}

.article {
	line-height: 140%;
	padding: 1em;
	text-align: justify;
}

	.article p {
		margin-bottom: 1.5em;
	}

	.article a { color: #0D5B89; }
	.article a:hover { text-decoration: none; }


 form.wyszukiwarka_long #szukaj {
	position: absolute;
	left: 500px;
	top: 38px;
}

.gallery {
	width: 100%;
	border-collapse: collapse;
	border: none;
	background: #E7E7E7 none no-repeat left bottom;
	margin-top: 20px;
	margin-bottom: 36px;
}

.gallery img { margin-bottom: 0px; cursor: pointer;  }
.image_container a img { text-decoration: none; cursor: pointer;}

.gallery #leftswitcher { margin: 0px; display: block; float: left; }
.gallery #rightswitcher { margin: 0px; display: block; float: right; }

.image_container { padding: 0px 0px; text-align: center; vertical-align: center; }
.mainimage { margin-bottom: 24px; width: 100%; }
.mainimage a { display: block; }
.mainimage a img { display: block; margin: 0px auto; }
.mainimage .main { width: 480px; }
.mainimage .main img { display: block; margin: 0px auto; }

#najpopNoclegi {
	background: transparent url('../images/box_najpop_noclegi.png') no-repeat center top;
	font-size: 11px;
	height: 723px;
	padding: 120px 12px 12px 12px;
}
#najpopNoclegi .col {
	width:118px; display:inline; float:left;
}
#najpopNoclegi .col a {
	color:#0D5B89; text-decoration: none;
}

/* rounded corners */
.topLeftCorner {
	border: solid #D3D3D3 1px;
	border-top-left-radius:9px; /* CSS 3 */
	-moz-border-radius-topleft:9px; /* Firefox */
	-icab-border-top-left-radius:9px; /* iCab */
	-webkit-border-top-left-radius:9px; /* Safari */
}

.bottomRightCorner {
	border-bottom-right-radius:9px; /* CSS 3 */
	-moz-border-radius-bottomright:9px; /* Firefox */
	-icab-border-bottom-right-radius:9px; /* iCab */
	-webkit-border-bottom-right-radius:9px; /* Safari */
}

/******************************************
 * Pogoda
 *****************************************/
.box #mod_pogoda {
	position: relative;
	height: 130px;
}
.box #mod_pogoda p {
	color: #bbb;
	margin: 0 10px 0 0;
}
.box #mod_pogoda p span { }
.box #mod_pogoda .pogoda_head {
	position: absolute; top: 0px; left: 0px;
}
.box #mod_pogoda .pogoda_icon {
	position: absolute; top: 40px; left: 10px;
}
.box #mod_pogoda .pogoda_heat {
	position: absolute; top: 40px; left: 90px;
}
.box #mod_pogoda .pogoda_pres {
	position: absolute; top: 65px; left: 90px;
}
.box #mod_pogoda .pogoda_value {
	color: #0D5B89;
	font-weight: bold;
}
.box #mod_pogoda .pogoda_heat .pogoda_value {
	font-size: 17px;
	font-family: Helvetica;
	font-weight: bold;
}
.box #mod_pogoda .foot {
	position: absolute; top: 98px; left: 0;
}
.box #mod_pogoda .foot p {
	color: #4A4A4A;
}
#tabs #pogoda h2 { color: #999;	font-family: Helvetica; }
#tabs #pogoda h1 { color: #0D5B89; font-size: 19px; font-weight: bold; font-family: Helvetica; }
#tabs #pogoda .header_blue {
	font-weight: bold;
	width: 594px;
	height: 21px;
	padding: 24px 0 0 5px;
	background: transparent url('../images/header_599_blue.png') 0% 0% no-repeat;
	border-bottom: 1px solid #ccc;
}
#tabs #pogoda .blue { color:#009; }
#tabs #pogoda .red { color:#900; }
#pogoda .pogoda_value {
	font-size: 16px;
	font-family: Helvetica;
	font-weight: bolder;
}
table.pogoda table.pogoda2 {
	margin-top: 10px;
}
table.pogoda {
	padding-right: 40px;
}
table.pogoda td {
	padding: 4px;
	border-bottom: 1px dotted #ccc;
}
table.pogoda2 {
	border-left: 1px solid #DFE0E2;
	padding-left: 10px;
}
table.pogoda2 td {
	padding: 8px;
	position: relative;
	left: 40px;
	text-align: center;
}
.nowrap { white-space: nowrap; }
.upper_first:first-letter { text-transform: uppercase; }
/******************************************
 * Ikonki z wyposażeniem obiektu
 *****************************************/
div.icons { text-align: center; }
table.icons { margin: 0px auto;  width: 770px; }
table.icons td { vertical-align: center; text-align: left; }
table.icons td.ico { width: 40px; }

ul.equipment { list-style: none; margin: 0 0 0 20px; padding: 0 0 0 0; }
ul.equipment li { float: left; width: 160px; padding: 15px 0 15px 20px; margin:0;
	background: transparent url('../images/list_equip.png') 0% 50% no-repeat; }

/******************************************
/* Tabs
 *****************************************/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 1px 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 3px 2px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 3px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 28px 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li { background-color: #446493; border: 1px solid #9DB0C7; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #ffffff; }
.ui-tabs .ui-tabs-nav li a { color: #ffffff; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #0D5B89; }
div#tabs div.tab {
	border: 1px solid #9DB0C7;
	padding: 5px;
}


/*******************************
 * Formularz do wysłania maila
 * ****************************/


.mail_form input, .mail_form select, .mail_form textarea  {
	color: inherit;
	border: 1px solid #E1E2E9;
	border-top: 1px solid #A7A9AF;
	margin-right: 10px;
	width: 270px;
}

.mail_form { position: relative; }
.mail_form form { margin-top: 30px; }

.label { float: left; width: 165px; margin-bottom: 8px; clear: left; margin-left: 0px; font-weight: bold;}
.field { float: left; width: 290px; margin-bottom: 8px; padding-left: 12px; }



/* Przy dwukolumnowym layoucie pola zrobimy szersze */
#two_cols .label { float: left; width: 170px; margin-bottom: 8px; clear: left; margin-left: 45px; font-weight: bold;}
#two_cols .field { float: left; width: 290px; margin-bottom: 8px; padding-left: 12px; }



#date_from, #date_to { width: 65px; }
.date_selector { font-weight: bold; margin-bottom: 12px; margin-top: 20px;}
.mail_form input.submit { width: auto; border: none; float: right; margin-right: 18px; }





#footer {
	background: transparent url('../images/bg_footer.png') repeat-x top;
	clear: both;
	height: 149px;
	margin-top: 20px;
}

	#footer #footer_container {
		width: 900px;
		height: 61px;
		margin: 0px auto;
		color: #8B8B8B;
		font-size: 11px;
		line-height: 60px;
		background: transparent url('../images/bg_footer_container.png') no-repeat left top;
	}

	#footer_container #copyright {
		padding-left: 20px;
		float: left;
	}

	#footer_container #copyright em {
		font-style: normal;
		color: #0D5B89;
	}


	#footer_container #designed {
		float: right;
		padding-right: 20px;
	}

	.footer_links {
		margin: 10px auto;
		width: 900px;
		text-align: center;
	}

	.footer_links a {
		margin: 0px 15px;
		font-size: 11px;
		color: #9B9B9B;
		text-decoration: none;
	}


/*******************************************
 * Panel adminisrtacyjny
 * ****************************************/

.admin_offerlist { width: 100%; }
.admin_offerlist tr th { padding: 0px 3px; color: #549A16; text-align: left; vertical-align: top;  padding-bottom: 3px; font-size: 11px;}
.admin_offerlist td { padding: 3px 3px;  vertical-align: top; border-bottom: 1px dotted #D3D3D3; font-size: 11px; }
.admin_offerlist td a { color: #0D5B89; }

.value { float: left; width: 300px; }
table.bordered {
	padding: 2px;
	border-spacing: 1px;
	background: #333;
	paddding: 0px;
}

table.bordered th {
	margin: 1px;
	color: #fff;
	background: #0C517E;
}

table.bordered td {
	margin: 0px;
	text-align: center;
    background: #fff;
}