/* ----- DEFINICE HLAVNICH ELEMENTU ---------------------------------------- */

body, html {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color:#000000;
	background-color: #FFFFFF;
}

div.datepicker{display:none;}

#strana, #spodek {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	background-color: #FFFF00;
}
#strana {padding-bottom:1px;}
#spodek {padding-top:1px;}

#jazyky {
	position:absolute;
	right:32px;
	top:45px;
}
#jazyky a {display:block; padding-bottom:8px;}

#menu {
	position:relative;
	background-color: #FFFF00;
	width:900px;
	height:33px;	
	margin:7px;
}
#menu a {
	display:block;
	float:left;
	line-height:34px;
	height:39px;
	width:150px;
	font-size: 18px;
	color: #000000!important;
	text-decoration: none;
	text-align:center;
	background-image: url(menu_tl.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#menu a:hover{
	background-image: url(menu_tl.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
}

#flash {
	position:relative;
	width:900px;
	height:270px;
	margin:0 7px;
}

#obsah {
	position:relative;
	width:900px;
	margin:7px;
	background-color: #00F500;
	min-height:350px;
	_height:350px;
	background-image: url(smajlici.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#obsah-vnitrek {padding: 20px;}


/* --- Cenik ------------ */
#box-cenik1{
	background-color: #FFCCFF;
	border: 7px solid #FFFF00;
	margin-bottom:10px;
}
#box-cenik2{
	background-color: #CA7AFF; 
	border: 7px solid #FFFF00;
	text-align:center;
}

/* --- Fotogalerie ------------ */
#box-foto{
	overflow:hidden;
	height:315px;
	position:relative;
}
#foto-lista{
	position:absolute;
	left:0;
	top:0;
	height:300px;
}
#foto-pozice {
	text-align:right;
}
#foto-pozice a{
	display:block;
	padding:5px 10px;
	float:right;
	color: #000000!important;
	text-decoration: none;
	background-color: #DEDEDE;
}
#foto-pozice a:hover{background-color: #CA7AFF;}

/* --- Kam zajit ------------ */
#box-okoli{
	background-color: #CA7AFF;
	border: 7px solid #FFFF00;
	height:300px;
	overflow:auto;
}

/* --- Zapisky z navstevni knihy ------------ */
#zapisky{
	background-color: #FFFFFF;
	border: 7px solid #FFFF00;
	height:300px;

	overflow:auto;
	text-align:center;
}
#zapisky img{margin:10px 0;}



/* --- Textovy scroller --------------------- */
#scroller {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	height:25px;
    overflow:hidden;
}
.headline {
	position: absolute;
	top: 50px;
	left: 0px;
	height: 25px;
	width:900px;
	line-height:25px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}



/* --- SPODEK --------------------- */
#submenu {
	position:relative;
	background-color: #FFFF00;
	width:900px;
	height:33px;	
	margin:7px;
}
#submenu a {
	display:block;
	float:left;
	line-height:34px;
	height:39px;
	width:150px;
	font-size: 18px;
	color: #000000!important;
	text-decoration: none;
	text-align:center;
	background-image: url(menu_tl.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right:40px;
}
#submenu a:hover{
	background-image: url(menu_tl.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
}
#pocitadlo {font-size:12px; position:absolute; right:40px; top:7px; color:#000000;}

#pata {
	position:relative;
	width:900px;
	background-color: #00F500;
	margin:0 7px;
}
#patamenu {
	position:absolute;
	right:0;
	top:0;
	padding:0px;
	text-align:right;
}
#patamenu a{color:#000000!important; background-color: #DEDEDE; padding:0 5px; text-decoration:none;}
#patamenu a:hover{color:#FFFFFF!important; background-color:#CA7AFF;}
#pata-vnitrek {padding:10px;}

