/******************************************
          CONTENT STYLY
******************************************/
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
body {background: #fff; color: #000; margin: 0px; padding: 0px;}

a {color: red; text-decoration: underline;}
a:hover {color: red; text-decoration: none;}

.dispNone {display: none;}
.odtrh {height:1px; font-size:1px; padding: 0px; margin: 5px 0px; clear: both;}
.odtrh2 {height:1px; font-size:1px; padding: 0px; margin: 1px 0px; clear: both;}
.odtrhBg {height:0px; font-size:1px; margin-top: 10px; padding-bottom: 5px; clear: both; border-top: 2px solid #E7E7E7;}
.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px;	margin: 0px;}
.flLeft {float: left;}
.flRight {float: right;}
.err {color:red; margin-top:5px; font-size:0.9em;}

p, div, ol, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
ul li {list-style: disc;}
ol li {list-style: decimal;}
img {border: none;}
label {cursor: pointer;}

/* Nadpisy */
h1,h2,h3,h4,h5,h6 { color: #000; text-align: left; font-weight: bold; margin: 0px; padding: 0px;}
h1 {font-size: 150%;}
h2 {font-size: 130%; height:20px; margin-bottom:5px; padding-left: 20px; padding-top:3px; background: url(../img/ikona_header.gif) no-repeat left;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%; margin-bottom:2px;}
h6 {font-size: 100%;}

/*
* MAIN
*/
#main {width: 1000px; margin: 0px auto; background: #fff;}

/*
* HEADER
*/
#header {height: 70px; background: #1515E9 url(../img/head_bg.gif) repeat-x;}
html>body #header {}
#header h1 {float: left; padding: 30px 0px 0px 20px; font-weight: normal; color: #fff;}
#header p {padding: 32px 0px 0px 63px;	font-family: "Times New Roman", Times, serif; font-size: 130%; color: #fff;}
#header a {text-decoration: none; cursor: pointer;}
#header #langs {float: right; margin: 25px 15px 0px 0px;}
#langs a {color: #C4F5FF; width: 200px; height: 12px; padding-right: 20px; font-weight: bold; text-decoration: none;}
#langs a.icoCz {background: url(../img/ikona_cz_off.gif) no-repeat right;}
#langs a.icoCz:hover {background: url(../img/ikona_cz.gif) no-repeat right;}
#langs a.icoEn {background: url(../img/ikona_en_off.gif) no-repeat right;}
#langs a.icoEn:hover {background: url(../img/ikona_en.gif) no-repeat right;}
#langs a:hover {color: #fff; text-decoration: underline;}
#langs a.act {color: #fff;}

#header2 {height:33px;}
#logo {float: left; height: 70px; width: 267px; background: #1515E9 url(../img/logo.gif) no-repeat;}
#logo2 {margin-left:215px;}
/*
* CONTENT
*/
#content {background: #fff url(../img/content_bg.gif) repeat-y; }

/*
* LEFT
*/
#left {width: 220px;	padding: 0px 10px; float: left;}
#leftMenu {width: 200px; margin-left: 10px;}
#leftMenu .menu { /*font-family: "Times New Roman", Times, serif;*/ font-size: 130%; z-index: auto; /*background:#F4F4F4;*/}
#leftMenu .menu li {border-left:5px solid #F4F4F4; list-style: none; height:16px;}
#leftMenu .menu li a {width: 165px; height:19px; padding-left: 10px; color: #9D9C9A; font-weight: bold; text-decoration: none; display: block; overflow:hidden;}
#leftMenu .menu li a:hover { color: #E91515; background: #F4F4F4;}
#leftMenu .menu li.submenu a { padding-left: 20px; font-size: 100%; color: #7C7054;}
#leftMenu .menu li.submenu a:hover { color: #E91515;  background: #F4F4F4;}
#leftMenu .menu li.act { border-left-style: solid; border-left-color: #E91515;font-size: 100%;}
#leftMenu .menu li.act a {color: #D00300;}
#leftMenu .menu li.submenu .act { border-left-style: solid; border-left-color: #E91515;font-size: 100%;}
#leftMenu .menu li.submenu .act a {color: #E91515;}

#leftNews {width: 200px; margin-left: 10px;}

/*
* TEXT
*/
#text {width: 565px;	margin-left:30px; float: left;}
#welcome {font-size: 12px;}

#text .left {text-align:left;}
#text .center {text-align:center;}
#text .right {text-align:right;}
#text .underline {text-decoration:underline;}
#text .strikethrough {text-decoration:line-through;}

#text hr {height:1px; font-size:1px; padding: 0px; margin: 3px 0px;}

#text .articleA {height:122px; padding: 10px; background: #C4F5FF; overflow: hidden;}
#text .articleA h3 a {color: black; text-decoration:none;}
#text .articleA img {margin-right: 10px; float: left;}
#text .articleA img a { text-decoration:none;}
#text .articleB {height:122px; padding: 10px; background: #E8FBFF; overflow: hidden;}
#text .articleB h3 a {color: black; text-decoration:none;}
#text .articleB img {margin-left:10px; float: right;}
#text .articleB img a { text-decoration:none;}

#text h2.title {font-size: 180%; font-weight: normal; padding:0px; margin:0px; background: none;}
#text h3 {margin: 10px 0px;}
#text h4 {margin: 10px 0px;}
#text h4.navig {margin:0px; font-size: 100%; font-weight: normal;}

#text div.article .image {float: right; margin: 0px 0px 5px 5px; border: 1px solid #E7E7E7;}
/*#text div.article ul {margin-left:20px;} */
#text ul {margin-left:20px;}
#text ol {margin-left:24px;}
#text .tbl {border-collapse: collapse; margin: 10px 0; width: 100%;  border-left:1px solid #B0B0B0; border-top: 1px solid #B0B0B0;}
#text .tbl caption {color:red;}
#text .tbl th {padding: 2px 4px; background: #C4F5FF; text-align: left; border-right:1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}
#text .tbl td {padding: 2px 4px; background: #E8FBFF; border-right:1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}

#text table {border-collapse: collapse; margin: 10px 0; width: 100%;  border-left:1px solid #B0B0B0; border-top: 1px solid #B0B0B0;}
#text table caption {text-align:left; font-size:14px;}
#text table th {padding: 2px 4px; background: #C4F5FF; text-align: left; border-right:1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}
#text table td {padding: 2px 4px; background: #E8FBFF; border-right:1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}

#text table.free {border-collapse: collapse; margin: 10px 0; width: 100%; border:none;}
#text table.free caption {text-align:left; font-size:14px;}
#text table.free th {padding: 2px 4px; background: white; text-align: left; border:none;}
#text table.free td {padding: 2px 4px; background: white; border:none;}

#downloads {padding:5px 10px; width:545px;background: #F4F4F4;}
#downloads div {padding-left:25px; padding-top: 3px; height:20px;}

#autor {margin:5px 0px;	text-align: right;}

.commA {padding:5px 0; /*height:105px;*/ margin-bottom:2px; background: #F4F4F4;}
.commA h5 {margin: 5px 0 0 5px;}
.commA img {margin: 5px; float: left;}
.commA p {margin: 5px;}

.commB {padding:5px 0; /*height:108px;*/ margin-bottom:2px; background: #E7E7E7;}
.commB h5 {margin: 5px 0 0 5px;}
.commB img {margin: 5px; float: left;}
.commB p {margin: 5px;}

.imageLeft {float: left; margin: 0px 5px 0px 0px;}

p.kont {font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px;}
.kont strong {font-size: 0.9em;}
a#mapa {width: 170px; margin: 0 15px 15px 15px;	float: right; display: block;}
a#mapa img {border: solid 1px #A0A0A0;}
#kont {padding: 20px 10px 10px 10px;}
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;	clear: both;}
#kont span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}

.PAGER { height: 22px;/*line-height: 20px;*/ padding: 6px 6px 0 6px;}
html>body .PAGER { height: 20px;/*line-height: 20px;*/ padding: 6px;}
.PAGER div.pocet {line-height: 20px; float: left;}
.PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;}
.PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;}
.PAGER form input, select {margin-top: 0px; margin-bottom: 0px;}
.PAGER form select {width: 45px;}
.PAGER form input {width: 25px; float: left;}
.PAGER form input.butt {width: 30px;}
.PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;}
.PAGER .listovani a {width: 15px; height: 20px;	text-decoration: none; display: block;}
.PAGER .listovani a.list-l {width: 16px; height: 16px; font-size:14px; line-height: 16px; margin-top: 2px; float: left; text-align:center;}
.PAGER .listovani a.list-r {width: 16px; height: 16px; font-size:14px; line-height: 16px; margin-top: 2px; float: left; text-align:center;}

