/* TINYMCE */
body.mceContentBody {
   background: #FFF;
}

a
{
	color: #c70000;
	text-decoration:none;
}

.td-left { width: 110px; float:left; }
.td-right { width: 250px; float: left; text-align: left; }

a img
{
	border: 0px;
}

form
{
	margin: 0px;
}

form.SF {
    margin: 15px 0;
    padding: 10px;
    background-color: #FFD480;
    border: 1px solid #d19522;
    font-size: 110%;
}

body
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif; /* Psmo pro celou strnku */
    font-size: 70%;
	color: #3F3F3F;
	background: url(../obrazky/bg.jpg) repeat #B0DEFF;
	padding-bottom: 20px;
}

.table-caption
{
	font-size: 140%;
	font-weight: bold;
	clear: both;
	padding-top: 20px;
	margin-bottom: 2px;
	text-decoration: underline;
	margin-top: 10px;
}

#root
{
	width: 962px;
	height: auto;
	margin: auto;
}

#root-inner
{
	width: 960px;
	border: 1px solid white;
	background-color: white;
}

#top-toolbar .left-float h1
{
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#top-toolbar
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#top-toolbar, #top-toolbar a { color: white; }

#header
{
	width: 955px;
	height: 209px;
	background: url(../obrazky/logo.jpg) no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	color: #0087C2;
}

#header a
{
	display: block;
	width: 940px;
	height: 72px;
	padding-left: 20px;
	padding-top: 70px;
	color: white;
	font-weight: bold;
	font-size: 140%;
}

#header #menu a
{
	width: auto;
	height: auto;
	float: left;
	color: #154766;
	font-size: 100%;
	padding: 0px;
	text-align: center;
}

#header #menu a#home-link { width: 73px; }
#header #menu a#prague-hotels-link { width: 148px; }
#header #menu a#transfer-link { width: 76px; }
#header #menu a#tours-link { width: 60px; }
#header #menu a#group-booking-link { width: 110px; }
#header #menu a#special-offers-link { width: 102px; }
#header #menu a#guide-link { width: 60px; }
#header #menu a#map-link { width: 54px; margin-right: 20px; }

#header #menu a:hover { color: #c70000; }

#content
{
	width: 100%;
	height: auto;
	margin-top: 10px;
}

#left
{
	width: 184px;
	height: auto;
	float: left;
}

#left .caption
{
	width: 174px;
	height: 20px;
	color: white;
	font-weight: bold;
	font-size: 110%;
	padding-top: 6px;
	background-color: #0087C2;
	padding-left: 10px;
}

#left ul
{
	margin: 0px; padding: 0px;
	margin-left: 20px;
	list-style-type: none;
	margin-top: 10px;
	font-weight: bold;
	font-size: 110%;
}

#left ul li
{
	margin-bottom: 8px;
}

#left p
{
	margin: 0px; padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#left p#weather
{
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 10px;
}

#left #ex-rates-table
{
	margin-top: 10px;
	font-size: 90%;
	width: 100%;
}

#left #ex-rates-table tr th
{
	text-align: left;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 90%;
}

#left #ex-rates-table tr.row
{
	background-color: #F2F2F2;
}

#left #ex-rates-table tr td
{
	text-align: right;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 90%;
}

#left #visit-prague-banner
{
	display: block;
	margin: auto;
	width: 181px;
	height: 165px;
	background: url(../obrazky/visit_prague_banner.gif) no-repeat;
	margin-top: 20px;
}

#right
{
	width: 756px;
	height: auto;
	float: right;
	padding: 10px;
	padding-top: 3px;
}

#right h2
{
	color: #0078B8;
	margin: 0px; padding: 0px;
	font-size: 140%;
}

#right h3
{
	color: #0078B8;
	margin: 0px; padding: 0px;
	font-size: 130%;
}

#right .navigation
{
	color: #0078B8;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
}

#right .navigation a
{
	color: #0078B8;
}

#right .navigation .previous-site
{
	background: url(../obrazky/previus_site.gif) left no-repeat;
	padding-left: 10px;
	margin-right: 30px;
	margin-left: 30px;
}

#right .navigation .next-site
{
	background: url(../obrazky/next_site.gif) right no-repeat;
	padding-right: 10px;
}

#right .hotel
{
	border: 1Px solid #E4E4E4;
	width: 754px;
	margin-bottom: 5px;
}

#right .hotel .photo
{
	width: 130px;
	float: left;
}

#right .hotel .photo img
{
	padding: 10px;
}

#right .hotel .text
{
	width: 604px;
	float: left;
	padding: 10px;
	padding-left: 0px;
	color: #0078B8;
}

#right .hotel .text h3
{
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
    font-size: 160%;
}

#right .hotel .text h3 a {color: #FF6600;}
#right .hotel .text h3 a span { color: #FFD800; font-size: 150%; }

.orange { color: #FF6600; }

#right h2#hotel-name {
    font-size: 170%; color: #FF6600;
}
#right h2#hotel-name span {
    color: #FFD800; font-size: 150%;
}

#right .hotel .text p { margin: 0px; padding: 0px; margin-bottom: 5px; margin-top: 5px; }

#right .hotel .prices
{
    clear: both;
	color: #154766;
	font-weight: bold;
}

#right .hotel .prices span
{
	color: #C70000;
}

#right .hotel .prices table {
    width: 95%;
    margin: auto;
    background-color: #A6DAFF;
    border: 1px solid #0087C2;
    border-collapse: collapse;
    font-size: 105%;
}

