body{	font-family: Trebuchet MS, Arial; font-size: 75%;	margin: 0;	padding: 0; text-align: center; color: #4a433d; background:url(../img/body.gif) repeat-x #ffffff;}
hr.cistic {  clear: both; height: 1px; border: none; margin: -1px 0 0 0; visibility: hidden; }
a { color: #a90010;}
a:hover {text-decoration: none;;}
img {	border: 0;}
.green{	color: #9BAB6A;}
p {margin: 0; padding:0 0 10px 0;}
hr {margin: 0; padding: 0;}
h4{font-size: 100%;margin: 0; padding:0;}
h3{font-size: 110%;margin: 0; padding:5px 0 5px 0;color:#a90010;}
h2{font-size: 120%; margin: 0; padding: 0; color: #a90010;}
h1{font-size: 130%; margin: 0; padding: 0;}
ul{list-style: square;}

.infozoom{	color: gray; font-size: 85%;}
.on{background-color: #F0F5C3; color:black; }
.on a{color:black;}
.off{background-color: #F7F5D4; }
.on2{background-color: #F0F5C3; color:black;}
.on2 a{color:black;}
.off2{background-color: #F6F4CD;}
/* ********************** */
#root{width:969px;text-align: left; margin-left: auto; margin-right: auto; padding-top: 7px; margin-top: 10px;}

#odkazy{height: 27px; background: url(../img/hornipanel_img_1.jpg) no-repeat 198px 0;  text-align: right; padding: 0 10px 0 0;}
#odkazy a{color: black; font-size: 85%; }

#panelhorni{ height: 284px;background: url(../img/top_header.jpg) no-repeat left bottom #FAF8E3;}
#home {padding: 0px 0 0 30px; background: url(../img/top_logo.jpg) no-repeat left top;height: 86px;}
#home a span{display: none;}
#home a{ display: block; width:330px; height: 75px;}
#home a:hover{ color: white; text-decoration: none;}


/* MENU */
#menu {padding: 0px 0 0px 10px; background: url(../img/top_menu.jpg) no-repeat; height: 30px}
#menu ul{ list-style: none; margin: 0; padding: 0px 0 0 0px;}
#menu ul li{padding: 0px 2px 0px 0; float:left;}
#menu ul li a{ color:white;height: 23px; display: block; padding: 7px  0 0 0;  text-align: center; text-decoration: none;}
#menu ul li a:hover{ text-decoration: none; color: White; background: url(../img/button.jpg) repeat-x;  }
#menu ul li a.active{ text-decoration: none; color: White; background: url(../img/button.jpg) repeat-x; font-weight: bold;}
#menu ul li a.active:hover{ color: black;  }
#menu #link1 a{width: 70px;}
#menu #link2 a{width: 90px;}
#menu #link3 a{width: 90px;}
#menu #link4 a{width: 70px;}
#menu #link5 a{width: 90px;}
#menu #link6 a{width: 90px;}
#menu #link7 a{width: 70px;}
#menu #link8 a{width: 70px;}

#menu .rlink {background: url(../img/oddelovac.jpg) no-repeat right;}

/* JAZYKY */
#menu #cz{ padding: 10px 5px 0 200px; }
#menu #cz a{ display: block; background: url(../img/flag_cz.jpg) no-repeat left top; width: 24px; height: 14px; }
#menu #cz a span{display: none;}
#menu #en{ padding: 10px 5px 0 0px; }
#menu #en a{ display: block; background: url(../img/flag_en.jpg) no-repeat left top; width: 24px; height: 14px; }
#menu #en a span{display: none;}
#menu #de{ padding: 10px 0px 0 0px; }
#menu #de a{ display: block; background: url(../img/flag_de.jpg) no-repeat left top; width: 24px; height: 14px; }
#menu #de a span{display: none;}

/* MENU FAST */
#menufast {padding: 0px 0 0 0px; width: 450px; float: right;}
#menufast ul{ list-style: none; margin: 0; padding: 0px 0 0 0px;}
#menufast ul li{padding: 0px 5px 0px 5px; float:left; }
#menufast ul li a{}
#menufast ul li a:hover{ text-decoration: none; }
#menufast .rlink {background: url(../img/oddelovac_footer.jpg) no-repeat right; }


/* svatky */
#datum{ padding: 148px 0px 0 30px; color:white; font-size: 90%; color: white; float: left; width: 200px;}

#svatek{ padding: 148px 35px 0 0px; color:white; font-size: 90%; color: white; text-align: right; float: right; width: 300px;}
#svatek .today{font-weight: bold; }
/* Hlavni oblast */

#main {margin: 0px;background: url(../img/root2.jpg) repeat-y;  clear: both; padding: 0 6px 0 6px; }
#main2 {margin: 0px;background: url(../img/top_shadow.jpg) repeat-x #ffffff;padding: 10px 15px 20px 15px;}



/* LEVE MENU */
#menuleftroot { padding: 10px 0 0 0;}
#menuleft {width: 223px;padding: 1px; border: 1px solid #A09B97; float: left;background: #f8f8f8; }
#menuleft .nadpispanel{ height: 24px;background: url(../img/nadpis_panel.jpg) no-repeat left top; padding: 7px 0 0 30px; margin: 0; color:white; font-size: 110%; font-weight: bold;}

/* KONTAKTY LEVE MENU */
#contact{padding: 10px 10px 20px 30px;font-size: 90%;}
#contact h3{padding: 0px 0 0px 0; margin: 0;}
#contact p{padding: 0 0 5px 0; margin: 0;}
#contact #otv{padding: 10px 10px 0 0; margin: 0;}
.space {	padding: 10px 0 0 0;}


/* NOVINKY - hotnews */
.showdetail {text-align: right; display: block;}
/*.showdetail {background: url(../img/sipka_green.gif) no-repeat 0 7px; padding: 0 0 0 10px;}*/
#novinky { padding: 10px 10px 20px 10px; }
#novinky .novinka {padding: 0 5px 10px 0px;font-size: 90%; border-bottom: 1px solid #e5e5e5; margin: 0 0 5px 0;}
#novinky .novinka h2{color:#3e3c3a ; padding: 0 0 5px 0; font-size: 110%;}
#novinky .novinka h2 span {font-weight: normal; color: #a90010; display: block;}
#novinky .novinka h2 a{color:#3e3c3a ; background: none; padding: 0;}
#novinky .novinka .fotonews {display: block; width: 190px; height: 130px; border: 0; background:no-repeat center top;}
#novinky .novinka .fotonews span {display: none;}
#novinky .novinka .btn_detail {margin: 0 0 0 110px;}
#novinky .novinka p{	padding: 5px 0 0 0;}



.msg {}
.msgerr {color:red;}

/* NOVINKY - all */
.clanekall{ padding: 0 0 20px 0px; clear: both; margin: 0 0 10px 0; border-bottom: 1px solid #D6D096;}
.clanekall h2.nadpisall {padding: 0 0 5px 0; font-size: 110%;}
.clanekall h2.nadpisall a{color:#796344; background-image: none; padding: 0;}
.clanekall h2.nadpisall span {font-weight: normal; color: #796344;font-size: 90%;}
.clanekall a.fotonews {display: block; width: 190px; height: 130px; border: 0; background: no-repeat center top; float: left; margin: 0 20px 0 0;}
.clanekall a.fotonews span {display: none;}
.clanekall .showdetail{background: url(../img/sipka_green.gif) no-repeat 0 7px; padding: 0 0 0 10px;}


/* NOVINKY - detail */
#clanek{ }
#clanek h2.nadpisclanku { background: none; padding: 0px 0 10px 0;font-size: 110%;color:#3e3c3a ;}
#clanek h2.nadpisclanku span{ font-weight: normal;font-size: 90%;color: #c03c13;}
#fotoall {padding: 20px 0 0 0;}
#fotoall a.foto {display: block; width: 190px; height: 269px; border: 0;float: left; margin: 0 5px 5px 0;}
#fotoall a.foto span {display: none;}
#clanek #back {	padding: 0 0 10px}
#clanek #back a{	background: url(../img/icon_back.gif) no-repeat left center; font-weight: normal; font-size: 80%;padding: 0 0 0px 10px;}


/* Vlastni obsah stranky */
#obsah {padding: 10px 0px 20px 20px;  width:430px; float: left; text-align: justify; }
#obsah h2.nadpis {color: #a90010; background: url(../img/icon_nadpis3.jpg) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#obsah2 {padding: 10px 0px 20px 20px;  width:650px; float: left; text-align: justify;  }
#obsah2 h2.nadpis {color: #a90010; background: url(../img/icon_nadpis3.jpg) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 10px 0;}



/* pravy sloupec */
#menuright {width: 223px;padding: 1px; border: 1px solid #A09B97; float: right;background: #f8f8f8; }
#menuright .nadpispanel{ height: 24px;background: url(../img/nadpis_panel.jpg) no-repeat left top; padding: 7px 0 0 30px; margin: 0; color:white; font-size: 110%; font-weight: bold;}



/* FOOTER*/
#footer{ font-size: 90%; height: 42px;background: url(../img/footer.jpg) no-repeat;  padding: 25px 0 0px 0; text-align: center;}
#footer p{padding: 0;}
#copyright { width: 500px; float: left; text-align: left; padding: 0 0 0 15px;}
#pocitadlo {padding: 3px 0 0 0;}




/* KONTAKTY */

#kontakty{padding: 0 0 0px 0;}
#kontakty h3{  }
#mapa {	padding: 0 0 0px 0;}
#mapa a{background: url(../img/hotel_gradient_mapa.jpg) no-repeat; display: block; width: 223px; padding: 143px 0 3px 10px;text-decoration: none; color:white;}
#mapa a span{ }

/* fotogalerie */

#fotogallery a.gfoto {display: block; width: 200px; height: 150px; border: 0;float: left; margin: 0 10px 10px 0; background: no-repeat center center;border: 1px solid #A09B97; padding: 1px;}
#fotogallery a.gfoto span {display: none;}
#fotogallery a.gfoto:hover {border: 1px solid #B93B15;}



/* CENIK */
#cenik {width: 100%; margin: 0 0 20px 0;}
#cenik #tr1 td{background:#F8F8F8; font-weight: bold; text-align: center; border:1px solid #E5E5E5; }
#cenik #tr2 td{color:#A93617;text-align: center; font-weight: bold;}
#cenik td.cena{padding: 0 20px 0 0px; text-align: right;}
#cenik td.trm{padding: 0 0 0 20px;}
#cenik td{padding-top:10px; padding-bottom: 10px; }

/* REZERVACE leve menu */
#rezervaceform{padding: 5px 20px 5px 30px;}
#rezervaceform form{padding: 0;margin: 0;}
#rezervaceform div{padding: 0px 0 5px 0;}
#od input {width: 70px; padding: 2px;}
#do input {width: 70px; padding: 2px;}
#od { width: 75px; float: left;}
#do { width: 75px; float: right;}
#rezervaceform label{font-weight: bold; color:#a90010;  }
#pocet{clear: both;}
#pocet span{padding-right: 22px;}
#pocet select {width: 45px;}
#overit {border: 0; color:white; font-size: 90%;width: 139px;height: 23px; background: url(../img/button_rezervace.jpg) no-repeat; padding: 0 0 2px 0; margin: 0;} 

/* odkazy */
.odkaz{width: 200px; float: left; padding: 0 10px 50px 0px;}
.odkaz div{background:no-repeat left bottom ; padding: 0 0 120px 0;}
.odkaz p{margin: 0; padding: 0;}
.odkaz h3{margin: 0;padding: 0px;}