﻿/* GENERAL */
h1 { font-size: 15px; color: #814400; margin-left: 15px;  clear: both;}
h1.boxed span { background: #995200; padding: 4px 12px; color: White; display: inline; margin: 0;}
h2 { font-size: 14px; clear: both; color: #814400; }

.margin5 { margin-bottom: 5px; }
.margin10 { margin-bottom: 10px; }
.margin15 { margin-bottom: 15px; }
.margin20 { margin-bottom: 20px; }
.margin25 { margin-bottom: 25px; }
.black { color: Black; }

/* PATH */
div.path { background-color: #E6F5FC; position: relative; margin-bottom: 20px; padding: 10px 15px; border: 1px solid #b3d8e9;}

/* GOOGLE MAP */
div.googlemap { height: 360px; display: none; }
div.googlemap.active { display: block; }

/* HOTEL */
div.hotelAttributes { text-align: right; margin-bottom: 25px; }
span.HotelTextHeadline { font-weight: bold; xcolor: #004098; }
div.HotelText strong { color: #669; }
.hotelTourListHead { color : #cc0099; position: relative; margin: 10px 0; font-weight: bold; font-size: 15px;  }
.tourTourListHead { position: relative; }
.tourTourListHead a { line-height: 32px; background-color: #fcf0e6; margin-left: 30px; padding: 8px 15px; border: 1px solid #ebc9ae; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.bluebox { line-height: 32px; background-color: #E6F5FC; position: relative; margin-left: 10px; padding: 8px 15px; border: 1px solid #B3D8E9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div.TourDescription p { display: inline;}

/* photogallery */
div.photogallery { width: 760px; text-align: left; overflow: hidden;}
span.photoitem { margin-right: 3px; }

/* pricelist */
div.pricilistlistwrapper { margin-bottom: 25px; }
div.pricilistlistwrapper img { position: relative; top: 3px; margin-right:4px;}
div.pricilistlistwrapper a { cursor: pointer; }

div.pricelistwrapper { margin: 5px 0px 10px 0px; border-left: solid 3px #d5dfeb; border-bottom: solid 3px #d5dfeb; padding: 0 0 10px 10px; position: relative; }
div.pricelistwrapper img.calc { position: absolute; top: 3px; height: 24px; left: 0px; }

div.PriceListTableWrapper { width: 738px; overflow-x: auto; overflow-y: hidden; margin: 0 0 10px 0;}

table.pricelist { font-family: Tahoma; border-bottom: 1px solid #7b828a; border-right: 1px solid #7b828a; margin: 0 0 0 0; width: auto; table-layout: fixed;} 
*+html table.pricelist { margin: 0 0 17px 0; } /* IE7 */

table.pricelist tr th { font-weight: bold; color: #FFFFFF; background-color: #004d83; padding: 3px 7px; text-align:left; min-width: 80px; width: 80px; text-align: center;  font-size: 11px;}
table.pricelist tr th.Termin { width: 110px; min-width: 110px;}
table.pricelist tr .NastMiesta { display: none; }
table.pricelist tr td { padding: 1px 5px; border-top: 1px solid #7b828a; border-left: 1px solid #7b828a; background-color: #fff; white-space: nowrap; text-align: center; cursor: default; font-size: 11px; } 

table.pricelist tr.lastMinute td, table.pricelist tr.lastMinute td span.discountPrice { color: Red; font-weight: bold; }
table.pricelist tr.lastMinute a { color: Red; }
table.pricelist span.actionPrice { color: Red; font-weight: bold; }
table.pricelist span.originalPrice { text-decoration: line-through; font-weight: normal; color: DarkGray; font-size: 10px; margin-left: 3px;}
table.pricelist span.discountPrice { color: black; }

table.pricelist td.soldOut, table.pricelist tr.soldOut td, table.pricelist tr.lastMinute td.soldOut, table.pricelist tr.soldOut:hover td,
table.pricelist td.soldOut span, table.pricelist tr.soldOut td span, table.pricelist tr.lastMinute td.soldOut span { text-decoration: line-through; background-color: #f2f6f9; color: #a3bcda; font-weight: normal; cursor: default;}

table.pricelist tr.selected td { background-color: #d5dfeb; font-weight: bold;  }
table.pricelist tr:hover td { background-color: #d5dfeb; cursor: pointer;}

.lastMinute { color: Red; font-weight: bold; }
.disabled {	color: Gray; text-decoration: line-through; }


/* price calculation */
#pricecalc { background-color: #fbeec9; padding: 2px 0px 10px 0px; position: relative; }

#pricecalc .termselect { background-color: #ffe59c; padding: 3px 10px 3px 10px; margin-bottom: 10px; clear: both; position: relative; z-indexx: 100;}
#pricecalc .termselect .dates { clear: both; padding: 3px 0px; }
#pricecalc .termselect .dates img {position: relative; top: 2px;}

#pricecalc .tourtype {}
#pricecalc .service {}
                     
#pricecalc .label { width: 470px;} 
#pricecalc .price {width: 55px; text-align: right; font-weight: bold;}
#pricecalc .disc {color: Gray; text-decoration: line-through; font-weight: normal;}

#pricecalc .pricesubtotal {width: 60px; margin-left: 10px; text-align: right; font-weight: bold;}
#pricecalc .QuantityInput {}

#pricecalc table.pricecalctable { }
#pricecalc table.pricecalctable tr { }
#pricecalc table.pricecalctable td { vertical-align: middle; height: 26px; margin: 0; padding: 0; line-height: 15px; padding-right: 5px;}

#pricecalc .pricetotal { font-weight: bold; }

#pricecalc div.thinline { margin-top: 6px; width: 80px; height: 1px; background-color: Black; border: none; line-height: 1px; font-size: 1px; position: relative; right: 0px; clear: both; float: right;}
#pricecalc div.thickline { margin-top: 5px; width: 80px; height: 2px; background-color: Black; border: none; line-height: 2px; font-size: 2px; position: relative; right: 0px; clear: both; float: right;}

/* PRIHLASKA */
#prihlaska { background-color: #e6f0fc; background-image: url(../Images/menu_blue.gif); background-repeat: repeat-x; background-position: top; margin: 0 0;}
#prihlaska .head { background-color: #99c4fb; padding: 3px 10px 3px 10px; margin-bottom: 10px; clear: both; font-weight: bold;}

#prihlaska table { margin: 0 10px;}
#prihlaska table td { white-space: nowrap; overflow: hidden;}

#prihlaska input[type="submit"], .button { background-color: #004098; color: #fff; border: none; padding: 2px 10px; margin: 10px 0 10px 10px;}

/* SEACH FORM */
div.SearchBox { background-color: #ffe59c; border: 1px solid #eed079; padding: 10px; position: relative;}
div.SearchBox img { vertical-align: middle;}
table.SeachTable { margin: 0; padding: 0;}
table.SeachTable tr td.right { padding: 0 8px 0 0; height: 25px;}

div.paging { background-color: #ffe59c; padding: 10px;}

#helppanel { position: absolute; top: 160px; left: 0; width: 729px; background-color: #ffcc99; border: 1px solid #fdbc7c; padding: 10px; z-index: 1000;}

/* search results */
.searchresultitem { margin: 0 0 0 0; padding: 5px 10px 5px 5px; border-bottom: solid 1px #d5dfeb; height: 76px; overflow: hidden;}
.alt {background-color: White; }
.lmTrue { background-image: url(../Images/LastMinute.gif); background-position: 500px 14px; background-repeat: no-repeat; }

.searchresultitem:hover { background-color: #feface; }

.searchresultitem div.img { width: 100px; height: 75px; overflow: hidden; position: relative; float: left; margin: 0 10px 0 0; text-align: center; }
.searchresultitem div.img img { height: 75px; }

.searchresultitem div.info { width: 390px; float: left; overflow: visible;}
.searchresultitem div.info div.destination img { position: relative; top: 1px; margin-right: 2px; }
.searchresultitem div.info div.hotel { font-size: 15px; margin-bottom: 3px; overflow: visible; margin-top: 1px; white-space: nowrap;}
.searchresultitem div.info div.desc { overflow: hidden; text-align: left; }

.searchresultitem div.promo { float: right; width: 225px; }
.searchresultitem div.promo .cena { font-weight: bold; color: Red; font-size: 18px; text-align: right; margin-bottom: 3px;  margin-top: 1px;}
.searchresultitem div.promo .cena s { font-weight: normal; color: Grey; font-size: 16px; text-align: right; margin-bottom: 3px;  margin-top: 1px; margin-left: 5px;}
.searchresultitem div.promo .popis { color: Gray; text-align: right; overflow: hidden; cursor: default; height: 25px; white-space: nowrap;}
.searchresultitem div.promo .icons { text-align: right; white-space: nowrap; overflow: hidden;}

.searchresultitem table { width: 100%; clear: left; margin-bottom: 0px;}
.searchresultitem table .crossed { text-decoration: line-through; padding-right: 7px;}

.searchresultitem .tours a { font-weight: normal; }
.searchresultitem .tours img { position: relative; top: 3px; margin-right:4px;}
.searchresultitem img.hotel { float: left; width: 110px; margin-right: 8px; margin-bottom: 8px;}

/* DEFAULT */

.recomItems { margin: 0 -10px 0 -10px; width: 770px; }

.recomItem { width: 178px; height: 268px; float: left; margin: 0 0 7px 10px; position: relative; background: url(/Images/RecBoxBg.gif);}
.recomItem .title { position: absolute; font-weight: bold; top: 10px; left: 10px; overflow: hidden; text-align:left; height: 73px; width: 162px;}
.recomItem img { position: absolute; top: 88px; left: 10px; width: 160px; height: 120px; background-color: White;}
.recomItem .price { position: absolute; color: White; font-weight: bold; bottom: 10px; right: 10px; text-align: right;}
.recomItem .price span { font-weight: normal; color: #e2e6e9;}


/* DESTINATION */
div.Hotelboxwrapper { clear: both; position: relative; clear: both; }
div.Hotelboxwrapper img.cover { height: 109px; width: 145px; float: left; margin: 0 10px 10px 0;}

div.Hotelboxwrapper div.HotelboxContent { position: relative; text-align: left; } 
div.Hotelboxwrapper div.HotelboxContent div.attributes { float: right; }
div.Hotelboxwrapper div.HotelboxContent div.attributes img { height: 29px; width: auto; }
div.Hotelboxwrapper div.HotelboxContent div.hotelname { clear: right; } 

div.Hotelboxwrapper div.HotelboxContent div.description { overflow: hidden; text-align: justify; mxargin-top: 15px; }
div.Hotelboxwrapper div.HotelboxContent div.price { color: Red; maxrgin: 10px 0; }


/* LAST MINUTE LIST */
.LastMinuteListWrapper { margin-bottom: 10px; }
.LastMinuteListWrapper .LastMinuteListItemlist { margin-bottom: 10px; }

.LastMinuteListItemlist .title { font-size: 15px; font-weight: bold; color: #003471; }
.LastMinuteListItemlist .title img { position: relative; top: 2px;}
.LastMinuteListItemlist .LastMinuteListItem { overflow: hidden; height: 75px; position: relative; border-bottom:1px solid #D5DFEB; padding: 5px 5px 5px 5px;}
.LastMinuteListItemlist .LastMinuteListItem:hover {background-color: #FEFACE;}

.LastMinuteListItem .img img { float: left; margin-right: 10px; }
.LastMinuteListItem .destinationname { font-size: 13px; margin-bottom: 2px; margin-top: 0px;}
.LastMinuteListItem .hotelname { font-size: 13px;  margin-bottom: 2px; }

.LastMinuteListItem .priceBeforeDiscount { position: absolute; top: 23px; left: 680px; font-size: 16px; color: Gray; text-decoration: line-through; }
.LastMinuteListItem .priceAfterDiscount { position: absolute; top: 23px; left: 580px; font-size: 18px; color: Red; font-weight: bold; }
.LastMinuteListItem .discount { position: absolute; top: 20px; left: 580px; font-size: 18px; color: Red;  }
.LastMinuteListItem .pricedesc { position: absolute; top: 45px; left: 433px; width: 300px; color: Gray; text-align: right; }

/* Order VALIDATION */
.ValidationSummary { background-color: White; padding: 5px 10px;}
