a:link, a:visited, a:active, a:hover{color:#BCBCBC;text-decoration:none;}
a:hover{color:#FFFFFF;}
html, body{width:100%;padding:0;margin:0;}
body{font-family:'Roboto Condensed', sans-serif;font-size:15px;color:#E4E4E4;background:url(../img/bg.jpg) 0 0 repeat;}
#strana{position:relative;width:100%;top:0px;text-align:center;z-index:5;}
#heder100{position:relative;display:inline-block;vertical-align:top;text-align:left;width:100%;z-index:1;}
.bxslider, .2_bxslider, .vozni_park_bxslider{position:absolute;vertical-align:top;text-align:center;width:100%;padding:0px;margin:0px;z-index:5;}
.2_bxslider{width:95%;}
.hederlogo{position:absolute;vertical-align:top;top:20%;left:calc(50% - 20%);width:40%;z-index:10;}
.headerlogo img{text-shadow:2px 2px 1px #000;}
.slogan{font-size:24px;line-height:30px;color:white;font-weight:bold;text-align:center;text-transform:uppercase;text-shadow:2px 2px 1px #000;letter-spacing:1px;}
.strana, .strana-crna{display:inline-block;text-align:left;width:100%;max-width:1000px;padding:0px;margin:0px;}
.strana-crna{padding:30px 0 0 0;}
#hedernaziv{position:relative;top:0px;width:100%;max-width:350px;}
hr{background-color:#eae8e8;height:1px;border:none;width:100%;}
h1, h12, h2, h3{font-size:23pt;color:#00aeef;text-align:left;}
h3{color:white;}
h2{font-size:18pt;color:#000;}
zuti{color:#00aeef;}
bijeli{color:#FFF;font-size:20pt;}
inactiv{color:#666;}
#dizalica{position:absolute;left:calc(80%);top:-200px;with:128px;height:1020px;z-index:20;}
.linija1, .linija2{display:inline-block;vertical-align:top;text-align:center;width:100%;padding:0px;margin:0px;}
.linija2{display:none;}
.podjela-podmeni30, .podjela-podmeni40, .podjela-podmeni50, .podjela-podmeni60, .podjela-podmeni100{display:inline-block;vertical-align:top;width:100%;padding:0px;margin:0px;font-size:17px;line-height:22px;text-align:left;}
.podjela-podmeni30{width:25%;padding:0 20px 0 0;}
.podjela-podmeni40{width:40%;}
.podjela-podmeni50{width:48%;}
.podjela-podmeni60{width:64%;}
.podjela-podmeni100{width:100%;margin:0 0 8px 0;}
.podmeni-razmak{width:100;height:10px;}
.galerija25, .galerija50, .podjela100, .tabela100, .tabela100link, .tabela50, .tabela15, .podjela100crna, .podjela100zuta, .podjela100zuta2, .podjela100reference, .podjela80, .podjela80plus, .podjela60, .podjela50, .podjelakontakt, .podjelakontaktslika, .podjela50r, .podjela50ref, .podjela40, .podjela25, .podjela25a, .podjela100ref, .ukupna100ref, .podjela50teh, .podjela18, .podjela18b{display:inline-block;vertical-align:top;text-align:center;width:100%;padding:0px;margin:0px;}
.podjela100crna{background:#171717;text-align:center;}
.podjela100zuta{background:#8b8d8e;text-align:center;font-size:19px;color:#000;}
.podjela100siva{background:#4d4d4d;text-align:center;font-size:19px;color:#000;}
.podjela100siva img{width:70%;}
.podjelavideo{display:inline-block;width:47%;padding:5px;text-align:center;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.podjela100zuta2{font-size:19px;color:#000;background:#bbb;}
.podjela100reference{font-size:19px;color:#FFF;background-color:#1D1D1D;}
.podjela80plus{width:90%;font-size:17px;line-height:22px;text-align:left;}
.podjela80{width:80%;font-size:17px;line-height:22px;text-align:left;}
.podjela18b{width:10%;font-size:17px;line-height:22px;text-align:right;padding:0px 30px 0px 30px;}
.tabela15{width:15%;font-size:17px;line-height:22px;text-align:center;padding:0;}
.tabela50{width:50%;font-size:17px;line-height:22px;text-align:left;padding:0;}
.tabela50bijeli{display:inline-block;vertical-align:top;width:50%;font-size:17px;line-height:22px;text-align:left;padding:0;color:#BCBCBC;text-decoration:none;}
.tabela100{width:95%;font-size:17px;line-height:22px;text-align:left;padding:5px 10px 5px 20px;}
.tabela100link{width:95%;font-size:17px;line-height:22px;text-align:left;padding:5px 10px 5px 20px;margin:1px;border-radius:5px;background:black;}
.tabela100 a:link, .tabela100 a:visited, .tabela100 a:active{text-decoration:none;color:white;}
.tabela100 a:hover{color:#666666;}
.podjela18{width:10%;font-size:17px;line-height:22px;text-align:right;padding:0px 30px 0px 30px;}
.podjela18 a:link, .podjela18 a:visited, .podjela18 a:active{color:#000000;text-decoration:none;}
.podjela18 a:hover{color:#666666;text-decoration:none;}
.podjela60{width:60%;font-size:17px;line-height:22px;text-align:left;}
.podjela50{width:50%;font-size:15px;line-height:20px;text-align:left;}
.podjelakontakt{width:48%;font-size:17px;line-height:24px;text-align:left;padding:1%}
.podjelakontaktslika{width:100%;max-width:350px;}
.ukupna100ref{text-align:left;}
.podjela50r{width:50%;font-size:15px;line-height:20px;text-align:right;}
.podjela50ref{width:100%;font-size:15px;line-height:20px;text-align:left;height:80px;overflow:hidden;}
.podjela50teh{width:100%;font-size:15px;line-height:20px;text-align:left;height:50px;}
.podjela40{width:40%;font-size:17px;line-height:22px;text-align:left;}

.podjelanaslovna60{display:inline-block;width:57%;margin:1%;font-size:17px;line-height:22px;text-align:left;}
.podjelanaslovna40{display:inline-block;width:37%;margin:1%;font-size:17px;line-height:22px;text-align:right; vertical-align: top;}

.podjela25{width:31%;margin:1%;font-size:17px;line-height:22px;text-align:left;}
.podjela25a{width:20%;}
.podjela100ref{width:90%;text-align:left;font-size:19px;color:#00aeef;padding:4%;border:#666 1px solid;}
.galerija25{width:22.5%;padding:0px;margin:0;}
.galerija50{width:47%;padding:0px;margin:0;}
.galerija100{width:100%;padding:0px;margin:0;}
.img-border{border:#474747 1px solid;background:#171717;padding:4px;text-align:center;}
.img-border2{border:#474747 2px solid;padding:4px;text-align:center;}
.prikazi_ref{display:inline-block;vertical-align:top;text-align:left;width:100%;padding:0px;margin:0px;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{font-size:18px;font-weight:700; color:#000;font-family:'Roboto Condensed', sans-serif;margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu .active{padding:17px;font-size:18px;letter-spacing:0px;text-decoration:none;font-weight:700;text-transform:uppercase;color:#FFF;text-shadow: 2px 2px 4px #000000;}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{font-family:'Roboto Condensed', sans-serif;background:#d2d2d4;
background-image: url("../img/gray-metal-pozadina.jpg");
background-repeat: repeat;
background-position: right top;}
#cssmenu > ul > li{float:left;left:calc(50% - 325px);}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu > ul > li > a{padding:17px;font-size:18px;letter-spacing:0px;text-decoration:none;color:#000000;}
#cssmenu > ul > li:hover > a{color:#ffffff;text-shadow: 2px 2px 4px #000000;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:12px;width:8px;height:2px;display:block;background:#000000;content:'';}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#000000;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{left:auto;right:0;}
#cssmenu li:hover > ul > li{height:35px;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150, 150, 150, 0.15);padding:11px 15px;width:170px;font-size:15px;text-decoration:none;color:#000000;font-weight:400;background-color:#00aeef;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a{border-bottom:0;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#ffffff;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#000000;content:'';}
#cssmenu.align-right ul ul li.has-sub > a:after{right:auto;left:11px;}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#000000;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before{right:auto;left:14px;}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;}
@media all and (max-width:900px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){.linija1{display:none;}
.linija2{display:inline-block;}
.hederlogo{top:0%;left:calc(50% - 30%);width:60%;}
.slogan{font-size:15px;line-height:17px;}
.strana{width:90%;}
#dizalica{left:calc(80%);top:-200px;width:10%;}
.podjela80{width:100%;}
.podjela18{width:100%;text-align:left;padding:0px;}
.podjela18b{width:100%;text-align:left;padding:0px;}
.podjela25{width:44%;}
.podjela60{width:100%;}
.podjela40{width:80%;padding:0 0 30px 0;}
.podjela50{font-size:13px;line-height:17px;}
.podjela50r{font-size:13px;line-height:17px;}
.podjela25a{width:50%;}
.galerija25{width:45%;padding:1px;margin:0;}
.galerija50{width:95%;padding:0px;margin:0;}
.galerija100{width:96%;padding:1px;margin:0;}
.podjela100siva img{width:100%;}

.podjelanaslovna60{width:90%;}
.podjelanaslovna40{width:90%;}

.podjelavideo{width:95%;}
.podjelakontakt{width:90%;font-size:17px;line-height:24px;text-align:left;}
#wrapper{height:200px;}
#carousel{height:200px;}
#carousel img{height:200px;}
#carousel a{height:200px;}
#prev, #next{height:200px;}
.podjela-podmeni30{width:99%;padding:0 0 20px 0;}
.podjela-podmeni40{width:99%;}
.podjela-podmeni50{width:99%;}
.podjela-podmeni60{width:100%;}
bijeli{font-size:17pt;}
.strana-crna{padding:2%;width:95%;}
.tabela15{width:33%;}
.tabela50{width:100%;}
#cssmenu > ul > li{float:none;left:0px;}
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul{text-align:left;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.2);}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;border-bottom:0;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#000000;background:none;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a{color:#ffffff;}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:center;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #menu-button{display:block;padding:17px;color:#000000;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700;}
#cssmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #000000;border-bottom:2px solid #000000;content:'';}
#cssmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#000000;content:'';}
#cssmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{top:23px;background:#ffffff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.2);height:46px;width:46px;cursor:pointer;}
#cssmenu .submenu-button.submenu-opened{background:#00aeef;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#000000;content:'';}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background:#ffffff;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000000;content:'';}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
}