/* Main Sections
------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

BODY {
	padding: 0px;
	margin:0px;
	font-family: Georgia, "Trebuchet MS", helvetica, sans-serif;
	font-size: 16px;
	background-color:#000000;
    color: #FFFFFF;
	background: #717171 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-family: Georgia;
	font-size:200%;
	color: #FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	letter-spacing: 1px;
}
H3 {
	font-size:130%;
	color:#FFFFFF;
	margin-top:15px;
	margin-bottom:2px;
	font-weight:bold;
	font-family:Arial;
}
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.gif) 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:860px;
	border:0px solid rgb(153,102,102);
	margin-bottom: 20px;
}


/*=== HEADER ===*/

#header{
	position:relative;
	width:860px;
	height:80px;
	margin:0;
	padding:0;
	background: #223D70 url(header.png) no-repeat 0px 20px;
}
#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:#FFFFFF;
	font-size: 12px;
	font-weight:normal;
}
#toplang UL LI A:HOVER {
	color:#FFCC00;
}
#toplang UL A:HOVER {
	text-decoration:none;
}
#toplang LI.active A,#toplang LI.active A:HOVER {
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;
}



/*=== FOOTER ===*/

#footer{
	padding:10px;
	padding-top:10px;
	color:#EEEEEE;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 11px;
}
#footer A, #footer A:link, #footer A:visited{
	color:#EEEEEE;
	text-decoration:underline;
	font-weight:bold;
}
#footer P{
	padding:0;
	margin-bottom:10px;
}


/* === BODY === */
#body{
	position: relative;
	padding:0;
	margin:0;
	width:850px;
	border:0px solid rgb(153,102,102);
	margin-top: 10px;
	margin-bottom: 100px;
}
#body .intro{
	font-weight: normal;
	padding: 0px;
	margin-bottom:15px;
	margin-top:10px;
	color: #002D59;
	font-size: 120%;
	line-height: 140%;
}
/* === LEFT_BOX === */
#left_box{
	width:620px;
	float:left;
	/*border: 1px solid #989898;
	background-color: #5B5B5B;*/
	margin:0;

}
#left_box_content{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* === RIGHT BOX === */
#right_box{
	width:150px;
	float:right;
	border: 1px solid #989898;
}
#right_box_content{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* === menu === */

#menu{
	border:0px solid #663399;
	width:860px;
	height: 50px;
	font-size: 16px;
	background-color: #11203E;
}
#menu UL{

}
#menu LI{
	padding:0;
	margin:0;
	padding-left:20px;
	text-align:center;
	background:none;
	padding-top:14px;
	float:left;
}
#menu LI.first {
	padding-left:10px;
}
#menu LI A{
	color: #FFFFFF;
	font-weight: normal;
	font-size:16px;
}

#menu LI A:HOVER{
	color: #FFCC00;
	
}
#menu LI.active A {
	color: #FFFFFF;
	font-weight: bold;
}


/* === KONTAKTNI FORMULAR === */
FORM {
	margin:0;
	padding:0;
}
FORM .textbox{
	width:180px;
	font-size: 18px;
	border: 1px #FFFFFF solid;
	padding: 1px;
	margin-top:3px;
	color: #003399;
	font-family:Arial;
	background-color: #C1C1C1;
}
FORM TEXTAREA{
	width:180px;
	font-size: 18px;
	border: 1px #FFFFFF solid;
	padding: 2px;
	margin-top:5px;
	color: #003399;
	font-family:Arial;
	background-color: #C1C1C1;
}

/* === 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:0px;
	width: 100px;
	height: 100px;
	text-align:center;
	border:1px solid #494949;
	background-color:#5C5C5C;
	overflow:hidden;
}
.thumbnail{
	border:1px solid #C0C0C0;
	/*width: 100px;
	height: 100px;*/

}

.random_ad{
	width: 860 px;
	height: 200px;
}

/*.rezervace_steps{
  color:#A40000;
  text-align:center;
  font-weight:normal;
  font-size: 90%;
}
.rezervace_steps B{
  color:#A40000;
  font-weight:bold;
  font-size:110%;
}*/

.contactForm {
	background-color:#676767;
	/*border: 1px solid #FFFFFF;*/
	border-top: 5px solid #646464;
	border-bottom: 5px solid #646464;
	padding:20px;
	padding-top:10px;
	/*color:#000000;*/
	margin-top: 20px;
	

}

/* === footerMenu === */

#footerMenu{
	margin-top:20px;
	display:none;
}
#footerMenu UL{

}
#footerMenu LI{
	padding:0;
	margin:0;
	padding-left:20px;
	text-align:center;
	background:none;
	padding-top:14px;
	float:left;
	f!ont-size:11px;
}
#footerMenu LI.first {
	padding-left:10px;
}
#footerMenu LI A{
	color: #FFFFFF;
	font-weight: normal;
}

#footerMenu LI A:HOVER{
	color: #FFCC00;
	
}
#footerMenu LI.active A {
	color: #FFFFFF;
	font-weight: bold;
}