@charset "utf-8";
/* CSS Document */
/* RESET */
* {	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	}
/* END */

p { margin-bottom:10px;}

#backgroudn { background-color:#3f4c6b; height:410px; width:100%; position:absolute; top:0; left:0; z-index:-1}

#obal { width:894px; margin:auto; border:2px solid #473d45; border-top:none; border-bottom:none; background-color:#FFF; font-size:14px;}

#menu { background:url(../images/menu_bg.png) top left; height:107px; width:100% }
#menu a.menu { color:#FFF; font-size:19px; text-decoration:none; text-align:center;  display:block; height:74px; width:100%;  padding-top:33px; |padding-top:40px;}
#menu a.menu.active {color:#3f4c6b;}
#menu a.menu:hover {color:#3f4c6b}
#menu li { display:block; float:left;  width:148px;  text-align:center;}
#menu li:hover { background:url(../images/menu_active.png) no-repeat 2px 0; color:#3f4c6b}
#menu li.aktivni { background:url(../images/menu_active.png) no-repeat 2px 0; color:#3f4c6b}
#menu li.menu_oddelovac { background:url(../images/menu_oddelovac.png) no-repeat top left; width:1px; height:97px; margin-top:5px} 
ul { padding:0; margin:0}

#header {width:895px; height:329px}
#header a.logo {padding-top: 0px;}

#menu_left { float:left; width:280px; margin:0 15px}
#menu_left .header, #obsah .header  { background-color:#3f4c6b; border:1px solid #979696; height:30px; color:#FFF; font-size:14px; padding:10px 0 0 20px; font-weight:bold;}
#menu_left .menu_item { background:url(../images/menu_item_bg2.png) repeat-x top left #FFF; border:1px solid #979696; border-top:none; padding:10px; margin-bottom:15px}
.menu_item img {padding: 1px; border: 1px solid silver;}
.menu_item img:hover {padding: 1px; border: 1px solid #a1a19e;}
#menu_left .header {font-variant: small-caps; font-size: 15px;}

table.kontakt a {color: blue;}
table.kontakt td.left {padding-bottom: 2px; text-align: right;}
table.kontakt td.right {padding-bottom: 2px; padding-left: 4px; text-align: left;}

#obsah { margin-left:310px; /*background-color:#dbe6ef;*/background-color:white; margin-bottom:15px; line-height: 150%;}
#obsah #obsah_text {  padding:17px 10px}
#obsah #obsah_text a {color: #7ba5c0}
#obsah #obsah_text p {text-align: justify; padding-right: 4px;}
#obsah #obsah_text span {color:#3f4c6b; border-bottom: 1px dashed;}
#obsah #obsah_text h2 {font-variant: small-caps; color:#3f4c6b; padding-top: 25px; padding-bottom: 10px; font-size: 20px;}
#obsah #obsah_text table.cenik_s {border-collapse: collapse; font-size: 13px;}
#obsah #obsah_text table.cenik_s tr.first {border-bottom: 2px solid black;}
#obsah #obsah_text table.cenik_s td {border: 1px solid black; padding: 4px 0 4px 0; text-align: center;}
#obsah #obsah_text table.cenik_s td.prvni {width: 140px;}
#obsah #obsah_text table.cenik_s td.druhy {width: 200px;}
#obsah #obsah_text table.cenik_s td.treti {width: 200px;}

#obsah #obsah_text table.cenik {border-collapse: collapse; font-size: 13px;  width: 100%;}
#obsah #obsah_text table.cenik tr.first {border-bottom: 2px solid black;}
#obsah #obsah_text table.cenik td {border: 1px solid black; padding: 4px 0 4px 0; text-align: center;}

#obsah ul { margin-left: 15px; margin-bottom:10px;}
#obsah ul  li { list-style:circle; padding-left:0px; margin-bottom:10px }
#obsah ul  li span {color:#3f4c6b; border-bottom: 1px dashed;}
#obsah .header {font-variant: small-caps; font-size: 16px;}

#pata {height:40px; background:url(../images/menu_bg.png) repeat top left; text-align:center; color:#FFF; padding-top:25px}

#photo { margin:30px 0 0 40px}
#photo img { margin:0 15px 10px 0}

.photo { margin:30px 0 0 40px}
.photo img { margin:0 15px 10px 0}

.photo-historie { margin:10px 0 0 0px; text-align: center;}
.photo-historie img { margin:0 15px 10px 0}

.photo-o-penzionu { margin:30px 0 0 0; text-align: center;}
.photo-o-penzionu img { margin:0 50px 20px 0}

.clear { clear: both}

form.rezervace fieldset{border: 1px solid #828282; padding: 10px; margin-bottom: 15px;}
form.rezervace legend{font-weight: bold; color: #383939;}
form.rezervace input{border: 1px solid black; padding: 2px;}
form.rezervace input.radio{margin: 2px 5px 0px 0px;}
form.rezervace input.den{width: 30px; margin-right: 2px; margin-left: 2px;}
form.rezervace input.mesic{width: 30px; margin-right: 2px; margin-left: 2px;}
form.rezervace input.rok{width: 60px; margin-right: 2px; margin-left: 2px;}
form.rezervace input.submit{float: right; width: 100px;}
form.rezervace textarea{border: 1px solid black; padding: 2px; margin-left: 2px; width: 95%; font-size: 12px;}
form.rezervace table {border-collapse: collapse; width: 100%; font-size: 13px;}
form.rezervace table td{border-bottom: 1px solid white; padding: 5px 3px 5px 5px; background-color: #f0f8fa; margin-top: 2px;}