﻿/* Basic Elements */
body {font:62.5% Georgia,serif;color:#000;background:#05511e;margin:0;}
h1, h2, h3, h4 {font-weight:bold;}
h1 {font-size:3em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.5em;}
p {line-height:18px;font-size:14px;}
.clear {clear:both;}


/* Container */
#wrap1 {position:relative;margin:0 auto;width:990px;}
#wrap {background:url('../img/bg-footer.png') repeat-x bottom;overflow:hidden;height:280px;}
#container {margin:0 auto;width:900px;overflow:hidden;background:url('../img/bg-header.png') no-repeat;padding:10px 0;}
#header {height:120px;overflow:hidden;}
#header #logo {float:left;position:relative;top:40px;}
#header #logo h1{position:absolute;left:0;top:0;width:304px;height:36px;overflow:hidden;font-size:12px;line-height:3em;}
#header #logo h1 span, #header #logo h1 a {color:#05511e;position:absolute;left:0;top:0;width:304px;height:36px;background:transparent url('../img/penzion-kocanda.png') left top no-repeat;text-decoration:none;}
#header #rezervace {float:right;}
#header #rezervace p {color:#F5DE85;font-size:18px;text-shadow: 0 1px 0 #000000;margin:50px 0 0 0;}
#menu {height:49px;background:url('../img/bg-menu.png') no-repeat;text-align:center;}
#menu ul {padding:16px 0 0 0;}
#menu ul li {display:inline;padding:0 30px;}
#menu ul li a {color:#f3d769;font-size:14px;padding:5px;text-decoration:none;font-variant:small-caps;text-shadow: 0 1px 0 #111;letter-spacing:1px;}
#menu ul li a.sel {background:#044219;}
#menu ul li a:hover {background:#044219;}
#menu-left {background:url('../img/menu-left.png') no-repeat;height:56px;width:58px;position:absolute;left:0;top:145px;z-index:-10;}
#menu-right {background:url('../img/menu-right.png') no-repeat;height:63px;width:59px;position:absolute;left:930px;top:145px;z-index:-10;}

#box {height:260px;background:url('../img/kocanda.jpg') no-repeat;border:solid 3px #111;margin:0 0 20px 0;}
#box #tx {background:url('../img/dot.png');padding:10px;margin:190px 0 0 0;height:50px;}
#box #tx h2 {color:#fff;font-size:18px;margin:2px 0 5px 0;}
#box #tx p {color:#fff;}
#dline {background:url('../img/line.png') no-repeat;height:5px;margin:0 0 20px 0;}
#aktuality {float:left;width:520px;overflow:hidden;margin:0 50px 20px 0;}
#aktuality h4,#prohlidka h4,#tipy h4 {color:#f3d769;font-variant:small-caps;font-size:14px;text-shadow: 0 1px 0 #000;margin:0 0 25px 0;letter-spacing:1px;padding:0 0 10px 0;border-bottom:solid 1px #94a14b;}
#prohlidka h4 {margin:0 0 1px 0;}
#aktuality .item {overflow:hidden;margin:0 0 30px 0;}
#aktuality .item .datum {text-shadow: 0 1px 0 #000;color:#fbeaa8;font-size:12px;text-align:center;width:57px;height:67px;background:url('../img/bg-calendar.png') no-repeat;float:left;margin:0 20px 0 0;}
#aktuality .item .datum  strong {color:#fff;font-size:36px;text-shadow: 0 1px 0 #000;display:block;margin:0 0 5px 0;}
#aktuality .item p {color:#fbeaa8;font-size:12px;text-shadow: 0 1px 0 #000;}
#aktuality .item p span {display:block;margin:10px 0 0 0;}
#aktuality .item p a{padding:0 0 3px 0;color:#fff;font-weight:bold;text-decoration:none;font-size:14px;border-bottom:solid 1px #0c3d1c;}
#aktuality .item p a:hover {text-decoration:none;border-bottom:none;}
#aktuality #listky {padding:10px 0 0 40px;margin:50px 0 0 0;background:#fbeaa8 url('../img/bg-listky.png') no-repeat left;height:30px;}
#aktuality #listky a,#prohlidka p a,#tipy p a {color:#05511e;text-decoration:none;border-bottom:solid 1px #d1ba7d;padding:0 0 2px 0;}
#aktuality #listky a:hover, #prohlidka p a:hover, #tipy p a:hover {text-decoration:none;border-bottom:none;}
#prohlidka {float:left;width:330px;margin:20px 0 0 0;}
#prohlidka img {margin:0 0 2px 0;}
#prohlidka p{background:#fbeaa8;height:30px;padding:10px 0 0 10px;}
#tipy {float:left;width:330px;overflow:hidden;}
#tipy p {background:#fbeaa8;padding:10px;margin:0;color:red;text-align:center;}
#tipy h4 {margin:0 0 10px 0;}

#footer {margin:0 auto;width:900px;overflow:hidden;padding:10px;height:205px;}
#footer h4 {color:#f3d769;font-variant:small-caps;font-size:14px;text-shadow: 0 1px 0 #000;margin:0 0 25px 0;letter-spacing:1px;}
#footer p {color:#fbeaa8;line-height:1.6em;}
#footer a {text-decoration:none;color:#fbeaa8;border-bottom:solid 1px #111;padding:0 0 2px 0;}
#footer a:hover {border-bottom:none;} 
#footer #fa {float:left;width:310px;margin:35px 0 0 0;}
#footer #fb {float:left;width:380px;margin:35px 0 0 0;}
#footer #fc {float:left;width:200px;margin:35px 0 0 0;}
#copy {margin:0 auto;width:900px;overflow:hidden;padding:10px;}
#copy p {text-align:center;color:#555;text-shadow: 0 1px 0 #000;font-size:12px;}
#copy p a {color:#444;text-decoration:none;border-bottom:solid 1px #000;}

#telo {overflow:hidden;}
#telo h1,#telo h2, #telo h4,#telo h4 {color:#f3d769;line-height:1.5em;margin:0 0 20px 0;text-shadow: 0 1px 0 #000;}
#telo h3 {color:#eee;text-shadow: 0 1px 0 #000;font-size:18px;margin:0 0 20px 0;}
#telo h4 {margin:20px 0 20px 0;color:#f3d769;text-shadow: 0 1px 0 #000;font-size:16px;font-variant:small-caps;}
#telo hr {color:#fbeaa8;border:none;background:#fbeaa8;height:1px;margin:20px 0;clear:both;}
#telo .ileft {float:left;margin:0 20px 20px 0;}
#telo .iright {float:right;margin:0 0 20px 20px;}
#telo #top {height:50px;border:solid 3px #111;color:#fff;background:#032D11 url('../img/kocanda.jpg') no-repeat center;padding:10px;margin:0 0 20px 0;}
#telo #top h2 {margin:0;background:url('../img/dot.png');display:inline;padding:5px;color:#fff;}
#telo p{color:#fbeaa8;font-size:14px;line-height:1.5em;text-shadow: 0 1px 0 #000;margin:0 0 10px 0;}
#telo p a {text-decoration:none;border-bottom:solid 1px #0c3d1c;padding:0 0 3px 0;color:#eee;}
#telo p a:hover {border-bottom:none;}
#telo #boxa {float:left;width:429px;margin:0 20px 20px 0;border-right:solid 1px #0c3d1c;padding:0 20px 0 0;}
#telo #boxb {float:left;width:400px;margin:0 0 0 20px;}
#telo #boxb  img {border:solid 5px #0c3d1c;}
#telo #boxb a {border-bottom:none;}
#telo #listky {padding:10px 0 0 40px;margin:30px 0;background:#fbeaa8 url('../img/bg-listky.png') no-repeat left;height:30px;}
#telo #listky p {color:#000;text-shadow:none;}
#telo #listky a {color:#05511e;text-decoration:none;padding:0 0 2px 0;border-bottom:solid 1px #d1ba7d;padding:0 0 2px 0;}
#telo #listky a:hover{text-decoration:none;border-bottom:none;}
#telo ul {font-size:14px;color:#fbeaa8;line-height:1.5em;text-shadow: 0 1px 0 #000;}
#telo ul li {margin:0 0 10px 0;padding:0 0 0 20px;list-style-type:square;list-style-position:inside;}
#telo table {width:100%;font-size:14px;line-height:1.5em;color:#fff;border-top:solid 2px #0c3d1c;border-bottom:solid 2px #0c3d1c;}
#telo table tr th {background:#0c3d1c;padding:5px;border-bottom:solid 2px #083316;}
#telo table tr td {padding:5px;border-bottom:solid 1px #0c3d1c;}
#telo table tr td.c {text-align:center;} 
#telo form label {display:block;font-size:12px;color:#fbeaa8;margin:0 0 3px 0;}
#telo form input[type="text"] {margin:0 0 20px 0;width:400px;border:solid 1px #d1ba7d;padding:5px;}
#telo form textarea {width:400px;border:solid 1px #d1ba7d;padding:5px;margin:0 auto;display:block;}
#telo form input[type="submit"] {font-family:Gerogia;text-align:center;margin:20px auto;padding:10px;cursor:pointer;font-size:18px;font-weight:bold;border:none;background:#fbeaa8;}
#telo form input[type="submit"]:hover {background:#d1ba7d;}
#telo #cform {text-align:center;border-top:solid 1px #0c3d1c;overflow:hidden;clear:both;}
#aktuality .more {margin:10px 0 0 0;clear:both;text-align:right;}
#aktuality .more a {color:#fbeaa8;text-decoration:none;border-bottom:solid 1px #0c3d1c;padding:0 0 2px 0;}
#aktuality .more a:hover {border-bottom:none;}
#telo .aitem {margin:0 0 20px 0;border-bottom:solid 1px #0c3d1c;border-top:solid 1px #0c3d1c;padding:0 0 10px 0;background:#08471C;padding:10px;}
#telo .aitem span {display:block;margin:5px 0 0 0;}
#telo h4.ok {background:#fbeaa8;padding:10px;color:#000;text-shadow:none;border:solid 1px #d1ba7d;}
#fblike {background:#08471C;padding:10px 10px 5px 10px;}
#flashcontent {text-align:center;}

.note {background:#08471C;padding:20px;margin:0 0 20px 0;border-bottom:solid 1px #0c3d1c;border-top:solid 1px #0c3d1c;}
#telo p.akce {background:#fbeaa8;text-align:center;font-size:18px;padding:10px;color:red;text-shadow:none;}