#right .hotel .prices table tr.second {
    background-color: #B2E1FF;
}

#right .hotel .prices table th
{
    padding: 2px 5px;
    text-align: left;
    border: 1px solid white;
    border-collapse: collapse;
}
#right .hotel .prices table td
{
    padding: 2px 5px;
    border: 1px solid white;
    border-collapse: collapse;
}

#right .hotel .prices table thead tr {
    background-color: #0087C2;
    color: white;
}

#right .hotel .prices .more-info, #right .hotel .prices .book
{
	background-color: #0075B6;
	color: white;
	text-align: center;
    padding: 2px 4px;
}

#right .hotel .prices .book
{
	background-color: #C70000;
}

#right .hotel .prices .buttonss {
    margin-top: 10px;
    height: 22px;
    text-align: right;
    padding-right: 18px;
}

#right #webcam-banner
{
	display: block;
	float: right;
	width: 209px;
	height: 161px;
	background: url(../obrazky/webcam.gif) no-repeat;
}

#footer
{
	width: 100%;
	background: none;
	color: white;
	margin-top: 10px;
}

#footer a { color: white; }

#footer .left-float, #footer .right-float
{
	width: 49.5%;
}

#doporucujeme
{
	width: 100%;
	text-align: center;
	color: #9B9B9B;
	margin-top: 10px;
}

#doporucujeme a { color: #9B9B9B; }

.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}

.left-align
{
	text-align: left;
}

.right-align
{
	text-align: right;
}

.center-align
{
	text-align: center;
}

.left-float
{
	float: left;
}

.right-float
{
	float: right;
}

#detail-view
{
	width: 734px;
	height: auto;
	padding: 10px;
	border: 1px solid #0087C2;
	background-color: #B0DEFF;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#detail-view #img
{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #245B79;
	padding: 2px;
}

.image-list img
{
	width: 100px;
	height: 133px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}



.image-list { padding-bottom: 25px; }

.pricelist-table
{
	width: 360px;
	border-collapse: collapse; 
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

.pricelist-table tr .cap
{
	background-color: #0087C2;
	text-align: center;
	font-weight: bold;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
}

.pricelist-table .underline
{
	border-bottom: 1px solid #0087C2;
}

#advanced-search-form
{
	width: 100%;
}

#advanced-search-form th
{
	text-align: left;
	width: 20%;
	vertical-align: top;
}

#advanced-search-form td select { margin-bottom: 5px; }

#advanced-search-form .textbox { width: 80%; }

.description-long { font-size: 120%; margin-top: 15px; }

.description-long h4, .description-long h5
{
    color: #0078B8;
	margin: 0px; padding: 0px;
	font-size: 110%;
	margin-top: 5px;
	text-transform: uppercase;
}

#guestbook-box 
{ 
	width: 734px;
	height: auto;
	padding: 10px;
	border: 1px solid #0087C2;
	background-color: #B0DEFF;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#guestbook-box  table
{
	width: 100%;
}

#guestbook-box  table th
{
	width: 55px;
	text-align: left;
	vertical-align: top;
}
#guestbook-box table td { vertical-align: top; }

#guestbook-box table td .textbox
{
	width: 100%;
}

#guestbook-box table td .bold
{
	margin-top: 5px;
}

#guestbook-box table td #text
{
	width: 100%;
	height: 100px;
}

.guestbook-row
{
	background-color: #F7F7F7;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 150%;
	border: 1px solid #CCCCCC;
}

.guestbook-row p
{
	line-height: 100%;
}

#infobox
{
	width: 450px;
	border: 1px solid black;
	background-color: #b81010;
	padding: 10px;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: bold;
	color: white;
	text-align: center;
}

.pricelist-table tr td.season { text-align: center; }
.pricelist-table tr th { text-align: right; }

.red { color: #c70000; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bigger { font-size: 120%; }

.button { background-color: #0075b6; color: white; border: 1px solid #C3DFEE; font-size: 90%; }
.textbox { border: 1px solid #154766; color: #154766; font-size: 90%; }

.no-top
{
	margin-top: 0px;
	padding-top: 0px;
}

.no-bottom
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/************************** DATE PICKER ****************************/
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
/* BOOOK FORM */

#booking-form h3
{
	margin-top: 10px;
	margin-bottom: 3px;
}

#booking-form table.blue
{
	width: 734px;
	height: auto;
	border: 1px solid #0087C2;
	background-color: #B0DEFF;
}

#booking-form table.blue th
{
	text-align: left;
	width: 120px;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 4px;
}

#booking-form table.blue td
{
	vertical-align: top;
	padding-top: 4px;
}

#booking-form div#cc
{
	width: 734px;
	height: auto;
	padding: 10px;
	border: 1px solid #0087C2;
	background-color: #B0DEFF;
}

#booking-form div#cc table { margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }
#booking-form div#cc table th { text-align: left; vertical-align: top; }
#booking-form table.blue td input[type=text], #booking-form table.blue td select, #booking-form table.blue td textarea { width: 99.5%; }
#booking-form table.blue td textarea { height: 70px; }
#booking-form table.blue td.note { width: 200px; padding-left: 8px }
#booking-form table.blue td.required { width: 60px; color: red; font-weight: bold; text-align: center; }

#booking-form table.blue td input#arrival_date, #booking-form table.blue td input#departure_date { width: 80px; margin-right: 3px; }