/* CSS Document */

* { margin: 0; padding: 0; }
html {background-color: #FFF; overflow: auto;}
BODY, DIV, TABLE, CAPTION, ADRESS, IMG {
    border: 0;
    margin: 0;
    padding: 0;
}

BODY {
    margin-top:20px;
    padding-bottom: 121px;
    text-align: center;
    font-family: Tahoma, Arial, "Times New Roman", Times, serif, Georgia;
    background: #FFF;
}

p, ul, ol {
    margin-top: 0;
    padding-top: 0;
    text-align:left;
    line-height: 150%;
}

ul, ol {
    /*color: #8E3743;*/
    color: #68231C;
}

ul {
    margin-left: 15px;
    text-align: left;
    padding-left: 0;
    list-style-type: square;
    list-style-position: inside;
}

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

a:link, a:active {
    /*color: #8E3743;*/
    color: #68231C;
}

a:visited, a:hover {
    text-decoration: underline;
    /*color: #8E3743;*/
    color: #68231C;
}


.toLeft {
  float: left;
}

.toRight {
  float: right;
}

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

.right{text-align: right;}
.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;}

.long{width: 180px;}
.short{width: 100px;}


h1, h2, h3 {
	margin-left: 5px;
	padding: 0;
	text-align: left;
    letter-spacing: normal;
	/*font-size: 30px;*/
	font-size: 28px;
    font-weight: normal;
	/*font-style: italic;*/
	/*color: #8E3743;*/
	color: #68231C;
}

h3{font-size: 25px;}

.ramecek{border: 1px solid black;}


/* FORMULAR */

form{ width: 95%; margin-top: 10px;}
fieldset {border: 0; padding: 10px;}
legend{display: none;}
label{display: block; float: left; width: 140px; margin-bottom: 5px; margin-left: 15px;}
label.small{width: 50px;}
input{float: left; margin-bottom: 5px; }
input.text{width: 250px; border: 1px solid /*#8E3743*/#68231C; margin-left: 15px;}
input.small{width: 50px; margin-right: 5px;}
input.radio{float:none; margin-top: 5px; margin-bottom: 0;}
input.short{width: 140px; margin-right: 5px;}
input.button{float: none; background: url('images/tlacitko.jpg') repeat-x; border: 1px solid /*#8E3743*/#68231C; height: 25px; padding: 0 5px; color: #EBDBDC; font-weight: bold;}
form br{clear: both;}
textarea{margin-bottom: 5px; border: 1px solid /*#8E3743*/#68231C; margin-left: 15px;}
  
#FBNform input.text, #FBNform textarea, #FBNform label {width: 100%;}
#FBNform input.button{margin-top: 5px; float: right;} 


#panelMain form p.day{width: 80px; padding: 0; float: left; margin-bottom: 5px;}


/* LAYOUT */

#panelTop{width: 100%; height: 170px;  }
#top {height: 170px; background: white url('images/pozadi-top.jpg') repeat-x;  }
#topIn{width:970px; margin:0 auto; text-align:left;}
#top a{ display: block; float: left; }
#top a img#logo{padding: 0; margin: 0;  display: block;}

#panelMiddle{width: 100%; text-align:center;}
#panelMiddleIn{width:990px; margin:0 auto; text-align:left;}
#mainLeft{width: 770px; float: left;}
#panelMain{width: 550px; float: right;}
#panelLeft{width: 200px; float: left;}
#panelRight{width: 200px; float: right;}
#panelBottom{width: 100%; text-align:center; color: /*#8E3743*/ #EBDBDC; height: 30px; padding-bottom: 10px; padding-top: 10px; clear: both; margin-top: 20px; background: white url('images/pozadi-bottom.jpg') repeat-x 0% 100%;}
#panelBottom a {color:#EBDBDC}


/*TELO*/
div.content {background: #FAF6F6 url('images/content.gif') repeat-x; color: /*#8E3743*/#68231C; width: 100%; padding: 0px 5px 5px 5px;}
/*div.backMain {background: white url('images/B03.jpg') repeat-x;}*/
#panelMain .image{float: left; margin: 20px 20px 10px 20px;}
#panelMain p{padding-top: 20px;}
#panelMain p.odkazyNaStranky{padding-top: 5px; text-align: center;}
#panelMain p.odkazyNaStranky span{font-family: times new roman;}

.panelSide{margin-bottom:20px; text-align: center;}
.panelSide img{margin: 5px auto;}
.panelSide p{margin-left: 0;}

.mDown {margin-top: 3px;}
#panelMain h1 a{text-decoration: none;}
#panelMain div.descript h3{margin: 10px;}

#prev, #next{float: left; display: block; width: 11px; height: 10px; background: transparent url('images/left.gif') no-repeat;}
#next{float: right; background: transparent url('images/right.gif') no-repeat; }
#prev span, #next span{display: none;}