body {
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
background-position: top left;
background-image: url(../images/pagebg.png);
background-color: #C0DEED;
font-family: tahoma;
font-size: 12px;
}
a, a:hover {
color: #5E5B5B;
}
a:hover {
text-decoration: underline;
}
div.page {
position: relative;
margin: 0px auto;
width: 971px;
background-color: #F3F3F3;
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 7px;
background-image: url(../images/pagebodybottom.png);
margin-bottom: 6px;
}
div.footer {
position: relative;
margin: 0px auto;
width: 951px;
height: 100px;
background-repeat: no-repeat;
background-position: bottom left;
padding: 10px;
background-image: url(../images/footerbg.png);
margin-bottom: 6px;
color: white;
}
div.pageb {
min-height: 400px;
border-left: 1px solid #2F80A7;
border-right: 1px solid #2F80A7;
}
div.head {
height: 121px;
background-repeat: repeat-x;
background-position: top left;
background-image: url(../images/headbg.png);
background-color: #0F7FB6;
border-bottom: 2px solid #B0AEAE;
position: relative;
}
div.head a.logo {
outline: 0px;
display: block;
text-decoration: none;
text-indent: -1000em;
position: absolute;
top: 34px;
left: 25px;
width: 311px;
height: 63px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/logo.png);
}
ul.hmeni, ul.hmeni li {
margin: 0px;
list-style-type: none;
list-style-position:outside;
font-size: 11px;
}
ul.hmeni li {
float: left;
}
ul.hmeni li a {
outline: 0px;
display: block;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
div.head ul.mainmeni {
position: absolute;
right: 10px;
width: auto;
height: 32px;
bottom: 0px;
}
div.head ul.mainmeni li {
margin: 0px 2px;
line-height: 32px;
}
div.head ul.mainmeni li a {
width: 120px;
color: white;
text-align: center;
text-transform:uppercase;
background-repeat: no-repeat;
background-position: top left;
}
div.head ul.mainmeni li a:hover {
background-position: bottom left;
}
div.head ul.mainmeni li.h a {
width: 40px;
text-align: left;
text-indent: -1000em;
background-image: url(../images/gumb_home.png);
}
div.head ul.mainmeni li.o a {
background-image: url(../images/gumb_domene.png);
}
div.head ul.mainmeni li.g a {
background-image: url(../images/gumb_hosting.png);
}
div.head ul.mainmeni li.s a {
background-image: url(../images/gumb_vzdrzevanje.png);
}
div.head ul.mainmeni li.b a {
background-image: url(../images/gumb_eresitve.png);
}
div.head ul.headmeni {
position: absolute;
right: 10px;
width: auto;
height: 30px;
top: 0px;
display:none;
}
div.head ul.headmeni li {
display: block;
margin: 0px 2px;
height: 30px;
line-height: 30px;
}
div.head ul.headmeni li a {
height: 25px;
line-height: 25px;
padding-bottom: 5px;
padding-right: 30px;
width: 72px;
color: white;
text-align: center;
background-repeat: no-repeat;
background-position: top left;
text-transform:none;
font-weight: bold;
}
div.head ul.headmeni li a:hover {
background-position: bottom left;
}
div.head ul.headmeni li.h a {
padding-right: 0px;
width: 42px;
text-align: left;
text-indent: -1000em;
background-image: url(../images/gumb_help.png);
}
div.head ul.headmeni li.l a {
background-image: url(../images/gumb_prijava.png);
}

div.clear {
clear: both;
}

div.body {
padding: 14px 13px;
padding: 11px 11px;
}

div.notebox {
float: left;
width: 280px;
height: 174px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/notebox.png);
padding-left: 11px;
padding-bottom: 17px;
}
div.notebox h3 {
margin: 0px;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
float: right;
display: inline;
background-color: gray;
color: #ffffff;
height: 19px;
line-height: 19px;
padding: 0px 26px;
}
div.notebox div.cont {
clear: both;
padding: 12px;
}
div.noteboxsky h3 {
background-color: #55C5E8;
}
div.noteboxgreen h3 {
background-color: #9AD14A;
}

div.banner {
float: left;
width: 645px;
height: 176px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/bannerbox.png);
color: white;
padding: 4px 4px 4px 3px;
margin-right: 3px;
overflow: hidden;
}

