body{ background:url("images/background.jpg"); }

body #body{ font-family:'Helvetica', sans-serif; width:960px; margin:100px auto 0px auto; }
body #body > .left { background:url('../styles/images/menu_back.png') top right repeat-y; width:200px; }
body #body .left {  float:left; }
body #body .right { width:760px; float:right; }
body #body .left img{ margin-right:20px; max-width:100px; margin-bottom:25px;}
body #body > .left img { margin-top:15px; }
body #body .left ul{ list-style-type: none; font-size:12px; font-family:'Helvetica'; }
body #body .left ul a{ color:black; text-decoration: none; display:block; }
body #body .left .menu{ padding:0; }
body #body .left .submenu{ padding-left:0px; }
body #body .left .submenu li{ padding-left:30px; }
body #body .left ul li{  padding:5px 0px; }
body #body .left ul.menu li.active span{ font-weight: bold; }
body #body .left .menu>li>a>span{ text-transform: uppercase;  }
body #body .left ul a:hover{ color:#777; cursor:pointer;}
body #body .left ul.menu li:hover{ background:white; }
body #body .left ul.menu > a{ text-transform: uppercase; }

body #body .right .content { padding:20px; min-height:740px; background-color:white; border:1px solid #CBCBCB; box-shadow:0px 0px 40px #BBB; padding:17px;  }
body #body .right .content .title_bar{ padding-bottom:40px; }
body #body .right .content .title_bar h3{ float:right; text-transform: uppercase; font-family:'Helvetica'; font-size:24px; color:#957563; font-weight: normal; margin:0; }
body #body .right .content textarea{  height:300px;}
body #body .right .content p{ margin:0; }
body #body .right .content ul{ margin-top:0; margin-bottom:0; }
body #body .right .content a{ color:#888888; text-decoration: underline; font-size:12px; }
body #body .right .content a:hover{ text-decoration: none; }

body #body .right .content .novice .title,body #body .right .content .novice .date { text-transform: uppercase; }
body #body .right .content .novice .description a{ color:black; text-decoration: none; }
body #body .right .content .novice .description a:hover{ text-decoration: underline; }
body #body .right .content .novice .novica_top > div.novica_left{ float:left; }
body #body .right .content .novice .novica_top > div.novica_right{ height:227px; float:right; width:493px; border-bottom:1px solid #747474; position:relative; }
body #body .right .content .novice .novica_top > div.novica_right .date, div.novica_right .title{ font-family:"Helvetica"; color:#9c7e6d; font-size:18px; }
body #body .right .content .novice .novica_top > div.novica_right .description{ margin-top:7px; text-align:justify; color:#0e0e0e; font-family:"Helvetica"; font-size:12px; }
body #body .right .content .novice .novica_top > div.novica_right .description .pdf_contact{ position:absolute; bottom:10px; right:0; }
body #body .right .content .novice .novice_bottom { margin-top:15px; height:390px; }
body #body .right .content .novice .novice_bottom .novica{ height:100%; float:left; width:160px; padding:0px 11px; border-right:1px solid #747474; position:relative;  }
body #body .right .content .novice .novice_bottom .novica .title{ color:#957563; font-family:"Helvetica"; font-size:14px; }
body #body .right .content .novice .novice_bottom .novica .description{ font-size:12px; }
body #body .right .content .novice.first .novice_bottom .novica:nth-child(1){ width:345px;  }
body #body .right .content .novice .novice_bottom .novica:nth-child(1){ padding-left:0px;  } 
body #body .right .content .novice .novice_bottom .novica .pdf_contact{ position:absolute; bottom:0; right:11px; }
body #body .right .content .page_nav{ margin-top:25px; position:absolute; bottom:10px; width:724px; }
body #body .right .content .page_nav > .nav_inner{ float:right; display:table; line-height: 0;  }
body #body .right .content .page_nav > .nav_inner > div{ padding:0px 3px; display:table-cell; vertical-align:middle; color:#0e0e0e; font-size: 12px; font-family:'Helvetica'; }
body #body .right .content .page_nav > .page_count > div { font-family:'Helvetica'; font-size:10px; color:black; text-decoration: none; }

