/* project www.high.cz */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

table {border-collapse:collapse; border-spacing:0;}
.clear {height:1px; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;}
.hidden {display:none; height:40px;}
.out {position:absolute; left:-999em;}
.none {display:none;}
.left {float:left!important;}
.right {float:right!important;}
sub {font-size:10px; vertical-align:sub; line-height:10px;}
sup {font-size:10px; vertical-align:top; line-height:10px;}
.smile {float:none!important; background:none!important; border:none!important;}

/* HTML tags */
body {font:0.9em Trebuchet MS1, Trebuchet MS, sans-serif; line-height:1.4em; color:#7a7a7a; background:#000;}
a {text-decoration:underline; color:#a3bb21;}
a:hover, a:focus, a:active {text-decoration:none; color:#fff;}
p {color:#7a7a7a; font-size:0.9em; margin-bottom:7px;}
h1 {font-size:1.4em; line-height:1.4em; margin-bottom:10px; color:#fff; text-transform:uppercase;}
h2 {font-size:1.3em; line-height:1.3em; margin-bottom:5px; color:#fff;}
h3 {font-size:1.1em; margin-bottom:5px; color:#fff;}
hr { font-size:1px; height:0; background:#A3BB21; margin:15px 0 0 0; padding:2px 0 0 0; line-height:1px; display:block; overflow:hidden; border:0;}

/* Layout */
#nav-skip {position:absolute; left:-999em; top:0; z-index:100;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:840px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

#header {width:840px; height:100px; position:relative; z-index:100; margin:0 auto;}
#content {margin:0 auto; width:910px; margin:0 auto;}
#col-content {width:500px; position:relative; z-index:10; float:left;}
#col-side {width:325px; position:relative; z-index:1; float:right;}
#footer {width:910px; height:40px; border-top:1px solid #161306; padding:10px 25px 0 25px; margin:50px auto 0 auto; position:relative; z-index:10;}

#prologue {margin:30px auto 0 auto; width:712px;}
h1.caption {font-size:1.5em; margin:20px 80px 0 55px; padding-bottom:10px;}

/* Header */
#logo { position:absolute; top:35px; left:-10px; display:block; width:54px; height:43px;}

#search-box {display:block; width:180px; padding:0; height:24px; overflow:hidden; position:absolute; right:0; top:27px; background:url(../img/search-bg.png) repeat-x 0 0;}
#search-box form {width:180px; height:24px;}
#search-box fieldset {border:none; position:relative; width:180px; height:24px; margin:0; padding:0;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {color:#787878; width:135px; padding:0 0 0 10px; border:none; font-size:11px; height:24px; position:absolute; top:0; line-height:24px; left:0; outline:none; background:transparent;}
#search-box input.submit {background:url(../img/search-btn.png) no-repeat 0 0; height:15px; width:13px; cursor:pointer; border:none; position:absolute; right:13px; top:5px; font-size:0; line-height:0; text-indent:-9999em;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -15px;}

#nav {float:right; margin:30px 200px 0 0; display:inline; position:relative;}
#nav li {float:left; padding:0 11px;}
#nav li a {color:#c0c0c0; text-decoration:none; font-size:14px; line-height:20px; display:block;}
#nav li a:hover, #nav li a:focus, #nav li.hover a, #nav li a.active {color:#a3bb21;}
#nav li .submenu {position:absolute; right:0; top:19px; padding:0; height:40px; width:500px;}
#nav li .submenu ul {height:30px; padding-top:10px;}
#nav li .submenu li {float:left; padding:0 0 0 1px; display:inline-block; width:auto; _width:1px; white-space: nowrap}
#nav li .submenu li a {position:relative; line-height:30px; height:30px; background:#869a00 url(../img/submenu-a.png) repeat-x 0 0; color:#000; padding:0 15px;}
#nav li .submenu li a:hover, #nav li .submenu li a:focus {background-position:0 -30px; color:#000;} 
#nav li .submenu li.first a {padding-left:5px; margin-left:10px;}
#nav li .submenu li.first a span {position:absolute; top:0; left:-10px; height:30px; font-size:0; width:10px; background:url(../img/submenu-span.png) no-repeat 0 0; cursor:pointer;}
#nav li .submenu li.first a:hover span, #nav li .submenu li.first a:focus span {background-position:0 -30px;}
#nav li .submenu li.last a {padding-right:5px; margin-right:10px;}
#nav li .submenu li.last a span {position:absolute; top:0; right:-10px; height:30px; font-size:0; width:10px; background:url(../img/submenu-span.png) no-repeat 100% 0; cursor:pointer;}
#nav li .submenu li.last a:hover span, #nav li .submenu li.last a:focus span {background-position:100% -30px;}
#nav li .submenu li a .triangle {display:none; width:20px!important; height:7px!important; font-size:0; position:absolute; top:-7px!important; left:10px!important; background:url(../img/submenu-triangle.png) no-repeat 0 0!important;}
#nav li .submenu li a:hover .triangle, #nav li .submenu li a:focus .triangle {background-position:0 -7px!important;}
#nav li#menu0 .submenu {right:-135px!important;}
#nav li#menu2 .submenu {right:-77px!important;}
#nav li .submenu li#submenu2 a .triangle {display:block;}
#nav li .submenu li#submenu7 a .triangle {display:block; left:85px!important;}
#nav li .submenu li#submenu10 a .triangle {display:block; left:95px!important;}


#lang {width:39px; height:14px; position:absolute; top:55px; right:0;}
#lang .wrap {width:39px; height:14px; display:block; cursor:pointer;}
#lang .wrap span { position:absolute; top:5px; left:25px; display:block; width:8px; height:4px; font-size:0; background:url(../img/lang-arrow.png) no-repeat 0 0;}
#lang .cz {background:url(../img/lang-cz.png) no-repeat 0 0;}
#lang .en {background:url(../img/lang-en.png) no-repeat 0 0;}
#lang .de {background:url(../img/lang-de.png) no-repeat 0 0;}
#lang .ru {background:url(../img/lang-ru.png) no-repeat 0 0;}
#lang .subitems {padding:14px 0 0 0; width:39px;}
#lang li {width:39px; height:14px; margin:0; padding:0; display:block; overflow:hidden; line-height:14px;}
#lang li a {text-decoration:none; color:#7a7a7a; display:block; height:14px; line-height:14px; font-size:10px; padding:0 0 0 22px; width:17px; margin:0;}

/* Content */
#slider {width:840px; height:490px; margin:0 auto;}
#slider ul {position:absolute; top:0; overflow:hidden; height:800px; left:0; width:100%;}
#slider ul li {width:1260px; height:800px; display:inline; float:left; position:absolute; top:0;}
#slider ul li#all {background:url(../img/sluzby/vse.jpg) no-repeat 0 0; left:0;}
#slider ul li#print {background:url(../img/sluzby/tisk.jpg) no-repeat 0 0; left:1260px;}
#slider ul li#graphics {background:url(../img/sluzby/grafika.jpg) no-repeat 0 0; left:2520px;}
#slider ul li#web {background:url(../img/sluzby/internet.jpg) no-repeat 0 0; left:3780px;}
#slider ul li#publish {background:url(../img/sluzby/vydavatelstvi.jpg) no-repeat 0 0; left:5040px;}
#slider .arrow {position:absolute; z-index:200; width:67px; height:68px; text-align:center; color:#fff; line-height:68px; font-size:60px; top:240px; overflow:hidden; cursor:pointer;}
#slider .arrow span { position:absolute; width:67px; height:68px; top:0; left:0;} 
#slider .left {left:2%;}
#slider .left span {background:url(../img/slide-left.png) no-repeat 0 0;}
#slider .right {right:2%;} 
#slider .right span {background:url(../img/slide-right.png) no-repeat 0 0;}
#slider .arrow:hover span {background-position:0 -68px;}
#slider .info {position:absolute; top:158px; left:895px; width:195px;}
#slider .info p.headline {color:#a3bb21; text-transform:uppercase; font-weight:bold; font-size:1.3em;}
#slider .info p {color:#7a7a7a; line-height:1.4em;}
#slider .info a.link {color:#fff; display:block; width:147px; height:31px; padding:0 0 0 40px; margin:20px 0 0 0; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(../img/info-link.png) no-repeat 0 0; line-height:27px;}
#slider .info a.link:hover, #slider .info a.link:focus {text-decoration:underline;}

#news {position:relative; z-index:100; width:737px; margin:20px auto; background:url(../img/news.png) repeat-y 0 0; height:100%; padding:0 0 0 25px;}
#news .top {position:absolute; top:-20px; left:0; width:762px; height:20px; font-size:0; background:url(../img/news-top.png) no-repeat 0 0;}
#news .bottom {position:absolute; bottom:-20px; left:0; width:762px; height:20px; font-size:0; background:url(../img/news-bottom.png) no-repeat 0 0;}
#news .headline {font-size:1.2em; text-transform:uppercase; font-weight:bold;}
#news .col {display:inline-block; width:213px; padding:0 19px; border-left:1px solid #25231d; float:left; margin:10px 0 0 0;}
#news .first {border-left:0; padding-left:0;}
#news .date {color:#c0c0c0; font-size:0.85em;}
#news p.head {font-weight:bold; color:#c0c0c0; height:auto!important;}
#news p.text {height:auto!important;}

#breadcrumb {width:840px; height:33px; margin:15px auto 0 auto; background:url(../img/breadcrumb.png) no-repeat 0 0; position:relative; z-index:10;}
#breadcrumb p {text-transform:uppercase; line-height:33px; margin:0; padding:0 0 0 20px; color:#a3bb21;}

#paging {background:url(../img/paging.png) no-repeat 0 0; height:23px; padding:27px 0 0 0; margin:0 0 20px 57px;}
#paging p {color:#a3bb21; margin:0;}
#paging span {padding:0 23px; margin-right:7px; color:#000;}
#paging a {text-decoration:underline;}
#paging a:hover, #paging a:focus, #paging a.active { text-decoration:none;}

.photo {margin:0; display:inline;}
.photo p {margin:0; padding:0; line-height:0;}
.photo a {display:block; text-decoration:none;}
.photo img {display:block; padding:0; margin:0;}
.photo .description {color:#fff; display:block; padding:0 10px; width:209px; font-size:1em; line-height:1.4em; margin:5px 0 0 0; height:100%; text-align:center; position:relative;}

#jcarousel { margin:0 auto 30px auto; width:720px; padding:0 30px; position:relative; z-index:10;}
.jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; width:720px; height:138px;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
#jcarousel li, .jcarousel-item  {float:left; list-style:none; width:216px; height:120px; margin:0 5px 10px 5px; padding:18px 7px 0 7px; background:url(../img/carousel-li.png) no-repeat 0 0;}
.jcarousel-prev, .jcarousel-next {z-index:3; position:absolute; width:23px; height:47px; top:43px; cursor:pointer; font-size:1px;}
.jcarousel-prev {left:0px;}
.jcarousel-next {left:760px;}
.jcarousel-prev-horizontal {background:url(../img/carousel-left.png) no-repeat 0 -47px;}
.jcarousel-prev-disabled {background:url(../img/carousel-left.png) no-repeat 0 0!important; cursor:default!important;}
.jcarousel-next-horizontal {background:url(../img/carousel-right.png) no-repeat 0 -47px;}
.jcarousel-next-disabled {background:url(../img/carousel-right.png) no-repeat 0 0!important; cursor:default!important;}
.jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover {background-position:0 -94px;}
#jcarousel .description {display:none;}

#atts {padding:0 80px 0 65px; overflow:hidden; height:100%; margin:0 0 20px 0;}
#atts p {float:left; width:353px; margin:0 0 15px 0; cursor:pointer; display:block; height:53px; background:url(../img/atts-bg.png) no-repeat 0 0;}
#atts .snd {float:right;}
#atts a {position:relative; display:block; width:293px; padding:0 0 0 60px; height:53px; color:#000; line-height:13px; text-decoration:none; font-size:0.9em; overflow:hidden;}
#atts .text {width:285px; display:block; padding:0; margin:12px 0 3px 0; line-height:14px; cursor:pointer; color:#fff; font-weight:bold;}
#atts .type {width:285px; display:block; padding:0; margin:0; line-height:14px; cursor:pointer; color:#7a7a7a;} 
#atts a:hover .text, #atts a:focus .text {text-decoration:underline;}
#atts .xls a {background:url(../img/atts/xls.png) no-repeat 8px 8px;}
#atts .xlsx a {background:url(../img/atts/xlsx.png) no-repeat 8px 8px;} 
#atts .doc a {background:url(../img/atts/doc.png) no-repeat 8px 8px;}
#atts .docx a {background:url(../img/atts/docx.png) no-repeat 8px 8px;}
#atts .ppt a {background:url(../img/atts/ppt.png) no-repeat 8px 8px;}
#atts .pptx a {background:url(../img/atts/pptx.png) no-repeat 8px 8px;}
#atts .pdf a {background:url(../img/atts/pdf.png) no-repeat 8px 8px;}
#atts .rtf a {background:url(../img/atts/rtf.png) no-repeat 8px 8px;}
#atts .zip a {background:url(../img/atts/zip.png) no-repeat 8px 8px;}
#atts .jpg a {background:url(../img/atts/jpg.png) no-repeat 8px 8px;}
#atts .mp3 a {background:url(../img/atts/audio.png) no-repeat 8px 8px;}
#atts .att a {background:url(../img/atts/att.png) no-repeat 8px 8px;}

.news {position:relative; width:457px; height:100%; background:url(../img/news-bg.png) repeat-y 0 0; margin:20px 0 20px 35px; padding:5px 20px;}
.news .bg-top {position:absolute; top:-10px; left:0; width:497px; height:10px; background:url(../img/news-bg-top.png) no-repeat 0 0;}
.news .bg-bottom {position:absolute; bottom:-10px; _bottom:-18px; left:0; width:497px; height:10px; background:url(../img/news-bg-bottom.png) no-repeat 0 0;}
.news .date {font-size:0.8em;}
.news h2 {color:#c0c0c0; font-size:1.1em; }
.news p.more {text-align: right;}

.list { height:100%; margin:10px 20px 10px 35px;}
.list .photo {float:right; margin:-10px 0 10px 20px;}
.list .photo img {background:url(../img/carousel-li.png) no-repeat 0 0; padding:18px 7px 0 7px;}
.list p.more {text-align:right;}

.post .date {padding:0 0 0 0; color:#A3BB21;}
.post p.more .date { float:left;}

/* Portfolio */
.portfolio {position:relative; background:url(../img/post-portfolio.png) no-repeat 0 0; height:123px; width:440px; padding:20px 400px 0 20px; margin:10px 0 10px 37px; float:left; display:inline;}
.portfolio h2 {font-size:1.2em;}
.portfolio h2 a {color:#fff;}
.portfolio p { line-height:1.4em;}
.portfolio p a {color:#bfbfbf;}
.portfolio p.more {text-align:right;}
.portfolio p.more a {color:#a3bb21;}
.portfolio .photo {position:absolute; top:18px; left:504px;}

/* Form */
#form {position:relative; width:762px; margin:10px auto 50px auto; height:100%; z-index:1;}
#form .top {width:762px; height:10px; position:absolute; font-size:1px; left:0; top:-10px; background:url(../img/form-top.png) no-repeat 0 0; z-index:10;}
#form .bottom {width:762px; height:10px; position:absolute; font-size:1px; left:0; bottom:-10px; _bottom:-5px; background:url(../img/form-bottom.png) no-repeat 0 0; z-index:10;}
#form .deco {position:absolute; width:900px; height:550px; left:70px; top:-100px; font-size:1px; background:url(../img/form-deco.png) no-repeat 0 0; z-index:1;}
#form form {position:relative; z-index:1000; background:url(../img/form-bg.png) repeat-y 0 0;}
#form form fieldset {padding:0 56px;}
#form form .row {display:block; float:left; width:100%; margin:0 0 10px 0;}
#form form .note {text-transform:uppercase; color:#a3bb21; font-size:0.9em; margin:10px 0 15px 187px; float:left;}
#form input, #form label {vertical-align:middle;}
#form label {cursor:default; font-size:12px; color:#fff; text-transform:uppercase; font:0.9em Trebuchet MS1, Trebuchet MS, sans-serif; display:block; width:188px; float:left; line-height:27px;}
#form .text {float:left; width:441px; padding:5px 10px; font:0.9em Trebuchet MS1, Trebuchet MS, sans-serif; outline:none; color:#000; background: url(../img/form-input-text.png) no-repeat 0 0; border:none;}
#form textarea {float:left; width:441px; height:71px; padding:5px 10px; font:0.9em Trebuchet MS1, Trebuchet MS, sans-serif; outline:none; color:#000; background: url(../img/form-textarea.png) no-repeat 0 0; border:none;}
#form .submit-btn {font-size:13px; font-family:Trebuchet MS1, Trebuchet MS, sans-serif; float:right; text-transform:uppercase; border:none; background:url(../img/form-btn.png) no-repeat 0 0; color:#fff; height:27px; padding:2px; width:96px; text-align:center; cursor:pointer; font-weight:bold;}
#form .submit-btn:hover, .form .submit-btn:focus {background:url(../img/form-btn.png) no-repeat 0 -27px;}
#form .newListSelected {float:left; width:441px; height:17px; padding:5px 10px; background:url(../img/form-selectbox.png) no-repeat 0 0; outline:none; position:relative; z-index:1000; cursor:pointer;}
#form .newListSelHover {background:url(../img/form-selectbox.png) no-repeat 0 -27px!important;}
#form .selectedTxt {line-height:17px; color:#000; overflow:hidden; cursor:pointer; width:441px;}
#form ul.newList {margin:0; padding:0; color:#000; position:absolute; top:27px!important; left:1px!important; overflow:auto; z-index:999; width:460px; max-height:160px!important;}
#form ul.newList li {padding:3px 10px; background:#fff;}
#form .hiLite {background:#687a02!important; color:#fff!important;}
#form .newListHover {background:#687a02!important; color:#fff!important;}
#form .fault strong {color:#DF001A;}
#form .message {margin:10px auto 5px auto; padding:10px 0 10px 40px; font-weight:bold; color:#fff; width:610px; line-height:17px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -khtml-border-radius:6px;}
#form .error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
#form .success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}

/* Post detail*/
.portfolio-detail {z-index:50; min-height:300px; height:auto!important; height:300px;}
.portfolio-detail .photo {position:absolute; z-index:1; top:-50px; left:75px; width:900px; height:500px; background:url(../img/portfolio-detail.png) no-repeat 0 0; margin:0!important;}
.portfolio-detail .photo img {position:absolute; top:101px; left:316px; padding:0!important; background:none!important;}
.portfolio-detail #prologue {position:relative; z-index:10; margin:0; padding:0; width:325px;}
.portfolio-detail #sum {position:relative; z-index:10;}
.portfolio-detail h1 { width:335px; position:relative; z-index:10;}

#detail {position:relative; margin:30px 0 30px 55px; width:770px; padding:0; z-index:5; }
#detail h2, #detail h3 {margin-top:20px;}
#detail h2.modules {margin-bottom:0; font-size:1.1em;}

#detail table {margin:5px 0 15px 0; text-align:left; font-size:0.8em; border:1px solid #181818;}
#detail table th, #detail table td {padding:4px 10px; line-height:1.2em;}
#detail table th, #detail table thead td {color:#fff; font-weight:bold; vertical-align:middle;}
#detail table td {border:1px solid #181818; color:#7a7a7a; vertical-align:middle;}
#detail table p {margin-bottom:0; color:#7a7a7a;}
#detail table strong {color:#fff; font-weight:lighter;}
#detail table a {color:#fff; text-decoration:none;}
#detail table a:hover, #detail table a:focus {color:#a3bb21; text-decoration:underline;}
#detail table td img {float:left; margin:-2px 5px 0 -5px;}
#detail table .w90 {width:90px;}

#detail ul {font-size:0.9em; margin:10px 0 15px 0; color:#7a7a7a;}
#detail ul li {list-style:none; padding-left:25px; background:url(../img/bullet.png) no-repeat 0 3px; position:relative;}
#detail ul li ul {margin-bottom:2px; margin-top:0; font-size:1em;}
#detail a.similar {text-decoration:none; color:#fff; text-align:center; display:block; width:152px; height:22px; line-height:22px; background:url(../img/a-similar.png) no-repeat 0 0; text-transform:uppercase; margin:0 0 8px 0;}
#detail a.similar:hover, #detail a.similar:hover {background-position:0 -22px;}

#detail .photo {float:right; margin:-10px 0 10px 20px;}
#detail .photo img {background:url(../img/carousel-li.png) no-repeat 0 0; padding:18px 7px 0 7px;}

#detail .clients {position:relative; background:url(../img/clients.png) repeat-y 0 0; width:770px; overflow:hidden;}
#detail .clients ul {overflow:hidden; padding:12px 0 0 80px; margin:0;}
#detail .clients ul li {list-style:none; float:left; background:none; overflow:hidden; width:109px; height:62px; margin:0; padding:0 7px 17px 6px; _padding:0 7px 5px 6px;}

/* Col-side */
#col-side .news-deco {position:absolute; top:-250px; left:-220px; height:749px; width:572px; background:url(../img/news-deco.png) no-repeat 0 0;}
#col-side #article {padding:340px 0 0 0;}
#col-side #article .link {color:#fff; display:block; width:147px; height:31px; padding:0 0 0 40px; margin:20px 0 0 0; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(../img/info-link.png) no-repeat 0 0; line-height:27px;}
#col-side #article .link:hover, #col-side #article .link:focus {text-decoration:underline;}

/* Footer */
#footer a {font-weight:bold; text-decoration:none;}
#footer a:hover, #footer a:focus {text-decoration:underline;}

#site-nav {position:absolute; right:25px; top:-23px; width:134px; height:22px; background:url(../img/sitenav.png) no-repeat 0 0;}
#site-nav ul li {float:left; margin:3px 0 0 0; line-height:15px; width:25px;}
#site-nav ul li.up { margin-left:3px;}
#site-nav ul li a {position:relative; padding:0; color:#999; font-size:15px; display:block; width:15px; height:15px; overflow:hidden; position:relative; margin:0 auto;} 
#site-nav ul li a span {position:absolute; top:-100px; left:0;}
#site-nav ul li.up a {background:url(../img/sitenav-up.gif) no-repeat 0 0;}
#site-nav ul li.home a {background:url(../img/sitenav-home.gif) no-repeat 0 0;}
#site-nav ul li.sitemap a {background:url(../img/sitenav-map.gif) no-repeat 0 0;}
#site-nav ul li.mail a {background:url(../img/sitenav-mail.gif) no-repeat 0 0;}
#site-nav ul li.print a {background:url(../img/sitenav-print.gif) no-repeat 0 0;}
#site-nav ul li a:hover, #site-nav ul li a:focus, #site-nav ul li a.active {background-position:0 -31px;}