#konec {
	background-image: url(podklad_spodek.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;	
}
#webdesign {font-size:9px; position:absolute; right:40px; bottom:0px;}
#webdesign a{
	color:#FFCC00 !important;
	text-decoration:none;
}
#webdesign a:hover{
	color:#FFFFFF !important;
}

a {color:#FFFF00;}
a:hover {color: #FFCC00;}
p {margin:10px 0;}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	padding:10px 0;
	margin:0;
	font-style: italic;
}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:14px;}

.vnitrek{padding:10px;}
/* --- Kontakt ------------ */
#box1{
	background-color: #F78E1E;
	border: 7px solid #FFFF00;
	position:absolute;
	z-index:10;
	padding:10px;
}
#box1 ul, #box2 ul, #box3 ul ,#box4 ul{margin:0; padding-left:20px;}
#box2{
	background-color: #29FFFF;
	border: 7px solid #FFFF00;
	position:absolute;
	z-index:20;
	padding:10px;
}
#box3{
	background-color: #CA7AFF;
	border: 7px solid #FFFF00;
	position:absolute;
	z-index:30;
	padding:10px;
}
#box4{
	background-color: #FFCCFF;
	border: 7px solid #FFFF00;
	position:absolute;
	z-index:40;
	padding:10px;
}

/* --- O nas ------------ */
#box-rezervace{
	background-image: url(rezervace.png);
	height: 319px;
	width: 407px;
	position:absolute;
	left:521px;
	top:5px;
}
#box-rezervace-vnitrek{padding:70px 80px 10px 90px; text-align:center;}
#box-ikony{
	background-image: url(ikony2.png);
	background-repeat: no-repeat;
	height: 108px;
	width: 223px;
	position:absolute;
	left:330px;
	top:5px;
}

.odsazeni {
	background-color: #FFFFFF;
	padding: 10px;
	font-style: italic;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFF00;
}

.obrazek_vpravo {
	float: right;
	margin-left:20px;
}
.obrazek_vlevo {
	float: left;
	margin-right:20px;
}

.poznamka {
	font-size:11px;
	color:#333333
}

.zvyrazni {color:#FFFF00; font-weight:bold;}

/* ---- TABULKY --------------------- */
.tabulka {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: #666666;
}
.tabulka th {
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: left;
	padding: 3px 3px 3px 6px;
	font-weight: bold;
	background-color: #666666;
	background-image: url(bg_header.jpg);
	background-repeat: repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.tabulka td {
	padding: 3px 3px 3px 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #F3F3F3;
}

td.sudy {
	background-color: #E2F2AA;
}

/* ----- VSEOBECNE -------------------------------------------------------------------------------------------- */
.tl_zpet a{
	background-image: url(tl_zpet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 10px 0;
	padding-left:30px;
	font-size:14px;
	padding-bottom:7px;
	line-height:35px;
}
.tl_zpet a:hover{background-position: 0px -25px;}

hr.cistic {
	clear: both;
	height: 1px;
	border: none;
	visibility: hidden;
	margin-top: -1px;
}

.bezramu {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.ram {
	border: 3px solid #000000;
	margin-bottom:10px;
}

.stin {
	background-image: url(input_stin.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	text-indent: 2px;
}
.cara {
	width:100%;
	height:10px;
	margin: 10px 0;
	display:block;
	background-image: url(menu_cara.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.chyba {
	color: #FF0000;
	background-image: url(error.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 30px;
	line-height: 16px;
	margin-top:20px;
}


form {margin: 0px; padding: 0px;}

.poznamka {
	color:#999999;
	font-size:11px;
}

#reklama{display:none}

/* --- FOTO ----- */
.foto {
	text-align:center;
	margin: 3px;
	float:left;
}
.foto img {margin-top:5px;}
.foto a {
	text-decoration:none;
	font-size:10px;
	height: 150px;
	width: 150px;
	display:block;
	background-color: #E9E9E9;
}
.foto a:hover {
	background-color: #FFFF00;
}