/* Main Sections
------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

BODY {
	padding: 0px;
	margin:0px;
	font-family: Arial, "Trebuchet MS", helvetica, sans-serif;
	font-size: 14px;
	background-color:#ffffff;
    color: #333;
	background: #254B7E url(bcg.png) repeat-x;
}

TABLE,TR,TD,P{
	font-size: 100%;
}

H1 {
	font-size:180%;
	color:#004080;
	letter-spacing:0.05em;
	font-weight:bold;
}
H2 {
	font-size:190%;
	color: #004080;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:bold;
	letter-spacing: 1px;
}
H3 {
	font-size:130%;
	color:#A40000;
	margin-top:5px;
	margin-bottom:2px;
	font-weight:normal;
	background-color: #F2E6E6;
	padding:10px;
}
H4{
	font-size:110%;
	color:#FF8000;
	margin-top:3px;
	margin-bottom:3px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

A,A:link {
	text-decoration:none;
	color: #004080;
	border:0px;
}
A:hover{
	color: #003264;
	text-decoration:underline;

}
A:visited{
	color: #124F80;
}
A IMG{
	border:0;
}
P{
	padding: 0;
	padding-top:10px;
	padding-bottom:10px;
}
INPUT{
	padding:2px;
}
TEXTAREA{
}
LI{
	background:url(bullet.png) no-repeat left 0px;
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-left:20px;
	margin-left:20px;
	margin-top: 8px;
	margin-bottom: 8px;
}
UL{
	margin:0;
	padding: 0px;
	padding-left: 0px;
}


TABLE  TD.left_column{
	width: 30%;
	text-align: right;
	color: #004080;
	font-weight: bold;
	font-size: 16px;
}
TABLE  TD.right_column{
	padding-left:10px;
	color:#0070DF;
	font-size: 16px;
}

/* === PAGE === */
#page{
	margin: 0 auto;
	padding:0;
	width:685px;
	border:0px solid rgb(153,102,102);
	margin-bottom: 20px;
}


/*=== HEADER ===*/

#header{
	position:relative;
	width:685px;
	height:80px;
	margin:0;
	padding:0;
	background: transparent url(header.png) no-repeat;
}
#logo, #logo A:link{
	position:relative;
	padding-left: 10px;
	padding-top: 20px;
}
#logo IMG{
	border:0;
}
#header H1{
	display:none;
}
#header .motto{
	color: #95C0F9;
	font-weight: bold;
	padding-top:65px;
	padding-left:28px;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.39em;
}



/* === TOP LANGUAGES === */

#toplang{
	position:absolute;
	top: 20px;
	right:10px;
}
#toplang UL{
	margin-right:20px;

}
#toplang UL LI {
	display:inline;
	margin:0 0px 0 0;
	padding:0 0 0 0px;
	margin-left: 10px;
	font-weight:normal;
	background: none;
}
#toplang UL LI A {
	color:#0061C1;
	font-size: 12px;
	font-weight:normal;
}
#toplang UL LI A:HOVER {
	color:#002346;
}
#toplang UL A:HOVER {
	text-decoration:none;
}
#toplang LI.active A,#toplang LI.active A:HOVER {
	color:#24496F;
	font-size: 12px;
	font-weight:bold;
}



/*=== FOOTER ===*/

.footer{
	padding:10px;
	padding-top:20px;
	color:rgb(169,169,169);
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 11px;
}
.footer A, .footer A:link, .footer A:visited{
	color:rgb(169,169,169);
	text-decoration:underline;
	font-weight:bold;
}
.footer P{
	padding:0;
	margin-bottom:10px;
}


/* === BODY === */
#body{
	position: relative;
	padding:0;
	margin:0;
	width:680px;
	border:0px solid rgb(153,102,102);
	margin-top: 30px;
	margin-bottom: 100px;
}
#body .intro{
	font-weight: normal;
	padding: 0px;
	margin-bottom:15px;
	margin-top:0px;
	color: #002D59;
	font-size: 120%;
	line-height: 140%;
}
/* === LEFT_BOX === */
#left_box{
	width:680px;
	background-image: url(top-box.png);
	background-repeat:  no-repeat;
	background-position: top 0;
	clear:both;
	padding-top: 20px;
}
#left_box_content{
	padding-left: 30px;
	padding-right: 30px;
	padding-top:21px;
	padding-bottom: 30px;
	background-color:#FFFFFF;
}