div.boxproj {
float: left;
width: 350px;
height: 138px;
background-repeat: no-repeat;
background-position: top left;
margin-right: 12px;
padding: 1px;
padding-bottom: 20px;
color: #828181;
}
div.boxproj h4 {
margin: 0px;
padding: 0px;
background-color: silver;
line-height: 28px;
height: 29px;
padding-left: 10px;
color: white;
font-size: 12px;
}
div.boxproj a.img {
float: left;
width: 104px;
height: 118px;
display: block;
text-decoration: none;
text-align: center;
}
div.boxproj a.img img {
border: 0px;
width: 104px;
height: 118px;
}

div.boxproj div.cont {
float: left;
height: 110px;
width: 238px;
overflow: hidden;
line-height:20px;
font-size: 13px;
padding-top:8px;
padding-right:8px;
}
div.boxproj div.cont a {
font-size: 13px;
display: block;
text-decoration: none;
color: #828181;
}
div.boxproj div.cont a:hover {
text-decoration: underline;
}
div.boxprojg {
background-image: url(../images/boxprojg.png);
}
div.boxprojg h4 {
background-color: #9AD14A;
}
div.boxprojg div.cont a {
color: #9AD14A;
}
div.boxprojb {
background-image: url(../images/boxprojb.png);
}
div.boxprojb h4 {
background-color: #69B2D6;
}
div.boxprojb div.cont a {
color: #69B2D6;
}
div.boxprojinfo {
width:217px;
margin-right:0px;
background-image: url(../images/boxprojinfo.png);
}
div.boxprojinfo h4 {
background-color: #FFAB3A;
}
div.boxprojinfo div.cont {
float: none;
width: auto;
line-height:16px;
}
div.boxprojinfo div.cont ul {
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px 5px;
}
div.boxprojinfo div.cont ul li {
list-style-position:outside;
list-style-type:none;
margin: 0px;
padding: 0px;
font-size: 10px;
padding-left:15px;
background-repeat: no-repeat;
background-position: 0px 4px;
background-image:url('../images/infobullet.png');
}
div.boxprojinfo div.cont a {
color: #FFAB3A;
}

div.boxfs {
clear: both;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/boxfs.png);
height: auto;
padding-bottom: 10px;
margin-bottom: 10px;
}
div.boxfs h3 {
margin: 0px;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
background-color: gray;
color: #ffffff;
height: 23px;
line-height: 23px;
padding: 0px;
text-align: center;
}
div.boxfso h3 {
background-color: #FFAB3A;
}

div.produkti div.cont {
width: 944px;
padding-left: 10px;
overflow: hidden;
height: 158px;
}
div.produkti ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-position:outside;
height: 158px;
display: block;
width: 5000px;
}
div.produkti ul li {
margin: 0px;
float: left;
width: 285px;
height: 158px;
white-space: nowrap;
background-repeat: no-repeat;
background-position: center right;
background-image: url(../images/produktiitembg.png);
padding-right: 20px;
margin-right: 17px;
overflow:hidden;
}
div.produkti ul li img {
float: left;
width: 99px;
height: 151px;
margin-right: 20px;
border: 0px;
}
div.produkti ul li div.desc {
float: left;
width: 155px;
white-space:normal;
color: #828181;
}
div.produkti ul li div.desc a {
text-decoration: none;
color: #828181;
}
div.produkti ul li div.desc a:hover {
text-decoration: underline;
}
div.produkti ul li h4 {
margin: 17px 0 12px;
font-size: 14px;
font-family: tahoma;
font-weight: bold;
color: #3B9ECE;
padding: 0px;
}
div.produkti ul li div.desc h4 a,div.produkti ul li div.desc h4 a:hover {
color: #3B9ECE;
text-decoration: none;
}

div.reference {
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/referencebox.png);
height: 224px;
padding-bottom: 7px;
width: 651px;
float: left;
margin-right: 5px;
}
div.reference h3 {
margin: 0px;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
background-color: gray;
color: #ffffff;
height: 23px;
line-height: 23px;
padding: 0px;
text-align: center;
}
div.referenceb h3 {
background-color: #0866A7;
}

