@CHARSET "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, dfn, em, img, ins, q, s, strong, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none; font-family: inherit; font-style: inherit; margin: 0; outline: 0 none; padding: 0;
}

body { background: none repeat scroll 0 0 #FFFFFF; color: #000033; font-family: helvetica,tahoma,sans-serif; font-size: 11px; margin-left: -10px; padding-bottom: 26px; }

a { color: #0A3C65; text-decoration: none; }
a:hover { color: #dd0000; text-decoration: underline; }

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

td,tr { vertical-align: top; }

#home { background:url("../images/hrs/shadow.png") repeat-y scroll 0 100% #FFFFFF; margin:0 auto; position:relative; width:1000px; }
#layoutRight { background: url("../images/hrs/shadow.png") repeat-y scroll 100% 100% transparent; padding: 0 10px 0 0px; }
#layoutLeft { margin:0 0 0 10px; padding:0; }

.flash1 { position:absolute; z-index: 200; }
.flash2 { position:absolute; z-index: 100; }

/* header */
#header { height: 100px; background: url("../images/hrs/header_background.png") repeat-x top center #2980B4; color: #fff; }
#header ul.smallMenu a, #header p.phone a { color: #fff; }
#header p { position: absolute; font-weight: bold; }
#header p.title { font-size: 11px; margin: 58px 0px 0px 140px; color: #C6E3F5; }
#header p.phone { font-size: 23px; margin: 45px 0px 0px 705px; text-align: right; }
#header ul.smallMenu { float: right; margin: 5px 25px 0px 0px; }
#header ul.smallMenu li.first { border-left: 0px; }
#header ul.smallMenu li { display: block; float: left; margin: 0px 0px 0px 1px; padding: 5px; border-left: 1px solid #fff; }
#header ul li img.flag { float:left; margin: 0px 5px; position: relative; top: 1px; }
/* ------ */


/* middle menu */
#middleMenu { background: #2980B4; font-size: 12px; font-weight: bold; border-bottom: 1px solid #539940; height:25px; }
#middleMenu ul { margin: 0px 10px; }
#middleMenu ul li { display: block; float:left; background: url("../images/hrs/middle_menu_ul_background.png") repeat-x bottom #92C19D;  }
#middleMenu ul li a { display: block; padding: 5px 15px; color: #fff; }
#middleMenu ul li.selected, #middleMenu ul li a:hover { background: #fff; color: #62AC4E; }
#middleMenu ul li.selected a { color: #62AC4E; }
/* ------ */


/* reklama */
#reklama { position: absolute; margin: 25px 0 0 240px; color: #fff; font-family: arial; z-index:20; }
#reklama h1 { font-size: 32px; }
#reklama h2 { font-size: 21px; }
#reklamaShadow { position: absolute; margin: 27px 0 0 242px; color: #333; font-family: arial; z-index:10; }
#reklamaShadow h1 { font-size: 32px; }
#reklamaShadow h2 { font-size: 21px; }
/* ------ */


/* content */
#content { background: url("../images/hrs/content_background.png") repeat-x top center #F8F1D6; padding: 0 0 10px 0; }
#content #personBG { background: url("../images/hrs/content_bell.png") no-repeat top left; padding: 110px 10px 0;}
#content .box { border:1px solid #ccc; background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; padding:7px; }
#content .box2 { border:1px solid #ccc; background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; padding:7px 0px; }
#content .regulaminHidden { margin:10px; border:1px solid #ccc;padding:10px 30px; background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; }

#content table.home td.left { width: 210px; }
#content table.home .firstline td.left { padding-top:180px; }
#content table.home .firstline td { vertical-align:bottom; }
#content table.home .firstline .polecane { position:absolute; width: 194px; text-align: center; font-weight: bold; font-size: 13px; margin: -40px 0 0 0;}
#content table.home td.right { width: 320px; }

#content #details div.leftPanel { position:absolute; width: 300px; margin: 10px 0 0 660px; }
#content #details div.leftPanel h5 { border-bottom: 1px solid #ccc; padding: 3px 0 10px 7px; margin: 0 0 10px 0; }
#content #details div.leftPanel img { border: 1px solid #777; margin: 0 5px 10px 5px; }
#content #details div.leftPanel #caLoader { position:absolute; margin:0 0 0 260px; }
#content #details div.leftPanel .rezerwuj { margin: 0 10px; padding: 5px; border: 1px solid #ccc; background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; }

#content #details dl { margin-right: 310px; }
#content #details dl.fullWidth { margin-right: 0; }
#content #details dl.fullWidth dd.informacje { padding:10px 20px; line-height: 1.5em; }
#content #details dl.fullWidth dd.informacje p { margin:10px 0px; } 
#content #details dl.fullWidth dd.informacje ul, #content #details dl.fullWidth dd.informacje ol { padding-left:20px; }
#content #details dl.fullWidth .gPoints { position:relative; top:-4px; }

#content #details dl dd,#content #details dl dt { border:1px solid #ccc; padding:10px; }
#content #details dl dt { margin-top:10px; background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; font-size: 14px; font-weight: bold; }
#content #details dl dt img { float: left; margin: 0 5px 0 0; }
#content #details dl dd { background:#fff; border-top:0 !important; font-size: 12px; }
#content #details dl dd.wyposazenie { display:inline-block; }
#content #details dl dd ul { margin:0 6px 0 7px; list-style: outside; padding: 0 0 0 15px; }
#content #details dl dd.wyposazenie ul { width:600px; }
#content #details dl dd ul li { margin: 5px; }
#content #details dl dd ul.ikony li { display:block; float:left; margin: 5px; width:190px; height:40px; }
#content #details dl dd ul.ikony li img { float: left; }
#content #details dl dd ul.ikony li p { margin: 13px 0 0 45px; }
#content #details dl dd.galeriaBd img { margin: 4px 2px 4px 6px; border:1px solid #777; }

#content #details dl dd.apartamenty .first { border-right:0 !important; }
#content #details dl dd.apartamenty .moreLink { clear:both; position:relative; top:-7px; text-align: right; }
#content #details dl dd.apartamenty .polecane { float:left; width:200px; padding:0 10px 0 0; margin: 0px 0px 10px 20px; border-right:1px solid #ccc; }
#content #details dl dd.apartamenty .polecane dl { margin:0; }
#content #details dl dd.apartamenty .polecane dl dt,#content #details dl dd.apartamenty .polecane dl dd { background:#fff; border:0; margin:0; padding:0; }
#content #details dl dd.apartamenty .polecane dl dd { margin:0 0 5px 0; }

#content #details dl dd.rezerwacja table.steps { margin:0 auto; }
#content #details dl dd.rezerwacja table.steps td { padding:10px; vertical-align: middle; }
#content #details dl dd.rezerwacja table.steps td.selected_icon { width: 30px; font-size:20px; background: url("../images/hrs/steps_icon_selected.gif") no-repeat center center transparent; color:#fff; font-weight:bold; }
#content #details dl dd.rezerwacja table.steps td.selected_description {  text-align:left; border-right: 1px solid #ccc; }
#content #details dl dd.rezerwacja table.steps td.icon { width: 30px; font-size:18px; background: url("../images/hrs/steps_icon.gif") no-repeat center center transparent; color:#fff; font-weight:bold; }
#content #details dl dd.rezerwacja table.steps td.description {  text-align:left; border-right: 1px solid #ccc; color:#888; }
#content #details dl dd.rezerwacja table.steps td.last { border-right:0px; }

#content #details dl dd.rezerwacja h5 { margin:20px 0 0 0; }
#content #details dl dd.rezerwacja h5.first { margin:0; }
#content #details dl dd.rezerwacja p { margin: 5px 0 5px 25px; }
#content #details dl dd.rezerwacja ul { list-style:none; margin:0; padding:0; }

#content #details dl dd.rezerwacja table.ceny { margin: 5px 0 0 0; border:1px solid #ccc; }
#content #details dl dd.rezerwacja table.ceny th, #content #details dl dd.rezerwacja table.ceny td { padding: 5px 10px; }
#content #details dl dd.rezerwacja table.ceny th { background: url("../images/hrs/lightblue_gradient.png") repeat-x top center #fff; }
#content #details dl dd.rezerwacja table.ceny td { vertical-align: middle; }
#content #details dl dd.rezerwacja table.ceny td p { margin:2px 0; }
#content #details dl dd.rezerwacja table.ceny .cena { width:120px; }
#content #details dl dd.rezerwacja table.ceny .cenaLong { width:520px; }
#content #details dl dd.rezerwacja table.ceny .ilosc { width:120px; }
#content #details dl dd.rezerwacja table.rezerwacja { margin: 0 0 0 20px; width:920px; }
#content #details dl dd.rezerwacja table.rezerwacja td { width:250px; }
#content #details dl dd.rezerwacja table.rezerwacja td.colspan { width:auto; }
#content #details dl dd.rezerwacja table.rezerwacja td.label { width:180px; padding-bottom:7px; }
#content #details dl dd.rezerwacja table.rezerwacja td.input ul { width:auto; }
#content #details dl dd.rezerwacja table.rezerwacja th, #content #details dl dd.rezerwacja table.rezerwacja td { padding: 2px 5px; vertical-align:bottom; }

#content #details dl dd.partnerzy .partner { float:left; text-align: left; height:125px; width: 360px; padding: 10px; margin:0px 40px 10px 40px; border:1px solid #ccc; position:relative; }

#content #details dl dd.forms table td { padding:0 0 5px 0; }
#content #details dl dd.forms table td input { width:260px; }
#content #details dl dd.forms table th { padding:3px 5px 5px 0;font-weight: normal; }

#content #details #googleMap { width: 100%; height: 300px; border: 1px solid #ccc; }
#content #details #googleMap #mapDescription { text-align: left; }
#content #details #googleMap #mapDescription img { border:1px solid #ccc;  }
#content #details #googleMap #mapDescription p { margin: 0px 0 50px 70px; }
#content #details .lokalizacjaGmap #googleMap { height:400px; }

#content #details #googleMap #mapBaltichome { height:200px; }
#content #details #googleMap #mapBaltichome p { margin: 0 0 5px 0; font-size:11px; }

#content #details #googleMapDrive table { width:100%; }
/* ------ */

/* boxy */
.box320x305 { position:absolute }
/* ------ */

/* bottom line */
#bottomLine { height: 12px; background: url("../images/hrs/bottom_line_background.png") repeat-x; }
/* ------ */


/* footer */
#footer { background: #F8F1D6; padding: 15px 0; text-align: center; font-size: 12px; }
#footer ul { margin: 0 0 10px 0; }
#footer ul li { display: inline; margin: 5px 0 5px 5px; padding: 5px 5px 5px 10px; border-left: 1px solid #ccc; }
#footer ul li.first { border-left: 0; }
/* ------ */


/* apartaments */
.apartamentBox { height: 120px; margin: 5px 0 0 0; }
.apartamentBox h4, .apartamentBox dl { margin: 0 0 10px 0; }
.apartamentBox h4 span, .apartamentBox dt { font-weight:bold; font-size: 12px; color: #0A3C65; }
.apartamentBox .photo { float:right; margin: 0 0 5px 5px; border: 1px solid #E6EBF1; padding: 3px; }
.apartamentBox dd { margin: 0 0 0 8px; }

.apartamentList { border: 1px solid #ccc; }
.apartamentList td,.apartamentList th { padding: 10px; vertical-align: middle; border-top: 1px solid #ccc; border-left:1px solid #ccc; }
.apartamentList th { background: #E6EBF1; color: #5376A0; border-top:0; }
.apartamentList th.photo, .apartamentList th.photoBd { border-left: 0px; }
.apartamentList td { border-left: 0px; }
.apartamentList .photo { width:60px; }
.apartamentList .photoBd { width:120px; }
.apartamentList .photo img, .apartamentList .photoBd img { border:1px solid #ccc; }
.apartamentList .offer { width:260px; }
.apartamentList .price { width:100px; }
.apartamentList .sum { width:100px; }
.apartamentList .icons .description { position:absolute; padding:5px; background-color:#fff; border:1px solid #ccc; margin: 5px 0 0 10px;}
.apartamentList .link { width:120px; }
.apartamentList .link img { float: left; width: 20px; margin: -3px 5px 0 5px; }
.apartamentList .link p { margin: 10px 0 5px 0px; }
.apartamentList p.linkBd { margin: 10px 0 0 0; }
/* ------ */


/* buildings */
.budynekBox { width: 115px; text-align: center; margin: 0 0 0 4px; }
.budynekBox .photo img { border: 1px solid #E6EBF1; padding: 3px; }
/* ------ */


/* weather */
.pogoda { font-size: 9px; position: relative; top: 5px; left: 10px; }
.pogoda img { width: 70px; margin: 0 10px 10px 10px; }
.pogoda p { margin: 0 0 0 120px; }
/* ------ */


/* errors */
.form_error { color:#d00; font-weight:bold; clear:left; }
.error { padding: 40px; color: #d00; text-align: center; }
.error h1 { font-size: 32px; margin: 15px 0; }
.error h2 { font-size: 22px; margin: 0 0 15px 0; }
.error p { margin: 40px 0 20px; font-size: 18px; }
/* ------ */


/* others */
.form_valid { width:80%; margin:20px auto; background:#ECFDE7; color:#23A500; font-weight:bold; border:1px solid #23A500; padding: 20px; }
.form_invalid { width:80%; margin:20px auto; background:#FEF1F1; color:#dd0000; font-weight:bold; border:1px solid #dd0000; padding: 20px; }

.floatLeft { float: left; }
.floatRight { float: right; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtL { text-align: left; }
.txtJ { text-align: justify; }
.txtT { vertical-align: top !important; }
.txtM { vertical-align: middle !important; }
.txtB { vertical-align: bottom !important; }
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.bold { font-weight: bold }
.hidden { display: none; }
.small { font-size: 10px; }
.blue { color: #0A3C65; }
.red { color:#d00; }
.grey { color:#bbb; } 
.padding20 { padding:10px; }
.noborder { border:0px !important; }
.fs20 { font-size:16px; }
/* ------ */


/* corners */
.corners5 { 
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.cornersTR5 { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.cornersTL5 { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
.cornersBR5 { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.cornersBL5 { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }

.corners10 { 
	-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; }
.cornersTR10 { -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }
.cornersTL10 { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
.cornersBR10 { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; }
.cornersBL10 { -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; }

.corners15 {
	-moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;
	-moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; }
.cornersTR15 { -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; }
.cornersTL15 { -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; }
.cornersBR15 { -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; }
.cornersBL15 { -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; }
/* ------ */