/* CSS Document */

body {
 margin: 0;
 padding: 0;
 background: #fff url(images/bg.gif) 0 0 repeat-x;
 font-family: Arial, Verdana, Tahoma;
 font-size: 13px;
 color: #333;
}

* {
 margin: 0;
 padding: 0;  
}

img {
 border: none;
}

.left {
 float: left;
 padding: 0 20px 5px 0;
}

.right {
 float: right;
 padding: 0 0 5px 20px;
}


h1, h2, h3 {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

h1 {
 font-size: 2em;
}

h2 {
 font-size: 1.6em;
}

h3 {
 font-size: 1.6em;
}

p, ul, ol {
 margin-top: 0;
 line-height: 180%;
}

a {
 text-decoration: underline;
 color: #579a20;
}

a:hover {
 text-decoration: underline;
}

.wrap {
 width: 960px;
 margin: 0 auto;
 padding: 0;
}

#header {
 width: 960px;
 height: 100px;
}

#header img {
 float: left;
 border: 0;
 margin: 10px 0 0 20px;
}

#header h1 {
 line-height: 100px;
 color: #fff;
 background: url(images/gradient.gif) left center no-repeat;
 height: 100px;
 float: left;
 margin: 0 0 0 30px;
 padding: 0 0 0 30px;
}

#menu {
 width: 960px;
 height: 40px;
}

#menu ul {
 padding: 0 30px;
}

#menu ul li {
 list-style: none;
 line-height: 40px;
 display: inline;
 font-size: 13px;
 margin: 0 10px 0 0;
 padding: 12px;
}

#menu ul li a {
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: underline;
 background: url(images/menu-list.png) left center no-repeat;
 padding: 5px 0 5px 30px;
}

#menu ul li.active, #menu ul li:hover {
 background: url(images/menu.gif) 0 0 repeat-x;
 border-left: 1px solid #90c068;
 border-right: 1px solid #90c068;
 margin: 0 9px 0 -1px; 
} 

#menu ul li.active a, #menu ul li:hover a {
 background: url(images/menu-list-hover.png) left center no-repeat; 
 text-decoration: none; 
}

#menu ul li.menu-porovnani {
 background: url(images/menu-porovnani.gif) 0 0 repeat-x;
 border-left: 1px solid #51931c;
 border-right: 1px solid #51931c;
 margin: 0 9px 0 -1px; 
} 

#menu ul li.menu-porovnani a {
 background: url(images/plus.png) left center no-repeat;
 color: #111;
 text-decoration: none;
}

#menu ul li.menu-porovnani a:hover {
 text-decoration: underline;
}

#place {
 background: url(images/place-bg.gif) 0 0 repeat-x;
 height: 200px;
 padding: 20px 0 0 0;
}

.place {
 background: url(images/place.png) 0 0 no-repeat;
 height: 162px;
 width: 922px;
 margin: 0 auto;
}

.place img {
 float: right;
 clear: both;
 padding: 0 20px 0 0; 
}

.place ul {
 width: 500px;
 height: 100px;
 overflow: hidden;
 padding: 10px 20px 0 0;
 float: right;
}

.place ul li {
 line-height: 30px;
 background: url(images/plus.png) left center no-repeat;
 list-style: none;
 padding: 0 0 0 30px;
}

#page {
 width: 920px;
 margin: 0 auto;
 padding: 30px 0 0 0;
}

#content {
 float: right;
 width: 650px;
}

.text-button {
 float: right;
 margin: 20px 0;
}

.post {
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px dashed #dadada;
}

.post p {
 text-indent: 5px;
 line-height: 25px; 
}

.post h1, .post h2 {
 margin: 0 0 20px 0;
 font-size: 22px;
 color: #4c8b18;
 background: url(images/list.gif) left center no-repeat;
 padding: 0 0 0 30px;
}

.formular {
 width: 500px;
 margin: 0 auto;
}

table {
 border-right: 1px solid #eee;
}

td {
 padding: 10px 15px;
 text-align: center;
 border-bottom: 1px solid #ddd;
}

td.nadpis {
 background: #b21f0e;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #a21606;
}

td.nadpis2 {
 background: #ebfae0;
 color: #4c8b18;
 border-bottom: 1px solid #daf0c8;
 border-right: 1px solid #daf0c8;
 border-left: 1px solid #daf0c8;
}

td.nadpis3 {
 background: #5da224;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #4c8b18;
}

td.nadpis3 a {
 color: #fff;
}

td.nadpis4 {
 background: #fafafa;
}

td.nadpis5 {
 font-weight: bold;
 background: #cfeeb9;
 border-bottom: 1px solid #5da224; 
 border-right: 1px solid #5da224;   
}

td#nadpis4 {
 border-bottom: 1px solid #5da224;  
 border-right: 1px solid #ddd;  
}

td#nadpis5 {
 border-right: 1px solid #5da224;  
}

td#nadpis6 {
 border-left: 1px solid #c32f1e;  
}

td#nadpis7 {
 border-right: 1px solid #ddd;  
}

td#nadpis8 {
 background: #a21606;  
}

