/**
 * encoding UTF8 (ěščřžýáíéúů)
 * Tiskový CSS Document ke stránkám http://www.d2k.cz/
 * autor: Tomáš Král, D2K webdesign, s.r.o.
 * Copyright 2011, všechna práva vyhrazena 
 **/
body { font-family:Arial,sans-serif; line-height:1.5; font-size:75%; }
a img { border:none; vertical-align:middle; }
a { text-decoration:underline; color:#EF7A2B; }
.clear { clear:both; width:100%; height:0; line-height:0; font-size:0; display:block; }
p { margin:12px 0; }

#head hr, #head ul, a#logo, p.projekty, a.thumb span, #col, #foot ul, #foot dl { display:none; }
#logo-print { float:right; }

#head h1 { font-size:200%; }
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; clear: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; }
body.titulka #content div.main-box ul { margin:0; 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 #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; margin:0; }
body.titulka #main-banner .item p { font-size:125%; color:#7C5F21; font-style:italic; margin:8px 0; }
body.titulka #main-banner .item p.cena { font-size:175%; font-weight:bold; color:#fff; margin:0; }
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 span.prev, body.titulka #main-banner span.next { display:none; }

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.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; }
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 { 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.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; }
.thumb.nobg { background:transparent none; }

.kontakt-form { 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 fieldset { border:none; margin:0; padding:0; }
form label { height:28px; line-height:28px; vertical-align:middle; display:block; font-weight:bold; }
form label.checkbox { 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; }

#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; }
#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; }

.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 { clear:both; padding-top:15px; }

