#main{width: 896px}

.drobek{ border: 1px solid #DCDBDB; color: #E5770C; padding: 0;width: 100%;}
.drobek h1, .drobek strong {border-left: 7px solid #F3F2F2; font-size: 11px; display: block; padding: 0; margin: 0; padding-left: 10px; line-height: 20px; display:block;}
.paging {color: #7A7A7A;width: 527px; position:relative;}
.paging .cl-count{float:left; padding: 4px 0 0 18px;}
.paging .cl-count span{}
.paging strong{float: right; display: block; background: #F2F1F1 url('../img/page-c.gif') top left no-repeat; height: 17px; padding: 2px 10px 0 19px;}

/* clanky kategorii*/
#clanky { clear: both; margin: 5px 0 35px 0}
.clanek{border-bottom: 1px solid #DCDBDB; clear:both; padding-bottom: 5px; margin-bottom: 5px; height: 140px;}
.clanek h2 {font-size: 15px; color: #F8810C;display: inline; line-height: 24px}
.clanek strong{color: #A3A3A3}
#ftg .p-o, .clanek .p-o{border: 1px solid #C6C6C6; padding: 3px; margin-right: 15px; width: 90px; background: #fff;float: left;}
#ftg .p-o div, .clanek .p-o div{text-align:center; display:table-cell; vertical-align:middle;width: 90px; height: 70px;}
#ftg .p-o img, .clanek .p-o img{margin: 0 auto;float: none;}
#ftg .p-o {width: 110px; margin-bottom: 5px}
#ftg .p-o div {width: 110px; height: 80px}
.clanek p{display: block; margin-top: 7px;}

#ftg{text-align: center; margin-bottom: 10px}
.ftg-nadpis{width: 500px; background: #FFDBB8; font-weight: bold; color: #000; margin-bottom: 5px; display: block; padding-left: 5px; line-height: 20px; text-align: left;}
#ftg table{margin:auto}
.paging-bottom{display: block; height: 20px;line-height: 20px;width:100%;border: 1px solid #DCDBDB;}
.paging-bottom div{padding: 0 7px;}
.paging-bottom span{ color: #7A7A7A; float:left;}
.paging-bottom strong{float:right;}

/*firmy kategorie*/
#firmy-vypis{margin: 0 auto; width: 510px; padding-top: 10px; clear:both}
#firmy-vypis #center-left, #firmy-vypis #center-right {width: 240px; float: left}
#firmy-vypis #center-left{margin-right: 30px}
#firmy-vypis .firma {background: url('../img/firma-slozka.gif') top left no-repeat; padding-left: 30px; padding-bottom: 30px}
#firmy-vypis .firma h2 {font-size: 12px; line-height: 12px; display: inline; font-weight: normal}
#firmy-vypis .firma strong{font-weight: normal; display: block; color: #A3A3A3; line-height: 15px}

#abc{clear: both; padding-top: 10px; line-height: 17px}
#abc a{display: block; width: 12px; float: left;}
#abc a.v{width: 45px}
#abc a.sel{background: url('../img/firma-lista-back.gif') no-repeat; width: 17px; height: 27px; font-weight: bold; text-align: center; margin-right:4px;}
#abc a.sel_v{background: url('../img/firma-lista-back-v.gif') no-repeat; width:47px; height: 27px; font-weight: bold; text-align: center; margin-right:4px;}
#abc span{font-weight: bold; float: left;}
#abc.p{padding-top: 0px}

/*firmy podkategori - vypis firem*/
#firmy-podkat-vypis{ clear: both; margin: 5px 0 35px 0}
#firmy-podkat-vypis .firma{margin-bottom: 10px;}
#firmy-podkat-vypis .firma div.img{float: left; margin-right: 20px;}
#firmy-podkat-vypis .firma div.img img {width: 50px; height: 50px;}
.firma-a{float: right; width: 430px;}
#firmy-podkat-vypis .firma h2{font-size: 12px; line-height: 24px; display: inline; font-weight: normal}
#firmy-podkat-vypis .firma .pobocky{color: #7A7A7A}

#reklama-f-firmy {background: url('../img/reklama-horizont.gif') right top no-repeat; clear: both; margin: auto; width:468px;padding-top: 15px}

/* detail clanku */
#clanek-cont{clear: both; width: 500px; overflow: hidden;}
#clanek-cont .sam-cl{font-size: 12px}
#clanek-cont .sam-cl h2, #clanek-cont .sam-cl h3, #clanek-cont .sam-cl h4 {color: #FF9900; display: block; margin: 0;} 
#clanek-cont .sam-cl h2{font-size: 13px}
#clanek h1{font-size: 22px; color: #FF9900; font-weight: bold;}
#clanek strong.pod-h1{display: block; color: #999999; font-weight: normal; margin: 5px 0 10px 0;}
#clanek #tisk-send {margin: 20px 0;}
#clanek #tisk-send a{ background: url('../img/sipka-oranz.gif') no-repeat 0 2px; padding-left: 20px; line-height: 15px;}
#clanek strong ins{display: block;}
#clanek-cont p.perex{font-weight: bold;display: block; min-height: 90px}
#clanek-cont p.perex img{border: 1px solid #C6C6C6; padding: 3px; margin-right: 15px; float: left;}

.obr-center{text-align: center; display: block;}

hr.hr-hodnoceni{height: 1px; color: #FFCC99; background-color: #FFCC99; border: none; clear: both;}
strong.hodn{float: left; color: #CC0000; display: block; width: 150px; line-height: 20px;}
.hodnoceni-form{float: left;text-align: center; width: 230px; line-height: 20px;}
.hodnoceni-form select {vertical-align: middle;}
.hlasu{float: right; display: block; width: 120px;  text-align: right; line-height: 20px;}
.center{text-align: center;}

.comments, .comments-add{width: 500px; border-collapse: collapse; margin: 10px auto;}
.comments table{border-collapse: collapse;width: 490px;}
.comments td.border{padding: 0;border-left: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;border-right: 1px solid #E3E3E3;width: 494px; float: right; padding-left: 4px;}
.comments th, .comments-add th{background: url('../img/comment-th.gif') repeat-x; height: 22px; padding-left: 5px;}
.comments td.grey{ background: #F1F1F1;}
.comments td.white{ background: #FFFFFF}
.comments td.datum { width: 100px;}
.comments td.author { width: 180px;}
.comments td.author input {vertical-align: middle;}
.comments td.tlacitka {text-align: center;height: 40px; vertical-align: middle;}
.comments .first{height: 5px;}

.comments-all1, .comments-all2, .comments-all3, .comments-all4, .comments-all15{ border:1px solid #FFCC99; margin-bottom: 10px; width: 500px; background: #FFDFBF;border-collapse: collapse;}
.comments-all2{margin-left: 20px;width: 480px;}
.comments-all3{margin-left: 40px;width: 460px;}
.comments-all4{margin-left: 60px;width: 440px;}
.comments-all5{margin-left: 80px;width: 420px;}

.no-comment {font-weight: bold; text-align: center;}

td.com-text{background: #fff;}
td.odpov {text-align: right; background: #fff}
tr.all-first{border-top: 1px solid #FFCC99; width: 100%;}
.comments-all6 td, .comments-all12 td, .comments-all18 td {padding: 5px;}


.comments-add td{padding-left: 10px;}
.comments-add input {width: 405px;}
.comments-add textarea {width: 405px; height: 100px}
.comments-add .pridat-n {margin:auto;width: 118px;}

.clanek-mailem,.clanek-mailem td.submit{text-align: center}
.clanek-mailem img{margin: 10px auto;}
.clanek-mailem table{width: 370px;}
.clanek-mailem table td{ text-align: left}
.clanek-mailem input {width: 250px;}
.clanek-mailem textarea {width: 250px; height: 100px;}
.clanek-mailem td.submit input {width: 100px;}
.comments tr th a{color: #000;}

/*rozsireene hledani*/
#rozsir-hledani{clear: both; margin-top: 10px;}
#rozsir-hledani table{ width: 350px; margin:auto; text-align: center;}
#rozsir-hledani table td{text-align: left}
#rozsir-hledani table td input {width: 248px;}
#rozsir-hledani table .but{text-align:center}
#rozsir-hledani table .but input {width: 59px;}

/*filtr firem*/
.filtr {background-color: #FFEEDD; width: 100%; clear: both; margin: 10px 0;}
#fil,#fil ul{list-style:none;line-height:1;background-color:#FFEEDD;padding:0;border:1px solid #E5770C;margin:0 0 1em 0}
#fil{padding-left:6px; border:0;}
#fil a{display:block;width:135px;color:#E5770C;text-decoration:none;padding:3px 0 3px 20px}
#fil li{float:left;padding:0}
#fil li ul{position:absolute;left:-999em;height:auto;width:165px;margin:0}
#fil li li{padding-right:1em}
#fil li ul ul{margin: -1.75em 0 0 130px}
#fil li:hover ul ul,#fil li:hover ul ul ul,#fil li.sfhover ul ul,#fil li.sfhover ul ul ul{left:-999em;}
#fil li:hover ul,#fil li li:hover ul,#fil li li li:hover ul,#fil li.sfhover ul,#fil li li.sfhover ul,#fil li li li.sfhover ul{left:auto;}
#fil li:hover,#fil li.sfhover{background:#FFCC9C}
.filn{background-color:#FFEEDD; float: left; display: block; width: 100px; padding: 5px 8px;}
.filh{background: #FFEEDD url(../img/filh.gif) no-repeat 0;line-height: 16px;display: block;}
.filtr-js{float:left;}

.hledani-filtr{padding: 2px; float: right; width: 200px;}
.hledani-filtr form{display: inline; }
.hledani-filtr input{border: 1px solid #FDB875; height: 14px; font-size: 10px; vertical-align: middle}
.hledani-filtr .submit{border: 0; vertical-align: middle}

/*soubory*/
.prilohy li{list-style: none; padding-left: 25px; margin-left: -25px;line-height: 20px}
li.zip{background: url(../img/icon-zip.gif) no-repeat center left ;}
li.xls{background: url(../img/icon-xls.gif) no-repeat center left ;}
li.doc{background: url(../img/icon-doc.gif) no-repeat center left ;}
li.pdf{background: url(../img/icon-pdf.gif) no-repeat center left ;}
li.txt{background: url(../img/icon-txt.gif) no-repeat center left ;}

/*partneri*/
#partneri{clear: both; padding: 0 0 0 12px; margin-top: 30px;}
#kontakty{clear: both; padding-top: 25px;}

.partner .obr{float: left; margin: 0 30px 0 25px;}
.partner a {line-height: 50px; font-weight: bold;}
.partner img{vertical-align: middle; height: 50px; width: 50px;}
.partner-u{float: left; width: 503px; height: 13px; background: url('../img/partner-u.gif') no-repeat;}
.partner-b{float: left; width: 503px; height: 14px; margin-bottom: 10px; background: url('../img/partner-b.gif') no-repeat;}
.partner-c{float: left; width: 503px;background: url('../img/partner-back.gif') repeat-y;}

/*kontakty*/
#kontakty #box-main{padding-left: 12px; width: 503px;}
#kontakty strong.box-up{display: block; width: 503px; height: 29px; background: url('../img/kontakty-box-u.gif') no-repeat;color: #7a7a7a; text-align: right;padding-top: 2px}
#kontakty strong span{margin-right: 310px;}
#kontakty .box-v, #kontakty .box{width: 503px; background: url('../img/kontakty-box-back.gif') repeat-y; margin-top:-2px;}
#kontakty .box-v{text-align: center; padding: 15px 0 5px 0;}
#kontakty .box-down{width: 503px; height: 10px;background: url('../img/kontakty-box-b.gif') no-repeat; margin-bottom: 15px;}
#kontakty .left140{float: left; width: 140px; padding: 0 10px;}
#kontakty .left140 em{font-style: normal; color:  #7a7a7a}
#kontakty .left140 span{height:2px;display: block;}

#kontakty .box-v .osoba{width: 453px;  margin: 0 auto 10px auto; text-align: left;}
#kontakty .box-v .os-u{height: 11px; width: 453px; display: block; background: url('../img/kontakty-os-u.gif') no-repeat;}
#kontakty .box-v .os-d{height: 11px; width: 453px;display: block;background: url('../img/kontakty-os-b.gif') no-repeat;}
#kontakty .box-v .os-c{background: url('../img/kontakty-os-back.gif')  repeat-y; position:relative; z-index:1;}
#kontakty .box-v .os-c .info{padding: 0 19px; float: left; position:relative; z-index:1;}
#kontakty .box-v .os-c .foto{width: 95px; float: left;}
#kontakty .box-v .os-c .popis {width: 100px;float: left;}
#kontakty .box-v .os-c img{width: 90px;}
#kontakty span.clear{clear:both; height:1px; display: block; font-size:1px}

#onas {clear: both; margin: 25px 0 0 13px;}
#onas #onas-u{height: 16px; width: 501px; display: block; background: url('../img/onas-u.gif') no-repeat;}
#onas #onas-b{height: 18px; width: 501px; display: block; background: url('../img/onas-b.gif') no-repeat;}
#onas #onas-c{width: 501px; display: block; background: url('../img/onas-back.gif') repeat-y;}
#onas #onas-c .text {float: left; width: 310px; padding-left: 20px;}

#text-onas{padding-top: 15px;}
#text-onas .info{background: url('../img/info.gif') no-repeat; padding-left: 25px;}
#text-onas h3{ color: #E5770C; font-size: 13px}
/* detail firmy */
#firma-d {margin-top: 25px}
#firma-d #logo_f{float: left; width: 70px;}
#firma-d #logo_f img{ width: 50px; height: 50px; margin-bottom: 25px}
#firma-d #vedle-loga{float: left; width: 430px;}
#firma-d #vedle-loga h2{color: #E5770C; font-size: 15px; display: inline}
#firma-d .boxik{clear: both; background: url(../img/info.gif) no-repeat left top; padding-left: 25px; margin-bottom: 25px;}
#firma-d .boxik h3{border-bottom: 1px solid #808080; display: block; color: #808080; font-size: 13px;}
#firma-d .boxik td{overflow: hidden}
#firma-d .boxik .o{width: 25px;}

#reklama{clear: both; margin: 10px 0 0 13px;}
#reklama .box{clear: both; padding-top: 10px;}
#reklama h3{display: block; width: 498px; height: 27px; padding: 5px 0 0 10px; background: url('../img/reklama-lista.gif') no-repeat; color: #e5770c; font-size: 12px}
#reklama .obr{float: left; width: 290px;}
#reklama .text{float: left; width: 210px;}
#reklama .text strong{color: #7a7a7a; display: block;}

/*adfox*/
.souv-nab{display: block; padding-top: 5px; color: #000000; text-decoration: underline; font-weight: bold}
#adfox-l2{padding:8px}            
#adfox-l2 h2{display:none}
#adfox-l2 .adfox-box h3 a{font-size:11px;}     
#adfox-l2 .adfox-box h3{margin: 4px 0px 2px}
#adfox-l2 p{margin:0px}
#adfox-l2 .adfox-box div a{color:#9B080C}