form {
 width: 550px;
 margin: 0 auto;
}

input, textarea {
 padding: 5px;
 margin: 5px;
}

.submit {
 background: url(images/odeslat.gif) 0 0 no-repeat;
 width: 120px;
 height: 30px;
 border: none;
}

.text-box {
 border-left: 2px solid #ddd;
 padding: 15px;
 margin: 15px;
}

.warning {
 padding: 15px;
 margin: 15px;
 background: #fafafa;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
}

.warning img {
 padding: 30px 20px 30px 0;
}

.box {
 background: url(images/box.gif) 0 0 no-repeat;
 width: 200px;
 height: 150px;
 margin: 10px 15px 30px 0;
 float: left;
}

.box h3 {
 height: 30px;
 width: 200px;
 line-height: 30px;
 text-align: center;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase;
 color: #3e3c3c;
}

.box .pojistovna {
 width: 130px;
 height: 60px;
 margin: 5px 0 8px 35px; 
 border-bottom: 1px solid #ddd;
}

.box .box-button {
 float: right;
 margin: 0 15px 0 0;
}

.post ul {
 padding: 10px 0 10px 20px;
}

.post ul li {
 line-height: 30px;
 background: url(images/plus.png) left center no-repeat;
 list-style: none;
 padding: 0 0 0 30px;
}

.faq .otazka {
 background: url(images/menu-list.png) left center no-repeat; 
 font-weight: bold;
 margin: 0 0 5px 0;
}

.faq .odpoved {
 background: url(images/sublist.gif) left center no-repeat;
 margin: 0 0 15px 5px;
 padding: 0 0 0 25px;
}

.sitemap .otazka {
 background: url(images/menu-list.png) left center no-repeat; 
 margin: 0 0 5px 0;
}

.sitemap .otazka a {
 color: #3e3c3c;
}

.sitemap .odpoved {
 background: url(images/sublist.gif) left center no-repeat;
 margin: 0 0 0 10px;
 padding: 0 0 0 25px;
}

.top-comment {
 background: url(images/top-comment.gif) 0 0 no-repeat;
 height: 11px;
 width: 610px;
 margin: 0 auto;
}

.comment {
 background: #e6e6e6;
 border-left: 1px solid #dadada;
 border-right: 1px solid #dadada;
 color: #3e3c3c;
 width: 568px;
 margin: 0 auto; 
 padding: 0 20px;
}

.bottom-comment {
 background: url(images/bottom-comment.gif) 0 0 no-repeat;
 height: 30px;
 width: 610px;
 margin: 0 auto;
}

.bottom-comment p {
 float: right;
 line-height: 45px;
 margin: 0 20px 0 0;
 font-style: italic;
 font-weight: bold;
}

#sidebar {
 float: left;
 width: 220px;
 background: #fff;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#sidebar li {
 margin: 0;
 padding: 0;
}

#sidebar li ul {
 background: #fff;
 border-left: 1px solid #dadada;
 border-right: 1px solid #dadada;
 border-bottom: 1px solid #dadada;
 margin: 0 0 20px 0;
}

#sidebar li p {
 background: #fff;
 border-left: 1px solid #dadada;
 border-right: 1px solid #dadada;
 border-bottom: 1px solid #dadada;
 margin: -20px 0 20px 0;
 padding: 20px;
}

#sidebar li p a {
 text-decoration: underline;
 color: #579a20;
}

#sidebar li li {
 margin: -20px 15px 20px 15px;
 line-height: 35px;
 border-bottom: 1px dashed #dadada;
}

#sidebar li li span {
 display: block;
 margin-top: -20px;
 padding: 0;
 font-size: 11px;
 font-style: italic;
}

#sidebar h2 {
 background: url(images/sidebar-title.gif) 0 0 no-repeat;
 height: 40px;
 line-height: 40px;
 text-indent: 15px;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase;
 color: #3e3c3c;
 margin: 0 0 20px 0;
}

#sidebar p {
 margin: 0 15px;
 padding: 20px 0px;
 text-align: justify;
}

#sidebar a {
 text-decoration: none;
 color: #111;
}

#sidebar a:hover {
 text-decoration: underline;
}

#sidebar li ul.submenu {
 border: none;
 margin: 20px 0 0 0;
}

#sidebar li ul.submenu li {
 background: url(images/sublist.gif) left center no-repeat;
 padding: 0 0 0 15px;
 border: none;
 line-height: 28px;
}

hr {
 margin: 20px 0;
 color: #ddd;
}

.clear {
 clear: both;
}

#footer-top {
 background: url(images/footer-top.gif) 0 0 no-repeat;
 height: 11px;
 width: 920px;
 margin: 0 auto;
}

#footer-bottom {
 background: url(images/footer-bottom.gif) 0 0 no-repeat;
 height: 11px;
 width: 920px;
 margin: 0 auto;
}

#footer {
 width: 920px;
 margin: 0 auto;
}

#footer p {
 padding: 0 20px;
 background: #e6e6e6;
 border-left: 1px solid #dadada;
 border-right: 1px solid #dadada;
 color: #3e3c3c;
}