.PAGER {border: solid 1px #D3D3D3; color: #000;}
.PAGER form {color: #000;}
.PAGER .listovani a.list-l {background: #1515E7; color:#fff;}
.PAGER .listovani a.list-r {background: #1515E7; color:#fff;}

/*
* RIGHT
*/
#right {float: right; width: 140px;}
#right form input {width: 100px;	border: 1px solid #818181;	background: #A6A6A6;}
#right form button {width:75px; height:17px; border:none; color: #fff; cursor: pointer; background: url(../img/butt_send.gif) no-repeat;}
#loga {width: 100%; padding: 10px 0px; background: #E8E8E8; text-align: center;}
#loga a {text-decoration:none;}

/*
* FOOTER
*/
#footer {background: #1515E9;	color: #fff; height: 17px; margin-top: 10px;}
#copyright {margin-left: 241px; height: 17px; padding: 2px 0px 0px 10px; border-left: 1px solid #fff; font-size: 90%;}

/*
* Obecne
*/
.banner {width: 100%; padding: 10px 0px; background: #E8E8E8; text-align: center;}
.icoDoc {background: url(../img/ico_doc.gif) no-repeat left;}
.icoXls {background: url(../img/ico_xls.gif) no-repeat left;}
.icoPdf {background: url(../img/ico_pdf.gif) no-repeat left;}


input, select, textarea {border: 1px solid #818181; font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;}
input {padding-left: 1px; padding-right: 1px;}

.inpPole-ms {width: 30px;}
.inpPole-s {width: 50px;}
.inpPole-sm {width: 70px;}
.inpPole-m {width: 90px;}
.inpPole-ml {width: 120px;}
.inpPole-l {width: 150px;}

.sel-s {width: 50px;}
.sel-m {width: 100px;}
.sel-ml {width: 120px;}
.sel-l {width: 150px;}
.sel-ll {width: 180px;}
.sel-xl {width: 210px;}
.txtA-s {width: 200px;}
.txtA-sm {width: 210px;}
.txtA-m {width: 300px;}
.txtA-l {width: 460px;}