html * {
	padding : 0;
	margin : 0;
	font-size : 100%;
}

a img {
	border : none;
}

body {
	background-color : #fff;
	color : #374656;
	margin : 0;
	padding : 0;
	text-align : center;
	font-family : verdana, sans;
	font-size : 0.70em;
	padding-bottom : 2em;
}

h1 {
	margin : 0;
	color : #fff;
	font-size : 2em;
	font-family : "Trebuchet MS", sans;
}

h2 {
	font-size : 2.4em;
	font-family : "Trebuchet MS", sans;
	margin-top : 1em;
	color : #264271;
	border-bottom : solid 1px #ABABAB;
	padding-left : 20px;
	background : url(../images/sipky-zelene.gif) left center no-repeat;
}

h3 {
	font-size : 1.4em;
	font-family : "Trebuchet MS", sans;
	margin-top : 1em;
	margin-bottom : 1em;
	color : #264271;
}

h4 {
	font-size : 1.2em;
	font-family : "Trebuchet MS", sans;
	margin-top : 0.5em;
	color : #5A9738;
}

p {
	margin-top : 1em;
	text-align : justify;
}

ul,ol {
	padding-left : 2em;
}

.hide {
	display : none;
}

#main {
	width : 1000px;
	margin : 0 auto;
	text-align : left;
}

#head {
	position : relative;
	height : 134px;
	background-color : #26436D;
	z-index : 0;
}

#head .img {
	position : absolute;
	background-image : url(../images/hlavicka.jpg);
	height : 134px;
	width : 1000px;
	display : block;
	z-index:1;
	top : 0;
	left : 0;
	text-decoration : none;
}
#head .img a {
	display : block;
	height : 134px;
	width : 1000px;
}

.txt {
	position : absolute;
	left : 10px;
	top : 0.2em;
	color : #fff;
	font-weight : bold;
	font-size : 1.6em;
	z-index : 8;
}

#odkazy {
	height : 1.5em;
	position : relative;
	height : 0;
	z-index : 5;
}

#odkazy a {
	color : #fff;
}

a {
	color : inherit;
	font-weight : bold;
	text-decoration : none;
	color : #666;
	color : #5A9738;
}


#odkazy .dekor {
	padding-left : 14px;
	background : url(../images/kostka-zelena.gif) center left no-repeat;
	text-decoration : none;
	color : #666;
}

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

#odkazy .left {
	position : absolute;
	top : 110px;
	left : 10px;
	z-index : 3;
	float : left;
	display: block;
}

#odkazy .right {
	position : absolute;
	top : 5px;
	z-index : 3;
	right : 10px;
	display: block;
}

#odkazy .right .dekor {
	margin-left : 3em;
}

h1 a {
	display : block;
	padding-top : 1em;
	padding-left : 1em;
	color : #fff;
}


#menu {
	position : absolute;
	display : block;
	top : 0;
	left : 0;
	width : 1000px;
	text-align:right;
	padding : 0;
	margin : 0;
	margin-top : 3px;
}

#menu a {
	color : #fff;
	background-color : #5A9738;
}

#menu ul {
	background-color : #5A9738;
	display : block;
	list-style : none;
	line-height : 2.2em;
	white-space : nowrap;
	margin : 0;
}

#menu ul li {
	padding : 0;
	display : inline-block;
	height : 2.2em;
	_display : inline;
	line-height : 2.2em;
	background-color : #fff;
	padding-left : 4px;
	margin : 0;
}

#menu ul li a {
	text-decoration : none;
	display : inline-block;
	_display : inline;
	height : 2.2em;
	line-height : 2.2em;
	padding : 0 5px;
	background : url('../images/ruzek-zeleny.gif') #5A9738 top left no-repeat;
	font-weight : bold;
}

#menu ul li.active span {
	background : url(../images/ruzek-modry.gif) #26436D top left no-repeat;
	padding : 5px 8px;
}

#menu ul  li.active ul {
	margin : 0;
	padding : 0;
	float:left;
	position : relative;
	left : 0;
	display : block;
	width : 1000px;
	text-align : right;
	background-image : url(../images/sipky-modre.gif);
	background-position : center left ;
	background-repeat : no-repeat;
	background-color : #fff;
	margin-top : 4px;
	padding : 2px 0 4px 0;
	border-bottom : solid 2px #213A62;

}

#menu ul li.active ul li span {
	padding-left : 14px;
	background : url(../images/kostka-modra.gif) transparent left center no-repeat;
	margin-right : 15px;
}

#menu ul li.active ul li {
	display : inline;
	padding : 0;
}

#menu ul li.active ul li a {
	color : #5A9738;
}

.cleaner {
	clear : both;
	height : 1px;
	border:none;
	visibility:hidden;
}

#bar1 {
	position : absolute;
	left : 0;
	top : 2.8em;
	width : 200px;
}

#bar1 .menu ul {
	margin : 0;
	padding : 0;
	list-style : none;
	white-space : nowrap;
}

#bar1 .menu ul li {
	margin : 0;
	padding : 0;
	margin-bottom : 4px;
}

#bar1 .menu ul li:hover {
}

#bar1 .menu ul li a {
	text-align:right;
	display : block;
	_display : inline;
	_width : 100%;
	background : url('../images/ruzek-zeleny.gif') #5A9738 top left no-repeat;
	line-height : 2em;
	text-decoration : none;
	color : #fff;
	padding : 0px 8px;
	font-weight : bold;
}

