/* CSS pro web: http://helago.cz/				*/
/* Autor: manas.info, e-mail: info@manas.info	*/

/* Debug					*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #990000 url("../images/body-lines.gif") center top repeat-x;
}

img { border: none; }

a {
	color: #003d6b;
}
a:hover {
	color: #005899;
}
h1, h2, h3, h4, h5 
{
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

div#main {
	margin: 0 auto;
	width: 90%;
	text-align: left;
	padding: 20px 0 30px 0;
	background: url("../images/shade.jpg") right bottom no-repeat;
}

div#main-in
{
	border: 3px solid #FFF;
	background: #FFF;
}

div#top
{
	background: url("../images/top-bg.gif") left top repeat-x;
}
div#top-in 
{
	background: url("../images/top-img.jpg") right bottom no-repeat;
	height: 140px;
}
div#top img
{
    float: left;
    padding: 8px;
}
div#top h1, div#top h3
{
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 120%;
    margin: 0;
    padding: 6px 0 0;
    color: #FFF;
    line-height: 1.1em;
}
div#top h3
{
    padding: 2px 0 0;
    font-size: 110%;
    font-weight: normal;
}

ul#nav {
	padding: 0;
	margin: 0;
	background: #d0e0ec url("../images/nav-bg.gif") left top repeat-x;
	height: 30px;
	border-top: 1px solid #FFF;
	border-bottom: 3px solid #FFF;
}
ul#nav li {
	list-style: none;
	display: inline;
}
ul#nav li a {
	float: left;
	margin: 0;
	height: 21px;
	padding: 9px 10px 0 19px;
	line-height: 1em;
	border-right: 1px solid #FFF;
	color: #009900;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	background: url("../images/nav.gif") left top no-repeat;
	font-size: 75%;
}
ul#nav li a:hover 
{
	background: url("../images/nav.gif") left -30px no-repeat;
	color: #FFF;
	text-decoration: none;
}
ul#nav li.active a, ul#nav li.active a:hover
{
	background: url("../images/nav.gif") left -60px no-repeat;
	color: #990000;
	text-decoration: none;
}

div#container{
	overflow:hidden;
	padding-left:200px;
	clear: both;
}
* html div#container{
	height:1%;
}

div#side {
	float: left;
    margin-left:-200px;
    width: 200px;
    display:inline;
}

div#content {
	float: right;
    /*padding: 0 20px 10px 20px;*/
    border-left:200px solid #FFF;
	margin-left:-200px;
	font-size: 80%;
	width: 100%;
}
div#content-in
{
    padding: 0 20px 10px 20px;
}

div#side h3, div#side h4
{
    color: #009900;
    font-weight: normal;
    font-size: 120%;
    margin: 8px 0 8px 8px
}
ul.secnav {
	margin: 0 0 5px;
	padding: 0;
}
ul.secnav li {
	list-style: none;
	font-size: 75%;
	padding: 0;
	margin: 0;
	line-height: 1.1em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #FFF;
}
ul.secnav li a, ul.secnav li.active strong {
	color: #009900;
	background: url("../images/secnav.gif") left top no-repeat;
	padding: 6px 0 0 35px;
	height: 19px;
	display: block;
	font-weight: normal;
}
ul.secnav li a:hover, ul.secnav li.active strong {
	color: #004f99;
	background: url("../images/secnav.gif") -200px top no-repeat;
}
ul.secnav li.active
{
    background: #daeaf9;
}
ul.secnav li.active a, ul.secnav li.active strong
{
    color: #004f99;
	background: url("../images/secnav.gif") -200px top no-repeat;
	height: 20px;
}
ul.secnav li ul
{
    padding: 5px 0 5px 0;
    margin: 0;   
}
ul.secnav li.active ul li {
	color: #00376b;
	background: url("../images/secnav-arrow.gif") 11px 4px no-repeat;
	padding: 0 0 5px 26px;
	margin: 0;
	font-size: 95%;
	border: none;
}
ul.secnav li.active ul li a, ul.secnav li.active ul li a:hover, ul.secnav li.active ul li strong
{
    color: #004f99;
    display: inline;
    padding: 0;
    height: auto;
    background: transparent;
}
ul.secnav li.active ul li strong { font-weight: bold; }
ul.secnav li.active ul li a:hover
{
    color: #0061bc;
}

form#searchbox
{
    margin: 0;
    padding: 0;
}
form#searchbox h4
{
    color: #990000;
    margin-bottom: 5px;
}
input#searchterm
{
    background: #f8eded url("../images/search-bg.gif") left bottom repeat-x;
    border: 1px solid #990000;
    height: 18px;
    width: 168px;
    vertical-align: middle;
}
input#odeslat
{
    vertical-align: middle;
}

