/* CLEAR
------------------------------ */
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;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 11px Arial,Helvetica,serif;background:#fff;color:#000;padding:0 0 20px;text-align:center;}
a {color:#842228;font-weight:bold;text-decoration:underline;}
a:hover {color:#f00;text-decoration:none;}
p {margin:0 0 1em;}
em {font-style:italic;}
strong {font-weight:700;}
code,kbd,pre {font-family:Courier New,Lucidatypewriter,monospace;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
button {cursor:pointer;}

/* general styling */
.b {float:left;width:100%;}
.ib {margin:0 auto;text-align:left;width:960px;}
#top {background:#eee;font-size:11px;}
#content {padding-top:35px;}
#content p {margin-bottom:12px;}

h1#logo {width:158px;height:46px;float:left;margin:0 2em 0 0;padding:0;clear:none;border:0;}
h1#logo a {text-indent:-1000em;overflow:hidden;width:100%;height:100%;display:block;background:url(../images/identity/kovinc.png) no-repeat 0 0;}
#header em {float:right;margin:12px 0 0 20px;display:block;width:66px;height:36px;overflow:hidden;text-indent:-9999px;background:url(../images/identity/kovinc-30let.png) no-repeat 0 0;}

/* header */
ul#lang {list-style-type:none;float:right;}
ul#lang li,ul#lang li a {display:block;float:left;}
ul#lang li a,ul#lang li#choose {background-color:#a7a9ac;border-right:1px solid #fff;color:#fff;font-weight:normal;padding:3px 8px;}
ul#lang li a:hover {color:#000;text-decoration:none;}
ul#lang li a.sel,ul#lang li a.sel:hover {background-color:#fff;border-right:1px solid #fff;color:#000;font-weight:bold;text-decoration:none;}
#header {padding:25px 0 20px;}
.vcard {float:right;margin:7px 0 0;}
.vcard .cont {float:left;padding:0 0 0 14px;}
.vcard,address {font-style:normal;}
.vcard .cont abbr,.vcard .cont #em_c {font-weight:bold;}
.vcard .cont abbr,.vcard .cont #em_c,.vcard .cont .span {width:100px;padding:0 10px 0 5px;}

#iso9001 {display:block;width:39px;height:48px;float:left;margin:-4px 0 0 15px;overflow:hidden;text-indent:-9999px;background:url(../images/identity/bureau-veritas-iso9001.gif) no-repeat 0 0;}

/* navigation bar */
#nav {background:#a7a9ac url(../images/layout/bg-stripes.gif) repeat 0 100%;}
#content {background:#fff url(../images/layout/bg-content.gif) repeat-x 0 0;padding:25px 0 15px 0;}

/* search */
#search {background-color:#ddd;float:right;height:20px;padding:4px 7px 3px;border-left:1px solid #fff;border-right:1px solid #fff;}
#search label {display:block;font-weight:bold;float:left;padding:5px 5px 0 0;}
#ajaxSearch_input {background:#fff url(../images/layout/bg-input.gif) no-repeat left top;border:1px solid #000;float:left;width:120px;height:14px;font-size:11px;padding:3px 3px 2px;}
#ajaxSearch_submit {float:left;margin-left:2px;border:1px solid #000;width:23px;height:19px;}

/* main menu */
.menu {float:left;list-style-type:none;}
.menu li,
.menu li a {display:block;float:left;position:relative;z-index:90;}
.menu li a {text-indent:-9999px;overflow:hidden;}
.menu li ul li a,
.menu li ul li ul li a {text-indent:0;overflow:hidden;}

#menu li.menu1 a.menu1a,
#menu li.menu2 a.menu2a,
#menu li.menu3 a.menu3a,
#menu li.menu4 a.menu4a,
#menu li.menu5 a.menu5a,
#menu li.menu6 a.menu6a {height:28px;background-color:#a7a9ac;background-repeat:no-repeat;}

/* submenu styling */
.menu li ul {z-index:100;border-top:5px solid #922c32;background:#540f12 url(../images/layout/bg-dropdown.gif) repeat-x 0 0;float:left;left:-9999px;margin:28px 0 0 0;position:absolute;width:220px;}
.menu li ul li a.sel {background:#000 !important;}
.menu li ul ul {border-left:1px solid #fff;border-top:0;margin:0 0 0 220px;}
.menu li:hover ul ul,
.menu li.sfhover ul ul {left:-9999px;}
.menu li:hover ul,
.menu li li:hover ul,
.menu li.sfhover ul,
.menu li li.sfhover ul {left:auto;}
.menu li ul a:hover,
.menu li ul a.sfhover {background-color:#000;border-bottom:1px solid #fff;color:#fff;text-decoration:none;}
.menu li ul a {border-bottom:1px solid #fff;color:#fff;display:block;float:left;padding:4px 10px;text-decoration:none;width:200px;}
.menu0a {background:none;}
.menu li ul li ul li a.sel,
.menu li ul li a.sel {background:#000;}

/* content */
#content {line-height:16px;}
h1 {border-bottom:1px solid #9d3b41;padding-bottom:2px;margin-bottom:10px;font-size:14px;color:#962e34;}
h2 {padding-bottom:2px;margin:10px 0 5px 0;font-size:13px;color:#962e34;}
h3,h4 {font-size:12px;margin:0;padding:0;}

/* front */
.title {display:block;margin:0 0 15px;font-weight:bold;font-size:14px;}
.t-c {margin:0 0 5px;}

#pushbox {margin:0 0 15px;}
#pushbox ul {padding:0 10px;float:left;width:100%;}
#pushbox ul li {width:168px;float:left;display:block;margin:0 10px;padding:0 0 11px;background:url(../images/layout/pushbox-shadow.png) no-repeat 50% 100%;}
#pushbox ul li .photo {float:left;display:block;margin:0 0 1px;width:168px;height:115px;overflow:hidden;position:relative;}
#pushbox ul li .photo img {display:block;}
#pushbox ul li .photo em {position:absolute;right:-1px;top:-1px;text-indent:-9999px;width:58px;height:58px;}
#pushbox ul li div {float:left;width:100%;background-repeat:repeat-x;background-position:0 0;text-align:center;line-height:1;}
#pushbox ul li div h2 {color:#fff;text-transform:uppercase;margin:0;font-size:12px;padding:0;}
#pushbox ul li div h2 a {display:block;padding:8px 5px 5px;text-decoration:none;color:#fff;}
#pushbox ul li div h2 a:hover {text-decoration:none;}
#pushbox ul li div .url {display:block;padding:0 5px 10px;color:#fff;text-decoration:underline;font-weight:normal;}
#pushbox ul li.laser div {background-image:url(../images/layout/gradient-metal.png);background-color:#696a6c;}
#pushbox ul li.robot div {background-image:url(../images/layout/gradient-blue.png);background-color:#3656a0;}
#pushbox ul li.ledos div {background-image:url(../images/layout/gradient-black.png);background-color:#000;}
#pushbox ul li.rekla div {background-image:url(../images/layout/gradient-green.png);background-color:#3b6d23;}
#pushbox ul li.avtob div {background-image:url(../images/layout/gradient-grey.png);background-color:#919196;}
#pushbox ul li:hover div {background-image:url(../images/layout/gradient-red.png);background-color:#63080d;}
#pushbox ul li:hover div a {text-decoration:none;}

body.en #pushbox ul li div .url,
body.de #pushbox ul li div .url,
body.hr #pushbox ul li div .url {display:none;}
body.en #pushbox ul li div h2,
body.de #pushbox ul li div h2,
body.hr #pushbox ul li div h2 {padding-bottom:5px;}

#carousel {width:100%;height:91px;margin:0 0 20px;background:url(../images/layout/bg-carousel.jpg) no-repeat 50% 0;}
#carousel .ctrl {float:left;width:20px;height:91px;cursor:pointer;text-indent:-9999px;overflow:hidden;display:block;background-repeat:no-repeat;background-position:50% 50%;}
#carousel .bk {background-image:url(../images/icons/arrow-carousel-left.png);}
#carousel .fw {background-image:url(../images/icons/arrow-carousel-right.png);}
#carousel .bk:hover {background-image:url(../images/icons/arrow-carousel-left-hover.png);}
#carousel .fw:hover {background-image:url(../images/icons/arrow-carousel-right-hover.png);}
#carousel .photos {overflow:hidden;float:left;position:relative;width:880px;padding:22px 0;margin:0 20px;height:47px;}
#carousel .photos ul,
#carousel .photos ul li,
#carousel .photos ul li a,
#carousel .photos ul li a span,
#carousel .photos ul li a img {display:block;float:left;}
#carousel .photos ul {width:9999px;}
#carousel .photos ul li {margin:0 20px 0 0;}
#carousel .photos ul li a {height:45px;position:relative;border:1px solid #fff;overflow:hidden;}
#carousel .photos ul li a span {position:absolute;text-indent:-9999px;width:100%;height:100%;left:0;top:0;background:url(../images/layout/transparency/trans-w-50.png) repeat 0 0;}
#carousel .photos ul li a:hover {border-color:#000;}
#carousel .photos ul li a:hover span {background:none;}

/* front blocks */
.fb {float:left;margin:0 20px 0 0;}
.fb .top {overflow:auto;margin:0 0 10px;width:100%;clear:both;}
.fb .top h5 {float:left;margin:0 10px 0 0;font-size:14px;font-weight:bold;}
.fb .top a {border-left:1px solid #000;padding:1px 0 0 10px;display:block;float:left;}
.fb .top a em {font-style:normal;font-size:14px;line-height:1;}

.products {width:200px;}
.services {width:200px;}
.news {width:250px;margin-right:40px;}
.documents {width:230px;margin-right:0;}

body.de .products {width:180px;}
body.de .services {width:275px;}
body.de .news {width:215px;margin-right:20px;}

.products ul li,
.services ul li {margin:0 0 5px;float:left;width:100%;}
.products ul li a,
.services ul li a {display:block;padding:0 0 0 11px;background:url(../images/icons/arrow_1.gif) no-repeat 0 4px;}

.news h4 {display:inline;}
.news .date {font-size:10px;color:#666;margin:0 0 0 5px;}
.news .cms {display:block;clear:both;margin:2px 0 0;}

.documents ul li {margin:0 0 10px;float:left;width:100%;}
.documents ul li a {padding:0 0 0 23px;display:block;background:url(../images/icons/pdf3.png) no-repeat 0 0;}


/* subpages -> services and products */
#inside-submenu {width:218px;float:left;padding:10px 0;background:url(../images/layout/bg-secondary-navigation.jpg) no-repeat 0 0;border-bottom:1px solid #922c32;}
#inside-submenu li {margin:4px 0;}
#inside-submenu li a {background:url(../images/icons/arrow_1.gif) no-repeat 0 3px;padding-left:10px;font-weight:normal;}
#inside-submenu li a:hover {color:#000;text-decoration:none;}
#inside-submenu li a.sel {text-decoration:none;color:#000;font-weight:bold;}
#inside-submenu li ul {padding:7px 0;}
#inside-submenu li ul li {margin-left:10px;}
#inside-submenu li ul li a {font-weight:normal;padding-left:20px;background:url(../images/icons/arrow_3.gif) no-repeat 0 5px;}
#inside-submenu li ul li a.sel {color:#000;font-weight:normal;text-decoration:none;background:url(../images/icons/arrow_3.gif) no-repeat 0 -30px;}
#inside-submenu li ul li ul {padding-top:0;}
#inside-submenu li ul li ul li {margin-left:23px;}

#content-cont {margin-left:20px;float:left;width:720px;}
#content-cont .B_crumbBox {display:block;width:100%;border-bottom:1px solid #922c32;padding-bottom:2px;margin-bottom:10px;clear:both;}
#content-cont .B_crumbBox a {display:inline;}
#content-cont .B_crumbBox span.B_lastCrumb {display:inline;}
#content-cont .B_crumbBox a {text-decoration:none;padding-right:12px;margin-right:2px;background:url(../images/icons/raquo.gif) no-repeat 100% 5px;}
#content-cont .B_crumbBox span.B_lastCrumb a {text-decoration:none;background:none;margin:0;padding:0;}
#content-cont .B_crumbBox a:hover,#content-cont .B_crumbBox span.B_lastCrumb a:hover {text-decoration:underline;color:#000;}

#content-cont h1 {color:#000;font-size:20px;border:0;margin-bottom:10px;clear:both;}

/* cms */
.cms ul,.cms ol {list-style-position:inside;margin:0 0 1em;}
.cms ul li,.cms ol li {list-style-position:inside;margin:0 0 0 3em;}
.cms ul,.cms ul li {list-style:disc;}
.cms ol,.cms ol li {list-style:decimal;}
.cms img {margin:0 0 1em;}

ul.gallery {border-top:1px solid #000;border-bottom:1px solid #000;padding:10px 0;margin:2px 0 10px;float:left;width:100%;}
ul.gallery li {float:left;margin:5px 7px 8px;}
ul.gallery li a {height:122px;display:block;float:left;cursor:pointer;background:url(../images/icons/gallery-magnify.gif) no-repeat 100% -122px;}
ul.gallery li a:hover {background:url(../images/icons/gallery-magnify.gif) no-repeat 100% 0;}
ul.gallery li a span {height:105px;display:block;width:105px;overflow:hidden;}

.cms ul.gallery,
.cms ul.gallery li  {display:block;list-style:none;}

/* front page */
ul.nm {margin:8px 0;}
ul.nm li {margin:2px 0;color:#000;background:url(../images/icons/arrow_1.gif) no-repeat 0 5px;padding-left:10px;margin:1px 0;}

/* contact */
#contact-person {width:210px;float:left;margin-right:30px;}
#contact-person .person {margin-bottom:10px;padding:0 10px 10px;border-bottom:1px solid #ccc;}
#contact-person .person li span {width:45px;margin:0 10px 0 0;}
#contact-person .person .name-function {font-style:italic;padding-bottom:5px;}
#contact-person .person .name-function strong {font-style:normal;}

#contact-form {float:left;width:550px;}
#contact-form p {padding-bottom:10px;}
#contact-form form p {width:100%;margin:0 0 6px;padding:0;float:left;}
#contact-form form .error {background:#fff url(../images/icons/arrow_4.gif) no-repeat 5px 1px;padding-left:112px;color:#f00;width:auto;}
#contact-form form p label{width:90px;text-align:right;display:block;float:left;margin-right:15px;padding:3px 0 0;}
#contact-form form p input,#contact-form form p textarea {font-size:11px;padding:1px 2px;border:1px solid #000;border-bottom:1px solid #aaa;border-right:1px solid #aaa;float:left;background:#fff url(../images/layout/bg-content.gif) repeat-x 0 -10px;}
#contact-form form p .sbm {background:#87262b url(../images/buttons/bg-submit.gif) repeat-x 0 0;border:1px solid #000;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#fff;font-size:11px;font-weight:bold;margin-left:105px;padding:1px 7px;}

/* company info */
#company-data {width:210px;float:left;margin-right:30px;}

#company-description {float:left;width:550px;}
#company-description #kolektiv {margin:0 0 20px 20px;float:right;border:1px solid #aaa;padding:1px;}
#company-description #kolektiv img {float:left;}
#company-description #kolektiv:hover {border-bottom:1px solid #000;border-right:1px solid #000;}

/* news */
#news ul {border-bottom:1px solid #ccc;float:left;width:100%;margin-bottom:10px;padding-bottom:10px;}
#news ul li {float:left;}
#news ul li.title-date {width:190px;padding-right:15px;}
#news ul .content {width:580px;}
#news ul .title-date h2 {padding:0;margin:0;}
#news ul.paging {border:none;float:right;width:auto;}
#news ul.paging span.ditto_off,span#ditto_currentpage {font-weight:normal;text-decoration:none;display:block;border:1px solid #ccc;padding:2px 3px;float:left;margin-left:3px;}
#news ul.paging li a {font-weight:normal;text-decoration:none;display:block;border:1px solid #ccc;padding:2px 3px;float:left;margin-left:3px;}
#news ul.paging li a:hover,#news ul.paging li a.sel {background:#87262b url(../images/buttons/bg-submit.gif) repeat-x 0 0;color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;}
#news ul ul {border:none;}
#news ul ul li {width:100%;}

/* search results */
.ajaxSearch_paging {display:block;padding:3px 10px;background-color:#ccc;clear:both;}
.ajaxSearch_resultsInfo {display:block;width:100%;clear:both;padding-top:5px;}
#ajaxSearch_resultListContainer {margin:10px 0;}
#ajaxSearch_resultListContainer .ajaxSearch_result {background:#fff url(../images/icons/arrow_1.gif) no-repeat 11px 4px;padding-left:23px;margin:0 0 12px 0;}
.ajaxSearch_highlight,.ajaxSearch_highlight1 {padding:0 2px;background-color:#c3c5c9;}

/* modx hiding */
.ditto_month {display:none ! important;}
#searchClose {display:none  ! important;}

table.tehPodatki {border-collapse:collapse;width:100%;float:none;clear:both;}
table.tehPodatki td {border:1px solid black;text-align:center;padding:0 15px;height:10px;}
table.tehPodatki td.data {text-align:left;font-weight:bold;}
table.tehPodatki td.data2 {font-size:11px;font-weight:bold;}
table.tehPodatki tr.head td {background-color:#aaa;color:#fff;font-weight:bold;}

/* references */
#references {width:100%;margin:15px 0;}
#references li {width:21%;padding:0 2% 1%;margin:0 0 15px;float:left;height:200px;overflow:hidden;border-bottom:1px solid #ccc;}
#references li:hover {background:url(../images/layout/bg-references-hover.gif) repeat-x 0 0;}
#references li h3 a,#references li h3 span {display:block;text-decoration:underline;height:110px;padding:10px 10px 0;background-position:50% 60%;background-repeat:no-repeat;}
#references li h3 a:hover {text-decoration:none;color:#000;}
#references li p {padding:0 10px;}

/* references - company list */
#references li.elan-inventa h3 a {background-image:url(../images/identity/elan-inventa.gif);}
#references li.europlakat h3 a {background-image:url(../images/identity/europlakat.gif);}
#references li.lidl h3 a {background-image:url(../images/identity/lidl.gif);}
#references li.almont h3 a {background-image:url(../images/identity/almont.gif);}
#references li.btc-city h3 a {background-image:url(../images/identity/btc-city.gif);}
#references li.merkur h3 a {background-image:url(../images/identity/merkur.gif);}
#references li.petrol h3 a {background-image:url(../images/identity/petrol.gif);}
#references li.sct h3 a {background-image:url(../images/identity/sct.gif);}
#references li.simpss h3 a {background-image:url(../images/identity/simpss.gif);}
#references li.sportina-group h3 a {background-image:url(../images/identity/sportina-group.gif);}
#references li.sti h3 a {background-image:url(../images/identity/sti.gif);}
#references li.vegrad h3 a {background-image:url(../images/identity/vegrad.gif);}
#references li.zora h3 a {background-image:url(../images/identity/zora.gif);}
#references li.krvavec h3 a {background-image:url(../images/identity/krvavec.gif);}
#references li.energoplan h3 a {background-image:url(../images/identity/energoplan.gif);}
#references li.lesnina-inzeniring h3 a {background-image:url(../images/identity/lesnina-inzeniring.gif);}
#references li.merkator h3 a {background-image:url(../images/identity/mercator.gif);}
#references li.j3m h3 a {background-image:url(../images/identity/j3m-cintrage.gif);}
#references li.inles h3 a {background-image:url(../images/identity/inles.png);}
#references li.stol h3 a {background-image:url(../images/identity/stol.png);}
#references li.iglu h3 a {background-image:url(../images/identity/iglu-sport.png);}
#references li.milax h3 a {background-image:url(../images/identity/milax.png);}
#references li.infer h3 a {background-image:url(../images/identity/infer.png);}
#references li.jamnica h3 span {background-image:url(../images/identity/jamnica.png);}
#references li.lido h3 a {background-image:url(../images/identity/lido.png);}
#references li.alprem h3 a {background-image:url(../images/identity/alprem-oprema.png);}

.door {padding:5px 5px;margin:0 0 5px 0;background:#eee;border:1px solid #ddd;width:548px;}
.door h3{float:left;width:180px;margin:0 20px 0 0;}

/* additional references */
#additional-references {width:100%;float:left;}
#additional-references li {padding-left:13px;background:url(../images/icons/arrow_1.gif) no-repeat 0 5px;}

/* footer */
#footer {color:#555;background:#9b9d9f url(../images/layout/bg-footer.gif) repeat-x 0 0;padding:6px 0 4px;margin:0 0 10px;border-bottom:2px solid #81858b;border-top:1px solid #81858b;}
#footer a {color:#555;text-decoration:none;font-weight:normal;}
#footer  a:hover {text-decoration:underline;}
#footer .copyright {float:left;}
#footer .copyright li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #81858b;}
#footer .authors {float:right;}
#footer .authors li {float:left;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #81858b;}
#footer .authors li a {padding:3px 0;}
#footer .authors li.html-cut a {padding-right:24px;background:url(../images/identity/w3.gif) no-repeat 100% 6px;}
#footer .authors li.web-design a {padding-right:28px;background:url(../images/identity/avant-vidmar.gif) no-repeat 100% 1px;}
#footer .authors li.web-design a:hover {background-position:100% -43px;}

/* jQuery lightBox plugin | leandrovieira.com | v0.5 | 04/11/2008 */
#jquery-overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img {border:0;}
#lightbox-container-image-box {position:relative;background:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image {padding:10px;}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0;}
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width:49%;height:100%;display:block;}
#lightbox-nav-btnPrev {left:0;float:left;}
#lightbox-nav-btnNext {right:0;float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data {color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}	
#lightbox-image-details-caption {font-weight:bold;}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1em;}			
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:.7em;}


/* DEVELOPMENT
------------------------------ */
#ditto_archivelist {display:none ! important;}
.hidden {display:none;}


/* HACKS
------------------------------ */
.clear,
.door,
.b,
ul.gallery,
#pushbox,
#carousel,
#documents {display:inline-block;}

.clear:after,
.door:after,
.b:after,
ul.gallery:after,
#pushbox:after,
#carousel:after,
#documents:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}