* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {background: #e2f3ff url(../images/bg.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; height: auto; }

hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none;	visibility: hidden;   }
span.clear {clear:both; height:1px; margin: -1px 0 0 0; visibility: hidden; display: block;   }

#lista { width: auto; background: #406276; height:34px; margin: 0;}
#lista p { width: 950px; margin: 0 auto; text-align: right; font-size: 0.75em; color: #fff; padding: 8px 0 0 0;}
#lista p a { color: #fff; text-decoration: underline; margin: 0 0 0 10px}
#lista p a:hover { color: #fff; text-decoration: none;}
#lista p a.with-icon { background: url(../images/cz-icon.png) left top no-repeat; height: 16px; padding: 0 0 0 23px; float: left; width: 100px; text-align: left; margin: 0;}
#lista p a:hover.with-icon { background: url(../images/cz-icon.png) left bottom no-repeat; }

#header { width: 950px; height: 194px; background:url(../images/header.png) top center no-repeat; margin: 23px auto 0 auto; _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header.png', sizingMethod='crop');}
#header h1 { background: url(../images/logo.png) top left no-repeat; width: 377px; height: 39px; margin: 0; float: left;_background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='crop'); }
#header h1 a { display: block; width: 377px; height: 39px; margin: 0; }
#header h1 span { display:none;}
#header h2 { width: 675px; margin: 50px 0px 0px 25px; _margin: 50px 0px 0px 12px; float: left; clear:left; font-size: 33px; color: #fff; font-weight: normal; }
#header p { width: 675px; margin: 10px 0px 0px 25px; _margin: 10px 0px 0px 12px; float: left; font-size: 15px; color: #fff; line-height: 140%; }
#header img.imac { width:168px; height: 106px; float: right; margin: 10px 41px 0 0 ; _margin: 10px 20px 0 0 ; display: block;}

#wrapper { width: 970px; margin: 0 auto; padding: 0; height: auto; text-align: left; clear:both;}

#content { width: 950px; margin: 0 auto; padding: 20px 0; clear:both; background: #fff url(../images/content-bg-bottom.png) bottom center no-repeat;}

#menu { width: 196px; float: left; margin: 0;}
#menu h3 { background:url(../images/menu-h3-bg.png) top left no-repeat; width:207px; height: 40px; display: block; margin: 0 0 0 -11px; font-weight: normal; _position: relative; _z-index:1;}
#menu h3 a {width:187px;  height: 35px; padding: 5px 0 0 20px; display: block; color: #fff; font-size: 0.85em; text-decoration: underline;}
#menu h3 a:hover {text-decoration: none;}
#menu ul { color: #666; font-size: 0.8em; margin: 0 0 15px 15px; list-style: none; line-height: 150%;}
#menu ul li { margin: 0; background: url(../images/menu-li-bg.png) left center no-repeat; padding: 0 0 0 15px;}
#menu ul li a {color: #666; text-decoration: underline;}
#menu ul li a:hover { color: #1c5d87; text-decoration: none;}



