body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center; background: #96BF0D;}
table, td, th, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
a {color: #09487b;}
a img {border: none;}
form {margin: 0;}
h1 {margin: 0 0 15px 0; font-size: 1.2em; font-weight: bold; color: #fff; background: #737A7E; padding: 6px 12px;}
h2 {color: #8EB800; text-transform: uppercase; margin: 3px 0; font-size: 1.2em; font-family: Arial;}
h2 a {color: #8EB800; text-decoration: none; }
h2 a:hover {text-decoration: underline;}
.clanek h2 {font-size: 15px;}
h2.vetsi {font-size: 1.4em;}
h3 {color: #000; margin: 3px 0; font-size: 1.1em;}
h6 {margin: 0 0 5px 0; font-size: 15px; font-weight: bold; color: #fff; background: #737A7E; padding: 6px 12px;}
p {text-align: justify; margin: 0 0 12px 0;}


#titulek {width: 980px; margin: 0 auto; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; padding: 10px 0 5px 0;}

#container {width: 980px; margin: 0 auto; text-align: left; background: #fff;}
#container1 {padding: 8px;}

#logo {float: left; width: 208px; height: 225px; margin: 0px 8px 8px 0; _margin: 0px 8px 4px 0; overflow: hidden;}
#logo img {margin: 58px 0 0 0;}
#logoPr {float: left; width: 208px; height: 113px; margin: 0px 8px 8px 0; _margin: 0px 8px 4px 0; overflow: hidden;}
#logoPr img {margin: 3px 0 0 0;}

#motiv {float: left; width: 517px; height: 225px; margin: 0px 8px 8px 0; _margin: 0px 8px 4px 0; overflow: hidden; color: #96BF0D; font-weight: bold; font-size: 2.6em;}
.motiv-1 {background: url(img/motiv-1.jpg) no-repeat;}
.motiv-2 {background: url(img/motiv-2.jpg) no-repeat;}
.motiv-3 {background: url(img/motiv-3.jpg) no-repeat;}
.motiv-4 {background: url(img/motiv-4.jpg) no-repeat;}
.motiv-5 {background: url(img/motiv-5.jpg) no-repeat;}
.motiv-6 {background: url(img/motiv-6.jpg) no-repeat;}
.motiv-7 {background: url(img/motiv-7.jpg) no-repeat;}
#claim {margin: 180px 0 0 20px;}
#motivPr {float: left; width: 517px; height: 113px; margin: 0px 8px 8px 0; _margin: 0px 8px 4px 0; overflow: hidden; color: #96BF0D; font-weight: bold; font-size: 2.6em; background-position: left top;}

#funkce {float: left; width: 223px; height: 225px; margin: 0px 0px 8px 0; _margin: 0px 0px 4px 0; overflow: hidden; background: #737A7E; color: #fff; font-size: 0.9em;}
#funkce a {color: #fff; text-decoration: none;}
#funkce a:hover {text-decoration: underline;}
#funkce table.tFormular {border: none; border-collapse: collapse; margin: 3px 0 0 0;}
#funkce table.tFormular td {padding: 0; border-bottom: 5px solid #737A7E;}
#funkce table.tFormular td.bgbila, #funkce table.tFormular td.bgzelena {padding: 2px 5px;}
#jazyky {margin: 10px 0 20px 0; text-align: center;}
#jazyky a { margin: 0 10px;}
#hledani {margin: 0px 5px 20px 5px;}
#uzivatel {margin: 0px 5px 20px 5px;}
#registrace {margin: 5px 5px 0px 5px; text-align: center;}

#funkcePr {float: left; width: 223px; height: 113px; margin: 0px 0px 8px 0; _margin: 0px 0px 4px 0; overflow: hidden; background: #737A7E; color: #fff; font-size: 0.9em;}
#funkcePr a {color: #fff; text-decoration: none;}
#funkcePr a:hover {text-decoration: underline;}
#funkcePr table.tFormular {border: none; border-collapse: collapse; margin: 3px 0 0 0;}
#funkcePr table.tFormular td {padding: 0; border-bottom: 5px solid #737A7E;}
#funkcePr table.tFormular td.bgbila, #funkce table.tFormular td.bgzelena {padding: 2px 5px;}
#jazykyPr {margin: 9px 0 5px 0; text-align: center;}
#jazykyPr a { margin: 0 0px;}
#hledaniPr {margin: 2px 5px 7px 5px;}
#uzivatelPr {margin: 0px 5px 3px 5px;}
#uzivatelPr p {margin:0;}
#registracePr {margin: 0px 5px 0px 5px; text-align: center;}
#hledaniPr table.tFormular {margin-left: 12px;}

/* menu1 */
ul.menu1 {font-weight: bold; font-size: 0.9em; margin:0;background-color: #96BF0D; height: 24px; float: left; width:100%;}
ul.menu1, ul.menu1 ul {padding: 0; margin: 0; list-style: none;}
ul.menu1 li {height: 24px; float: left; margin: 0 0px 2px 0; white-space: nowrap; border-right: 3px solid white;}
ul.menu1 li#last {margin: 0 0px 0px 0; border: 0;}
ul.menu1 a {display: block; line-height: 24px; text-decoration: none; text-align: center; color: #000; background: #96BF0D; /*padding: 0 40px;*/ width: 135px;}
ul.menu1 ul {position: absolute; visibility: hidden; width: 150px;}
ul.menu1 li li {float: none; padding: 0; margin: 0; margin-top: -1px; margin-left: -1px;height: auto; line-height: normal; width: 150px; border: 1px solid #fff; font-weight: normal; white-space: normal !important;}
ul.menu1 ul a {padding: 4px 0; height: auto; line-height: normal; display: block; color: #000; background: #BBD26A; width: 150px; white-space: normal !important;}
ul.menu1 a:hover {background: #737A7E; color: #fff;}
ul.menu1 ul a:hover {background: #737A7E; color: #fff;}
ul.menu1 li:hover ul, ul.menu1 li.hover ul {visibility: visible; width: 150px;}
ul.menu1 li {behavior: url(hover.htc);}


/* menu2 */
ul.menu2 {font-weight: bold; font-size: 0.9em; margin:0; background-color: #c3D972; height: 24px; float:left; width:100%; }
ul.menu2, ul.menu2 ul {padding: 0; margin: 0; list-style: none;}
ul.menu2 li {height: 24px; float: left; margin: 0 0px 8px 0; white-space: nowrap; border-right: 3px solid white;}
ul.menu2 li#last {margin: 0 0px 8px 0;}
ul.menu2 a {display: block; line-height: 24px; text-decoration: none; text-align: center; color: #000; background: #c3D972; /*padding: 0 40px;*/ width: 154px;}
ul.menu2 ul {position: absolute; visibility: hidden; z-index: 5;}
ul.menu2 li li {float: none; padding: 0; margin: 0; height: 24px; line-height: 24px; width: 210px; border: 1px solid #fff; margin-top: -1px; margin-left: -1px; font-weight: normal;}
ul.menu2 ul a {padding: 0; height: 24px; line-height: 24px; display: block; color: #000; background: #D9E6AC; width: 210px;}
ul.menu2 a:hover {background: #737A7E; color: #fff;}
ul.menu2 ul a:hover {background: #737A7E; color: #fff;}
ul.menu2 li:hover ul, ul.menu2 li.hover ul {visibility: visible;}
ul.menu2 li {behavior: url(hover.htc);}
ul.menu2 a.kratka {width: 120px;}

/* hlavni sloupec */
#main {float: right; width: 748px; margin: 0 0 20px 8px;}


/* levy sloupec */
#levysloupec {float: right; width: 208px; background: #E3E5E7; font-family: Arial; font-size: 13px;}
#levysloupec .padd {padding: 6px 12px;}
#levysloupec .clen {margin: 0 0 8px 0;}
#levysloupec .clen a {color: #000; text-decoration: none;}
#levysloupec .clen a:hover {text-decoration: underline;}

/* paticka */
#paticka {width: 980px; margin: 0 auto; text-align: center; color: #000; font-size: 1em; padding: 5px 0 10px 0;}
#paticka a#webmaster {color: #000; margin: 0 0 0 30px;}


/* obecne tridy */
.cleaner {clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden;}
.tRight {text-align: right;}
.tCenter {text-align: center;}
.bgzelena {background: #96BF0D;}
.bgbila {background: #fff;}
.noborder {border: none;}
.fRight {float: right; margin: 0 0 10px 15px;}
input.tlacitko {background: #96BF0D; border: none; margin: 0; font-family: Arial;}
a.tlacitko {background: #96BF0D url(img/sipka-tlacitko.gif) no-repeat 95% 50%; color: #fff; font-weight: bold; padding: 3px 20px 3px 10px; font-family: Arial; /*text-transform: uppercase;*/ text-decoration: none; border: 2px solid #bbd26a; font-size: 0.9em;}
a.tlacitko:hover {color: #000;}
/*.uvod {background: #bbd26a; padding: 6px 12px; font-size: 0.9em; letter-spacing: 1px; margin: 3px 0;}*/
.uvod {font-size: 0.9em; letter-spacing: 1px; color: #444; margin: 3px 0;}
.zpet {text-align: right; font-size: 0.85em; border-top: 1px solid #bbd26a; margin: 10px 0; padding: 5px 0;}
.nahoru {text-align: right; font-size: 0.85em; margin: 5px 0;}
.tiskdiv {text-align: right; font-size: 0.85em; margin: 10px 0;}
.tiskdiv a.tisk {}
.datum {font-size: 0.85em; color: #444;}
.clanek {margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #bbd26a; font-family: Arial; }
.clanek .uvod {background: none; padding: 0; font-size: 1em; letter-spacing: normal; margin: 0;}
.clanek p {font-size: 13px;}
.sipky {vertical-align: middle;}
.zeleny {color: #96bf0d;}
.tucny {font-weight: bold;}
.sloupec1 {float: left; width: 360px; margin: 0 25px 0 0;}
.sloupec2 {float: left; width: 360px;}
.mensi {font-size: 0.9em;}
.nejmensi {font-size: 0.8em;}
.obrazek {float: right; margin: 0 0 20px 20px;}
.dulezite {color: #f00; font-weight: bold;}
.redborder {border: 1px solid red;}

table.dokumenty {border: none; border-collapse: collapse; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 15px 0;}
table.dokumenty td, table.dokumenty th {padding: 4px 8px; vertical-align: top; text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff;}
table.dokumenty th {background: #bbd26a; font-weight: bold;}
table.dokumenty td {background: #eee;} 

table.registrace {border: none; border-collapse: collapse; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 15px 0;}
table.registrace td, table.registrace th {padding: 4px 8px; vertical-align: top; text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff;}
table.registrace th {background: #bbd26a; font-weight: bold;}
table.registrace td {background: #eee;} 

table.odkazy {border: none; width: 100%; border-collapse: collapse; border-bottom: 1px solid #fff; margin: 3px 0 15px 0;}
table.odkazy td, table.odkazy th {padding: 4px 8px; vertical-align: top; border-top: 1px solid #fff;}
table.odkazy th {background: #eee; font-weight: normal; text-align: left;}
table.odkazy td {background: #eee; text-align: right;} 

.otazka {background: url(img/sipka.gif) no-repeat left top; font-weight: bold; padding: 0 0px 0 20px; min-height: 17px; _height: 17px; margin-left: 10px;}
.dotaz-odpoved {margin: 20px 0;}
.dotaz {background: #96bf0d; color: #fff; padding: 3px 10px; font-weight: bold;}
.odpoved {padding: 3px 10px;}

.download {margin: 10px 0; }
.download img {float: left; margin: 0 20px 10px 0; border: 1px solid #ddd;}
.download h2 {padding-top: 10px;}

.rozcestnik {margin: 10px 0;}
.rozcestnik a {display: block; float: left; padding: 4px 13px; text-decoration: none; background: #e3e5e7; color: #000; margin: 0 5px 0 0;}
.rozcestnik a#aktivni {background: #737a7e; color: #fff; font-weight: bold;}

table.galerie {border: none; border-collapse: collapse; margin: 0 0 20px 0;}
table.galerie tr td {width: 160px; _width: 170px; *width: 170px; text-align: center; border-right: 10px solid #fff; border-left: 10px solid #fff; font-size: 0.85em; padding: 0;}
table.galerie tr.fotky td {vertical-align: middle; padding: 30px 0 0 0;}
table.galerie tr.fotky td a {display: block; border: 5px solid #ddd;}
table.galerie tr.fotky td a:hover {border: 5px solid #bbd26a;}
table.galerie tr.popisky td {vertical-align: top; padding: 3px 5px 0px 5px;}

table.galerie2 {border: none; border-collapse: collapse; margin: 0 0 20px 0;}
table.galerie2 tr td {width: 110px; _width: 120px; *width: 120px; text-align: center; border-right: 10px solid #fff; border-left: 10px solid #fff; font-size: 0.85em; padding: 0;}
table.galerie2 tr.fotky td {vertical-align: middle; padding: 30px 0 0 0;}
table.galerie2 tr.fotky td a {display: block; border: 5px solid #ddd;}
table.galerie2 tr.fotky td a:hover {border: 5px solid #bbd26a;}
table.galerie2 tr.popisky td {vertical-align: top; padding: 3px 5px 0px 5px;}

ul.odrazky {margin: 10px; padding: 0; list-style: none;}
ul.odrazky li {background: url(img/odr-mala.gif) no-repeat left 6px; padding: 0 0 7px 10px; }

/* banner zprav */
#banner {
	width: 336px;
  background-color: #F2F8E1;
  /*padding: 8px 12px 0 12px;*/
 padding: 2px 12px 5px 12px; 
  /*min-height: 220px;*/
  margin-bottom: 0.8em;
}
#banner.zelena {
	width: 336px;
  background-color: #F2F8E1;
  padding: 8px 12px 8px 12px;
  min-height: 335px;
  margin-bottom: 0.8em;
}
.zprava {
	margin-bottom: 0.8em;
}

#banner .zprava a {
	color: black;
  text-decoration: none;
  font-size: 0.9em;/*1.1*/
}

#banner .zprava a:hover {
  text-decoration: underline;
}

h2.zpravy {margin-top: 14px;margin-bottom: 10px;}
#banner a {
  text-decoration: underline;
}

.bezcary {
	border-bottom:0px;
}

.cara {
	clear: both;
  line-height: 1px;
  height:2px;
	border-bottom: 1px solid #bbd26a;
}

.odkaz {
	margin-top: 2px;
}

a.faq {
  color: #8EB800;
  text-decoration: none;
}

a.faq:hover {
  text-decoration: underline;
}

table.pred {border-spacing: 0; border-collapse: collapse; width: 100%; border: 1px solid #BBD26A; margin: 5px 0;}
table.pred th{ background-color: #BBD26A;}
table.pred th, table.pred td { padding: 5px 10px; text-align: left;}
table.pred td.obdobi {text-align: center; font-size: 14px;}
table.pred td.zvyrazni {background-color: #F2F7DE;}

/* prestylovani 2009_10_20+ */

#page {width: 744px; padding-left: 11px;}
.nopad {padding-left: 0; width: 755px;}
#page a {text-decoration: none;}
#page a:hover {text-decoration: underline;}
#page h2 {font-size: 1.4em; margin-bottom: 10px;}
#page p {text-align: left;}
#page .nahled {width: 354px; margin-right: 25px; float:left; margin-bottom: 4px}
#page .nahled span.datum {display: block; font-size: 0.9em; line-height: 12px; color: #808080;}
#page .nahled h3 {font-size: 1.1em; margin-bottom: 3px; font-weight: bold;}
#page .nahled h3 a {color: #29689B; text-decoration: none;}
#page .nahled h3 a:hover {text-decoration: underline;}
#page .nahled img.sipky {padding-left: 3px;}
#page .posledni {margin-right:0;}
#page .posledniN {margin-right:0; margin-left: 4px;}
#page .divider {width: 737px; background-color: #BBD26A;  height: 1px; font-size: 1px; line-height: 1px; clear: both; margin-bottom: 14px;}

/*
#page {width: 755px;}
#page a {text-decoration: none;}
#page a:hover {text-decoration: underline;}
#page h2 {font-size: 1.4em; margin-bottom: 10px;}
#page p {text-align: left; margin-bottom: 10px;}
#page .nahled {width: 745px; margin-right: 0px; margin-bottom: 1px}
#page .nahled span.datum {display: block; font-size: 0.86em; line-height: 11px; color: #808080;}
#page .nahled h3 {font-size: 1.1em; text-transform: uppercase; margin-bottom: 2px;}
#page .nahled h3 a {color: #29689B; text-decoration: none;}
#page .nahled h3 a:hover {text-decoration: underline;}
#page .nahled img.sipky {padding-left: 3px;}
#page .posledni {margin-right:0;}
#page .divider {width: 745px; background-color: #BBD26A;  height: 1px; font-size: 1px; line-height: 1px; clear: both; margin-bottom: 14px;}
*/

#banner2 {background-color: #f4f4f4; padding: 2px 12px 5px 12px; margin: 1px 0 10px 0; width: 336px;}
#banner2 .odkaz {margin-bottom: 0.6em;}
#banner2 .odkaz a {color: black;text-decoration: none;font-size: 0.9em;} /*1.1*/
#banner2 .odkaz a:hover {text-decoration: underline;}

.clanek h2 {font-size: 1.1em; text-transform: none;}
.clanek h2 a {color: #29689B; text-decoration: none;}
.clanek h2 a:hover {text-decoration: underline;}
.clanek h2.vetsi {font-size: 1.2em; text-transform: uppercase; font-weight: bold;}
.clanek h2.vetsi a {color: #8EB800; text-decoration: none; }
.clanek h2.vetsi a:hover {text-decoration: underline;}

.boxik {width: 203px; float: left; background-color: #F2F8E1; margin-right: 12px; margin-top: 8px; padding: 20px 19px 22px 19px;}
.posledniB {margin-right: 0;}
.boxik h3 {font-size: 1.1em; font-weight: bold;color: #29689B; margin: 0 0 8px 0;}
.dividerL {width: 748px; background-color: #BBD26A;  height: 1px; font-size: 1px; line-height: 1px; clear: both; margin-bottom: 14px;}

table.dokumenty tr th a {color: black; text-decoration: none;}
table.dokumenty tr th a:hover {text-decoration: underline;}

.roky {border-bottom: 1px solid #96BF0D; width: 727px; padding: 0 10px; height:23px;}
.roky a {z-index: 2;display: block; height: 19px; float: left; border: 1px solid #96BF0D; background-color: #D8E8A4; margin-bottom:-2px; margin-left: 8px; padding: 3px 10px 0 10px; text-decoration: none; font-weight: bold;}
.roky a.aktivni {border-bottom: 1px solid white; background-color: white;}    
.roky a:hover {border-bottom: 1px solid white; background-color: white;}     

/* petrasuv blog */
.blog {position: relative; margin: 48px 0 10px 0; padding: 30px 14px 20px 14px; border: 1px solid #09487B; background-color: #F2F6F9; }
.blog img {position: absolute; top: -30px; left: -1px;}
.blog h3 {font-size: 17px; color: #09477B; margin-bottom:6px;}
.blog h3 a {color: #09477B; text-decoration: none;}
.blog h3 a:hover {text-decoration: underline;}
.blog span.datum {display: block; font-size: 11px; color: #808080; line-height: 11px;}
.blog a.archiv {display:block; position: absolute; bottom: 12px; right: 14px;}

#konference-odkaz{text-align: center;font-size: 20px;}
#konference-odkaz a:hover{text-decoration: none;}
img.center{margin: 0px auto;display: block;}

.kongresy{margin-top: 12px;}
.kongresycara{height: 1px;background: #96BF0D;}
.sborder{border: 1px solid #97C00E}


.loga div{width: 175px;padding: 5px 5px 15px 5px;margin-bottom: 10px;text-align: center;float: left;}
.loga div:hover{background: #f1fccf;}
.loga img{display: block;margin: 0px auto;}
.loga a{font-size: 14px;text-transform: uppercase;}
.loga em,em.size{color: #737A7E;font-size: 11px;font-style: normal;}
.manual:hover{background: #f1fccf;}
.manual img{padding: 0px 24px;}