div.reference div.cont {
height: 178px;
padding-top: 10px;
padding-bottom: 14px;
}
div.reference div.cont a.prevbtn, div.reference div.cont a.nextbtn {
float: left;
display: block;
width: 33px;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
text-indent: -1000em;
outline: 0px;
text-decoration: none;
}
div.reference div.cont a.prevbtn {
background-image: url(../images/refbtnprev.png);
}
div.reference div.cont a.nextbtn {
background-image: url(../images/refbtnnext.png);
}
div.reference div.cont div.referenceholder {
width: 580px;
overflow: hidden;
float: left;
}
div.reference ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-position:outside;
height: 177px;
display: block;
width: 5000px;
}
div.reference ul li {
margin: 0px;
float: left;
width: 155px;
height: 155px;
white-space: nowrap;
margin-right: 23px;
border: 1px solid #D4D4D4;
background-color: #ffffff;
padding: 10px;
overflow:hidden;
}
div.reference ul li:hover {
background-color: #F4F3F3;
}
div.reference ul li a {
font-weight: bold;
display: block;
text-decoration: none;
color: #0866A7;
outline: 0px;
padding-bottom: 2px;
}
div.reference ul li a img {
border: 0px;
padding-bottom: 2px;
height: 110px;
width: 155px;
}
div.reference ul li span {
display: block;
}
div.reference ul li span.desc {
height: 16px;
}
div.reference ul li span.date {
color: #8C8B8B;
}


ul.vmeni, ul.vmeni li {
padding: 0px;
margin: 0px;
list-style-type: none;
list-style-position:outside;
font-size: 11px;
}
ul.vmeni li {
float: none;
}
ul.vmeni li a {
outline: 0px;
display: block;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}

ul.footer {
padding: 0px;
height: 92px;
float: left;
width: auto;
padding-top: 5px;
}
ul.footer li {
padding-left: 20px;
width: 135px;
height: 92px;
border-right: 1px solid #4E99BE;
}
ul.footer li.first {
padding-left: 10px;
}
ul.footer li.last {
border-right: 0px;
}
ul.footer li span.fst {
display: block;
height: 20px;
}
ul.footer li a {
color: white;
text-decoration: none;
display: inline;
}
ul.footer li a:hover {
text-decoration: underline;
}
ul.footerm {
padding-left: 0px;
}
ul.footerm li {
background-repeat: no-repeat;
background-position: center left;
background-image: url(../images/footermbullet.png);
padding-left: 13px;
width: auto;
height: auto;
border-right: 0px;
}
ul.footerm li a {
display: inline;
}
div.footer span.logo {
display: block;
text-indent: -1000em;
float: right;
height: 100px;
width: 180px;
background-repeat: no-repeat;
background-position: center left;
background-image: url(../images/footerlogo.png);
}

span.copyr {
padding-left: 80px;
float: left;
color: #828181;
}

div.newsitem {
height: 50px;
margin-bottom: 0px;
overflow: hidden;
font-size: 10px;
}
div.newsitem h4 {
margin: 0px;
font-size: 11px;
}
div.newsitem a {
outline: 0px;
text-decoration: none;
}
div.newsitem h4 a {
color: #55C5E8;
}
div.newsitem span a {
color: #000000;
font-weight: bold;
}
div.newsitem span a:hover {
text-decoration: underline;
}

#bannerh {
position: relative;
overflow: hidden;
}
#bannerh div.banneritem a {
display: block;
outline: 0px;
text-decoration: none;
}
#bannerh div.banneritem a img {
border: 0px;
}
#bannerh, #bannerh div.banneritem, #bannerh div.banneritem img, #bannerh div.banneritem a, div.bannertoolbarh, #bannertoolbar {
width: 645px;
height: 140px;
}
#bannerh, #bannerh div.banneritem, div.bannertoolbarh {
overflow: hidden;
}
#bannerh div.banneritem {
position: absolute;
left: 0px;
top: 0px;
display: none;
}
#bannertoolbar {
margin: 0px;
margin-top: 6px;
padding: 0px;
height: 20px;
white-space:nowrap;
}
#bannertoolbar li {
margin-right: 5px;
white-space:nowrap;
}
#bannertoolbar li, #bannertoolbar li a {
height: 18px;
line-height: 17px;
color: white;
text-align: center;
font-weight: normal;
}
#bannertoolbar li a {
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/gumb_banner_num.png);
width: 18px;
}
#bannertoolbar li.next {
margin-right: 10px;
margin-left: 5px;
}
#bannertoolbar li.next a {
background-image: url(../images/gumb_banner_next.png);
width: 25px;
}
#bannertoolbar li a:hover {
background-position: bottom left;
}
#bannertoolbar li a.selected {
background-position: bottom left;
}
#bannertoolbar #bannertitle {
color: #8A8B8C;
font-weight: bold;
margin-left: 10px;
overflow: hidden;
width: 475px;
text-overflow: ellipsis; 
-o-text-overflow: ellipsis;
text-align: left;
}

div.sectionl {
float: left;
width: 202px;
margin-right: 10px;
}
div.sectioncont {
float: left;
width: 735px;
}

