/* ---------------------------------------------------------------------------------------------------------- */
/* ----------- begin content.css */
@font-face {
    font-family: 'EtelkaTextBold';
    src: url('font/etelkatext-bold_0-webfont.eot');
    src: url('font/etelkatext-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/etelkatext-bold_0-webfont.woff') format('woff'),
         url('font/etelkatext-bold_0-webfont.ttf') format('truetype'),
         url('font/etelkatext-bold_0-webfont.svg#EtelkaTextBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************************************************
   SIMPLE (FAST) CLASS
*************************************************************************************/
.ext {background:url('../images/ico/ext.png') 100% 0 no-repeat; padding-right:10px;}
.l {display: inline; float: left;}
.r {display: inline; float: right;}
.col-h-l {float: left; display: inline; width: 48%;}
.col-h-r {float: right; display: inline; width: 48%;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.out {position: absolute; left: -5000px; top: -5000px;}
.bold {font-weight: bold;}
.thin {font-weight: normal;}
.small {font-size: 92%;}
.big {font-size:117%}
.center {text-align:center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
.vcenter {vertical-align:middle;}
.nobr {white-space:nowrap;}
.pre {white-space:pre;}
.error {color: #cc0000;}
.js .jsHide, .hidden {display: none !important;}
.block{display: block !important;}
.break {height: 0px; font-size: 0px; line-height:0px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
.clearfix {zoom: 1;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.reset {border:none; margin:0; padding:0; background:none;}
ul.reset{list-style:none;}
.sprite {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
a .sprite {cursor:pointer;}
.reset td, .reset th {border:none; background:none; padding:0; font-size:100%; line-height:1}
.reset li {margin:0; padding:0; background:none;}
.noborder, .noborder th, .noborder td { border: 0; }
hr.sep_line{line-height:1px; border:0px; border-bottom:3px solid #dddddd; }
/************************************************************************************
   RESETS and TYPOGRAPHY
*************************************************************************************/
html {margin:0; padding:0; background:#fff;}
body {font-size: 75%; background: #fff; font-family:"Lucida Grande", Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif; color:#333333; padding: 20px; margin:0px;}

div, pre {margin: 0; padding: 0;}

/* HEADING */
h1, h2, h3, h4, h5, h6{font-weight: bold; font-family:EtelkaTextBold,Tahoma,Arial,Helvetica,sans-serif; color:#007ebf;}
h1{margin:0 0 0.4em; padding: 0.3em 0 0 0; font-size: 233.33%;}
h2{margin:1em 0 0.5em; padding: 0; font-size: 141%;}
h3{margin: 1.6em 0 0.7em; padding: 0; font-size: 125%;}
h4{margin:1em 0 0.3em; font-size:117%;}
h5, h6{margin:0em 0 0.5em; font-size:100%;}

h3 a:hover{color:#444;}

/* PARAGRAPH */
p {line-height:18px; margin: 0 0 0.7em;}
hr {margin: 20px 0px; padding:0; border: 1px solid #ddd; border-width: 1px 0 0; color: #fff; background: #fff;}
pre {text-align: left;}
em {font-family: Arial, helvetica, sans-serif !important;}

/* CITE */
cite {border: none; color: #bbb; font-size: 108%; display: block; font-family: arial;}
blockquote {clear:both; margin:0 0 1.5em; padding:20px; background:#ddd; }

/* ANCHOR */
a {color:#f88c00; outline:none;}
a:hover {color: #444;}
a:active {color: #d87500;}

/* LIST */
ul {margin: 0.2em 0 1.6em; padding: 0;}
ul li {margin: 0 0 3px; padding: 3px 0 0 9px; line-height: 18px; list-style: none; background: url('../images/bg/li.png') 0 0.65em no-repeat;}
ol {margin: 0.2em 0 1.6em 23px; padding: 0;}
ol li {margin: 0 0 3px; padding: 3px 0; list-style-position: outside; line-height: 18px;}
ul ul {margin: 2px 0;}
#content ul li {overflow: hidden; zoom: 1;}

/* IMAGES */
img{border:0px;}
img.left {float: left; margin: 0.3em 15px 10px 0; clear: left; border: 0;}
img.right {float: right; margin: 0.3em 0 10px 15px; clear: right; border: 0;}

/* TABLE */
table{ background: #ececec; border: 0; margin:0.2em 0 1em; font-size:100%; border-collapse: collapse; width: 100%; border-spacing: expression(cellSpacing=0);}
table caption {text-align: left; font-size: 175%; margin: 1em 0 0.5em;}
thead th {padding: 7px 10px 7px 10px; border: 1px solid #fff; background:#ececec; text-align: left; color:#fff;}
td {padding: 7px 10px 7px 10px; background: #ececec; border: 0; border-bottom: 1px solid #d9d9d9; border-width: 1px 0; border-right: hidden;}
th {padding: 7px 10px 7px 10px; background: #ececec; border: 0; border-bottom: 1px solid #d9d9d9; border-width: 1px 0; border-right: hidden;}
.even td {background: #e1e1e1;}

/* FORM */
form, fieldset{margin:0; padding:0; border:none;}
input, label, select{vertical-align:middle; font-family: arial; font-size:100%;}
textarea{font-family: arial; font-size:100%;}
label input{position:relative; top:0px; margin: 0;}
label span {font-weight:normal; color: #666; font-size: 91.6%;}

/* obsah fix-int je pouzit i v selectu v jqtransform.js - dynamic transform form view*/
.fix-int{font-size:12px;  margin:0; padding:3px 5px 3px; display:block; vertical-align:middle; background:#fff; border: 1px solid #00587f; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; position:relative; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .18) inset; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .18) inset; box-shadow: 0 3px 5px rgba(0, 0, 0, .18) inset; }
.btn{font-family:EtelkaTextBold,Arial,Helvetica,sans-serif;margin:0; font-size:15px; text-transform: uppercase; display:inline-block; vertical-align:middle; background:#f5a206 url("../images/btn/all.png") 0 -100px repeat-x; cursor:pointer; border: 0; color:#593b02; padding:10px 20px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .34); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .34); box-shadow: 0 1px 2px rgba(0, 0, 0, .34); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.67); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position:relative;}
.btn:hover{color:white !important;}
.int-text{margin:0px; padding:0; border:0; display:inline-block;}

/* FORMS */
.input{width:489px; padding:2px 5px 2px 5px;}
.combo{width:480px;  margin-top: 0px !important; margin-right:0px !important; float: left; height: 15px;
    padding: 8px 6px 7px !important; }
.select{width:500px;}
.table_form{background:none; border:0px;}
.table_form tr{background:none; border:0px;}
.table_form td{background:none; border:0px; position:relative !important;}

/* Note */
.note{
	background:white !important;
    border: 1px solid #0094E1 !important;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    -webkit-box-shadow: 2px 2px 4px rgba(95, 186, 233, 0.3) inset; -moz-box-shadow: 2px 2px 4px rgba(95, 186, 233, 0.3) inset; box-shadow: 2px 2px 4px rgba(95, 186, 233, 0.3) inset;
	font-weight:normal;
    display: block;
    left: 515px;
    padding: 15px 15px 15px 35px;
    position: absolute;
    top: 8px;
    width: 338px;
    z-index: 100 !important;
 }
.createReviewPart .note{top: 9px;}
#new_hotel_form .createReviewPart .note{top: 9px;}
.stars-text .note{top: -10px;}
.item_select .note{
	top: 8px;
	left: 515px;
	width: 338px;
}
.item_textarea .note{
	left: 515px;
	width: 338px;
}
.item_combo .note{
	left: 525px;
	width: 338px;
}
.note span.arrow {
    background: url("../images/bg/note-arrow.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    left: -11px;
    position: absolute;
    top: 10px;
    width: 35px;
}

.yellow_form .note span.arrow {
    background-position:0px -48px;
}

.form_item_envelope{display:block; position:relative; margin:0px; padding:0px 0px 5px 0px; color:#333333; font-weight:bold; z-index:49;}
 .createReviewPart input[type="text"], .ui-dialog-content input[type="text"]
    , form#commentForm input[type="text"] {padding:8px 6px 7px 6px;
    display:inline-block;
	border: 1px solid #00587f;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;}
.ui-dialog-content input.input, .createReviewPart input.input{ /* extra pro ie6 */
	/* padding:8px 6px 7px 6px;*/
	padding: 2px 6px;
	display:inline-block;
	border: 1px solid #00587f;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;}



input[type="checkbox"]{border:0px !important;}

.ui-dialog-content input.input {width: 350px;}
.ui-dialog-content textarea.textarea {width: 350px; height:150px;}
.form_item_envelope select{padding:2px; display:inline-block;}
.form_item_envelope textarea, .ui-dialog-content textarea{padding:6px; display:inline-block; height:85px;
	border: 1px solid #00587f;
	border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.form_item_envelope label, form#commentForm label{padding: 5px 0 2px; display:inline-block; font-weight:bold;}
.form_item_envelope .highlight,
	.review-part-type .highlight,
    .createReviewPart .highlight{color:#c00000; font-weight:bold; display:inline;}
.name label{font-weight:bold;}
.email label{font-weight:bold;}

/* WIDTH */
.w-full {width:100%;}

/* --------------- end content.css */

#loader{padding-left:20px; display:inline-block; background: url('../images/loading.gif') left center no-repeat; }

.cleaner {clear: both; visibility: hidden; height:1px; margin:0px; padding:0px; border:1px solid black; line-height:1px; font-size:1px; }

/** autocomplete **/
.ui-autocomplete-loading { background: white url('../images/loading.gif') right center no-repeat; }
.ui-menu-item span{font-style: italic;}

.ui-autocomplete {background-image:none !important;}
.ui-autocomplete li{background-image:none !important; text-align:left;}
.ui-autocomplete li a{background-image:none !important;}
/** end of autocomplete **/

.sb_selected{
	color:#262626 !important;
}
#searchBox{color:#828282;}


.alert_red{color:red !important;}
.alert_green{color:green !important;}


/* ----------------- search progress banner ------------------ */
#waitingDialog{width:200px;
	position:absolute;
	top:40%; left:45%;
	background:#e9ebec url('../images/bg/searchprogress.jpg') top left repeat-x;
	color:black; padding:30px 20px 30px 20px;
	border:1px solid #989898;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .34);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .34);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .34);
	text-align:left;
	z-index: 110;
	/* display:none;*/
}
#waitingDialog img{padding:10px 5px 10px 0; float:left;}
#waitingDialog #content_progress{padding:10px 0px 0px 30px;}
#waitingDialog #closeProgress{display:block; width:17px; height:17px; position:absolute; right:5px; top:5px; padding:2px;}


/* TITULNI STRANKA
.left_column{float:left; width:530px; margin:0px; padding:0px 10px 0px 0px; border-right:1px solid #cdcdcd;}
.left_column .review{border:1px solid #cacaca; margin:5px 0px 5px 0px; padding:5px;}
.right_column{float:left; width:425px; margin:0px; padding:0px 0px 0px 10px; border:0px; }
	.right_column .most_readed_reviews{float:left; width:205px; margin:0px; padding:0px 5px 0px 0px; border:0px;}
	.right_column .most_readed_reviews h2{font-size:14px; color:blue; font-weight:bold; margin:0px; padding:0px 0px 3px 0px; border:0px; border-bottom:2px solid #dddddd;}

	.right_column .best_hotels{float:left; width:205px; margin:0px; padding:0px 0px 0px 5px; border:0px;}
	.right_column .best_hotels h2{font-size:14px; color:blue; font-weight:bold; margin:0px; padding:0px 0px 3px 0px; border:0px; border-bottom:2px solid #dddddd;}
	.right_column .best_hotels ul{}
		.right_column .best_hotels ul li{}

	.right_column .top_offers{clear:both;}

	.right_column h3{padding-top:10px;}


.star-rating-dis{display:inline;}
.review h3{font-size:15px; color:blue; font-weight:bold;}
.review .rating{float:right;}
.review .rating p{float:left;}
.review .link{float:right; color:blue;}
.review p.info{padding-top:8px;}

/* ****** TOP OFFERS *******
div#top_offers {clear:both;}
div#top_offers h2{
	margin:5px;
	padding:10px 0px 10px 0px;
	font-size:115%;
	border:0px; border-bottom:2px solid #dddddd;
	clear:both;
	min-height:25px;
}
div#top_offers h2 span {
	font-size: 80%;
}

div#top_offers div.top_offer{padding:5px 10px 5px 10px; border:0px; border-bottom:1px solid #dddddd; cursor: pointer; cursor:hand; display:block;}
div#top_offers div.top_offer_add{display:none;}
.top_offer_hover{background:#fdfac0 !important;}
div#top_offers div.top_offer  p.link{padding:0px; border:0px; text-align:right; cursor: pointer; cursor:hand;}
div#top_offers div.top_offer h3{ font-size:100%; color:#cf0000; padding:0px 0px 2px 0px; font-weight:bold;}
div#top_offers div.top_offer h4{ font-size:90%;  padding:0px 0px 2px 0px;}
div#top_offers div.top_offer h3 a{color:#cf0000; text-decoration:none;}
div#top_offers div.top_offer h3 a:link{color:#cf0000; text-decoration:none;}
div#top_offers div.top_offer h3 a:visited{color:#cf0000; text-decoration:none;}
div#top_offers div.top_offer h3 a:hover{color:#cf0000; text-decoration:underline;}

div#top_offers div.top_offer table{ font-size:90%; margin:0px; border-collapse:collapse; border:0px; padding:0px;}
div#top_offers div.top_offer table tr th{padding:1px 1px 1px 0px; text-align:left; vertical-align:top; font-weight:normal;}
div#top_offers div.top_offer table tr td{padding:1px; text-align:left; vertical-align:top; font-weight:bold;}
div#top_offers div.top_offer p.prev_image{
	display:block;
	width:100px;
	padding:2px;
	float:left;
	text-align:center;
	background:white;
	border:1px solid #aaaaaa;
	margin:0px 5px 0px 0px;
}
div#top_offers div.top_offer p.prev_image span.discount{display:block; background:white; color:#bd0000; font-size:135%; text-align:center; margin:0px; padding:2px 0px 0px 0px; font-weight:bold; font-family:arial;}
div#top_offers div.top_offer p.prev_image img {margin:0px auto 0px auto; padding:0px; display:block;}
div#top_offers div.top_offer p.price{
	 color:#cc0202;
	 background-image:none;
	 padding:4px 0px 0px 0px;
	 margin:0px;
	 text-align:right;
	 font-size:125%;
     font-weight: bold;
}
div#top_offers div.top_offer p.price span{
	 font-size:75%;
}
div#top_offers div.top_offer p.price span.price_last{color:#979797; padding:5px 0px 0px 0px;  text-align:left;
	 padding:0px 0px 0px 0px;
	 margin:0px 0px 0px 0px;
	 display:block;
	 float:left;

	 font-size:75%;
}
div#top_offers div.top_offer p.price span.price_last span{color:#979797; padding:5px 0px 0px 0px;  text-align:left;
	 background: url("../images/stroke.png") no-repeat center 5px;
	 font-size:100%;
}

 ******************************** */


/* NAVIGATION MENU
.nav {
	background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	border-style: solid none solid none;
	margin-top: 5px;
	padding: 7px 12px;
	font-size: 90%;
}

.menuButton {
	font-size: 10px;
	padding: 0 5px;
}

.menuButton a {
	color: #333;
	padding: 4px 6px;
}

.menuButton a.home {
	background: url(../images/skin/house.png) center left no-repeat;
	color: #333;
	padding-left: 25px;
}

.menuButton a.list {
	background: url(../images/skin/database_table.png) center left no-repeat
		;
	color: #333;
	padding-left: 25px;
}

.menuButton a.create {
	background: url(../images/skin/database_add.png) center left no-repeat;
	color: #333;
	padding-left: 25px;
}

/* MESSAGES AND ERRORS */
.message {
    background: url("../images/ico/message-tick.gif") no-repeat scroll 13px 25px #FFF3BF;
    border: 1px solid #F5DE7B;
    color: #333333;
    margin: 10px 0 15px;
    padding: 25px 10px 25px 50px;
}
.message-cross{background-image: none; padding-left:25px;}

.message h2 {
    color: #333333;
    font-size: 141.67%;
    margin: 0 0 0.3em;
    padding: 0;
}

.message a{color:#f88c00;}
.message a:visited{color:#f88c00;}

.err_message{
	background: #fff3f3 url(../images/skin/exclamation.png) 8px 80% no-repeat;
	border: 1px solid red;
	color: #cc0000;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 30px
}


div.errors {
	margin: 10px 0 5px 0;
	background: #fde0e0;
	border: 1px solid #fc7676;
	color: #333333;
	padding:10px 10px 3px 10px;
}
.errors_info td{
	background: url("../images/skin/exclamation.png") no-repeat scroll 0 10px transparent !important;
    color: #D90202;
    padding: 10px 10px 3px 22px;
}

.green_info td{
	color: #43B513 !important;
	background: url("../images/skin/information_green.png") no-repeat scroll 0 10px transparent !important;
}

div.star-errors .ui-stars-star a{
	background-position:0px -80px;
}
div.star-errors .ui-stars-star-hover a{
	background-position:0px -65px !important;
}
div.star-errors .ui-stars-star-on a{
	background-position:0px -48px !important;
}

label.errors {color: #cc0000 !important;}

div.errors ul {
	list-style: none;
	padding: 0;
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 5px no-repeat;
	line-height: 16px;
	padding:3px 10px 3px 40px;
}

td.errors select {
	border: 1px solid red;
}

td.errors input {
	border: 1px solid red;
}

td.errors textarea {
	border: 1px solid red !important;
}

input.errors {
	border: 1px solid red !important;
}

textarea.errors {
	border: 1px solid red;
}


/* star rating */
.stars-caption {
	padding-left: 5px;
	color: #777;
	vertical-align: baseline;
	line-height: 16px;
}

.star-rating {
	display: inline;
}
.star-rating .ui-stars-star{padding:0px 0px 0px 0px;}

.review-part-type {
	float: left;
	padding-right: 7px;
	font-weight: bold;
}


.aliawebbanner {
	margin: 7px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#app-version-and-env {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 50;
	color:#EF1C00;
}

/* ligtbox terms agreement */
#lightbox-html-container-image-data #lightbox-html-image-details{
	border-top: 0 !important;
}
#termsAgreementContent{display:none;}
#staticBarAgreement{display:none; padding-bottom:20px;}
#previewLinkHideAgreement{display: inline-block;}