div#news h4 
{
    color: #005899;
    margin-top: 15px;
}
div#news p
{
    margin: 5px 0 10px 8px;
	font-size: 75%;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #000;
}
div#news ul {
	margin: 0;
	padding: 0;
}
div#news ul li {
	margin: 0;
	padding: 5px;
	font-size: 70%;
	list-style: none;
	display: block;
	background: #bfe4ff url("../images/nov-bg.gif") left top repeat-y;
	border-bottom: 3px solid #FFF;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #003d6b;
}
div#news ul li span 
{
    display: block;
    font-size: 90%;
    color: #0078d2;
	border-top: 1px solid #FFF;
	margin: 5px -5px 0;
	padding: 5px 5px 0 5px;
}
div#news ul li.important {
	background: #ffc5bf url("../images/nov-bg-important.gif") left top repeat-y;
	color: #6b0a00;
	font-weight: bold;
}
div#news ul li.important span {
	color: #d82b19;
}
div#news a { color: #0078d2; }
div#news a:hover { color: #003d6b; }
div#news ul li.important a { color: #d82b19; }
div#news ul li.important a:hover { color: #990000; }

div#clanky h4
{
    color: #994d00;
    margin-top: 15px;
}
div#clanky p
{
    margin: 5px 0 10px 8px;
	font-size: 75%;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #000;
}

div#clanky ul {
	margin: 0;
	padding: 0;
}
div#clanky ul li {
	margin: 0;
	padding: 5px;
	font-size: 80%;
	list-style: none;
	display: block;
	background: #ffdabf url("../images/doutnak-bg.gif") left top repeat-y;
	border-bottom: 3px solid #FFF;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #d46b00;
}
div#clanky ul li span 
{
    display: block;
    font-size: 80%;
	border-top: 1px solid #FFF;
	margin: 5px -5px 0;
	padding: 5px 5px 0 5px;
}
div#clanky a { color: #6b3600 }
div#clanky a:hover { color: #994d00 }

div#info h4
{
    margin-top: 15px;
}

div#content h2 
{
    color: #990000;
    font-size: 200%;
    margin: 10px 0;
}
div.drob 
{
    font-size: 90%;
    padding: 10px 0 0 0;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
div#content h3
{
    margin: 15px 0 5px;
    color: #005899;
    font-size: 150%;
}
div#content h4
{
    margin: 15px 0 5px;
    color: #009900;
    font-size: 130%;
}
div#content h5
{
    margin: 15px 0 5px;
    color: #990000;
    font-size: 125%;
}
div#content h6
{
    margin: 15px 0 5px;
    color: #994d00;
    font-size: 120%;
}

div#content p
{
    margin: 10px 0;
    line-height: 1.4em;
}
div#content ul, div#content ol
{
    margin-top: 10px;
    margin-bottom: 10px;
}
div#content ul li, div#content ol li
{
    margin-top: 3px;
    margin-bottom: 3px;
}

div#content table 
{
    border-collapse: collapse;
    clear: both;
    margin: 0 0 5px;
    border: 1px solid #a9c0d4;
}
div#content table th
{
    border: 1px solid #a9c0d4;
    background: #e5eff8;
    color: #739dc1;
    padding: 5px 3px 2px 3px;
    font-size: 90%;
}
div#content table td
{
    border: 1px solid #a9c0d4;
    color: #3a3a3a;
    padding: 2px 3px;
}
div.blank, div.blank img
{
    width: 100%;
    display: table;
    height: 1px;
    line-height: 1px;
}

div.firstInfo
{
    background: #BFFFBF url("../images/firstinfo-bg.gif") left bottom repeat-x;
    padding: 5px 10px;
    border: 1px solid #009900;
}

div.photos { clear: both; padding-top: 10px; }

div.photos img 
{
    float: left;
    margin: 0 15px 15px 0;
}
div.photos a { text-decoration: none }
div.photos a img 
{
    border: 8px solid #BFE4FF;
}
div.photos a:hover img 
{
    border-color: #FFBFBF;
}

div#bottom {
	background: url("../images/bottom-bg.gif") left top repeat-x;
	text-align: center;
	font-size: 70%;
	clear: both;
	padding: 9px 0 0;
	border-top: 3px solid #FFF;
	height: 21px;
	color: #BFFFBF;
	line-height: 1em;
}
div#bottom a:link, div#bottom a:visited { color: #FFF }
div#bottom a:hover { color: #BFFFBF }