.middle-column { width: 506px; float: left; clear:none; padding: 0 16px; _width: 506px; _padding: 0 11px 0 11px;}
.middle-column a.box { display: block; background:url(../images/box-bg.png) top left no-repeat; width: 201px; height: 181px; float: left; margin: 0 11px 20px 11px; text-decoration: none; color: #191919; font-size: 12px; padding:15px 15px 0 15px; position: relative; line-height: 150%;  _margin: 0 9px 20px 9px; }
.middle-column a:hover.box { background:url(../images/box-bg.png) bottom left no-repeat; }
.middle-column a.box strong { display: block; color: #2e7dae; font-size: 18px; font-weight: normal; line-height: 120%; _margin: 0 0 -7px 0; }
.middle-column a.box span { display: block; width: 190px; height: 32px; color: #1a445e; font-weight: bold; text-transform: uppercase; position: absolute; left: 34px; bottom: 0; _bottom: 3px; text-decoration: underline;}
.middle-column a:hover.box span { text-decoration:none;}

.middle-column div.poradna { background: url(../images/poradna-bg.png) top center no-repeat; width: 484px; clear: both; margin: 0 auto; _margin: 0 0 0 17px; padding: 10px 0 0 0; }
.middle-column div.poradna h3 { color: #4d9fd1; font-weight: bold; margin: 0px 0 5px 15px; font-size: 1.3em; display: block; float: left; }
.middle-column div.poradna table { margin: 0px 15px;  clear: both; width: 454px;}
.middle-column div.poradna table td { font-size: 0.8em;  padding: 10px 0px 0 0; vertical-align: top; border:0; }
.middle-column div.poradna table td.date { color: #333333; padding: 10px 10px 0 0; width: 110px;}
.middle-column div.poradna table td.com { width: 85px;}
.middle-column div.poradna table th { color: #3f86b1; font-size:0.75em; text-transform: none; text-align: left; font-weight: normal; padding: 10px 5px 0 0; border:0;}
.middle-column div.poradna table th a { color: #3f86b1; text-decoration: underline;}
.middle-column div.poradna table th a:hover { color: #666; text-decoration: none;}
.middle-column div.poradna table th a:visited { color: #666; text-decoration: underline;}
.middle-column div.poradna table a.comments { float:left; display: block; height: 14px;  background-image: url('../images/comments-bg-blue.png'); background-position: 0 0px;  text-decoration: none;  color: #fff;  margin: 3px 0 0 0; font-size: 85%; font-weight: bold; }
.middle-column div.poradna table a.comments span {  float: left;  height: 14px;  padding: 0px 4px 0 0;  margin: 0 0 0 4px;  background-image: url('../images/comments-bg-blue.png');  background-position: 100% 100%;}
.middle-column div.poradna p.bottom { background: url(../images/poradna-bg-bottom.png) bottom center no-repeat; height: 31px; width: 484px; margin: 10px 0 0 0; padding: 12px 0 0 0;}
.middle-column div.poradna p.bottom a { background: url(../images/poradna-arrow.png) left center no-repeat; color: #1a445e; font-weight: bold; text-transform: uppercase; margin: 0 25px 0 15px; padding: 0 0 0 15px; text-decoration: underline; font-size: 0.75em; display: block; float: left;}
.middle-column div.poradna p.bottom a:hover {color: #666;  text-decoration:none;}





.right-column {width: 216px; float: right; margin: 0;}
.right-column h3 { background:url(../images/right-h3-bg.png) top left no-repeat; width:227px; height: 40px; display: block; margin: 0 -11px 0 0; font-weight: normal; _position: relative; _z-index:1;}
.right-column h3 a {width:217px;  height: 35px; padding: 5px 0 0 10px; display: block; color: #fff; font-size: 0.85em; text-decoration:underline;}
.right-column h3 a:hover {text-decoration:none;}
.right-column p.date  { padding: 0px 0 0 0px; font-weight: bold;  margin: 0 0 0 3px;}
.right-column p  { padding: 7px 0 10px 0px; color: #333333; font-size: 0.75em; border-bottom: 0px solid #e3e3e3; width: 195px; margin: 0 0 10px 3px;}
.right-column p.text  {border-bottom: 1px solid #e3e3e3; }
.right-column p a { color: #517523; text-decoration:underline;}
.right-column p a:hover { color: #666; text-decoration:none;}
.right-column p a:visited {  color: #666; text-decoration:underline;}
.right-column h4  { padding: 5px 0 0 0px; color: #517523; font-size: 0.75em; font-weight: normal; width: 195px; margin: 0 0 0 3px;}
.right-column h4 a {  color: #517523; text-decoration:underline;}
.right-column h4 a:hover{  color: #666; text-decoration:none;}
.right-column h4 a:visited {  color: #666; text-decoration:underline;}
.right-column p.text a.comments { float: right; display: block; height: 14px;  background-image: url('../images/comments-bg-green.png'); background-position: 0 0px;  text-decoration: none;  color: #fff;  margin: 3px 0 0 0; font-size: 90%; font-weight: bold; }
.right-column p.text a.comments span {  float: left;  height: 14px;  padding: 0px 4px 0 0;  margin: 0 0 0 4px;  background-image: url('../images/comments-bg-green.png');  background-position: 100% 100%;}
.right-column a.next-news  { display:block; padding: 0px 0 10px 15px; font-size: 0.75em; color: #4f7224; text-decoration: underline; font-weight: bold; text-transform: uppercase;  border-bottom: 1px solid #e3e3e3; width: 180px; margin: 0 0 10px 3px; background: url(../images/next-news-arrow.png) 0 1px no-repeat; clear: both;}
.right-column a:hover.next-news  {color: #666; text-decoration: none; }









#footer { width: 920px; margin: 2px auto 10px auto; padding: 10px 15px 0 15px; clear:both; background: url(../images/footer-bg.png) top center no-repeat; color:#000; font-size: 0.75em; min-height: 30px;}
#footer p.copyright { width: 440px; margin: 0; float: left; text-align: left;}
#footer p.feed { width: 440px; margin: 0; float: right; text-align: right;}
#footer a { color:#000; text-decoration: underline;}
#footer a:hover { color:#000; text-decoration: none;}
#footer a.rss { background: url(../images/rss-icon.png) left center no-repeat; padding: 0 0 0 20px; margin: 0 0 0 15px;}
#footer a.print { background: url(../images/print-icon.png) left center no-repeat; padding: 0 0 0 20px; margin: 0 0 0 15px;}


a.banner { width: 200px; height: 103px; display: block; margin: 15px 0; clear: both;}



/*SUB*/
.richtext { position: relative; margin: 0 0px 0 0px; _margin: 0 0px 0 5px;}
.richtext p.nav { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; color: #191919; font-size: 0.7em; padding: 5px 0; margin: 10px 15px 10px 15px;}
.richtext p.nav span { color: #969696; margin: 0 5px;}
.richtext p.nav a { color: #3f85b0; text-decoration: underline;}
.richtext p.nav a:hover { color: #191919; text-decoration: none;}

.richtext p { font-size: 0.75em; color: #000000; padding: 10px 15px; line-height: 150%;}
.richtext a { color: #3f85b0; text-decoration: underline;}
.richtext a:hover {fcolor: #191919; text-decoration: none;}
.richtext a:visited { color: #666; text-decoration: underline;}
.richtext h2 { color: #416276; font-weight: bold; margin: 0px 15px; font-size: 1.2em; text-transform: uppercase;  }
.richtext h3 { color: #4d9fd1; font-weight: bold; margin: 15px 15px 0 15px; font-size: 1em;  }
.richtext ul { color: #191919; font-size: 0.75em; margin: 10px 0 10px 15px; list-style: none; line-height: 150%;}
.richtext ul li { margin: 0; background: url(../images/menu-li-bg.png) 0 6px no-repeat; padding: 0 0 0 15px;}
.richtext ul li ul, .richtext ul li ul li ul{ color: #191919; font-size: 100%;}
.richtext table { color: #191919; font-size: 0.75em; margin: 10px 15px;  line-height: 200%; border-collapse:collapse; border: 1px solid #4D9FE1; }
.richtext table th { text-align: center; font-weight: bold; color: #1c5d87; text-transform: uppercase; border: 1px solid #4D9FE1; padding: 0 7px; }
.richtext table td { padding: 0 4px; border: 1px solid #4D9FE1;  }
.richtext table .bg td { background: #eee; }
.richtext table .va-top { vertical-align:top;}
.richtext table.table-nostyle, .richtext table.table-nostyle td, .richtext table.table-nostyle th { border: 0px ;}
.richtext dl { font-size: 0.75em; padding: 10px 15px; line-height: 170%; }
.richtext dt { font-weight: bold; }
.richtext dd { padding: 0 0 0 10px; font-style: italic; }
.richtext img.bordered { padding:3px; border:1px solid #4D9FE1;}
.richtext .f-right { display:block; float:right; margin:0 0 5px 10px; }
.richtext .f-left { display:block; float:left; margin:0 10px 5px 0; }
.richtext p.t-center { text-align:center; }
.richtext p.t-center img { margin:0 5px; }

.richtext form { margin:10px 0;}
.richtext form fieldset { border: 1px solid #4D9FE1;  padding: 15px 10px 10px 10px; margin: 10px 15px; _padding: 0px 10px 10px 10px; padding /*\**/: 0px 10px 10px 10px\9 }
.richtext form legend { font-size: 0.75em; padding: 0 10px;  font-weight: bold; color: #4d9fd1; _margin: 0 0 15px 0;  margin /*\**/: 0 0 15px 0\9}
*+html .richtext form fieldset { padding: 0px 10px 10px 10px; }
*+html .richtext form legend { margin: 0 0 15px 0; }
.richtext form table { margin: 0; width: 100%; border: none;}
.richtext form table td { border: none;}
.richtext form table th { border: none; text-align: left; padding: 0 5px 0 0; text-transform: none;}
.richtext form input {  }
.richtext form input.submit { width: 86px; height: 24px; border: 0; margin: 10px 0 0 0; display: block;}

.richtext p.green-shadow { background:url(../images/p-green-bg.png) top center no-repeat; padding: 10px 10px 2px 10px; width: 465px; margin: 0 10px; }
.richtext p.red-shadow { background:url(../images/p-red-bg.png) top center no-repeat; padding: 10px 10px 2px 10px; width: 465px; margin: 0 10px;}
.richtext p.blue-shadow { background:url(../images/p-blue-bg.png) top center no-repeat; padding: 10px 10px 2px 10px; width: 465px; margin: 0 10px;}
.richtext div.green-shadow-bottom { background:url(../images/p-green-bg-bottom.png) top center no-repeat; height: 8px; padding: 0px 20px 0px 20px;  width: 445px; display: block; margin: 0 10px;}
.richtext div.red-shadow-bottom { background:url(../images/p-red-bg-bottom.png) top center no-repeat; height: 8px; padding: 0px 20px 0px 20px;  width: 445px; display: block; margin: 0 10px;}
.richtext div.blue-shadow-bottom { background:url(../images/p-blue-bg-bottom.png) top center no-repeat; height: 8px; padding: 0px 20px 0px 20px;  width: 445px; display: block; margin: 0 10px;}