/* MAIN LAYOUT HotelSystems.pl */

body {
	
	background:#eae4cd url(/pub/pensjonatas/img/body.jpg) repeat left top;	
	font:normal 13px/17px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif;
	color:#614444;
}

a { color: #453c34; text-decoration:none; }
a:hover { color: #6F6B68; text-decoration: none; }
a img { border:none; }
input {color:#7f6f5f; font-size:11px; float:left; font-family:"Century Gothic", Arial, Tahoma, Helvetica, sans-serif;  line-height:14px; border:0 none!important; background:none!important; padding:1px 0;	text-align:center;	vertical-align:middle; cursor:pointer}

.centerDiv { width:100%; float:left}
.centerDivIn { width:1052px; margin:0 auto}

.centHeader {background:url(/pub/pensjonatas/img/centMiddle.png) repeat-y center top;}
.centMiddle {background:url(/pub/pensjonatas/img/centMiddle.png) repeat-y center top;}
.centFooter {background:url(/pub/pensjonatas/img/centFooter.png) no-repeat center top;}

#header { width:100%;height:475px; position:relative; float:left; overflow:hidden; background:url(/pub/pensjonatas/img/header.png) no-repeat right 0}
	#langsHld {width:20px;position:absolute; left:0; top:15px;float:left;z-index:9}
		#langs {float:left;width:100%;}
		#langs a {float:left;width:20px; text-align:center;}
	#logoHld {	position:absolute; left:27px; top:15px;float:left;z-index:15}
		#logo {	position:absolute;z-index:50}
		#titleLogo {position:absolute;	left:50px;	top:-600px;	z-index:1}
	#headerReplaceFL {left:17px; top:0; z-index:10; float:left; position:absolute;}
	#headerReplaceFL img { float:left;}
	#fl_NAV_replace {width:230px; height:465px;left:17px;top:0;z-index: 12; float:left;background:url(/pub/pensjonatas/img/nav.png) repeat-y left 0;	position:absolute;} 
	#fl_NAV-SEC_replace {width:835px; float:left; left:17px;bottom:10px;height:42px;z-index: 11;position:absolute; float:left;background:url(/pub/pensjonatas/img/nav-SEC.png) repeat-x left 0;}
	#headerRight {width:194px; height:460px; overflow:hidden; position:absolute;right:6px;	top:0;	z-index:10}
#middle { width:1005px;float:left;}
	#pageHld { float:right; width:1000px;}
		#page {float:left; width:100% }
			#topPage { float:left; width:100%; display:none}
			#cntHolder {float:left; width:754px; overflow:hidden; background:url(/pub/pensjonatas/img/nav.png) no-repeat scroll left -43px transparent;}
			#pageContent {  float:right; width:100%;}
#footer { width:100%;padding:10px 0;float:right; width:1040px}
	#footerIn { float:left; width:1023px;}
	#contactDet { float:left; width:100%;text-align:left; margin-top:10px; }
		

/* pageContent */

#pageContent { float:left; width:100%; }
#pageContent .col {float:left}
#pageContent .colSpacer { display:none}
#pageContent .colIn { float:right;}
#pageContent #col0 { width:240px; float:left;}
#pageContent #col0 .colIn {  width:100%}
#pageContent #col1 { width:728px; float:right}
#pageContent #col1 .colIn {  width:100%; float:left}
#pageContent #col2 {display:none }
#pageContent #col2 .colIn {  width:100%}



#secContent { float:right; width:100%; padding:0 0 12px 0; overflow:hidden}
#secContent h2 {padding:18px 0; float:left;font:26px/30px Trajan Pro,Times New Roman,Tahoma,Serif;width:100%;}
    #secText { float:left; width:100%; padding:0; overflow:hidden}
    #secText strong {}
    #secText h3, #secText h4 { font-weight:normal; font-size:13px; line-height:22px; padding:3px 0;}
	#secText h3 { font-size:16px;}
    #secText ul { padding:5px 10px;; list-style-type:square;}
	#secText p { padding:0 0 15px 0}
	#secText ul li { margin-left:15px; }
	#secText a {}
	#secText a:hover {}

	#imgContent  { float:left; width:780px; padding:20px 0 0 0;}
	.gimg {	background:url(/pub/pensjonatas/img/imageBG.png) no-repeat top left;	float:left;	padding-bottom:10px	}
	.mainGimp {background-image:url(/pub/pensjonatas/img/imageBG-main.png) }
	.mainGimp a { height:auto!important; width:250px!important}
	.mainGimp a span { float:left; width:224px; padding:7px 0 3px; text-align:center;}
	.mainGimp a img {margin:0 0 7px 7px;}
	.gimg a { float:left; width:258px; height:120px}
	.gimg img {	padding:0px;background-color:#F0EBD6;margin:7px 0 0 7px; border:1px solid #D8D1BF	}
	.gimg a:hover img {border:1px solid #6F5653	}

	.galleryBtn {margin-left:6px!important; width:121px!important; background:url("/pub/pensjonatas/img/boxBtnGreenSmall.png") no-repeat right top!important}
	.galleryBtn:hover {background-position:right bottom!important}

/*MENU*/

#mainMenuHld {width:100%; float:left;margin-top:165px; }
#mainMenuHld ul {padding:0px;margin:0px;width:100%;list-style:none;text-align:center; margin:0 auto}
#mainMenuHld ul li {width:100%; padding:0;margin:0px;}
#mainMenuHld ul li a {font:normal 21px/32px Trajan Pro,"Times New Roman",Tahoma,Serif; color:#faf3ce;}
#mainMenuHld ul li a:hover{color:#FFF}

/* SEC NAV */
#secNav { width:600px; float:right;}
.pobotoweNav {width:714px!important;}
#secNav ul { width:100%}
#secNav  ul li {padding:0 20px 0 0;margin:0px; display:inline; float:left;}
#secNav  ul li.active a {font-weight:bold!important;color:#FFF}
#secNav  ul li.last { background:none; }
#secNav  ul li a {color:#faf3ce; font:normal 16px/42px Trajan Pro,Arial,Tahoma,Serif;}
#secNav ul li a:hover {color:#FFF} 

/* footer NAV */
#contactDet ul { width:auto}
#contactDet ul li{ display:inline; padding:0 15px 0 5px;background:url(/pub/pensjonatas/img/row.png) no-repeat right center }
#contactDet ul li.lastX { background:none}
#contactDet ul li a {font-size:11px}
#contactDet ul li a:hover { text-decoration:underline}
	a#hs_link, a#hs_link1 {float:right}
	a#hs_link:hover, a#hs_link1:hover { text-decoration:underline}
	#hs_link1 {padding-right:15px; }

/* BOX */

.box {  width:100%; float:left;padding:0;background:url(/pub/pensjonatas/img/box.png) no-repeat 8px bottom}
.boxSmall {background:url(/pub/pensjonatas/img/box-L.png) no-repeat 12px bottom}
	  .boxIn { width:174px;padding:0 0 7px 0;float:right; background-position:right 40px; background-repeat:no-repeat; }
	  .boxSmall .boxIn { width:238px}
		  .box_desc {width:120px; float:left; font-size:11px; line-height:14px; padding-bottom:15px; }
		  .boxSmall .box_desc {width:100%; text-align:center; font-size:12px; line-height:17px}
		  .boxSmall .box_desc strong { font-size:14px}
		  .box_desc a, .box_desc {}
		  .box_desc a:hover{}

.box_btn { float:right; width:178px}
.boxSmall .box_btn { float:left; width:223px}
.box_btn a { width:178px; height:36px; color:#FFF; background:url(/pub/pensjonatas/img/boxBtn.png) no-repeat center top; font:normal 15px/30px Trajan Pro,"Times New Roman",Tahoma,Serif; text-align:center; float:left; }
.boxRez .box_btn a {background-image:url(/pub/pensjonatas/img/boxBtnRed.png)}
.boxSmall .box_btn a { width:223px; float:left; background-image:url(/pub/pensjonatas/img/boxBtn-L.png)}
.boxSmall .btnPakiety a { background-image:url(/pub/pensjonatas/img/boxBtn-L-RED.png)}
.box_btn a:hover { background-position:center bottom}

.box h3 { width:100%; margin:9px 0;font:normal 22px/24px Trajan Pro,"Times New Roman",Tahoma,Serif; float:left }
.boxSmall h3 { text-align:center; font-size:18px}

#col0 .box {} 
#col2 .box {} 

.boxPromo .boxIn { background-image:url(/pub/pensjonatas/img/prezBox.png)}
.boxPanorama .boxIn {background-image:url(/pub/pensjonatas/img/panorama.png); background-position:right 1px } 
.boxRez .boxIn {background-image:url(/pub/pensjonatas/img/boxRez.png)} 
.boxKontakt { background:none; padding:0 }
.boxKontakt .boxIn {padding:0 }
.boxKontakt .box_desc { padding:0}
.boxPogda { padding-top:12px; background:none}
.boxPrezent { background:none}
.boxNewsletter .boxIn { position:relative; height:76px; overflow:hidden}
.boxNewsletter .boxIn h3 { position:absolute}
.boxNewsletter .boxIn .box_desc { position:absolute; top:49px; left:22px; z-index:20; width:115px; padding:0; margin:0}
.boxNewsletter .boxIn .box_desc input { width:115px; background:#FFF!important; }
.body_de .boxNewsletter .boxIn .box_desc input {width:83px}
.boxNewsletter .boxIn .box_btn { position:absolute; top:43px; left:0; z-index:10; }
.boxNewsletter .boxIn .box_btn  a {text-align:right}
.boxNewsletter .boxIn .box_btn  a  span { float:right; padding-right:10px}




/* REZ BOX */

.boxRez .fields a { width:93px; height:23px; float:left; background:#FFF url(/pub/pensjonatas/img/boxRezInput.png) no-repeat center top!important}
.boxRez input {width:74px; padding-top:4px}
.date_to, .date_from { float:left; width:100%; padding-top:5px}
.date_to .label {width:50px;line-height:20px; float:left}
.date_from .label {padding-bottom:4px}
select#days { border:1px solid #614444; padding:1px; color:#7F6F5F;font-size:11px;}

/* TABLE */

#secText table {
border-collapse:collapse;
border-color:#E3DDC8;
border-color:#E3DDC8;
border-style:solid;
border-width:1px;
margin:10px 0;
width:100%;
}

#secText table td, #secText table th {
border-bottom:1px solid #E3DDC8;
border-left:1px solid #E3DDC8;
padding:5px 15px;
text-align:left;
vertical-align:middle
}

#secText table td {
background:#DCD5C2 none repeat scroll 0 0;
}

#secText table th {
background:#ccc7b5 none repeat scroll 0 0;
text-align:center
}

#secText table tr:hover td, #secText table tr:hover th {background:#e4deca none repeat scroll 0 0 !important;}


.body_de .box h3, .body_en .box h3 { font-size:18px}
.body_de #secText .kontakt h3, .body_en #secText .kontakt h3 {font-size:12px}

.body_de .boxPromo .boxIn, .body_ru .boxPromo .boxIn { background-position:right -10px}
.body_de .boxPromo .boxIn .box_desc, .body_ru .boxPromo .boxIn .box_desc { width:158px}