/* MAIN LAYOUT HotelSystems.pl */

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;  line-height:14px; border:0 none!important; background:none!important; padding:4px 0;	text-align:center;	vertical-align:middle; cursor:pointer}

body {
	background:#fff7e4 url(/pub/charlotta/img/bg.gif) repeat-x center top;;
	font:normal 13px/18px "Century Gothic", Arial, Tahoma, Helvetica, sans-serif;
	color:#7f6f5f;
}

.centerDiv { width:100%; float:left}
.centerDivIn { width:1000px; margin:0 auto}

.centHeader {background:url(/pub/charlotta/img/centHeader.png) no-repeat center top;}
.centMiddle {background:url(/pub/charlotta/img/centMiddle.png) repeat-y center top;}
.centFooter {background:url(/pub/charlotta/img/centFooter.png) no-repeat center top;}

#header { width:100%;height:502px; position:relative; float:left; overflow:hidden; background:url(/pub/charlotta/img/nav.png) no-repeat left bottom;}
	#langsHld {width:134px;height:70px;	position:absolute; left:7px; top:0;float:left;background:url(/pub/charlotta/img/flags.png) no-repeat center top;}
		#langs {float:right;width:125px; margin-top:6px}
		#langs a {float:left;width:38px; text-align:center}
	
	#addRightHld {width:134px; height:70px;	position:absolute; right:7px; top:0;float:left;background:url(/pub/charlotta/img/flags.png) no-repeat center top;}
	#addRightHld img {float:left; margin-left:10px}
	
	#addRightFacebook {width:58px; height:70px;	position:absolute; right:150px; top:0;float:left;background:url(/pub/charlotta/img/fbBg.png) no-repeat center top;}
	#addRightFacebook a { width:29px; height:28px; display:block; cursor:pointer; background:url(/pub/charlotta/img/fb.gif); margin-left:15px; margin-top:5px; background-position:center bottom; }
	#addRightFacebook a:hover { background-position:center top; }
	
	#logoHld {	position:absolute; left:344px; top:0;float:left;z-index:15}
		#logo {	position:absolute;z-index:50}
		#titleLogo {position:absolute;	left:50px;	top:-600px;	z-index:1}
	#headerReplaceFL {width:100%; left:10px; top:74px; z-index:10; float:left; position:absolute;}
	#headerReplaceFL img { float:left;}
	#fl_NAV_replace {width:980px;float:left;	position:absolute;left:10px;bottom:27px;height: 40px;z-index: 60;} 
		#mainMenuHld {width:100%; float:left;margin-top:5px; }
	#fl_NAV-SEC_replace {width:100%; float:left; position:absolute;left:0;bottom:0;height:26px;}
#middle { width:100%;height:auto; float:left;  background:url(/pub/charlotta/img/topShadow.png) no-repeat center 0;}
	#pageHld { float:right; width:990px;  background:url(/pub/charlotta/img/bottomShadow.png) no-repeat center bottom;}
		#page {float:left; width:980px; }
			#topPage { float:left; width:100%; display:none}
			#pageContent {  float:right; width:100%;}
#footer { width:100%;padding-bottom:35px;float:left; overflow:hidden; background:url(/pub/charlotta/img/footer.png) no-repeat center 137px;}
	#footerIn { float:left; width:100%;}
	#contactDet { float:left; width:1000px;text-align:center; margin-top:70px }

		
/* pageContent */
#pageContent { float:left; width:100%; }
.homePC {background:url(/pub/charlotta/img/newsMainBG.png) no-repeat 344px 10px;}
#pageContent .col {float:left}
#pageContent .colSpacer {width:20px; height:300px; line-height:300px; float:left; }
#pageContent .colIn { float:right;}
#pageContent #col0 { display:none}
#pageContent #col0 .colIn {  width:100%}
#pageContent #col1 { width:677px;}
#pageContent #col1 .colIn {  width:100%;}
#pageContent #col2 { width:263px; float:right}
#pageContent #col2 .colIn {  width:100%}

#secContent { float:right; width:100%; padding:0 0 12px 0;}
#secContent h2 {color:#BF5219; padding:15px 0; float:left;font:26px/30px Trajan Pro,Times New Roman,Tahoma,Serif;width:100%;}
    #secText { float:left; width:100%; padding:0}
    #secText strong {}
    #secText h3, #secText h4 { font-weight:normal; font-size:13px; line-height:22px; padding:3px 0;}
	#secText h3 { color:#B65421;font-size:16px;}
    #secText ul { padding:5px 10px;; list-style-type:disc;}
	#secText p { padding:0 0 3px 0}
	#secText ul li { margin-left:15px; }

/*MENU*/
#mainMenuHld ul {padding:0px;margin:0px;width:100%;list-style:none;text-align:center; margin:0 auto}
#mainMenuHld ul li {width:auto; padding:0 15px;margin:0px;display:inline }
#mainMenuHld ul li a {font:normal 17px/32px Trajan Pro,"Times New Roman",Tahoma,Serif; color:#f2e7d3;}
#mainMenuHld ul li a:hover{color:#FFF}

