@charset "utf-8";
* {margin:0;padding:0;outline:none;}
body {color: #bbb;background: #333333 url(../media/bg_body.gif) repeat-x;font-family: arial, verdana, "frutiger linotype", "lucida grande", sans-serif; font-size:14px;}
a {color: #EFEFEF; text-decoration: none;}
a:hover{color:#ffffff;text-decoration:underline}

a.op img{opacity:.6;}
a.op:hover img{opacity:1;}

.curv10{border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.curv5{border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


/* =========== texti ===============*/
.white{color:#fff}
.dkgreen{color:#8CB654}
.green{color: #6C0}
.dkgrey{color:#666}
.grey{color:#CCC}
.big{font-size:18px;}
.medium{font-size:14px;}
.small{font-size:12px}
.micro{font-size:10px}
.right{text-align:right}
.center{text-align:center}


img.txtleft{margin:0 0 10px 10px;}
img.txtright{margin:0 10px 10px 0;}

img.txtleft2{margin:0 0 10px 10px; border:0;}
img.txtright2{margin:0 15px 15px 0;}

.hidden{display:none}

p{padding-bottom:12px}
p.double{padding-bottom:25px}
p.none{padding-bottom:0;}
p.ju{text-align:justify}

a.showmore{color:#8CB654; font-weight:bold}
a.showmore b{color:white;}

#page_wrapper{width:960px; margin:0 auto 20px;}
#header, #content, #partners, #footer{ margin:0 0 20px;}
#header{padding-bottom:5px;  clear:both}
#footer{text-align:right; margin-bottom:0;  clear:both}
#intro_title{text-align:center; background:#111; border:1px solid #4a4a4a;}
h1{font-size:22px;  margin:40px 140px; padding:7px 10px; text-align: center;background:#111; border:1px solid #4a4a4a;}
h2{color:#8CB654; letter-spacing:-1px; font-size:22px;}
h3{font-size:21px;}
#site_logo{ background:url(../media/bg_logo.gif) no-repeat 260px 0; height:61px}
#header ul{background:#374921; border:1px solid #577232; padding:3px 5px 6px; width:auto; display:block; float:right; margin-top:16px;}
#header ul li{list-style:none; display:inline;}
#header ul li a{ font-weight:bold;padding:1px 6px 4px; }
#header ul li.selected a{background:#171F0E;}
#header ul li.selected a:hover{text-decoration:none}
#contacts{ background:url(../media/bg_contact.gif) no-repeat; padding:3px 0 0 35px; float:right; height:25px;  margin:16px 0 0 20px;font-weight:bold}

#ponudba_menu{background:#191919 !important;border:1px solid #4F4F4F !important; float:none !important;width:100% !important}
#ponudba_menu li{padding:1px 5px 2px !important;}
#ponudba_menu li a{padding:0 !important}
#ponudba_menu li.selected a{border-bottom:2px solid #A4C578;}

#breadcrumbs{margin-left:10px; font-size:10px; color:#8CB654}
#breadcrumbs b{font-size:11px;}
#breadcrumbs a.back{ color:#8CB654}

#content, .leftpane{width:600px; float:left; border:none; border-top:1px solid #555; -moz-border-radius:8px; background:#191919}
#rightpanel{float:right !important; width:300px !important;}

.panel, .panelr{ padding:20px 10px; border:none; border-top:4px solid #444 !important; margin-bottom:20px;}
.panelr{background:#252525; padding:10px 10px;}
.panel legend{font-size:24px; color:#CCC !important; padding:0 10px;}
.panelr legend{font-size:18px; color:#CCC !important; padding:0 10px;}

.thumb2{width:80px; margin:0 7px 7px 0; opacity:0.6}
.thumb_big{width:120px; margin:0 10px 10px 0; opacity:0.6}
a:hover .thumb2, a:hover .thumb_big{opacity:1}


/* ======== index2 ============*/
#index2 #content{margin-top:-20px; padding-top:10px}
#index2 .leftpane{width:525px !important;}
#index2 #rightpanel{width:385px !important}
#galerija img.m0{margin-right:0 !important}
.lnk_m img{border:0;width:60px;}
.lnk_m.selected img/*, .lnk_m:hover img*/{width:90px; opacity:1;}
.m_des h2{color:#8CB654; letter-spacing:1px; font-size:22px; padding-bottom:5px}
.m_des p{font-size:16px; padding-right:45px;}
.m_des p.none{padding-right:0;}
.m_des{position:relative}
.m_des a.next{position:absolute; right:-5px; top:40px;}
.m_des a.next img{border:none}
#povprasevanje{position:relative;}
#povprasevanje p{padding-right:135px;}
#povprasevanje p.none{padding-right:150px}
#povprasevanje img{position:absolute; top:-48px; right:16px;}




/* ======== index ============*/
#index #content{width:100%; border:none !important; background:none}
#types_wrapper{width:560px; float:right}
.app_type{width:245px; height:114px; position:relative; float:left; background:#252525; border:1px solid #999; margin:85px 12px 30px 0; text-align:center; padding:55px 9px 10px; -moz-border-radius:8px; position:relative} 
#index .last{ margin:85px 0px 20px 0;}
.app_type img{position:absolute; top:-100px; left:57px; border:0px; width:154px; height:154px;}
.app_type h3{color:#FFF}
.app_type p{margin:10px 2px; font-size:14px; color:#8CB654;}
.app_type:hover{border:1px solid #bcbcbc; background:#101010;}
.app_type div.options{position:absolute; bottom:5px; right:8px; color:#8CB654;}
#index_gallery{float:left; width:360px; text-align:center}
#index_gallery a.ig:hover img{border:1px solid #fff; opacity:1;}
#index_gallery img{padding:3px; opacity:0.6; border:1px solid transparent; margin-top:8px; width:340px; height:170px;}

/* ====== koristne povezave ======*/
img.link{margin:6px 10px 20px 0;}


/* =========== PODSTRANI MATERIALI ===========*/
.material .leftpane{width:560px !important;}
.material #rightpanel{width:350px !important}
.material #galerija img{width:170px; height:110px; margin:0 10px 10px 0}

.tabmenu{padding:6px 0 6px; margin-bottom:2px}
.tabmenu a{padding:6px 15px; text-decoration:none}
.tabmenu a.selected{padding:6px 15px 9px; background:#000; border-top:3px solid #8CB654; font-weight:bold; color:white}

table.cenik{width: 100%; border-bottom:1px solid #CCC}
table.cenik th{border-top:1px solid #666; border-bottom:1px solid #999; color: #8CB654; font-weight:bold; width:100px; background:#000; padding:5px 7px;}
table.cenik td{border-bottom:1px dashed #444; padding:4px 4px;}
table.cenik tr:hover td{background:#111;border-bottom:1px dashed #444; }
table.cenik tr.notes td{border-top:1px solid #CCC; background:#000; padding:6px 7px;}
table.cenik tr.notes.nob td{border-top:none !important;}
table.cenik ul{display:inline-block; margin-left:10px; list-style:none}

/* =========== povprasevanje ===========*/
#povprasevanje #content{width:100%; background:transparent url(../media/bg_povprasevanje.png) no-repeat 640px 230px}
#request_frm input, #request_frm textarea{margin-bottom:10px; background:#7b7b7b; border:1px solid #222; padding:2px}
#request_frm input:hover, #pnotes:hover{background:#8f8f8f;}
#request_frm input:focus, #pnotes:focus{background:#bcbcbc;}
#request_frm input{width:250px;}
#pnotes {width:450px; height:150px}
#parea{width:120px !important}
#request_frm fieldset{background:#252525; width:480px; padding:10px; border:1px solid #999; margin-bottom:20px; float:left; -moz-border-radius:4px;}
#osebno{width:280px !important; margin-left:30px; margin-right:100px;}
#request_frm p{padding-bottom:8px;}
#request_frm .chkbox{width:auto}
#request_frm .button{width:auto; background:#6D8848; cursor:pointer; padding:2px 12px; float:left; margin-top:20px; margin-left:30px;font-size:16px; font-weight:bold}
#request_frm .button:hover{width:auto; background:#8CB654}
#request_frm legend{margin:0 2px; padding:0 7px; color:#8CB654 !important; font-size:16px}
#request_frm b{color: #6C0}
#a_note{float:left; margin:0px 0 5px 30px;}

/* ========= potrdilo-povprasevanja ===========*/
#potrdilo-povprasevanja #content{ background: #252525 url(../media/bg_ok.png) no-repeat 505px 35px}

/*========== reference ==========*/
#project_applications{border-bottom:1px dashed #444; padding-bottom:10px;}
#project_applications label{margin-right:15px; font-size:15px;}
#reference_list {clear:left; width:100%; margin:20px 0 30px;}
#reference_list li{float:left; list-style:none; clear:both; width:100%; color:#888; font-size:12px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #444}

#reference_list img.thumb{margin:6px 15px 20px 0 !important}
#reference_list img{margin-right:5px; margin-bottom:5px; border:1px solid #999;}
#reference_list a:hover img{border:1px solid white; outline:1px solid white;}
#reference_list h3{color:#fff; width:auto; display:inline;}
#reference_list p{color:#8CB654; font-size:12px;}
#reference_list .tabs p{margin:0;}
#reference_list div.tabs a.lnk_p{ color:#999; background:#111; font-size:13px; font-weight:bold; padding:2px 10px;}
#reference_list div.tabs a.lnk_p.selected{color:white; background:#000;}
#reference_list div.tabs a:hover.lnk_p{background:#000;}
#reference_list div.tabs div.p_des{margin-left:140px}
#reference_list .p_des{position:relative}
#reference_list .datum{position:absolute; top:5px; font-size:16px; left:200px; text-align:center}

/* ========== O nas ===========*/
a.mapa {padding:1; color:#FFF}
a.mapa img{opacity:0.6; margin:10px 0 10px 28px; width:220px;}
a.mapa:hover img{opacity:1}