html, body { height: 100%; }
body { text-align: center; background: #FFFFFF url(../images/back_body.gif) top left repeat; margin: 0; padding: 0; }
body, td, th { font-family: Haramond, Times, serif; font-size: 13px; font-weight: normal; color: #333333; }
body { behavior: url(fileadmin/templates/leopolis/js/csshover.htc); }

a:link, a:visited {color: #781f1c; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {	border: 0px solid #ffffff;}

form, fieldset { margin: 0; padding: 0; border: 0 solid #fff; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; }
button { padding: 0; margin: 0; border-width: 0; background: none; cursor: pointer; }
button { -webkit-border-fit: lines; }
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	button span { margin-top: -1px; }
}  */
button::-moz-focus-inner { padding: 0!important; border-width: 0!important; }
button.i-button, input.i-button { /* width: auto; */ overflow: visible; }
a.i-button, a.i-button span { text-decoration: none; }

.form .i-text, .form .i-textarea, .form .i-select { font-family: Arial, sans-serif; font-size: 12px; color: #000; }
.form .i-text, .form .i-textarea { background: #fff; border: 1px solid #abadb3; border-top-color: #abadb3; border-right-color: #dce0e5; border-bottom-color: #e3e9ef; border-left-color: #e2e3ea; -moz-border-radius: 2px; border-radius: 2px; padding: 2px 3px; }
.form .i-button { background: transparent; border: 0 solid #fff!important; padding: 0; white-space: nowrap; }
.form .i-button span span { height: 24px; line-height: 24px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-align: center; background: #781f1c; padding: 0 10px; float: left; cursor: pointer; }
.form .i-button:hover span span { background-color: #6d1a18; }
.form .btn-gray span span { background-color: #808080; }
.form .btn-gray:hover span span { background-color: #737373; }
.i-calendar { position: relative; }
.form .validation-error { border-color: #bb140e; }
.form label em { color: #bb140e; }

.form-field { width: 106px; margin: 0 6px 3px 0; float: left; }
.form-field .i-text, .form-field .i-select { width: 98px; }
.form-field-short { width: 44px; }
.form-field-short .i-text { width: 36px; }
.form-field-short .i-select { width: 100%; }
.form .last { margin-right: 0; }
.form-field dt, .form-field dd { margin: 0; }
.form-field dt label { font-family: "Haramond", "Times", serif; font-size: 12px; color: #000; }

/* Booking */
.booking { width: 227px; height: 166px; background: url("../images/modules/bg_booking.jpg") no-repeat; overflow: hidden; position: absolute; top: 0; left: 68px }
.booking h3 { font-size: 15px; font-weight: normal; color: #000; text-transform: uppercase; margin: 5px 0; }
.booking .form { padding: 10px; }
.booking .buttons { padding-top: 10px; }
.booking .buttons a.i-button { float: left; }
/*.booking .buttons a.i-button span span { width: 106px; padding: 0; }*/
.booking .buttons button.i-button { float: right; }
/*.booking .buttons button.i-button span span { width: 94px; padding: 0; }*/
.booking .i-calendar .i-text { cursor: default; }
.booking p.bestrate { font-size: 12px; line-height: 0.9; margin: 0; position: absolute; right: 10px; top: 17px; }
	.lang-ua p.bestrate { width: 81px; top: 7px; }
	.lang-ru p.bestrate { width: 70px; top: 7px; }

.clearer { height: 1px; font-size: 1px; clear: both; }

#mainContainer { width: 900px; min-height: 100%; text-align: left; background: #FFFFFF url(../images/back_test.jpg) left bottom no-repeat; margin: 0 auto;  }
* html #mainContainer { height: 100%; }

	#header { width: 100%; height: 166px; background: url(../images/back_header.jpg) top left no-repeat; float: left; position: relative; z-index: 1; }
		#header .langmenu { position: absolute; top: 0; right: 60px; }
		#header .langmenu .langBox { width: 21px; float: left; display: inline; margin-left: 5px; text-decoration: none; text-align: center; text-transform: uppercase; }
		#header .langmenu .langBox .item { width: 16px; height: 15px; color: #000000; font-size: 11px; margin: 0 0 2px 0px; padding: 0 2px; float: left; display: inline; }
		#header .langmenu .langBox .item:hover { color: #AA5500; }
		#header .langmenu .langBox .act:hover { color: #FFFFFF; }
		#header .langmenu .langBox .act { background: #734515; color: #FFFFFF; }
		#header .langmenu .langBox .langItem { margin-left: 0px; }
		
		.logo { width: 133px; height: 121px;  margin-left: -57px; position: absolute; left: 50%; top: 6px; }
		.localTime { width: 227px; height: 16px; font-size: 11px; text-transform: uppercase; position: absolute; left: 72px; top: 140px; z-index: 77; }
		.fastReservaiton { width: 127px; height: 27px; background: url(../images/buttons/button_fast.gif) top left no-repeat; position: absolute; left: 716px; top: 140px; z-index: 77;  }
		
		.social-action { position: absolute; bottom: 17px; right: 60px; }
		.social-action .facebook-like { text-align: right; margin-bottom: 5px; }
		.social-action .skype { background: url("../images/buttons/bg_button_skype.gif"); border: 1px solid #ddd6ca; -moz-border-radius: 2px; border-radius: 2px;   }
		.social-action .skype a { font-family: Arial, sans-serif; font-size: 11px; color: #333; text-decoration: none; background: url("../images/icons/icon_skype.gif") 5px 3px no-repeat; padding: 5px 7px 5px 25px; display: block; zoom: 1;  }
	
	#flashContainer { width: 100%; height: 241px; position: relative; z-index: 1; float: left; margin: 1px 0; }
	#flashContainer .flash { height: 241px; }

/*
	#flashContainer .mainmenu { width: 225px; height: 241px; background: #FFF8DB; border-right:  #FFFFFF solid 1px; border-left: #FFFFFF solid 1px; position: absolute; top: 0; left: 68px; z-index: 33; filter:alpha(opacity=75); opacity: .75; -moz-opacity: 0.75; khtml-opacity: 0.75; }

	#flashContainer ul { width: 225px; margin: 0; padding: 0; list-style: none; position: absolute; top: 5px; left: 68px; z-index: 33; }
	#flashContainer ul li { width: 100%; width: 225px; margin: 0!important; padding: 0!important; float: left; }
	#flashContainer ul li .level1  { line-height: 17px; font-weight: bold; font-size: 13px; color: #000000; text-decoration: none; text-transform: uppercase; padding: 1px 10px 1px 22px; display: block; zoom: 1; filter:alpha(opacity=50); opacity: .50; -moz-opacity: 0.50; khtml-opacity: 0.50; }
	#flashContainer ul li .level1:hover { background: #ECE5C9; }
	#flashContainer ul li.sub { position: relative; z-index: 44; }
	#flashContainer ul li.act .level1 { background: #781f1c!important; color: #FFFFFF; }
	#flashContainer ul li .level1 span {  filter:alpha(opacity=100)!important; opacity: 1!important; -moz-opacity: 1!important; khtml-opacity: 1!important; }
	#flashContainer ul li.separator { height: 1px; line-height: 1px;  font-size: 1px; border-top: 1px solid #D8C5A9; margin: 1px 0 0 0!important; overflow: hidden; }

	#flashContainer ul ul { display: none; background: #FFF8DB; position: absolute; top: 0; left: 225px; z-index: 55; filter:alpha(opacity=65); opacity: .65; -moz-opacity: 0.65; khtml-opacity: 0.65; }
	#flashContainer ul li:hover ul { display: block; }
	#flashContainer ul ul li { width: 100%; float: left;}
	#flashContainer ul ul li .level2 { font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; text-transform: uppercase; padding: 1px 10px 1px 22px; display: block; zoom: 1; filter:alpha(opacity=65); opacity: .65; -moz-opacity: 0.65; khtml-opacity: 0.65; }
	#flashContainer ul ul li .level2:hover { background: #ECE5C9; }
	#flashContainer ul ul li.act .level2, #flashContainer ul ul li.act .level2:hover { background: #781f1c; color: #FFFFFF; }
*/


	#flashContainer .mainmenu { width: 225px; height: 231px; background: #FFF8DB; border-right:  #FFFFFF solid 1px; border-left: #FFFFFF solid 1px; padding-top: 10px; position: absolute; top: 0; left: 68px; z-index: 999; filter:alpha(opacity=65); opacity: .65; -moz-opacity: 0.65; khtml-opacity: 0.65; }
	#flashContainer .mainmenu .level1 { font-size: 13px; color: #000000; text-decoration: none; text-transform: uppercase; background: #FFF8DB; padding: 1px 10px 1px 22px; display: block; }
	#flashContainer .mainmenu .level1:hover { background: #ECE5C9; }
	#flashContainer .mainmenu .act, #flashContainer .mainmenu .act:hover { background: #781f1c; color: #FFFFFF; }
	#flashContainer .mainmenu .separator { height: 1px; line-height: 1px;  font-size: 1px; border-top: 1px solid #D8C5A9; margin: 1px 0 0 0; overflow: hidden; }

	
	.flashSeparator { width: 100%; height: 7px; font-size: 1px; background: #781f1c; clear: left; }
	
	#contentContainer { width: 100%; padding: 0 0 140px 0; float: left; }
		#contentContainer .title { height: 23px; font-size: 20px; color: #FFFFFF; background-color: #781f1c; margin: 1px 0 0 295px; padding: 0 10px; float: left; display: inline; }
		#leftColumn { width: 226px; margin: 0 0 0 70px; float: left; clear: left; display: inline; overflow: hidden; }
			#leftColumn .content { text-align: center; }
		
		#rightColumn { width: 604px; float: right; clear: right; overflow: hidden; }
			#rightColumn .content{  margin: 30px 80px 0 40px;  }
		
	#footer { width: 900px; height: 100px; text-align: left; background: url(../images/back_footer.jpg) top left repeat-x; margin: -100px auto 0 auto; position: relative; }
		#footer .footerContainer { width: 900px; position: absolute; top: 0; left: 0; float: left; }		
		#footer .footerSeparator { width: 100%; height: 8px; font-size: 1px; background: #BDA78B; float: left; }
		#footer .copyright { width: 272px; height: 23px; text-align: right; margin: 15px 0 0 0; float: left;  }
		#footer .copyright a.impulsis { color: #808080; text-decoration: none; background: url("../images/impulsis.png") right top no-repeat; padding: 7px 47px; float: right; clear: both; }
		#footer .copyright a.impulsis:hover { text-decoration: underline; }
		#footer .bottommenu { width: 542px; margin: 15px 0 0 62px; float: left; display: inline; }
		#footer .bottommenu .level1 { color: #000000; }
		#footer .bottommenu .act { font-weight: bold; text-decoration: none; }
		
/* CONTENT============================= */

	a img {	border: 0px solid #ffffff;}
	p { margin: 20px 0 0 0/* 26px */; }
	.csc-header h1 { margin: 20px 0 20px 0; font-weight: bold; font-size: 13px; text-transform: uppercase; }
	.csc-uploads-fileName a:link, .csc-uploads-fileName a:visited { color: #000000; text-decoration: none; }
	.csc-uploads-fileName { font-size: 13px; font-style: italic; font-weight: bold;  }
	.csc-uploads-fileName p { margin: 0 0 0 7px; }
	.csc-uploads { margin: 15px 0; }
	.csc-textpic { padding: 10px 0 0 0; }
			
	/*  Table Rooms and suites*/
	.tableview table { width: 95%; margin: 25px 0 20px 24px; text-align: center; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
	.tableview td { border-left: 1px solid #000000; border-top: 1px solid #000000; margin: 0px; padding: 0px; }
	.tableview .contenttable .bodytext { margin: 2px 10px; padding: 0px; }
	
	/*  MailFORMplus*/
	.tx-thmailformplus-pi1 { color: #734515; margin: 25px 0; }
	.tx-thmailformplus-pi1 .required { color: #ff0000; }
	.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 select, .tx-thmailformplus-pi1 textarea { border: 1px solid #734515; margin: 1px; background: #FFF8DB; color: #734515; }
	.tx-thmailformplus-pi1 textarea { width: 100%; height: 100px;}
	.tx-thmailformplus-pi1 ul.mailformlus-error { margin: 20px 0; padding: 10px; color: #ff0000; border: 1px solid #ff0000; }
	.tx-thmailformplus-pi1 ul.mailformlus-error  li { margin: 0 20px; }
	.tx-thmailformplus-pi1 .mailformplus-table { width: 100%; }
	.tx-thmailformplus-pi1 td { color: #734515; padding: 5px 3px; }
	
	
	
/*MAILFORM ==== */
		
	.csc-mailform { width: 429px; border: 0px solid #ffffff; margin: 20px 0 0 0; padding: 0; float: left;}
	.csc-mailform .csc-mailform-field { width: 100%; margin-bottom: 2px; float: left;}
	.csc-mailform-field label { width: 150px; color: #734515; margin: 0 10px 0 0; padding: 3px 5px; float: left; }
	.csc-mailform .csc-mailform-field input, .csc-mailform .csc-mailform-field select, .csc-mailform .csc-mailform-field textarea { color: #734515; background-color: #FFF8DB; border: 1px solid #734515; } 
	.csc-mailform .csc-mailform-field .csc-mailform-submit { background-color: #FFF8DB; font-weight: bold; color: #734515; border: 1px solid #734515; margin-left: 170px!important; margin-left: 173px; }
	
	
/* CONTENT */

/* imp 28.12.10 */
.custom #footer { height: 126px; margin-top: -126px; background: url(../images/back_footer_imp.jpg) left top repeat-x; }
.custom #footer .bottommenu { width: 340px; margin-top: 27px; }
.custom #footer .copyright { margin-top: 27px; }
.custom .subscription { width: 212px; float: right; font-family: "Times New Roman", "Times New Roman", Times, serif; }
.custom .subscription h3 { font-size: 12px; font-weight: bold; margin:11px 0 5px 0; }
.custom .subscription .i-required { border: none; background: #a68f72; padding: 2px 0 3px; width: 181px; outline: none; font-size: 12px; font-style: italic; color: #fff; height: 16px; font-family: "Times New Roman", "Times New Roman", Times, serif; }
.custom .subscription .i-error  .i-required { background: #781f1c; }
.custom .subscription .name { width: 150px; float: left; margin-right: 2px; }
.custom .subscription .i-button { border: none; background: #781f1c; cursor: pointer; font-size: 12px; text-transform: uppercase; color: #fff; padding:0!important; width: 29px; height: 21px; }
.custom .subscription .success { margin-top: 27px; }
.custom .subscription p { margin: 2px 0 0 0; }

/*
	FOLLOW US imp 13.05.11
================================================================================== */
#contentContainer { position: relative; }
#leftColumn { padding-bottom: 70px; }

ul.social { position: absolute; left: 70px; bottom: 137px; width: 226px; border-top: 1px solid #e8e0d4; padding: 5px 0 0 0; margin: 0; list-style: none; } 
ul.social li { margin-right: 4px; float: left;  }
ul.social li a { width: 17px; height: 17px; text-decoration: none; text-indent: -20000px; background: url("../images/icons/icons_social.gif") no-repeat; display: block; overflow: hidden; zoom: 1; }
ul.social li.facebook a { background-position: 0 0; }
ul.social li.hotelinfo a { background-position: 0 -27px; }
ul.social li.tripadvisor a { background-position: 0 -54px; }
ul.social li.venere a { background-position: 0 -81px; }



/*
	HOTELS WIDGETS imp 08.06.11
================================================================================== */
.hotel-widget01 { height: 134px; overflow: hidden; margin: 40px 0 20px; }
.hotel-widget01 .w-inner  { width: 194px; height: 134px; overflow: hidden; margin: 0 auto; }
.hotel-widget01 .w-inner div { margin: -3px; }
.hotel-widget01 .w-inner div  h1 { padding: 0!important; }
.hotel-widget01 .w-inner div  h1  a { padding: 110px 0 0; display: block; }

.hotel-widget02 { margin-bottom: 40px; }
.hotel-widget02 .w-inner { padding-left: 29px; }
*+html .hotel-widget02 .w-inner { padding-left: 0px; }
* html .hotel-widget02 .w-inner { padding-left: 0px; }
.hotel-widget02 #CDSWIDSSP { width: 220px!important; padding: 3px!important; zoom: 1; background: #e5e5e5!important; }
.hotel-widget02 #CDSWIDSSP .widSSPData { margin: 0!important; width: 206px!important; zoom: 1; }
.hotel-widget02 #CDSWIDSSP .widSSPPower { background: #e5e5e5!important; }
.hotel-widget02 #CDSWIDSSP .widSSPData .widSSPInformation, .hotel-widget02 #CDSWIDSSP .widSSPData .widSSPReviews { border-color: #e5e5e5;  }
.hotel-widget02 #CDSWIDSSP.widSSPnarrow .widSSPPower { font-style: normal; padding: 3px 6px 0; color: #000; }
.hotel-widget02 #CDSWIDSSP.widSSPnarrow .widSSPPower em { font-style: normal; color: #000; }

.hotel-widget03{ margin-bottom: 5px; text-align: left; }
.hotel-widget03 .w-inner { height: 90px; overflow: hidden; }

.hotel-widget04 .w-inner { height: 90px; overflow: hidden; }


/*
	CALENDAR
================================================================================== */
img.tcalIcon { cursor: pointer; margin-left: 1px; vertical-align: middle; }
.i-calendar .tcalIcon { position: absolute; top: 4px; right: 4px; margin: 0; }
div#tcal { position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0; margin-left: 3px; }
div#tcal table { width: 100%; border-collapse: collapse; background-color: #f7f7ef; }
div#tcal table.ctrl { border-bottom: 0; }
div#tcal table.ctrl td { width: 15px; height: 20px; }
div#tcal table.ctrl th { background-color: #f7f7ef; color: black; border: 0; }
div#tcal th { text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white; }
div#tcal td { color: #1f1f1f; border: 0;  border-collapse: collapse;  text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer; }
div#tcal td.othermonth { color: #777; }
div#tcal td.weekend { background-color: #e7e1d3; }
div#tcal td.today { font-weight: bold; color: #781f1c; }
div#tcal td.selected { color: #fff; background-color: #781f1c; }
div#tcal td.disabled { color: #aaaa96; background-color: #fff; cursor: default!important; }
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF { position: absolute; visibility: hidden; z-index: 98; border: 0; margin-left: 3px; } 
/* transparent shadow */
div#tcalShade { position: absolute; visibility: hidden; z-index: 99;  margin-left: 3px; } 
div#tcalShade table { border: 0; border-collapse: collapse; width: 100%; }
div#tcalShade table td { border: 0; border-collapse: collapse; padding: 0; }