/* OBECNE STYLY */


* { margin: 0; padding: 0; }
html {/*background-color: #ECE2C9;*/ background: url('../img/top_bg.jpg') repeat;overflow: auto;}
BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  margin: 0;
  padding: 0;
}

BODY {
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	background: #ECE2C9 url('../img/top_bg.jpg') repeat;
	
}

p, ul, ol {
	margin: 0;
	padding: 0;
}

ul, ol {

}

ul {
	/*margin-left: 15px;*/
	text-align: left;
        padding-left: 0;
	list-style: none;
	list-style-position: outside;
}

ul li {padding-left:10px; background: transparent url('../img/pointer2.gif') 2px 3px no-repeat;}

ul ul{
	list-style-image: url('../img/pointer.gif');
}

ol {
	margin-left: 0;
	padding-left: 1em;
}

a:link, a:active, a:visited {
	color: #714437;
        text-decoration:underline;
}

a:hover {
  text-decoration: none;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.toCenter {
	display: block;
	text-align: center;
}

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

p{color:#714437; font-family:Times New Roman;font-size:14px;}

.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	content: ' ';
	font-size: 0;
}

.cleaner HR{
	display: none;
}
.zobraz HR{
    display: block;
    margin-top: 10px;
}
.zobraz{height: 20px;}

.zav_right{background:transparent url('../img/block_r_bg.jpg') no-repeat right top;width:100%;}
.zav_left{background:transparent url('../img/block_l_bg.jpg') no-repeat scroll left top;}
.zav_inside{padding: 0px 20px 20px 33px; color:#603D00; font-style:italic;}
.zav_inside p{font-size:12px;}

h1{font-family:georgia; font-weight: normal; color: #985202; font-size: 25px; background: transparent url('../img/bg_h1.jpg') no-repeat top right; height: 61px;}
h2{color:#714437; font-size: 14px;font-weight:normal;margin:0pt 0pt 25px;}
h3{color:#714437;  font-size: 14px;font-weight:normal; margin:0pt 0pt 25px;}
h4{color:#a3191c; text-align: center;}

.main_list{color: black; font-size: 16pt; margin-left: 180px; }
.main_list li{list-style-type: none; list-style-image: none;}
.imgCenter{margin-left: 130px;}
.odsazeni{ margin: 10px;}
ol {margin-left: 35px; margin-right: 10px;}
ol li{color:#714437; font-family:Times New Roman;font-size:14px;margin-bottom: 5px;}

.ramecek{border: 1px solid black;}
/* SEZNAM */
.sponzor{background-color: #e1cacd;}
td.name{width: 31ex;}
td.adresa div{width: 30ex; height: 1.1em; overflow: hidden; }
.seznam{width: 100%; margin-top: 20px; Border-collapse: collapse;}
.seznam td{padding: 2px 5px;}

/* FORMULAR */
form{ width: 406px; margin: 0 auto; }
fieldset {border: none; }
legend{display: none;}
label{color:#603D00;font-size:14px;font-weight:normal;display: block; float: left; width: 140px; margin-bottom: 5px; color: #603D00; /*font-weight: bold;*/}
label.small{width: 50px;}
input{float: left; margin-bottom: 10px;border: 1px solid #ABADB3;}
input.text{width: 250px; }
input.small{width: 30px; margin-right: 5px;}
input.button{float: none;  border: 0px solid #b3a382; height: 25px; padding: 0 5px; color: #714437;}
form br{clear: both;}
textarea{width: 250px;border: 1px solid #ABADB3; height:50px;}
select {float: left; margin-left: 5px;margin-bottom:10px; border: 1px solid #ABADB3;}

form#rezervace {width: 100%; margin: 10px 0; padding-right: 0;}
form#rezervace fieldset{padding: 0px 0;}
form#rezervace input.button{color: #816c37; font-weight: bold; font-size: 9pt;}
form#rezervace label.small{padding-top: 2px;}
form#rezervace .day{width: 40px;}
form#rezervace .month{width: 70px;}
form#rezervace .year{width: 60px;}

/* LAYOUT */
#panelTop_left{width: 100%; height: 317px; background: #d7c8a1 url('../img/bg_top_l.jpg') top left no-repeat; }
#panelTop_right{background: transparent url('../img/bg_top_r.png') top right no-repeat; height: 100%; text-align: center;}
#panelTop {  width: 780px; margin: 0 auto;}
#top{height: 157px; background: transparent url('../img/bg_top.png') repeat-x;}
#menu{height: 28px; background: #ffffff url('../img/menu.png') no-repeat;}
#mini_galerie{background: #ffffff url('../img/bg_galerie.png') repeat-x; height: 132px;}
#reference{width: 153px; float: left; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; margin-left: 20px;}
#reference p{font-size: 16px;}
#reference img{text-deroration: none;}
#reference a{text-decoration: none;}
#reference a:hover{text-decoration: underline;}


#top h1{ width: 410px; height: 125px; position: relative; top: 15px; margin: 0 auto;}
#top h1 a{ display: block; width: 410px; height: 125px; background: url('../img/logo.jpg')  no-repeat top left; text-decoration: none;}
#top h1 a span{ display: none;}


#panelMiddle{width: 100%; text-align:center;  }
#panelMiddleIn{background: url('../img/top_bg.jpg') repeat;width:780px; margin:0 auto; text-align:left; }
#mainLeft{width: 521px; float: left;}
#panelMain{width: 420px; margin-right: 70px; float: right;  font-size: 10pt; position: relative; left: -1px; /*border-left: 1px dotted #d7b783;*/}
#panelLeft{width: 290px; float: left;}
#panelRight{padding-bottom:60px;width: 198px;  float: right; border-left: 1px dotted #d7b783; background: #ebe0ca url('../img/') repeat-y;}
#panelBottom{width: 100%; height: 50px; text-align:center; color: #fcf1d8; padding-top: 20px; clear: both; background: #301a14;}
#akce{width: 200px; margin: 40px 45px 0px 45px;}


#panelContent_border {width: 100%; margin: 0; padding: 0; background: #ffffff url('../img/bg_content_border.png') top left repeat-y; margin-top: 1px;}
#panelContent{ width: 780px; background: url('../img/cont_bg.jpg') no-repeat top left; margin:0 auto;}
#panelRight p{margin-left: 0px;margin-bottom: 10px;}
#preview{width: 780px; height: 360px;}



/*MENU*/
#menu ul{list-style: none; list-style-image: none;}
#menu ul li{display: block; float: left; width: 105px; background: none; padding: 0;color: #a8a8a8; margin-left: 10px; margin-top: 3px; text-align: center;}
#menu ul li+li{margin-left: 36px;}
#menu li a{text-decoration: none; font-size: 10pt; font-weight: normal; color: #917333; }
#menu li a:hover{font-weight: bold;}

#panelBottom a{font-family:georgia; color:#C2A189;text-decoration: none; font-size: 11px; font-weight: normal;}
#panelBottom a:hover{text-decoration: underline;}

/*TELO*/
div.content {background: white url('../img/content.gif') repeat-x; color: #8f3844; width: 100%;}
#panelMain .toRight{float:right;}
#panelMain ul{margin-left:100px;margin-top: 15px;}
#panelContent .box{padding: 2px 5px 0 5px; margin: 10px 5px 0 5px; border-top: 1px solid #c2af85;}
#panelContent .no-padding{padding-top: 2;padding-left: 0; padding-right: 0;}
#panelContent img{margin-right: 5px; }




#panelMain p.aktualita{padding: 5px;}
.panelSide{margin: 0 5px 20px 15px; text-align: center; background-color: #a1a1a1; border: 3px solid white;}
.panelSide img{margin: 5px auto;}
.panelSide h2{margin: 0; margin-top: 5px;  color: #000000; text-align: center; font-size: 20px;}
.panelSide ul{margin-bottom: 5px;}

p.aktualita{font-size: 9pt;}

.mDown {margin-top: 3px;}

#panelMain div.descript h3{margin: 10px;}

ul.nolist li {list-style-type: none; list-style-image: none;}

#admin{margin-right: 10px; font-size: 8pt;}
#admin a{text-decoration: none;}
/*Login*/
#formLogin {text-align: center; }
#formLogin form{width: 250px; height: 120px; margin: 0 auto;  }
#formLogin fieldset{padding: 5px;  text-align: left; border:1px solid white;}
#formLogin legend{font-weight: bold; }
#formLogin label{width: 60px; display: block; float: left; margin-top: 5px; margin-left: 10px; color: white; }
#formLogin input.text{float: left; margin-top: 5px; width: 90px; border: 1px solid #000000;}
#formLogin input.button{margin-top: 5px; float: right;}
#formLogin a{display: block; float: left;  margin-top: 15px; font-size: 10pt; width: 100px;}
#formLogin li a{display: inline; float: none;}

/*kontaktni formular*/
#kontForm{width: 320px; margin: 0px auto;}
#kontForm input.text, #kontForm textarea, #kontForm label {width: 300px;}
#kontForm input.button{margin-top: 5px;margin-right: 20px; float: right;}
input, select, textarea {background:transparent none repeat scroll 0%;border:1px solid #89654F;color:#603D00;font-size:14px;font-weight:normal;padding-left:5px;vertical-align:middle;}

#kontakt,#adresa{text-align: center; width: 100%; }
#adresa {margin-bottom: 30px; line-height: 1.3; font-size: 14pt;}
#kontakt{width: 700px;}

table.contact {color:#714437; font-family:Times New Roman;font-size:14px; margin-bottom: 25px;width:400px; text-align: center;}


#patent{width: 200px; margin-left: 280px;}
.popis{font-size: 10pt; text-align: center; font-weight: bold;}