/* layout */
#page {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    border: 1px solid #fff;
}
#top {
    background: url("images/bg_header1.gif") repeat-x top left;
    height: 28px;
    line-height: 28px;
    text-align: right;
    border-bottom: 7px solid #B80B0D;
}
body.gray #top {
    border-bottom: 7px solid #555;
}
#top a { font-weight: bold; color: #fff; text-decoration: none; }
#top a:hover { text-decoration: underline; }
#header {
    background: url("images/bg_header-jaro.jpg") no-repeat top left;
    height: 148px;
    border-top: 1px solid #fff;
}
body.zima #header {
    background: url("images/bg_header-zima.jpg") no-repeat top left;
}
body.leto #header {
    background: url("images/bg_header-leto.jpg") no-repeat top left;
}
body.podzim #header {
    background: url("images/bg_header-podzim.jpg") no-repeat top left;
}
body.gray #header {
    background: url("images/bg_header-gray.jpg") no-repeat top left;
}
#header #erb {
    float: right;
    width: 70px;
    height: 70px;
    margin: 10px 5px 0 0;
}
#header #erb span { display: none; }
#header #logo {
	clear: both;
    float: right;
    width: 214px;
    height: 50px;
    margin: 0px 5px 0 0;
}
#header #logo span { display: none; }

#headline {
    background: url("images/bg_headline1.gif") no-repeat top left;
    padding: 5px 0 5px 190px;
    margin: 0;
}
#main {
    width: 100%;
    border-collapse: collapse;
    margin: 0; padding: 0;
}
#main #left {
    width: 184px;
    margin: 0; padding: 0;
}
#main #left .content {
}

#left .headline {
    display: block;
    line-height: 28px;
    height: 28px;
    padding-left: 10px;
    background: url("images/bg_header1b.gif") repeat-x bottom left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
#left .headline-content {
    padding: 10px 0;
    text-align: center;
    background-color: #f5f5f5;
}

#hledani_headline {
    display: block;
    line-height: 28px;
    height: 28px;
    padding-left: 10px;
    background: url("images/bg_header1b.gif") repeat-x bottom left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
#hledani {
    padding: 10px 0;
    text-align: center;
    background-color: #f5f5f5;
}
#hledani img {
    position: relative;
    top: 4px;
    cursor: pointer;
}

#main #center {
    width: 482px;
    margin: 0; padding: 0;
}
#main #center .content {
    width: 470px;
    padding: 0 6px;
}
#main #center .content #uvod img {
    float: left;
    margin: 0px 5px 10px 0px;
}
#main #center2 {
    margin: 0; padding: 0;
}
#main #center2 .content {
    padding: 0 6px;
}
#main #center2 .content #uvod img {
    float: left;
    margin: 0px 5px 10px 0px;
}

#main #right {
    width: 234px;
    margin: 0; padding: 0;
}

#main #right .box {
    width: 222px;
    margin-bottom: 6px;
    padding: 0px 6px 10px 6px;
}

#main #right .headline {
    display: block;
    height: 35px;
    padding-bottom: 6px;
    text-decoration: none;
}

#main #right #akce {
    background: #f5f5f5 url("images/bg_akce.gif") no-repeat top left;
}

#main #right #hlaseni {
    background: #f5f5f5 url("images/bg_hlaseni.gif") no-repeat top left;
}

#main #right #newsletter {
    background: #f5f5f5 url("images/bg_newsletter.gif") no-repeat top left;
}

#main #left .box {
    width: 172px;
    margin-bottom: 6px;
    padding: 40px 6px 10px 6px;
    z-index: auto;
}

#main #left #anketa {
    background: #f5f5f5 url("images/bg_anketa.gif") no-repeat top left;
}

#main #left #doporucujeme {
    background: #f5f5f5 url("images/bg_doporucujeme.gif") no-repeat top left;
}

#footer {
    clear: both;
    font-size: 90%;
    text-align:right;
    background: url("images/bg_header1.gif") repeat-x top left;
    height: 28px;
    line-height: 28px;
    color: #aaa;
    padding-right: 10px;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
.external_link {
    padding-right: 13px;
    background: url("images/external_link.png") no-repeat center right;
}
/*-------------------------------------------------*/
a { color: #B80B0D; }
a:hover { color: #F84B4D; }

body {
    background: #eff8e5 url("images/bg_document-jaro.jpg") repeat-x top left;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 80%;
	margin:0; padding:0;
    text-align: center;
}
body.zima {
	background: #e4eef7 url("images/bg_document-zima.jpg") repeat-x top left;
}
body.leto {
	background: #96c995 url("images/bg_document-leto.jpg") repeat-x top left;
}
body.podzim {
	background: #cab296 url("images/bg_document-podzim.jpg") repeat-x top left;
}
body.gray {
	background: #666;
}
td { vertical-align: top; }
input, select, textarea	{
    font-family: Verdana;
    font-size: 90%;
	border: 1px solid #808080;
    margin: 2px;
}
img { border: 0 }
form { margin: 0px; padding: 0px; }
h1 {    font-size: 150%;
        margin: 0 0 5px 0; padding: 5px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
h2 {    font-size: 125%;
		margin: 0; padding: 0;
		color: #B80B0D;
}
h2 a {  text-decoration: none;
}
h3 { font-size: 120%; }
hr {
    height:0;
    border: 0;
    border-top:1px solid #ccc;
    clear: both;
    margin: 5px 0;
}
/*----------------------------------------------------------------------*/
.text_error { color: #AF2222; font-weight:bold;}
.text_vystraha { color: #AF2222; }
/*----------------------------------------------------------------------*/
.table_light    {
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
}
.table_light td {
    padding: 5px;
    line-height: 1.2em;
}
.table_light .headline     {
    color: #fff;
    background: url("images/bg_header1b.gif") repeat-x bottom left;
    font-weight: bold;
    text-align: left;
}
.table_light .headline a {
    color: #fff;
    text-decoration: none;
}
.table_light .headline a:hover	{
    text-decoration: underline;
}
.table_light .line1    { background-color: #F5F5F5; }
.table_light .line2    { background-color: #FFF; }
/*----------------------------------------------------------------------*/
.table_dialog   {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border-collapse: collapse;
}
.table_dialog td  {
    padding: 3px;
}
.table_dialog thead {
    color: #fff;
    background: url("images/bg_header1b.gif") repeat-x bottom left;
    font-weight: bold;
    font-size: 120%;
}
/*----------------------------------------------------------------------*/
.button {
    background-color: #DDDDDD;
    border-left: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-family: Verdana;
    font-size: 90%;
    margin: 2px;
    cursor: pointer;
}
/*----------------------------------------------------------------------*/
.diskuze {
    margin: 0;
    padding: 0;
}
.diskuze ul {
    list-style-type: none;
	margin: 0;
    padding: 0;
}
.diskuze li {
	margin: 0;
    padding: 0;
}
.diskuze li ul {
    margin: 0;
    padding: 0 0 0 20px;
    border:1px solid white; /* kvuli bugu v IE */
}
.diskuze li ul li {
	padding: 10px 0 0 25px;
    border-left: 1px solid #ddd;
    background: url("images/tree-list-arrow.png") no-repeat -1px top;
}
.diskuze div.head {
	padding: 5px;
	background-color: #e0e0e0;
}
.diskuze div.body {
	padding: 5px;
	background-color: #f5f5f5;
}
.diskuze div.prispevek  {
	margin-bottom: 5px;
}