
/* */

.ui-dialog-titlebar button{
	background: none;
	border:0;
}
.ui-dialog .ui-dialog-titlebar-close span{
	margin-top:-8px;
	margin-left:-8px;
}


#subcol { width: 210px; float: right; margin: 0 0 .5em 10px; padding: 0 0px; }

.summary tr th{ padding: 7px 10px; text-align:left;}
.summary tr td{padding:4px 0px; text-align:left;}
.summary .star-rating { background-position: 0 -60px; }
.summary .star-rating .rating { background-position: 0 -75px; }
#reviews .star-rating { background-position: 0 -30px; }
#reviews .star-rating .rating { background-position: 0 -45px; }


.summary .star-rating-wrap, #reviews .star-rating-wrap { font-size: 83.33%; display: inline-block; text-align: center; color: #666666; }
.summary .star-rating, #reviews .star-rating { margin-bottom: 5px; text-align: left;}
#reviews .star-rating-wrap { font-size: 55.5%;}

/* SUMMARY TABLE*/
.summary-bg { padding: 0 10px; margin: 0 0 1em; background: #ececec; }
.summary-bg .summary { margin: 0;}

/*
.review_right{float:right; width:200px; background-color:#efefef; padding:10px; font-size:12px; margin:0 0 10px 10px;}
.review_right table tr th,td{ font-size:12px;}
.part_review_item{padding:0px 0px 10px 0px;}
.part_review_item h3{font-size:14px; font-weight:bold;}
h3{font-size:14px; font-weight:bold;}
.part_review_item .rating{float:right; width:160px; padding:0px;}
.part_review_item .rating .star-rating-dis{flaot:right; }
.star-rating-dis{float:right;}
p.recommended{text-align:center;}
p.recommended span{display:block; text-align:center;}
.navigator{padding:10px 0px 5px 0px; height:30px;}
.navigator .previous_nav{}
.navigator .next_nav{float:right;}
*/

#content .reviews_by_country ul{
    float: left;
    margin-bottom: 5px;
    padding-bottom: 0px;
    width: 290px;}