#bar1 .menu ul li a:hover {
	display : block;
	background : url('../images/ruzek-modry.gif') #26436D top left no-repeat;
}

#bar2 {
	float : right;

	position : absolute;
	right : 0;

	top : 2.8em;
	width : 180px;
	margin-top : 0.5em !important; margin-top : 0;
}

#bar1 .search {
	background : url(../images/ruzek-modry.gif) #26436D top left no-repeat;
	padding : 1px 20px 10px 20px;
	color : #fff;
	margin-bottom : 1em;
	margin-top : 1em;
}

#bar1 .search fieldset {
	border : none;
	text-align : right;
}
#bar1 .search fieldset input.edt {
	width : 155px;
	margin-bottom : 10px;
	background-color : #fff;
	color : #000;
}
#bar1 .search h4 {
	padding-left : 14px;
	background : url(../images/kostka-zelena.gif) left center no-repeat;
	margin-top : 0;
}

#bar2 .menu{
	margin : 1.5em 0;
	border-left : solid 3px #5A9738;
}

#bar2 .menu ul li {
	list-style-image :  url(../images/kostka-modra.gif);
	color : #5A9738;
	margin : 0.3em 0;
}

#bar2 .menu ul li a {
	color : #5A9738;
}

#bar2 .news {
	background-color : #C6DBBA;
}

#bar2 .news a {
	font-weight : normal;
	text-decoration : underline;
	color :#26436D;
}

#bar2 .news p {
	padding : 0.5em 1em;
}

#bar2 .news ul {
	margin : 0;
	padding : 0;
	padding : 0.5em 1em;
}

#bar2 .news ul li {
	margin : 0 0 0.8em 0;
	list-style : none;
	padding : 0;
}

#bar2 .news h4 {
	background : url(../images/ruzek-modry.gif) #26436D top left no-repeat;
	padding : 4px 20px;
	color : #fff;
	border-bottom : solid 3px #fff;
}

#bar .news h4 span{
	padding-left : 14px;
	background : url(../images/kostka-zelena.gif) left center no-repeat;
}

.green {
	color : #5A9738;
}
#bg {
	clear : left;
	padding-top : 3em;
	position:relative;
}

#content {
	position : relative;
	left : 210px;
	width : 600px;
	margin : 0;
	padding:0;
}

#content a {
	text-decoration : underline;
}


#content ul li {
	margin : 0.5em 0;
}

#content ul li ul li{
	list-style :  circle;
}

body.uvod h2 {
	font-size : 4.2em;
	background : url(../images/paragrafy.gif) 30px bottom no-repeat;
	text-align : right;
	padding-top : 20px;
	margin-top : 0;
	margin-bottom : 10px;
	text-decoration : none;
}

body.uvod h2 a {
	text-decoration : none;
}

body.uvod h2 .green {
	display:block;
	font-size : 0.4em;
	letter-spacing : 0.1em;
}

body.uvod h3 {
	text-align : center;
	font-size : 1.3em;
}

body.uvod .sloupec {
	width : 33%;
	float : left;
	text-align : center;
}
body.uvod .sloupec p {
	text-align : center;
}

body.uvod .sloupec.okraj {
	border-left : solid 1px #ABABAB;
	border-right : solid 1px #ABABAB;
}

body.uvod .sloupec .content {
	padding : 0 10px;
}

body.uvod .sloupec .content p {
	text-align : left;
}

blockquote {
	margin-left : 4em;
}

#content ul {
	margin-left : 4em;

}

label {
	float: left;
	width: 12em;
	text-align: right;
	margin-right:  0.5em;
	font-weight: normal;
	margin-top : 0.3em;
	clear : left;
}

.lab2 label {
	float: left;
	width: 26em;
	text-align: right;
	margin-right:  0.5em;
	font-weight: normal;
}

input, select {
	margin: 0.3em;
	color: #000;
}

fieldset {
	margin: 0;
	border: none;
}

#content fieldset {
	background-color : #5A9738; 
	padding : 10px;
	color : #fff;
}

.dotaz {
	font-style : italic;	
}

.poradna {
	background-color : #C6DBBA; 
	margin-bottom : 1em;
	padding-bottom : 10px;
}

.poradna .hdr {
	background-color : #26436D;
	color : #fff; 
	padding : 10px;
}

.poradna .dotaz {
	background-color : #E6FBDA; 
	padding : 10px;
}

.poradna .odpoved {
	padding : 0 10px;
}

hr {
	height : 1;
	border : none;
	border-bottom : solid 1px #5A9738;
	margin-top : 1em;
}

.banner {
	clear : both;
	text-align : center;
	margin-top : 2em;
	margin-bottom : 2em;
}

.smile-ano h2, .smile-ano h3, h2.smile-ano, h3.smile-ano {
	padding-left : 20px;
	background : url(/obrazky/smile-ano.png) transparent left center no-repeat;
}

.smile-ano-ne h2, .smile-ano-ne h3, h2.smile-ano-ne, h3.smile-ano-ne {
	padding-left : 38px;
	background : url(/obrazky/smile-ano-ne.png) transparent left center no-repeat;
}

.smile-ne h2, .smile-ne h3, h2.smile-ne, h3.smile-ne {
	padding-left : 20px;
	background : url(/obrazky/smile-ne.png) transparent left center no-repeat;
}