div.lbox {
width: 202px;
height: auto;
overflow: hidden;
background-color: #ffffff;
background-position: bottom left;
background-repeat: no-repeat;
background-image: url(../images/lboxbg.png);
padding-bottom: 22px;
}
div.lbox div.cont {
padding: 10px;
padding-bottom: 6px;
}
div.lbox h4 {
font-size:12px;
margin: 0px;
padding: 0px 10px;
height: 29px;
line-height: 29px;
color: white;
overflow: hidden;
background-color: #B0AEAE;
}
div.contbox {
width: 735px;
height: auto;
overflow: hidden;
background-color: #ffffff;
background-position: bottom left;
background-repeat: no-repeat;
background-image: url(../images/contboxbg.png);
padding-bottom: 12px;
}
div.contbox div.cont {
padding: 10px;
padding-top:0px;
}
div.contbox h1 {
font-size:12px;
margin: 0px;
padding: 0px 10px;
height: 29px;
line-height: 29px;
color: white;
overflow: hidden;
background-color: #B0AEAE;
background-position: top left;
background-repeat: repeat-y;
}

ul.submeni li a {
color: #595757;
text-decoration: none;
display: block;
padding: 5px;
background-position: top left;
background-repeat: repeat-y;
font-size: 12px;
}
ul.submeni li a:hover {
background-color: #B0AEAE;
color: #ffffff;
}
ul.submeni li.active a {
background-color: #B0AEAE;
color: #ffffff;
}

div.breadcrumbsh {
position: relative;
left:0px;
top:0px;
padding:5px 10px;
}
div.breadcrumbsh div.toolbar {
position: absolute;
right: 10px;
top: 5px;
width: auto;
height: 16px;
}
div.breadcrumbsh div.toolbar a  {
background-position:left top;
background-repeat:no-repeat;
display:block;
float:right;
height:16px;
outline:0px;
text-decoration:none;
width:16px;
text-indent:-1000em;
margin-left:10px;
}
div.breadcrumbsh div.toolbar a:hover {
background-position:left bottom;
}
div.breadcrumbsh div.toolbar a.printbtn {
background-image:url("../images/print.png");
}
div.breadcrumbsh div.toolbar a.shareonfbbtn {
background-image:url("../images/facebook.png");
}
div.breadcrumbsh div.toolbar a.sharetafbtn {
background-image:url("../images/taf.png");
display:none;
}
ul.breadcrumbs {
height: 15px;
width: 600px;
overflow: hidden;
margin:0px;
padding:0px;
}
ul.breadcrumbs li {
line-height: 15px;
font-size:10px;
color: #ABA9A9;
margin-right: 3px;
padding-right: 7px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../images/breadcrumbssep.png);
}
ul.breadcrumbs li.last {
background-image: none;
}
ul.breadcrumbs li a {
font-size:10px;
color: #ABA9A9;
font-weight:normal;
}
ul.breadcrumbs li a:hover {
text-decoration: underline;
}

div.contbox h4 {
color:#828181;
font-size:11px;
border-bottom: 2px groove #ADABAB;
margin:0 10px;
overflow:hidden;
padding:0px;
padding-bottom:5px;
margin-bottom:5px;
}