/* -------------------------------------------------------- */
.prev{
	cursor:pointer; width:210px; 	height:20px;	margin:0px;	padding:0px 0px 0px 0px;	text-align:center;	border-bottom:1px solid #9a9a9a;
	background:#b9b9b9 url("../images/ico/arr-up.png") 50% 50% no-repeat;  cursor:pointer;
	}
	.prev div{width:36px; height:20px !important; margin:0px; padding:0px; /*background: url('../images/nav.png') 36px 0px;*/ display:inline-block;}
	.prev_hover{background-color:#7c7c7c !important;/*background-position:0px 0px !important;*/}
	.prev_disabled{filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; cursor:default; background-color:#b9b9b9 !important;}

.next{
	cursor:pointer; 	display:block; 	margin:0px;	padding:0px 0px 0px 0px;	text-align:center;	width:210px; height:20px;	border-top:1px solid #9a9a9a; 
	background:#b9b9b9 url("../images/ico/arr-down.png") 50% 50% no-repeat;  cursor:pointer;
	}
	.next div{width:36px; height:20px; /*background: url('../images/nav.png') 36px 36px; display:inline-block;*/}
	.next_hover{background-color:#7c7c7c !important;/*background-position:0px 36px !important;*/}
	.next_disabled{filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; cursor:default; background-color:#b9b9b9 !important;}

#screen{
	position:relative;
	width:210px;
	margin:0px;
	padding:0px;
	background-color:#ECECEC;
}
.slideshow{	
	width:210px;
	border:0px solid #777;
	max-height:500px; /*defaultni delka - prizpusobim v js*/
	margin:0px; padding:0px;
	overflow:hidden;
	position:relative;
}
.slideshow ul{
	width:200px;
	padding:0px;
	margin:0px;
	/*height:3000px;  /* pokud bude stejne dlouhy jako slideshow, dojedu-li na posledni
	obrazek, neposune se (za galerií obrázků nebude prázdné místo - není ale ošetřeno počet kliků 
	na tlačítko next) */
	position: static;	
	overflow:hidden;
}
.slideshow li{
	padding:5px 0px 5px 10px;
	margin:0px;
	cursor:pointer;
	list-style-type:none;
	background:none;
	text-align:center;
	overflow:hidden;
}
.slideshow li img{width:188px; border:0px; padding:0px; margin:0px;}
.slideshow li a{border:0px solid #cdcdcd; padding:0px; display:block;}
.slideshow li a img{padding:0px;}

#sending{display:none;}

#lightbox-html-image-details-caption #screen,
	#lightbox-html-image-details-caption .slideshow{position:static;}

/* Video */
#videos{width:210px; background-color: #ECECEC;}
	#videos li{padding:15px 0 0 0; margin:0; background:none; list-style-type:none; text-align: center; position:relative;}
		#videos li table{width: 188px; margin:0 auto 0 auto;}
		#videos li table tr td{vertical-align:middle; margin:0px; padding:0px; height:141px; background:black;}
		#videos li a {display:inline-block; vertical-align:middle; margin:0px; padding:0px;}
		#videos li img{ width: 188px; padding:0 0 0 0; margin:0; background:none; list-style-type:none;  vertical-align:bottom;}
		#videos li span.play_ico{width:48px; height:48px; margin:auto; display:block; position:absolute; top:65px; left:80px; background: url("../images/ico/play.png") 0 0 no-repeat;}

#vbCloseLink span {display: none;}
#vbCloseLink:focus, #vbCloseLink:hover {color: #007ebf;}



/* RECOMMEND */
table.recommend, p.biased {width:auto; overflow: hidden; margin: 0 0 1.3em; border:5px solid #fff3bf;}
table.recommend tr td {background:none;}
table.recommend tr td.content_l, .biased{display: table-cell; vertical-align: middle; font-size: 116.67% !important; font-weight: bold; vertical-align:middle; height: 65px; padding: 5px 15px 5px 50px;}
table.recommend tr td.content_l{border-right: 1px solid #999379 !important;}
table.recommend tr td.count { border:0px; border-left: 1px solid #999379 !important;
	font-size: 90% !important;
	font-weight: normal;
	margin-left: 5px;
	padding: 5px 0 5px 10px;
    width: 83px;}
table.true, table.false, p.biased{background: #fff3bf url("../images/ico/recommend-01.png") 8px 13px no-repeat;}
table.false{background-position: 8px -300px;}
#content p.biased{
	background-position: 8px -642px;
    display: block;
    font-size: 108% !important;
    height: 40px;
    margin-bottom: 20px;
    padding: 15px 15px 15px 50px;}

.rating p.rating_title{padding:0px 0px 0px 0px; height:17px;}
.greenRcmd{color:green;}
.redRcmd{color:red;}
.notice{font-style: italic}

/* MAP */
.hotel_location, #map_envelope{position:relative;}
#map_canvas{display:block; height:300px;}
#canvasFSMap #map_canvas{width:800px;}
.map_fullsize_btn{
	background-color: white;
   	display: block;
	height: 17px;
	padding: 0 0px 0 0;
	margin:0;
	position: absolute;
	right: 0px;
	text-align: right;
	top: -20px;
	width: 120px;
	}
.map_fullsize_btn a{
	background: url("../images/btn/resize_btn.png") no-repeat scroll right -34px transparent;
    display: block;
    height: 17px;
    padding: 0 20px 5px 0;
    position: relative;
    text-align: right;
    width: 100px;}
.map_fullsize_btn a:visited{background-position:right -34px;}
.map_fullsize_btn a:hover{background-position:right 1px;}
#lightMap{display:block;}
#canvasFSMap, .canvasFSMap{width:100% !important; height:100%; text-align: center;}

/* SHAREBOX*/
div.action_links{font-size: 91.67%; background: #efefef; border: 1px solid #d1d1d1; border-left: 0; border-right: 0; height: 72px;
    margin: 2.5em 0 3em;
    padding: 5px 10px;
}
div.action_links .fb-envelope {padding-top:5px; float:left; width:90px;}
.flat_links{float: left;     padding: 19px 0 0 188px;    width: 200px;}
div.action_links a { display: block; width: 32px; height:32px; padding: 0px 0 0px 0px; background: url("../images/ico/sharebox.png") 0 50px no-repeat; line-height: 1.4; font-weight: bold; }
div.action_links a.mail { background-position: 0 -100px; margin-right: 0px;}
div.action_links p.print{width: 32px; float:right;}
div.action_links p.print a{ background-position: 0 -300px; margin-right: 0px;}
div.action_links .fb { line-height: 2.8; display: block; float:right; margin:0px !important; padding:0px;}
#fcb_like_it a {background: url("../images/ico/sharebox.png") 0 -200px no-repeat  !important; padding-top:5px;}

#countLikeIt{display:none;}


div.action_links a:hover{opacity:0.8}

p.send_friendly_email{float:left; width: 32px; margin: 0 2px 0 0 ;}
p.send_friendly_email a#link_friendly_email{}
p.send_friendly_email a#link_friendly_email:hover {}

#mailToFriend_dialog{display:none;}
#likeItCorrect{display:none;}
#likeItIncorrect{display:none;}
#likeItWhait{display:none;}






/* COMMENTS */
.comment {padding:0px 0px 10px 0px; line-height:1.5}
.comment h3 { font: bold 108.3%/1.5 Arial,Helvetica,sans-serif; color: black; }
.comment .comment {padding:0px 0px 0px 10px; border:0px; border-left:1px solid #D1D1D1; }
.comment .comment_author{font-style:italic; padding:0px; margin:0px; font-weight:Normal;}
.btnWriteComment{margin:25px 0px 15px 0px;}


/* MAP */
#map_envelope #map_canvas{display:block;}
#map_envelope{ height:300px;}

/* SHOW CHEAPEST OFFER */
.show-offers{ font: normal 91.67%/1 EtelkaTextBold,Arial,Helvetica,sans-serif;
			width: 295px; overflow: hidden; padding:3px; background: url("../images/bg/show-offers.jpg") 0 0 no-repeat; 
			color: #593b02; text-shadow: 0 1px 1px rgba(255, 255, 255, .67);
			border:0px; border-bottom: 1px solid #DDDDDD !important;
			clear:both;
}
.show-offers p.price{
	color: #333333;
    font-family: arial;
    font-size: 160%;
    font-weight: bold;
    padding: 16px 0 0 0;
    text-align: right;
    margin-bottom: 5px;}
.show-offers h3{
	font-size: 135%;
    margin: 0;
    text-transform: uppercase;
    padding: 10px 0px 10px 6px; 
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari-Opera specific declarations here */
	.show-offers h3{font-size: 120%;}
}

.show-offers h3 a{color: #593b02; text-decoration:none;}
#link_hotel_tours{display:block; float:left; font-size: 75%; color: #0092D2; font-weight:normal;}
#link_hotel_tours:hover{color: #333333;}

/*


.left_column{float:left; width:630px; margin:0px; padding:0px 10px 0px 0px; border-right:1px solid #cdcdcd;}

.right_column{float:left; width:325px; margin:0px; padding:0px 0px 0px 10px; border:0px; }
.right_column .next_reviews{padding:5px; margin:10px 0px 0px 0px; border:1px solid #cdcdcd;}
.right_column .next_reviews h3{padding-top:0px;}

.right_column .best_hotels_dest{padding:5px; margin:10px 0px 0px 0px; border:1px solid #cdcdcd;}
.right_column .best_hotels_dest h3{padding-top:0px;}
.right_column .best_hotels_dest ul{}

.right_column .hotel_location{padding:5px; margin:10px 0px 0px 0px; border:1px solid #cdcdcd;}
.right_column .hotel_location h3{padding-top:0px;}

#link_hotel_tours{display:block;}



div.action_links{height:40px;}
div.send_friendly_email{float:right; width:200px;}
div.send_friendly_email a#link_friendly_email{display:block; padding:5px 0px 5px 30px; float:right; width:150px;  background: url("../images/ico_mail.png") no-repeat scroll 0px 0px transparent;}
div.send_friendly_email a#link_friendly_email:hover {background-position:0px -49px;}

#mailToFriend_dialog{display:none;}

.comment{border:0px; border-bottom:1px solid #cdcdcd; padding:5px 0px 5px 5px;}
.comment_created{border-bottom:1px solid #ffacac !important; background-color:#fff2f2 !important;}
#commentFormEnvelope{display:none;}
*/
form#commentForm table{
	
}
form#commentForm table th{padding-left:10px;}
form#commentForm table td{padding-right:10px;}
form#commentForm input[type=text]{width:350px;}
form#commentForm textarea{width:350px;}

.comment_place_inserting{background:#E78F08; height:5px;}

#create-review {
    width: 85%;
}


/* zmena dialogu */
.ui-widget-overlay {
    background: #000000 !important;
    opacity: 0.5;
}





#likeIt_dialog{height:235px;}
#likeIt_dialog h3{color:white; margin:5px 0 10px 0; padding:5px 25px; background: #6d84b4 url("http://static.ak.fbcdn.net/rsrc.php/v1/yd/r/Cou7n-nqK52.gif") no-repeat 5px 5px; font-family: arial; font-size:13px;}
#likeIt_dialog h3 span{ font-style: italic;}
#fb-like-all-env{padding-bottom:30px !important;}

/* RESPONSIVE FOR MOBILES */
@media screen and (max-width: 768px) {
    .flat_links {float: right; padding: 7px 0 0 0;}
    #create-review {width: 100%;}
    #content .show-offers p.price {font-size: 160%;}
}

@media screen and (max-width: 480px) {
    .flat_links {float: left;}
    div.action_links {height: 92px;}
    #subcol {width: auto; float: none; margin-left: 0;}
    /* #screen {margin: 0 auto;} */
}