﻿body {
	font-family: 'Trebuchet MS', Verdana, 'Geneva CE', lucida, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #838A75;
	line-height: 130%;
	color: #000;
	font-size: 100%;}
	
p {
	font-size: 110%;
	margin: 0.3em 0 0.5em 0;
	padding: 0;
	text-align: justify;
}

h1, h2, h3, h4 {
	padding: 0;
	font-family: Arial, sans-serif;}

h1 {
	font-size: 200%;
	font-weight: bold;
	margin: 0.5em 0;
	color: #576B2E;}

h2 {
	font-size: 170%;
        font-weight: normal;
        line-height: 120%;
	margin: 0.8em 0 0.2em 0;}

h2 a {text-decoration: none; color: #000;}
h2 a:hover {color: #c60;}

h3 {
	font-size: 130%;
	color: #333;
	margin: 0.8em 0 0 0;
        padding: 0;}

h3 a {	font-size: 100%}

h4 {
	font-size: 110%;
	margin: 0.4em 0 0 0;}
	
hr {
	color: #838A75;
	background-color: #838A75;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;}

.center {text-align: center}

.foto {text-align: center}

.foto img
{
	border: 2px solid #000;
	margin: 4px 2px 4px 2px;
}

a img {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
}

a {color: #2E566B;}
a:visited {color: #666;}
a:hover {color: #c60;}

ul {list-style: square}

ul li, ol li {margin: 0.5em 0;line-height: 100%;}


	
#all
{
	margin: 0 auto;
	width: 820px;
	text-align: left;
}
	
#header
{
	height: 130px;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: rgb(21, 28, 12);
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: rgb(21, 28, 12);
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: rgb(21, 28, 12);
	background-image: url( 'header.jpg' );
}

#header #title
{
	padding: 36px 0 0 0;
	margin: 0 0 0 20px;
	font-family: "Times New Roman" , serif;
}

#header #title a {
  color: #fff;
  text-decoration: none;
  font-size: 37px;
  line-height: 120%;}
 
 
/* HORNI MENU ------------------------------------------------------------*/
#menu {
	clear: both;
	width: 820px;
	height: 26px;
	padding: 0;
	background: #353d28;
	font-size: 80%;
	margin: 0;}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;}
#menu ul li {
	margin: 0;
	padding: 0;
	float: left;}
#menu ul li a, #menu ul li.active {
	display: block;
	background: #363e29;
	text-align: center;
	color: #fff;
	font-size: 120%;
        font-variant: small-caps;
	padding: 3px 0;
	width: 125px;
	text-decoration: none;}
#menu ul li.active {
	background: #fff;
	font-weight: bold;
	color: #333;}
#menu ul li.first {background: url('/images/menu-left.gif') top left repeat-y #fff;}
#menu ul li.first a:hover {background: url('/images/menu-left.gif') top left repeat-y #c60;}
#menu ul li.last {background: url('/images/menu-left.gif') top right repeat-y #fff;}
#menu ul li.last a:hover {background: url('/images/menu-left.gif') top right repeat-y #c60;}
#menu ul li a.section {
	color: #000;
	background: #B0BD9C;
	font-weight: bold;}
#menu ul li a:hover {
	background: #c60;
	color: #fff;}
	
#main {
  background: #fff;
  border-left: 3px solid #363E29;
  border-right: 3px solid #363E29;
  padding-top: 18px;}
  
#left-box, #title-box {
	width: 600px;
	float: left;
	padding: 0;
	margin: 0;
}
	
#left {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	font-size: 80%;
	background: #fff;}
	
	#right-box, #righthead-box {
	margin: 0 0 0 600px;
	padding: 0;}


#right {
	margin: 0;
	padding: 0 6px;
	color: #666;
	font-size: 0.7em;
	line-height: 140%;
	border-left: 1px dashed #838A75;}

#right a:link, #right a:visited {
	color: #2C3F41;
        font-family: Arial, 'Trebuchet MS', sans-serif;}

#right a:hover {
	color: #c60;}

#right h3 {
	font-size: 130%;
	font-weight: bold;
        text-transform: uppercase;
	padding: 5px 0 2px 0;
	margin: 15px 0 3px 0;
	color: #838A75;}

#right ul {
	margin: 0;
	padding: 0 0 0 2em;}

#right p {
	padding: 0 0 0 2px;
	margin: 0;}

#right p a:link, #right p a:visited {font-family: 'Trebuchet MS', Arial, sans-serif;}

#right p img {
	margin: 10px 0 0 8px;}
	
#footer
{
	clear: both;
	padding: 6px 1em;
	font-size: 70%;
	color: #000;
	background: #F5FAEB;
	border-top: 1px solid #838A75;
	text-align: center;
}




.title1 {font-size: 70%; color: #9c3;}
.title2 {color: #ff0;}

.cleaner {
	clear: both;
	height: 1px;
	border: none;
	margin: -1em 0 0 0;
	visibility: hidden;}
	
.uvod {
	padding: 0.3em;
	background: #F5FAEB;}
	
	
/* BLOGY */
.comments li p {
	margin: 1em 0 0 0;}

.comments li {
	margin: 0.5em 0 1em 0;
	font-size: 90%;
	border-bottom: 1px solid #838A75;
	padding-bottom: 0.5em;}

.comments li ol li, .comments li ul li {
	border: 0;
	font-size: 110%;
	margin: 0.5em 0;
}
.comments {
	margin: 1em 0;
	padding: 0 0 0 2.5em
}
.dodatky {
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #666;
	margin-bottom: 1.5em;
        border-bottom: 2px solid #DBEDB8;
        background: #F5FAEB;}
        




/* sub navigation */
#sidenav {
	width: 200px;
	line-height: 100%;
}

#sidenav ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 2px solid #EAEADA;
	
}
#sidenav li
{
	padding: 0px;
	margin: 0px;
	border-bottom: 2px solid #EAEADA;
	background-color: #D9E1E5;
}

#sidenav li a
{
	font-size: 1.1em;
	color: #534;
	display: block;
	padding: 7px 0 7px 2%;
	text-decoration: none;
	width: 95%;
}
#sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}
#title
{
	width: 820px;
	text-align: left;
	font-weight: bold;
}
#reklama {
	text-align: center;
}