div.newsdetail {
padding-bottom: 10px;
}
div.newsdetail div.newsdesc, div.newslist div.newsdesc {
font-weight: normal;
margin-bottom: 6px;
color: #5E5B5B;
padding:0 10px;
}
div.newsdetail a.backbtn, div.newslist a.backbtn {
font-weight: bold;
color: #5E5B5B;
text-decoration: none;
padding-left:10px;
}
div.newsdetail a.backbtn:hover, div.newslist a.backbtn:hover {
text-decoration: underline;
}
div.newslist ul, div.newslist ul li {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
div.newslist ul {
margin-top: 0px;
}
div.newslist ul li {
border-top: 1px solid #ABA9A9;
padding-top: 10px;
margin-bottom: 10px;
}
div.newslist ul li h4 {
border:0px;
color: black;
margin: 0px;
padding-left:10px;
}
div.newslist ol, div.newslist ol li {
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
div.newslist ol {
border-top: 1px solid #ABA9A9;
padding:5px 5px;
}
div.newslist ol li {
float:left;
padding: 2px;
}
div.newslist ol li a {
display: block;
padding: 2px 5px;
text-decoration: none;
}
div.newslist ol li a.active, div.newslist ol li a:hover {
background-color: #B0AEAE;
color: white;
}
div.newslist ol li a.pbn:hover {
background-color: white;
color: #B0AEAE;
text-decoration: underline;
}

div.galleryh {
padding-top: 0px;
}
div.newsdetail div.galleryh {
padding-top:12px;
}
ul.gallery, ul.gallery li {
margin: 0px;
padding: 0px;
list-style-position:outside;
list-style-type:none;
}
ul.gallery li {
float: left;
margin: 5px 15px;
width: 112px;
height: 112px;
padding-right: 5px;
padding-bottom: 5px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/gallerythumbbg.png);
}
ul.gallery li a {
outline: 0px;
text-decoration: none;
}
ul.gallery li a img {
border: 0px;
padding: 5px;
width: 102px;
height: 102px;
}

div.referenceh h4 {
font-size:12px;
height:22px;
line-height:14px;
margin:0px;
padding:0px;
border:0px;
}
div.referenceh div.filter {
background-color: #E1DFDF;
height: 19px;
line-height: 19px;
padding: 0px 10px;
margin-bottom: 5px;
}
div.referenceh div.filter span {
float: left;
font-size: 11px;
color: #605F5F;
}
div.referenceh div.filter span.fh {
float: right;
width: auto;
}
div.referenceh div.filter a {
float: left;
font-size: 11px;
color: #605F5F;
text-decoration: none;
background-repeat: no-repeat;
margin-top: 2px;
line-height: 14px;
background-position: top left;
background-image: url(../images/referencefiltercb.png);
padding-left: 20px;
margin-left: 10px;
}
div.referenceh div.filter a:hover {
text-decoration: underline;
}
div.referenceh div.filter a.active {
background-position: bottom left;
}

ul.reference li {
width: 165px;
height: 120px;
margin: 5px 34px;
background-image: url(../images/referencethumbbg.png);
position: relative;
}
ul.reference li a img {
width: 155px;
height: 110px;
}
ul.reference li a span {
position:absolute;
background: rgb(0, 0, 0);
background-color:rgba(0,0,0,0.7);
color:white;
font-size:11px;
overflow:hidden;
left:5px;
width:155px;
text-align:center;
}
ul.reference li a span.caption {
bottom:10px;
height:20px;
font-weight:bold;
line-height:18px;
}
ul.reference li a:hover span.caption {
height:0px;
}
ul.reference li a span.desc {
height:20px;
line-height:18px;
top:5px;
}
ul.reference li a:hover span.desc {
height:0px;
}
ul.reference li a span.date {
background: rgb(105,178,214);
background-color:rgba(105,178,214,0.7);
height:0px;
line-height:13px;
bottom:10px;
}
ul.reference li a:hover span.date {
height:15px;
}

div.headprint {
display: none;
}
div.footerprint {
display: none;
}

div.contbox div.contkontakt {
padding-top: 20px;
padding-bottom: 50px;
}

div.contkontakt div.contkontaktl {
float: left;
width:385px;
}
div.contkontakt div.contkontaktr {
float: left;
width:330px;
}

div.contkontakt form {
margin: 0px;
padding: 0px;
width:358px;
}
div.contkontakt iframe, #kontaktform_sending, #kontaktform_ok, #kontaktform_error {
display: none;
}
div.contkontakt form fieldset {
padding: 0px;
margin: 0px;
border: 0px;
}
div.contkontakt form cite {
display: none;
padding-bottom: 5px;
color: #780404;
font-size:10px;
padding-left: 150px;
}
div.contkontakt form label {  
display:block;  
float: left;    
width:140px;
padding-top: 3px;  
font-size:12px;
color: #757575;
}
div.contkontakt form label span {
color: #780404;
font-family: Helvetica;
}
div.contkontakt form input, div.contkontakt form select, div.contkontakt form textarea {
float:left;
font-size:12px;
padding:2px;
border:solid 1px #757575;
width:200px;
margin:0px 0 4px 10px;
background-color: white;
color: #535252;
}
div.contkontakt form select {
width: 206px;
}
div.contkontakt form button {
border:0px;
outline:0px;
float: right;
display: block;
margin: 0px;
margin-top:10px;
padding: 0px;
height: 23px;
width: 84px;
line-height: 23px;
text-align: center;
font-size:11px;
color:white;
background-color:#1B84D5;
}
div.contkontakt form button:hover {
background-color:#1877C0;
}
#kontaktform_sending, #kontaktform_ok, #kontaktform_error {
text-align: center;
line-height: 24px;
color: #757575;
padding-top:10px;
}
#kontaktform_error {
color: #780404;
font-weight: bold;
}
#kontaktform_sending img {
vertical-align: middle;
}