/* SEC NAV */
#secNav { width:980px; float:right;}
#secNav ul { width:100%}
#secNav  ul li {padding:0 38px 0 0;margin:0px; display:inline; float:left;}
#secNav  ul li.active a {font-weight:bold!important;}
#secNav  ul li.last { background:none; padding:0}
#secNav  ul li a {font:normal 14px/26px Trajan Pro,"Times New Roman",Tahoma,Serif;}
#secNav ul li a:hover {} 

/* footer NAV */
#contactDet ul { width:auto}
#contactDet ul li{ display:inline; padding:0 6px;}
#contactDet ul li.last {}
#contactDet ul li a {color:#7f6f5f; font-size:11px}
#contactDet ul li a:hover {color:#6F553E; text-decoration:underline}
	a#hs_link {}
	a#hs_link:hover {}

/* BOX */

.box {  width:100%; height:127px; float:left;padding:0;background:#766355 url(/pub/charlotta/img/box.jpg) no-repeat center top}
.boxSmall {  width:100%; height:73px; float:left;padding:0;background:#CABEAE url(/pub/charlotta/img/boxSmall.jpg) no-repeat center bottom}
	  .boxIn { width:243px;height:127px; float:left; background-position:left bottom; background-repeat:no-repeat}
.boxSmall .boxIn {height:73px }
      .box_desc {width:223px; height:42px; overflow:hidden; float:right; font-size:11px; line-height:15px}
      .box_desc a{}
      .box_desc a:hover{}

.box a {color:#e7dfcc}  
.box a:hover {color:#fff;}

.box_btn { float:right; width:100%}
.box_btn a { width:155px; height:28px; color:#e7dfcc; font:normal 13px/28px Trajan Pro,"Times New Roman",Tahoma,Serif; text-align:center; float:right; background:#b04c19 url(/pub/charlotta/img/box_btn.png) no-repeat center top}
.box_btn a:hover { background-position:center bottom}

.boxSmall .box_btn { width:88px; float:right}
.boxSmall .box_btn a { width:auto; background:none; color:#3e2220; text-align:right; border-bottom:1px solid #AF9778; line-height:18px; height:auto}
.boxSmall .box_btn a:hover {color:#76413d; background:none;  border-bottom:1px solid #3B211E}

.boxPakiety .box_btn { width:156px!important}

.boxNewsletter .box_btn {width:73px}

.box h3, .homeNews h3 { width:223px; margin:8px 0; font:normal 18px/26px Trajan Pro,"Times New Roman",Tahoma,Serif; color:#3a201d; float:right }

#col0 .box {} 
#col2 .box {} 

.boxPromo .boxIn { background-image:url(/pub/charlotta/img/prezBox.png)}
.boxGal .boxIn {background-image:url(/pub/charlotta/img/galBox.png)} 
.boxGal .box_btn a { background-position:25px 21px} 
.boxRez .boxIn {background-image:url(/pub/charlotta/img/boxRez.png)} 
.boxKontakt {}
.boxNewsletter .box_desc { width:170px; height:20px; float:left; background:url(/pub/charlotta/img/newsletterInput.png) no-repeat right top}

/* Newsletter BOX */

#newsletter_email { width:155px; float:right }

/* REZ BOX */
.boxRez .fields a { width:102px; height:21px; float:left; background:#b1a898 url(/pub/charlotta/img/boxRezInput.png) no-repeat center top!important}
.boxRez input {width:80px;}
.date_from { margin-right:17px; float:left}

/* HOME OFFERS */
#homeOffers { width:100%; height:128px; float:left; overflow:hidden; background:url('/pub/charlotta/img/homeOffers.png') no-repeat center top;}
#homeOffers .inner { float:right; width:965px;margin-top:5px;}


/* TABLE */

#secText table {
border-collapse:collapse;
border-color:#E6DDCA;
border-style:solid;
border-width:1px;
margin:10px 0;
width:100%;
}
#secText table td, #secText table th {
border-bottom:1px solid #E6DDCA;
border-left:1px solid #E6DDCA;
padding:5px;
text-align:center;
}
#secText table td {
background:#C9BDAD none repeat scroll 0 0;
}
#secText table th {
background:#BCB0A0 none repeat scroll 0 0;
}
#secText table tr:hover td, #secText table tr:hover th {
background:#D3C8B6 none repeat scroll 0 0 !important;}



/* ROOM PAGE */
.roomBox { width:100%;background:url(/pub/charlotta/img/roomBox.png) no-repeat center top; padding:5px 0; float:left; height:125px}
	.roomTitle { float:left;height:125px; width:178px; overflow:hidden}
	.roomTitle h2 { float:left;margin-top:26px}
	.roomImg { float:left;height:125px; width:310px} 
	.roomDesc { float:left;height:82px; width:345px; font-size:12px; line-height:15px}
	.roomMore { float:right;height:25px; width:60px; font-size:12px; line-height:15px; position:relative}
	.roomMore a {float:right;height:25px; width:100%;left:0; top:0; position:absolute; z-index:5;background:url(/pub/charlotta/img/blank.gif) repeat center top;}
	.roomMore h3 {float:right;height:25px; width:100%;left:0; top:0; position:absolute; z-index:2;}
	

#cntBox {float:right; width:320px; padding:10px 0}
#cntBox1, #cntBox2 {float:left; width:262px; padding:0; overflow:hidden; height:120px}