/* -----------------------------------------------------------------------------------------------------------------
display; position; float; z-index; overflow; width; height; margin; padding; background; color; border; align; font;
----------------------------------------------------------------------------------------------------------------- */

* {margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; outline: 0; vertical-align: baseline; background: transparent;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
body {background: #ffffff; color: #000000; font-family: verdana, arial, sans-serif; font-size: 11px;}
td {vertical-align: top;}
img {border: 1px solid #000000;}
.tac {text-align: center;}

a {color: #cc0033; text-decoration: none;}
/* a:link, a:active, a:visited {color: #cc0033;} */
/* a:visited {color: #993300;} */
a:hover {text-decoration: underline;}

#stranka {width: 960px; margin-left: auto; margin-right: auto; overflow: hidden;}
#celek {padding: 20px 5px;}

/* vyuzitelna sirka 950px */


/* hlova */
#hlova {position: relative; height: 52px; overflow: hidden; background: url("img/bg-linka-h-666666.gif") 0 100% repeat-x;}
h1#logo {position: relative; width: 218px; height: 40px; overflow: hidden; font-size: 30px;}
h1#logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url("img/ikobracz-logo.gif") 0 0 no-repeat; cursor: pointer;}
h2#slogan {position: absolute; top: 5px; right: 0; z-index: 1; width: 600px; height: 20px; overflow: hidden; font-size: 11px; text-align: right;}
#topnav {position: absolute; top: 26px; right: 0; z-index: 2; width: 600px; height: 20px; overflow: hidden; font-size: 10px; text-align: right;}
#vyhlodavac {position: absolute; top: 14px; left: 280px; z-index: 3; width: 170px; height: 25px; overflow: hidden;}
#vyhlodavac input {float: left; background: #ffffff;}
#vyhlodavac input.pole {width: 100px; padding: 1px; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px;}
#vyhlodavac input.hlodej {width: 50px; height: 18px; color: #cc0033; font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 15px; text-decoration: none; border: none; cursor: pointer;}


/* definice hlavnich sloupcu */
#telo {margin-top: 8px; background: url("img/bg-servis-dddddd.gif") 0 0 repeat-y;}
#telo #publik {float: left; width: 513px; overflow: hidden;}
#telo #uvod {background: #ffffff; border-bottom: 10px solid #ffffff;}
#telo #zpravy {float: left; width: 363px; padding-top: 10px; overflow: hidden;}
#telo #servis {float: right; width: 140px; overflow: hidden; font-family: tahoma, sans-serif; font-size: 10px;}
#telo #kniha {float: right; width: 437px; overflow: hidden; text-align: right;}


/* uvod */
#uvod-in {padding-bottom: 6px; background: url("img/bg-linka-h-666666.gif") 0 100% repeat-x;}
#uvod-in #lisnav {padding: 4px 6px; background: #eeeeee; color: #999999; border-bottom: 4px solid #ffffff;}
#uvod-in #aviza {padding: 2px 0px 0px 1px; color: #666666; font-family: tahoma, sans-serif; line-height: 17px;}
#uvod-in #aviza a {color: #666666;}
#uvod-in #aviza a:hover {color: #3f3f3f;}


/* zpravy, vyuzitelna sirka pro text, obrazky atd. 363px */
#zpravy h2.titulek {clear: both; margin-bottom: 8px; color: #cc0033; font-family: arial, sans-serif; font-size: 18px; line-height: 24px;}
/* #zpravy h2.titulek a {color: #000000;} */
/* #zpravy h2.titulek a span {color: #cc0033;} */
#zpravy .text {margin-bottom: 26px; line-height: 15px;}
#zpravy .text span.datum {color: #666666; font-style: italic;}
#zpravy .text a.vice {font-size: 10px;}
#zpravy .text a:hover.vice {}
#zpravy .text span.apendix {color: #666666; font-size: 10px; white-space: nowrap;}
#zpravy .tisk {text-align: right; display: none;}

#nextprevnav {padding: 1px 30px; background: #eeeeee; color: #999999; text-align: center; font-size: 10px;}
#nextprevnav span {display: block;}


/* servis, vyuzitelna sirka servisu 140px */
#servis-in {padding: 7px;}
#servis-in .fototip {margin-bottom: 10px;}
#servis-in .fototip img {display: block; width: 124px; height: 75px; margin-bottom: 2px; border: 1px solid #777777;}
#servis-in .fototip span {line-height: 13px;}
#servis-in .fototip a {xdisplay: block; xcolor: #666666;}


/* kniha, vyuzitelna sirka sloupce pod knihou 427px */
#kniha iframe {overflow-y: auto !important; overflow: -moz-scrollbars-vertical;}
#podknihou {margin-top: 20px; margin-left: 10px; padding-top: 16px; border-top: 6px solid #cccccc; text-align: left;}
#podknihou h3 {margin-bottom: 10px; font-size: 12px;}
#pdfkobra, #pdfcaj {overflow: hidden;}
#pdfkobra {float: left; width: 230px;}
#pdfcaj {float: right; width: 186px;}
#pdfkobra h4, #pdfcaj h4 {padding: 5px 4px 4px 7px; background: #999999; color: #ffffff; font-size: 11px;}
#pdfkobra-in, #pdfcaj-in {padding: 10px 0px 0px 13px; font-size: 10px; border: 1px solid #999999; xbackground: #eeeeee;}
#pdfkobra-in ul, #pdfcaj-in ul {list-style: none; margin-bottom: 10px; color: #999999;}
#pdfkobra-in ul li, #pdfcaj-in ul li {margin-bottom: 1px;}






#pata {margin-top: 16px; padding-top: 8px; padding-left: 1px; background: url("img/bg-linka-h-666666.gif") 0 0 repeat-x; color: #666666; line-height: 150%;}
#pata span {font-family: tahoma, sans-serif;}
#pata a {color: #666666;}
#pata a:hover {color: #3f3f3f;}

#statistika {position: absolute; left: -1000px; top: -1000px; width: 14px; height: 14px; overflow: hidden;}


.ul-01 {list-style: none;}
.ul-01 li {padding-left: 14px; background: url("img/ul-01.gif") 0 8px no-repeat;}

.vyztuha {clear: both; min-height: 1px;}
.vyztuha:after {display: block; visibility: hidden; clear: both; font-size: 0; line-height: 0; content: ".";}
.fix {float: none; clear: both; width: 0; height: 0; margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0;}
.both {clear: both;}
.male {font-size: 10px;}
.foto, .video {margin: 3px 0px 7px 0px;}
.foto {clear: both;}
.video {float: left; border: 1px solid #000000;}
.f-left {float: left;}
.f-right {float: right;}
.noscreen {display: none;}
a img {display: none;} /* improvizovane reseni problemu s trvalym zobrazovanim tuzticek ku editaci */