/* === TOP_BOX === */

#top_box{
	border:0px solid #663399;
	width:681px;
	clear:both;
	text-align:center;
	margin-left:21px;
	padding-top: 1px;
	margin-bottom: -20px;
}
#top_box UL{

}
#top_box LI{
	padding:0;
	margin:0;
	margin-right:2px;
	text-align:center;
	background:none;
	padding-bottom:0px;
	float:left;
}
#top_box LI A{
	color: #004080;
	font-weight: normal;
	font-size:12px;
}
#top_box LI A:HOVER{
	color: #004080;
	font-weight: bold;
}
#top_box LI A .link{
	color: #004080;
	margin-top:-20px;
}


/* === KONTAKTNI FORMULAR === */
FORM {
	margin:0;
	padding:0;
}
FORM .textbox{
	width:280px;
	font-size: 18px;
	border: 2px #D7EBFF solid;
	padding: 2px;
	margin-top:5px;
}

/* === Price list === */
#priceList{
	border:3px solid #CAE4FF;
	margin-top:15px;
	margin-bottom:15px;
}

TABLE.priceList{
	border-collapse: collapse;	
	border:1px solid #7CABCD;

	border-width: 0px 0px 0px 0px;
	border-spacing: 10px;
	background-color: white;
	
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}
TABLE.priceList TH{
	background-color:#E9E9E9;
	text-align:center;
	padding: 4px;
	color: #575757;
	font-size:10px;
}
TABLE.priceList TD {
	border-bottom:1px solid #A4A4A4;
	border-top:1px solid #A4A4A4;
	padding: 5px;
}


/* === BOOKING  === */

#booking TABLE.calendar{
	margin-top:14px;
	margin-left:24px;
}

#booking TABLE.calendar TH{
	font-size:11px;
	text-align: right;
	padding-right: 5px;
	color: #808080;

}

#booking TABLE.calendar TD div{
	text-align: right;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size:20px;
	font-weight:bold;
	color: #A8D3FF;
	width:30px;
	font-size:20px;
	border:2px solid #FFFFFF;
}

#booking TABLE.calendar TD.firstday div{
	background-color: #004080;
	border:2px solid #A4D1FF;
}
#booking TABLE.calendar TD.free div{
	background-color: #FFFFE8;
	border:2px solid #D9ECFF;
	color:#003366;
}

#booking TABLE.calendar A {
	cursor: pointer;
	display:block;
}
#booking TABLE.calendar A:HOVER {
	text-decoration: none;	background-color: #330099;
	
}

#booking TABLE.calendar A:HOVER div{
	background-color: #004080;
	border:2px solid #A4D1FF;
	color: #A8D3FF;
}

#booking .year{
	font-size:28px;
	font-weight:bold;
	color: #004080;
}
#booking .year A, #booking .year A:HOVER {
	color: #004080;
	text-decoration:none;
	cursor: pointer;
}

#booking .months{
	
}
#booking .months UL{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #DADADA;
	width: 100px;
}
#booking .months LI{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top:2px solid #A4D1FF;
	font-size:14px;
	background:none;

}
#booking .months LI.selected{
	font-weight: bold;
	background-color: #004080;
	
}
#booking .months LI A{
	text-decoration: none; 
	display:block;
	cursor: pointer;
}
#booking .months LI.selected A{
	color: #ffffff;
}


/* === THUMBS CONTAINER  === */

.thumbscontainer{

}
.thumbscontainer UL{

}
.thumbscontainer LI{
	background: none;
	list-style-image:none;
	list-style-type:none;
	margin:0px;
	padding:5px;
	width: 130px;
	height: 135px;
	text-align:center;
	border:1px solid #C0C0C0;
	background-color:#F5F5F5;
}
.thumbnail{
	border:1px solid #C0C0C0;
}

.random_ad{
  display:none;
}

.rezervace_steps{
  color:#A40000;
  text-align:center;
  font-weight:normal;
  font-size: 90%;
}
.rezervace_steps B{
  color:#A40000;
  font-weight:bold;
  font-size:110%;
}
