/**
 * encoding utf8 (ěščřžýáíéúů)
 * CSS Document k stránkám http://www.d2k.cz/
 * Autor: Tomáš Král, D2K webdesign, s.r.o.
 * Copyright 2011, všechna práva vyhrazena
 **/
body, p, ul, ol, li, dl, dt, dd, table, address, form, fieldset,
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%; border:none; font-style:normal; vertical-align:middle; } 
body { font-family:Arial,sans-serif; line-height:1.5; color:#161616; background:#EDEDED url('layout/body.png') top center repeat-x; font-size:75%; }
a img { border:none; vertical-align:middle; }
a { text-decoration:underline; color:#EF7A2B; }
a * { cursor:pointer; }
a:hover { text-decoration:none; color:#676666; }
.clear { clear:both; width:100%; height:0; line-height:0; font-size:0; display:block; }
p { margin:12px 0; }
p.message, p.error { font-weight:bold; padding:5px 10px; }
p.error { color:#fe0000; }
p.message { color:#0060a3; }


#page { width:990px; margin:0 auto; }
#head { position:relative; height:175px; }
#content { float:right; padding:17px; background-color:#fff; width:700px; }
body.titulka #content { padding:0; width:990px; float:none; background:transparent; }
#col { float:left; padding:13px; background-color:#fff; width:220px; }
#foot { background-color:#fff; color:#676666; padding:3px 0; margin:12px 0; float:left; width:990px; }

body.titulka #head { background:url('layout/head.png') bottom left no-repeat; }
#head p.projekty, #head ul a, #head ul strong { height:31px; line-height:31px; vertical-align:middle; } 
#head p.projekty, #head p.projekty a, #head ul.lang-selection li a { color:#929292; }
#head p.projekty { font-weight:bold; padding:0 20px 0 13px; margin:0; background:#F3F3F3 url('layout/head-projekty.png') top right no-repeat; float:left; }
#head p.projekty a { font-weight:normal; }
#head ul.lang-selection { float:right; text-transform:lowercase; }
#head ul.lang-selection li { float:left; list-style-type:none; display:block; margin-left:15px; }
#head ul.lang-selection li a, #head ul.lang-selection li strong { display:block; float:left; font-weight:normal; padding-left:25px; background:transparent top left no-repeat; }
#head ul.lang-selection li strong { color:#5D5E5C; background-position:bottom left; }
#head ul.lang-selection li.cs a, #head ul.lang-selection li.cs strong { background-image:url('layout/flag-cs.png'); }
#head ul.lang-selection li.de a, #head ul.lang-selection li.de strong { background-image:url('layout/flag-de.png'); }
#head ul.lang-selection li.en a, #head ul.lang-selection li.en strong { background-image:url('layout/flag-en.png'); }
#head hr, #logo-print { display:none; }
#head #logo { position:absolute; top:43px; left:0; }
#head ul.menu { float:right; clear:right; margin-top:51px; font-family:Calibri,Arial,sans-serif; font-size:150%; font-weight:bold; }
#head ul.menu li { float:left; list-style-type:none; display:block; }
#head ul.menu li a span { display:none; }
#head ul.menu li.first a, #head ul.menu li.first a span { position:relative; display:block; width:38px; padding:0; height:31px; }
#head ul.menu li.first a span { position:absolute; top:0; left:0; background:url('layout/ico-home.png') top left no-repeat; line-height:0; font-size:0; }
#head ul.menu li.first a { overflow:hidden; }
#head ul.menu li a { color:#6C6B6B; display:block; float:left; padding:0 20px; height:31px; text-transform:uppercase; text-decoration:none; }
#head ul.menu li a:hover { color:#EF8035; text-decoration:underline; }
#head ul.menu li a.active, #head ul.menu li a.p-active { text-decoration:underline; }
#head h1 { width:215px; height:115px; float:left; clear:left; margin-top:12px; }

body.titulka #content div.breadcrumbs { display:none; }
#content div.breadcrumbs { height:42px; background:url('layout/breadcrumbs.png') bottom left repeat-x; margin:-15px -15px 17px -15px; width:730px; }
#content div.breadcrumbs a, #content div.breadcrumbs span, #content div.breadcrumbs strong { height:42px; line-height:42px; vertical-align:middle; display:block; float:left; color:#676666; }
#content div.breadcrumbs a { padding:0 14px; margin-right:-24px; position:relative; text-decoration:none; }
#content div.breadcrumbs a:hover { text-decoration:underline; }
#content div.breadcrumbs a.home { color:#fff; background:#696868; padding:0 9px 0 16px; margin:0; }
#content div.breadcrumbs strong { font-weight:normal; padding-left:13px; }
#content div.breadcrumbs span { width:1px; font-size:0; line-height:0; overflow:hidden; padding-left:37px; background:url('layout/breadcrumbs.png') top right no-repeat; }
#content div.breadcrumbs span.first { background-position:top left; padding-left:10px; }
body.titulka #content h2.first { display:none; }
body.titulka div.novinky, body.titulka div.reference-box { background-color:#fff; padding:12px; position:relative; }
body.titulka div.novinky { width:222px; float:left; }
div.reference-box { width:705px; margin:0 -5px 12px 0; float:right; }
body.titulka div.reference-box { width:713px; padding:12px 9px 12px 12px; margin:0; }
body.titulka div.main-box { background:#fff url('layout/banner-main.jpg') top left no-repeat; padding:3px; margin-bottom:13px; float:left; width:984px; }
/*background-color:#EF7A2A;*/
body.titulka #content div.main-box ul { height:254px; width:387px; padding:13px 13px 12px 12px; float:left; }
body.titulka div.main-box ul li { display:block; list-style-type:none; position:relative; margin-bottom:10px; }
body.titulka div.main-box ul li a { 
  display:block; width:287px; height:63px; padding:15px 0 0 100px;
  background:#fff url('layout/hp-buttons.png') top left no-repeat; color:#515151; 
  text-decoration:none; text-transform:uppercase; font-size:150%; font-weight:bold; font-family:Calibri,Arial,sans-serif; font-style:italic; 
}
body.titulka div.main-box ul li.propagace a { background-position:-387px 0px; }
body.titulka div.main-box ul li.pece a { background-position:-774px 0px; }
body.titulka div.main-box ul li p { position:absolute; top:45px; left:96px; color:#DCDCDC; }
body.titulka div.main-box ul li p a { 
  width:auto; height:auto; display:inline; padding:0; margin:0 4px;
  background:transparent none; color:#676666; 
  text-transform:none; font-weight:normal; font-family:Arial,sans-serif; font-size:100%; font-style:normal;
}
body.titulka div.main-box ul li:hover a,
body.titulka div.main-box ul li a:hover { background-position:bottom left; }
body.titulka div.main-box ul li.propagace:hover a,
body.titulka div.main-box ul li.propagace a:hover { background-position:-387px bottom; }
body.titulka div.main-box ul li.pece:hover a,
body.titulka div.main-box ul li.pece a:hover { background-position:-774px bottom; }
body.titulka div.main-box ul li a:hover { color:#EF7A2B; text-decoration:underline; }

body.titulka #main-banner,
body.titulka #main-banner .item { height:279px; width:572px; overflow:hidden; position:relative; }
body.titulka #main-banner .item img, 
body.titulka #main-banner .item div.img { position:absolute; top:0; left:0; }
body.titulka #main-banner .item.text { padding:35px 90px 0 207px; width:275px; height:244px; }
body.titulka #main-banner .item h2 { color:#343434; font-style:italic; font-size:200%; text-transform:uppercase; }
body.titulka #main-banner .item p { font-size:125%; color:#7C5F21; font-style:italic; margin:8px 0; text-align:left; }
body.titulka #main-banner .item p.cena { font-size:175%; font-weight:bold; color:#fff; }
body.titulka #main-banner .item a.more { display:block; float:left; text-transform:lowercase; width:100px; padding:0 36px 0 3px; height:31px; line-height:31px; vertical-align:middle; text-align:center;
 color:#fff; font-weight:bold; background:#593A06 url('layout/hp-more.png') top left no-repeat; text-decoration:none; font-style:normal; font-size:80%; text-shadow:-1px 0 1px #170D01; }
body.titulka #main-banner .item a.more:hover { background-position:bottom left; }
body.titulka #main-banner span.prev, body.titulka #main-banner span.next { display:none; width:65px; height:79px; font-size:0; line-height:0; background:url('layout/banner-sipky.png') top left no-repeat; position:absolute; left:0; top:100px; cursor:pointer; }
body.titulka #main-banner span.next { background-position:top right; left:auto; right:0; }
body.titulka #main-banner:hover span.prev,
body.titulka #main-banner:hover span.next { display:block; }

body.titulka #content h3, #col h3, #content h2.first { font-size:200%; color:#BEBCBD; font-style:italic; text-transform:uppercase; font-family:Calibri,Arial,sans-serif; margin:0 0 12px 0; }
body.titulka div.novinky div.news { height:100px; line-height:20px; vertical-align:middle; overflow:hidden; padding-top:18px; margin-bottom:7px; background:url('layout/news.png') top center no-repeat; }
body.titulka div.novinky div.news a { text-decoration:none; color:#676666; display:block; }
body.titulka div.novinky div.news a:hover { text-decoration:underline; }
body.titulka div.novinky div.news.first { background:none; padding-top:0; }
.news span.datum { float:left; margin:0 10px 3px 0; height:51px; width:60px; background:url('layout/datum.png') top left no-repeat; overflow:hidden; font-size:91.67%; }
.news span.datum strong { display:block; text-align:center; height:25px; line-height:25px; vertical-align:middle; font-weight:normal; text-transform:lowercase; }
.news span.datum strong.day { font-weight:bold; font-size:200%; position:relative; top:4px; }
body.titulka #content div.novinky p { text-align:left; }
body.titulka div.novinky span.datum { float:right; margin:0 0 3px 5px; }
#content .full-news div.news { border-bottom:1px solid #EDEDED; padding-bottom:1px; }
#content .full-news p { margin-top:0; min-height:54px; }

body.titulka div.novinky p.more,
body.titulka div.reference-box p.more { margin:0; position:absolute; top:12px; right:9px; }
body.titulka div.reference-box p.more a { display:block; width:100px; height:31px; line-height:31px; vertical-align:middle; padding:0 15px 0 2px; background:url('layout/button.png') top left no-repeat; text-decoration:none; color:#5C5D5B; text-align:center; }
body.titulka div.reference-box p.more a:hover { text-decoration:underline; }
div.reference-box a.thumb { margin:0 12px 9px 0; }
body.titulka div.reference-box a.thumb { margin:0 5px 9px 9px; }
body.titulka #content p { margin:0; }

#content h2.first { color:#EE843D; }
#content h3 { color:#EE843D; font-size:125%; font-weight:bold; font-style:normal; margin:12px 0 6px 0; }
#content h4 { color:#161616; font-size:125%; margin:12px 0 6px 0; }
#content h5, #content h6 { color:#161616; font-size:100%; font-weight:bold; margin:6px 0; }
#content ul, #content ol { padding:0 0 0 25px; }
#content p { text-align:justify; }

.oneref-box { clear:both; position:relative; min-height:225px; padding:20px 275px 20px 0; }
#content .oneref-box h3, #content .oneref-box h4 { margin-top:0; }
.reference .oneref-box { min-height:225px; border-bottom:1px solid #EDEDED; }
.oneref-box.first { border-top:1px solid #EDEDED; }
.oneref-box dl, .vizitka dl { margin:12px 0; }
.oneref-box dl dt, .vizitka dl dt { font-weight:bold; display:block; float:left; clear:left; }
.oneref-box dl dd { margin:0 0 3px 80px; }
.oneref-box div.images { position:absolute; right:0; top:20px; width:275px; height:225px; overflow:hidden; }
.oneref-box div.images .thumb { float:none; position:absolute; top:0; right:0; }
.oneref-box div.images .nav { position:absolute; top:0; left:10px; width:30px; }
.oneref-box div.images .nav span { cursor:pointer; display:block; height:30px; line-height:30px; margin-bottom:5px; background-color:#F3F3F3; color:#D4D4D4; font-weight:bold; text-align:center; vertical-align:middle; }
.oneref-box div.images .nav span:hover, .oneref-box div.images .nav span.active:hover { background-color:#EF7A2B; color:#fff; }
.oneref-box div.images .nav span.active { color:#686868; }
.reference .oneref-box p { margin-bottom:0; }

.vizitka { width:200px; height:125px; background-color:#F3F3F3; margin:10px 5px 5px 0; float:left; padding:5px 5px 5px 140px; position:relative; }
.vizitka h4 em { display:block; font-size:80%; color:#161616; font-weight:normal; }
.vizitka dl dt { margin-right:5px; }
.vizitka dl dd { margin:0 0 3px 0; }
.vizitka img { position:absolute; top:5px; left:5px; }

.webhosting { width:325px; background-color:#F3F3F3; margin:5px 5px 0 0; float:left; padding:5px 10px; position:relative; }
#content .webhosting h3 { margin-top:0; color:#161616; }
#content .webhosting p { margin:8px 0; }
#content .webhosting ul.sluzby { border:none; padding:0; }
#content .webhosting ul.sluzby li { margin-bottom:0px; }

.prehled { padding:5px 10px; background-color:#f3f3f3; float:left; margin:5px 5px 0 0; width:150px; }
#content .prehled h3 { color:#161616; margin:0; font-size:100%; }
#content .prehled p { margin:4px 0 0 0; font-size:91.67%; text-align:left; }

#content p.paging { text-align:right; margin:6px 0; color:#eaeaea; }
p.paging br { display:none; }
p.paging span.actual { float:left; color:#161616; }
p.paging a { color:#161616; }
p.paging span, p.paging a { margin:0 2px; }
p.paging .prev { background:transparent center left no-repeat; padding-left:8px; }
p.paging .next { background:transparent center right no-repeat; padding-right:8px; }
p.paging a.next, p.paging a.prev { font-weight:bold; }
p.paging a.next { background-image:url('layout/paging-sipka-r.png'); }
p.paging a.prev { background-image:url('layout/paging-sipka-l.png'); }
p.paging span.next { background-image:url('layout/paging-sipka-r-seda.png'); }
p.paging span.prev { background-image:url('layout/paging-sipka-l-seda.png'); }

a.thumb, span.thumb { display:block; float:left; padding:0 7px 7px 0; height:216px; width:216px; background:#F3F3F3 url('layout/thumb.png') top left no-repeat; position:relative; }
span.thumb em { height:60px; padding:78px 0; color:#D4D4D4; font-weight:bold; text-align:center; font-size:125%; line-height:30px; display:block; font-style:normal; }
a.thumb span { display:none; position:absolute; top:0; left:0; padding:100px 47px 85px 76px; width:93px; height:31px; line-height:31px; vertical-align:middle; color:#fff; text-align:center; background:#000 url('layout/thumb-more.png') 53px 100px no-repeat; background-color:rgba(0,0,0,0.4); cursor:pointer; }
a.thumb:hover span { display:block; }
.thumb.nobg { background:transparent none; }

.kontakt-form { background-color:#F2F2F2; padding:15px; margin:15px -15px -15px -15px; clear:both; }
#content .kontakt-form h3 { color:#161616; margin-top:0; }
form div.tretina { float:left; width:33.2%; }
form br { clear:both; }
form label { height:28px; line-height:28px; vertical-align:middle; display:block; font-weight:bold; }
form label.checkbox { cursor:pointer; float:left; margin:0 5px 7px 0; }
form label.checkbox input { margin:0 4px 0 0; vertical-align:middle; }
form input.text, form textarea { border:1px solid #D6D6D6; background-color:#fff; margin:0 5px 7px 0; }
form input.text { width:194px; height:18px; padding:5px; }
form textarea { padding:5px; width:695px; height:142px; float:left; }
form input.text.req, form textarea.req { background:#fff url('layout/required.png') 7px 9px no-repeat; padding-left:20px; width:179px; }
form textarea.req { width:670px; }
form input.submit { width:156px; height:31px; padding:0 35px 3px 3px; font-size:100%; border:none; cursor:pointer; background:#593A06 url('layout/submit.png') top left no-repeat; color:#fff; font-weight:bold; text-transform:lowercase; float:left; }
form input.submit:hover { background-position:bottom left; }

#content div.sidebox { width:225px; float:right; clear:right; }

#content ul.sluzby { padding:10px 0 0 5px; border:1px solid #ededed; border-width:1px 0 1px 0; }
ul.sluzby li { background:url('layout/list-item.png') left 1px no-repeat; padding-left:25px; min-height:18px; margin-bottom:10px; display:block; list-style-type:none; font-style:italic; }
#content .slovnik ul { border-top:none; margin-bottom:8px; }
#content .slovnik ul li { list-style-type:circle; }
#content .slovnik h3 { color:#161616; font-size:150%; }
#content .slovnik .col { float:left; width:155px; padding:0 10px; }

div.js-hiding { border-bottom:1px solid #EDEDED; margin-bottom:8px; padding-bottom:4px; float:left; width:100%; clear:both; }
div.js-hiding h3 { position:relative; cursor:pointer; }
#content div.js-hiding h3.hidden { color:#000; }
div.js-hiding h3 a { font-size:0; line-height:0; text-decoration:none; }
div.js-hiding h3 span { position:absolute; top:0; right:0; }
div.cenik dl { float:left; width:100%; padding:0; margin:8px 0 0 0; }
div.cenik dl dt { float:left; padding:0 15px; width:450px; border:2px solid #E2E2E2; background-color:#FAFAFA; border-width:2px 0 2px 2px;
                      clear:left; margin-bottom:4px; line-height:39px; height:39px; vertical-align:middle; font-weight:bold; }
div.cenik dl dt em { font-weight:normal; font-style:normal; }
div.cenik dl dd { display:block; float:left; width:154px; text-align:center; height:43px; line-height:43px; vertical-align:middle; background:url('layout/cenik.png') top left no-repeat; color:#fff; font-weight:bold; font-style:italic; font-size:116.7%; }
div.cenik.produkt { margin:6px 0; float:left; width:100%; }
div.cenik.produkt dt { width:250px; }

#col ul.submenu { margin-bottom:18px; }
#col ul.submenu li { display:block; list-style-type:none; margin-bottom:2px; }
#col ul.submenu li a { display:block; height:40px; line-height:40px; padding:0 25px 0 21px; 
 vertical-align:middle; color:#686868; background:#EDEDED url('layout/submenu.png') center left no-repeat; 
 text-transform:uppercase; font-weight:bold; text-decoration:none; }
#col ul.submenu li a:hover { background-color:#FAFAFA; background-position:bottom left; }
#col ul.submenu li a.active { background-color:#E9812D; background-position:top left; color:#fff; }
#col div.banner-box div { margin-bottom:7px; }

.sitemap ul {}
.sitemap li { list-style-type:none; }
.sitemap li li { list-style-type:disc; font-weight:bold; padding-bottom:5px; }
.sitemap li li li { list-style-type:circle; font-weight:normal; padding-bottom:0; }
.sitemap li li li li { list-style-type:square; }

#foot a { color:#676666; text-decoration:none; }
#foot a:hover { text-decoration:underline; }
#foot p, #foot ul, #foot dl { height:17px; line-height:17px; vertical-align:middle; margin:0; }
#foot p { padding:17px; float:left; height:17px; }
#foot ul { float:right; padding:0 17px; position:relative; height:51px; }
#foot ul li { float:left; display:block; list-style-type:none; background:url('layout/foot-li.png') right center no-repeat; padding-right:1px; }
#foot ul li.kontakt { background:none; padding:0; }
#foot ul li a { float:left; display:block; padding:17px 8px 17px 30px; background:url('layout/foot-icons.png') 7px 0px no-repeat; height:17px; }
#foot ul li.rss a { background-position:7px -51px; }
#foot ul li.print a { background-position:7px -102px; }
#foot ul li.auth a { background-position:7px -153px; }
#foot ul li.partneri a { background-position:7px -204px; position:relative; }
#foot ul li.partneri a span { display:none; position:absolute; top:0; left:0; right:0; width:100%; height:6px; background:transparent url('layout/partneri-a-active.png') top center no-repeat; line-height:0; font-size:0; }
#foot ul li.partneri a.active span { display:block; }
#foot ul li.sitemap a { background-position:7px -255px; }
#foot ul li.kontakt a { padding-left:8px; }
#foot ul li.partneri p { position:absolute; bottom:51px; right:0; width:930px; padding:8px 10px 9px 50px; background:#6E6D6D url('layout/partneri.png') center left no-repeat; border-top:3px solid #fff; height:auto; }
#foot ul li.partneri p a { background:none; color:#B7B6B6; border-right:1px solid #8D8D8D; padding:0 8px 0 0; display:inline; float:none; margin-right:8px; }
#foot ul li.partneri p a.last { border:none; }
#foot ul li.partneri p a:hover { color:#fff; text-decoration:underline; }
#foot dl, #foot dl dt, #foot dl dd { display:block; float:left; height:17px; }
#foot dl { padding:17px; background-color:#6E6D6D; color:#fff; width:956px; margin:0; }
#foot dl a { color:#F39734; font-weight:bold; text-decoration:underline; }
#foot dl a:hover { color:#fff; text-decoration:none; }
#foot dl dt { padding-left:32px; background:url('layout/foot-icons.png') 0px -323px no-repeat; margin-right:1px; }
#foot dl dd { padding-left:18px; background:url('layout/foot-icons.png') 0px -374px no-repeat; }