body #body .right .content .o_podjetju{ border-bottom:1px solid #747474; position:relative; padding-bottom:70px; font-size:12px; font-family:"Helvetica"; text-align: justify; } 
body #body .right .content .o_podjetju .reports{ position:absolute; bottom:10px; right:0; }
body #body .right .content .o_podjetju .reports a{ margin-left: 15px; }
body #body .right .content .contact{ margin-bottom:40px; }
body #body .right .content .contact .left{ line-height: 0; }
body #body .right .content .contact .left img{ margin-right:15px; margin-bottom:0; border-bottom: 1px solid #747474; }
body #body .right .content .contact .right{ width:533px; border-bottom: 1px solid #747474; }
body #body .right .content .contact .right .title{ font-size:18px; color:#957563; padding-bottom:15px; }
body #body .right .content .contact .right table{ border-collapse: collapse; font-size:12px; font-family:Helvetica; }
body #body .right .content .contact .right table tr:nth-child(1) td{ padding-bottom:15px; }
body #body .right .content .contact .right table tr td:nth-child(1){ padding-right:110px; }

body #body .right .content .zaposleni{ margin-bottom:30px; }
body #body .right .content .zaposleni .zaposlen{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #747474; }
body #body .right .content .zaposleni .zaposlen .left{ line-height: 0; }
body #body .right .content .zaposleni .zaposlen .left img{ margin:0; padding:0; }
body #body .right .content .zaposleni .zaposlen .right{ width:530px; font-size:12px; text-align:justify; }
body #body .right .content .zaposleni .zaposlen .right table { position:relative; height: 100%; border-collapse: collapse; }
body #body .right .content .zaposleni .zaposlen .right table tr td { position:relative; }
body #body .right .content .zaposleni .zaposlen .right table tr td img { margin-left:50px;  }
body #body .right .content .zaposleni .zaposlen .right table tr td .ref{ position:absolute; bottom:0; }


body #body .right .content table tr td{ vertical-align: top; }

body #body .right .content .storitve{ padding:3px; }
body #body .right .content .storitve > a > div.storitev{ position:relative; height:145px; }
body #body .right .content .storitve > div.separator{ height:1px; margin:15px 0px; background:#747474; }
body #body .right .content .storitve > a > div .title{ font-family:"Helvetica"; font-size:14px; color:white; position:absolute; top:12px; left:8px; text-transform: uppercase; }
body #body .right .content .storitve > a:nth-child(1) > div .title{ color:black; }
body #body .right .content .storitve > a > div .text{ position:absolute; bottom:0; padding:10px 5px; font-size:10px; font-family:"Helvetica";  background:rgba(255,255,255,0.7); color:black;} 

