body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, fieldset, legend {margin:0; padding:0}
html {background:#EEDB8E url(img/html-bg.jpg) repeat}
body {font: normal 62.5%/1 Tahoma,Arial,Verdana,sans-serif;background:#F8C100 url(img/body-bg.jpg) no-repeat 0 0;position:relative;width:970px;margin:0 auto;border-right:3px solid #725411; border-left:3px solid #725411;padding:235px 0 30px 0}
input, select, label {vertical-align:middle}
ul {list-style-type:none}
img, fieldset {border:0}
legend {display:none}
a {color:#625731;text-decoration:underline}
a:hover {color:#E35731;text-decoration:none}
p {line-height:1.5;font-size:1.2em}
.pravy {text-align:right}
.levy {text-align:right}
.center {text-align:center}
.float-p {float:right}
.float-l {float:left}
.hlavicka a {display:block;position:absolute;top:0;left:0;width:0;height:130px;padding-left:340px;overflow:hidden}
.vlnka {width:639px;height:76px;background:url(img/vlnka.png) no-repeat;position:absolute;top:1px;left:-25px;z-index:99}
.paticka {width:587px;height:223px;background:url(img/paticka-bg.jpg) no-repeat}

/* osahova cast */
.obsah {float:left;width:587px;position:relative;margin-right:-587px;left:193px;padding-top:65px}

/* osahovy box */
.obsah .box {background:#FFD74A;border:3px solid #AD8819;border-top:none;border-bottom:none;margin:0 12px;padding:0 9px;position:relative;padding-top:70px}
.obsah .box p {margin:10px 0 0}
.obsah .box p.pravy {margin-bottom:0}
.obsah .box h2 {background: url(img/obsah-nadpis.jpg) no-repeat;padding:8px 55px 9px;margin:10px 0;height:100%;color:#603F14;font-size:1.5em}
.obsah .box h2.neprehlednete {background:red url(img/h2-neprehlednete.png) no-repeat;padding:3px 5px;margin:0;color:#fff;font-size:1.4em}
.obsah .box img {margin:3px 5px 0 0} 
.obsah .box img.nadpis {position:absolute;left:-5px;_left:-14px;top:0px;margin:0}
.obsah .box img.float-p {margin:0 0 0 5px;position:relative} /* relativni pozice kvuli IE6 */
.obsah .box img.float-l {margin:0 5px 0 0;position:relative}

/* box s videem atd */
.obsah .box .poutak {border:2px solid #AD8819;background:#F7C100;padding:10px 18px}
.obsah .box .poutak div {float:left;text-transform:uppercase}
.obsah .box .poutak div p {text-align:center;letter-spacing:1px;margin:5px 0}
.obsah .box .poutak div.img {margin:0 0 0 32px}
.obsah .box .poutak img {position:static} /* IE6 fix */

.obsah .box table {width:100%;border-collapse:collapse;font-size:1.2em}
.obsah .box table th {text-align:left}
.obsah .box table th, .obsah .box table td {padding:5px}
.podsekce table {background:#F0DA8D}

/* vlastnosti sloupcu */
.sloupec-l {width:192px;float:left;background:url(img/sloupec-l-bg.png) repeat-y;padding:5px 0 0}
.sloupec-p {width:174px;float:right;background:url(img/sloupec-p-bg.png) repeat-y;padding:5px 5px 0 12px;=overflow:hidden} /* overflow kvuli IE */

/* boxy video a obrazek mesice */
.sloupec-l .obrazek-mesice {background:url(img/obrazek-mesice.png) no-repeat;width:119px;height:110px;padding: 35px 25px 0;margin-left:8px}
.sloupec-p .video-mesice {background:url(img/video-mesice.png) no-repeat;width:133px;height:122px;padding: 30px 15px;margin-left:5px}
.video-mesice a, .obrazek-mesice a {display:block;position:relative}

.obrazek-mesice a span, .video-mesice a span {display:block;width:64px;height:53px;position:absolute;top:20px;left:30px;z-index:99;;cursor:pointer}
.obrazek-mesice a span {background:url(img/zoom-tlacitko-small.png) no-repeat -200px}
.video-mesice a span {background:url(img/play-tlacitko-small.png) no-repeat -200px}
.obrazek-mesice a:hover span, .video-mesice a:hover span {background-position:0}

/* zakladni vlastnsoti boxu */
.sloupec-p .box, .sloupec-l .box {background:#FFD74A;border:3px solid #AD8819;width:136px;padding:0 10px 5px;position:relative}
.sloupec-l .box {width:137px}

/* spodni zaoblene rohy u sloupcu */
.sloupec-p .bottom {width:190px;height:38px;background:url(img/sloupec-p-bottom.jpg) no-repeat;font-size:0;position:relative;left:-12px;bottom:-20px}
.sloupec-l .bottom {width:190px;height:38px;background:url(img/sloupec-l-bottom.jpg) no-repeat;font-size:0;position:relative;left:0;bottom:-25px}

/* jednotlive boxy ve sloupcich */
.vyhledavani {margin:0 auto}
.vyhledavani h2 {width:0;height:27px;background:url(img/vyhledavani.jpg) no-repeat;padding-left:163px;overflow:hidden;position:absolute;top:-27px;left:-3px}
.vyhledavani input.txt {width:80px;height:13px;border:1px solid #888;font-size:1.1em}
.vyhledavani input.submit {width:50px;font-size:1.1em}
.sloupec-p .oznameni {margin:30px auto;padding:0;width:156px}
.oznameni h2 {width:0;height:27px;background:url(img/oznameni.jpg) no-repeat;padding-left:163px;overflow:hidden;position:absolute;top:-27px;left:-3px}
.oznameni img {display:block;margin:0 auto}
.reklama {margin:95px auto 0}
.reklama h2 {width:0;height:89px;background:url(img/reklama.jpg) no-repeat;padding-left:163px;overflow:hidden;position:absolute;top:-89px;left:-3px}
.zasilani-novinek {margin:35px auto 0}
.zasilani-novinek h2 {width:0;height:28px;background:url(img/zasilani-novinek.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-28px;left:-3px}
.zasilani-novinek input.txt {width:80px;height:13px;border:1px solid #888;font-size:1.1em}
.zasilani-novinek input.submit {width:50px;font-size:1.1em}
.sloupec-p .anketa {margin:95px auto 0;padding:0;width:156px}
.anketa h2 {width:0;height:89px;background:url(img/anketa.jpg) no-repeat;padding-left:170px;overflow:hidden;position:absolute;top:-89px;left:-8px}
.menu {margin:135px auto 0}
.menu h2 {width:0;height:130px;background:url(img/menu.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-130px;left:-4px}
.nadsekce h2 {width:0;height:120px;background:url(img/nadsekce.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-120px;left:-3px}
.sloupec-l ul li a {color:#625731;font-size:1.1em;;font-weight:bold;text-decoration:none;display:block;_display:inline-block;width:115px;padding:1px 0 1px 22px;background:url(img/ul-li-a.png) no-repeat left center} /* inline-block jako fix pro IE6 */
.sloupec-l ul li a:hover {color:#E35731;background:url(img/ul-li-a-h.png) no-repeat left center}
.multimedia {margin:110px auto 0}
.multimedia h2 {width:0;height:109px;background:url(img/multimedia.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-109px;left:-5px}
.vefilmu {margin:70px auto 0}
.vefilmu h2 {width:0;height:65px;background:url(img/vefilmu.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-65px;left:-7px}
.futurama {margin:90px auto 0}
.futurama h2 {width:0;height:85px;background:url(img/futurama.jpg) no-repeat;padding-left:176px;overflow:hidden;position:absolute;top:-85px;left:-9px}
.komunikace {margin:105px auto 0}
.komunikace h2 {width:0;height:100px;background:url(img/komunikace.jpg) no-repeat;padding-left:175px;overflow:hidden;position:absolute;top:-100px;left:-9px}
.owebu {margin:110px auto 0}
.owebu h2 {width:0;height:105px;background:url(img/owebu.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-105px;left:-7px}
.sloupec-l .pratele {margin:50px auto 0;border:none;border-left:2px solid #fff;padding-top:5px;background:none}
.pratele h2 {width:0;height:40px;background:url(img/pratele.jpg) no-repeat;padding-left:167px;overflow:hidden;position:absolute;top:-40px;left:-4px}
.pratele img {float:left;padding:1px}

/* cleaner */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}