body #body .right .content .reference .column{ float:left; padding:0px 10px; border-right:1px solid #747474; margin-bottom:50px; }
body #body .right .content .reference .column:nth-child(1){ padding-left:0; }
body #body .right .content .reference .column:nth-last-child(1){ padding-right:0; border:0; }
body #body .right .content .reference .column > div { cursor:pointer; border-bottom:1px solid #747474; line-height:0; position:relative; padding:10px 0px; }
body #body .right .content .reference .column > div:nth-child(1){ padding-top:0; }
body #body .right .content .reference .column > div:nth-last-child(1){ border-bottom:0; padding-bottom:0; }
body #body .right .content .reference .column > div .text { line-height:14px; position:absolute; width:160px; padding:3px 2px 3px 3px; bottom:10px; left:0; background:rgba(255,255,255,0.8); }
body #body .right .content .reference .column > div:nth-last-child(1) .text{ bottom:0; }
body #body .right .content .reference .column > div .text .big{ color:black; margin-top:3px; font-family:"Helvetica"; font-size:14px; }
body #body .right .content .reference .column > div .text .small{ color:black; font-family:"Helvetica"; font-size:12px; margin-top:5px; margin-bottom:15px; }
body #body .right .content .reference .column > div img.on{ display:none; }
body #body .right .content .reference .column > div:hover img.off{ display:none; }
body #body .right .content .reference .column > div:hover img.on{ display:block; } 
body #body .right .content{ position:relative; }
body #body .right .content .vse_ref a:hover{ text-decoration: underline; }
body #body .right .content .vse_ref a{ position:absolute; bottom:15px; right: 20px; font-family:'Helvetica'; font-size:12px; color:black; text-decoration: none; }
 
 
body #body_main{ margin:100px auto 0px auto; width:960px;  }
body #body_main #inner{ background-color:white; border:1px solid #CBCBCB; padding:30px; padding-left:45px; box-shadow:0px 0px 40px #BBB; }
body #body_main #inner .images_container { margin-top:30px; }
body #body_main #inner .images_container .block{  position:relative; cursor:pointer; box-shadow: 3px 3px 5px #747474; margin-right:1%; height:195px; float:left; position:relative; background-position:top right; }
body #body_main #inner .images_container .block:nth-child(2){ margin-right:0; margin-bottom:10px; }
body #body_main #inner .images_container .block:nth-child(1){ margin-bottom:10px; }
body #body_main #inner .images_container .block:nth-child(5){ margin-right:0; }
body #body_main #inner .images_container .block h2{ font-size:14px; font-family:'Helvetica'; color:#010101; font-weight:normal; margin:0; }
body #body_main #inner .images_container .block .text{ opacity:0.8; padding:10px 3%; position:absolute; bottom:0;  width:94%; background-color:white; text-align:justify; font-size:12px; font-family:'Helvetica'; }
body #body_main #inner .images_container .block .text .mini{ display:none; border: 1px solid transparent; margin-top:10px; }
body #body_main #inner .images_container a{ color:black; }
body #body_main #inner .images_container #n1.block.active{ background:url('images/1_on.jpg')!important; }
body #body_main #inner .images_container #n2.block.active{ background:url('images/2_on.jpg')!important; }
body #body_main #inner .images_container #n3.block.active{ background:url('images/3_on.jpg')!important; }
body #body_main #inner .images_container #n4.block.active{ background:url('images/4_on.jpg')!important; }
body #body_main #inner .images_container #n5.block.active{ background:url('images/5_on.jpg')!important; }

body #footer { width: 960px; text-align:center; margin: 0px auto; font-size: 10px; color: #9c7e6d; padding-top:2px; font-family:'Helvetica'; margin-bottom:100px; text-align:center; margin-top:15px; }
body #footer a{ color: #9c7e6d; text-decoration: none; }
body #footer a:hover{ text-decoration: underline; }

/*here is styles for my Druzbena odgovornost link*/
body #down {font-weight: bold;font-size: 13px; color: #9c7e6d;font-family:'Helvetica'; text-align:left;margin-top:10px;margin: 0px 0px 0px 10px; display: block;}
body #down a {color:black; text-decoration: none; display:block; }
body #down a:hover{ color:#777; cursor:pointer;}


body #modal_wrapper{background: rgb(0, 0, 0); background: rgba(0, 0, 0, .3); position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; }
body #modal_wrapper #modal{ position:relative; min-height:100px; width:918px; margin:170px auto; background-color:white; padding:20px; border:1px solid #CBCBCB; box-shadow:2px 2px 5px #777; }
body #modal_wrapper #modal .top{ position:relative; border-bottom:1px solid #9c7e6d; padding-bottom:10px; }
body #modal_wrapper #modal .top h2{ color:#9c7e6d; font-size:36px; font-weight:normal; margin:0; padding-bottom:5px; font-family:'Arial'; }
body #modal_wrapper #modal .top .contact{ position:absolute; bottom:7px; right:0; }
body #modal_wrapper #modal #modal_back { cursor:pointer; background-color:white; position:absolute; bottom:-50px; right:0; padding:7px 30px 7px 40px; border:1px solid #CBCBCB; box-shadow:2px 2px 5px #777; }
body #modal_wrapper #modal #modal_back .arrow_left{ position:absolute; top:5px; left:20px; height:24px; width:14px; background:url('images/arrow_left.PNG'); }
body #modal_wrapper #modal .buttons{ margin-top:10px; }
body #modal_wrapper #modal .buttons .button{ border:1px solid #CBCBCB; padding:6px 8px; float:left; margin-right:10px; }

.back_button{ border:1px solid #CBCBCB; padding:6px 8px; float:left; margin-right:10px; }
body #nivo_2_content{ background-color:white; min-height:450px; border:1px solid #CBCBCB; box-shadow:0px 0px 40px #BBB; padding:17px;}
/*body #nivo_2_content{ background-color:white; border:1px solid #CBCBCB; box-shadow:0px 0px 40px #BBB; padding:17px;}*/
body .logo_bar{ padding-bottom:50px;  }
body .logo_bar img{ margin-top:15px; }
body #nivo_2_content .right { width:710px; min-height:100px; }
/*body #nivo_2_content .top .left{ position:relative; height:840px; width:200px; }*/
body #nivo_2_content .top .left{ position:relative; width:200px; }
body #nivo_2_content .top .left .row .small_img{ width:60px; height:60px; float:left; margin-top:6.6px; margin-right:6.6px; cursor: pointer; }
body #nivo_2_content .top .left .row a:nth-child(3) .small_img{ margin-left:0; }
body #nivo_2_content .top .left .row .small_img:nth-child(3){ margin-left:0; }
body #nivo_2_content .top .left .rows{ position:absolute; bottom:0; }
body #nivo_2_content .top .left img{ margin:0; width:15px; }
body #nivo_2_content .storitve .top .right { width:710px; line-height: 0; }
body #nivo_2_content .top .right > img { width:710px; }
body #nivo_2_content .storitve .bottom .right{ margin-top:15px; }
body #nivo_2_content .storitve .bottom .right .small_title{ font-size:12px; color:#9c7e6d; font-family:'Helvetica'; margin-bottom:3px; }
body #nivo_2_content .right .title{ font-size:18px; color:#9c7e6d; font-family:'Helvetica'; margin-bottom:20px; }
body #nivo_2_content .right .description{ font-family:'Helvetica'; font-size:12px; color:#0e0e0e; text-align: justify; }
body #nivo_2_content .right .pdf_mail{ margin-top:10px; }
body #nivo_2_content .right .pdf_mail_inner{ float:right; }
body #nivo_2_content .right .pdf_mail_inner a { margin-left:5px; font-family:'Helvetica'; font-size:12px; color:black; text-decoration: none; }
body #nivo_2_content .right .pdf_mail_inner a:hover { text-decoration: underline; }
body #nivo_2_content .right .pdf_mail_inner a > img{ margin:0 5px; }
body #nivo_2_content .right .pdf_inner{ float:left; }
body #nivo_2_content .right a { line-height: 5px; color:#C6B78C; text-decoration: none;}
body #nivo_2_content .right .link_inner{ line-height: 20px;}
body #nivo_2_content .right .link_inner a { line-height: 5px; color:#C6B78C; text-decoration: none;}
body #nivo_2_content .right .pdf_inner a { margin-left:5px; font-family:'Helvetica'; font-size:12px; color:black; text-decoration: none; }
body #nivo_2_content .right .pdf_inner a:hover { text-decoration: underline; }
body #nivo_2_content .right .pdf_inner a > img{ margin:0 5px; }
body #nivo_2_content .kom_gos .top .right >img{ padding-bottom:20px; border-bottom:1px solid #747474; }
body #nivo_2_content .kom_gos .top .right .title{ padding-top:10px; }
/*body #nivo_2_content .kom_gos .top .right .description{ height:460px; overflow: auto; padding-right:10px; }*/
body #nivo_2_content .kom_gos .top .right .description{ overflow: auto; padding-right:10px; }
body #nivo_2_content .kom_gos .top .right .descriptionGold{ color:#C6B78C; }

body #nivo_2_content .kom_gos.referenca .top .right > img{ height:455px; margin-bottom:5px; border-bottom:0; padding-bottom:5px; }
/*body #nivo_2_content .kom_gos.referenca .top .right div.description{ height:105px; }*/
body #nivo_2_content .kom_gos.referenca .top .right div.mini-ttl{ color:#9c7e6d; font-family:"Helvetica"; font-size:12px; }
body #nivo_2_content .kom_gos.referenca .top .right div.year { font-family:"Helvetica"; font-size:12px; font-weight:bold; }
body #nivo_2_content .kom_gos.referenca .top .right div.narocnik { font-family:"Helvetica"; font-size:12px; font-weight:bold; }
body #nivo_2_content .kom_gos.referenca .top .left{ height:455px; }

#map{ 
	width: 720px;
    height: 310px; 
    margin:20px 0px;
}
        
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}