@charset "utf-8";
@font-face {

    font-family: cool_font;
    src: url('/fonts/Swz721k.ttf');
}
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background: #FFFFFF;
    overflow-x: hidden
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:link {color:#BE1D07; text-decoration:none;}
a:visited {color:#BE1D07;text-decoration:none;}
a:active {color:#BE1D07;text-decoration:none;}
a:hover {color:#BE1D07;text-decoration:underline;}

h2 {font-family: 'Exo', sans-serif; color:#c0240f; font-size:28px; font-weight:100; padding-bottom:10px;}
h3 {font-weight:bold; color:#1E1F20; font-size:17px;  padding:5px 0 10px 20px; border-bottom:1px solid #D1D5DA;  text-shadow: 2px 2px #d4d5d9; }
h4 {font-weight:bold; font-size:14px; color:#595959; }
h5 {}
h6 {font-size: 1.16em; font-style: italic; margin: 4px 0 0 4px; color:#8A93A0; width: 20px;}

p {line-height:1.5em; color:#8A93A0;}

strong {font-weight:bold;}

.clear {clear: both;}

/* header */

.header-holder {width:100%; background:#eaebef; border-bottom:1px solid #d4d5d9;}

.header {width:1000px; margin:0 auto;}

.header .logo {float:left; display:block; margin-top:10px;max-width: 89%}
img {max-width: 100%}
.header p {font-size: 12px;text-align: center;text-decoration: none;}
.header p:hover {text-decoration: none;}


/* CONTENT */

.content {width:990px; margin:0 auto;} 

.tabela {padding-bottom:25px;}

.tabela table tbody tr td {border:1px solid #FFF; padding:3px 0; color:#FFF; text-align:center;}

.tabela table {margin-bottom:30px;}

.tabela table tbody tr td a {color:#FFF; font-weight:bold;}

.tabela table tbody tr td a:hover {text-decoration:none;}

.tabela table tbody tr th {border:1px solid #FFF; padding:3px 0; color:#FFF; text-align:center; font-weight:bold;} 	


.down-content {background:url("/images/bot.jpg")top left repeat-x; margin-top:400px; padding-top:15px;}	

.blokovi {margin:0 auto;}

.blokovi h5 {color:#216CA1; font-weight:bold; margin:15px 0; font-size:18px; padding-top:10px; border-top:1px solid #d3d2d2;}

.blokovi p {margin:5px 0; text-align:justify;}

.blokovi h1 {color:#BE1D07; font-family: 'Exo', sans-serif; font-weight:400; font-size:26px; margin:15px 0;}

.blokovi h3 {padding:0 0 10px 20px; border-bottom:1px solid #D1D5DA; font-weight:bold; }

.blokovi ul li {padding:3px 0 0 10px; background:url("/images/marker.gif")0px 13px no-repeat; color:#8A93A0;}

.indent-box {border:1px solid #d1d5da; border-radius:4px; overflow:hidden; background:#FFFFFF;padding-bottom: 10px}

.indent-box ul {height:80px; overflow:hidden;}

.indent-box ul li {padding:5px 0px 0 30px; background:url("/images/marker.gif")21px 5px no-repeat; }

.indent-box p {margin:0;}

.indent-box a:nth-child(odd) {border:1px solid #d1d5da; color:#1E1F20; text-decoration:none; text-align:center; padding:3px 4px; width: 50px; margin:10px 5px 0 10px; border-radius:4px; display:block; float:left; }
.indent-box a:nth-child(odd):hover {color:#216CA1;}
.indent-box a:nth-child(even) {border:1px solid #d1d5da; background:#e9ebee; color:#216CA1; text-decoration:none; text-align:center; padding:3px 4px; width: 90px; margin-top:10px; border-radius:4px; display:block; float:left;}
.indent-box a:nth-child(even):hover {color:#1E1F20;}
.indent-box h4.p {color:#216CA1; padding:10px 0 0 20px; font-weight:bold;}
.indent-box h4 {margin:0px;}

.box-large h4 {font-weight:bold; color:#216CA1; text-align:justify;}
.box-large p {text-align:justify; margin:5px 0;}
.box-large a {margin-left:10px; color:#216CA1; font-weight:bold; font-style:italic;}

.box ul li {padding:9px 0 0 10px; background:url("/images/marker.gif")0px 11px no-repeat; color:#8A93A0;}
.box p {text-align:justify;}

.box table tbody tr td ul li {margin-left:10px;}

.kartice { text-align:center; border-top:2px solid #e8e8e6; margin-top:20px;}
.kartice p {text-align:center;}
.kalkulator {width:990px; margin:0 auto; padding:15px; background:#f2f3f5; margin-top:20px; text-align:center;}
.kalkulator input {padding:7px; border:1px solid #464646; background:#FFFFFF; color:#464646; margin-bottom:3px; }
.kalkulator a.convert {text-align:center; color:#FFFFFF; text-decoration:none; background:#216CA1; padding:10px; font-weight:bold; font-size:14px; display:block; margin: 0 auto; width:100px;}
.kalkulator a.convert:hover {text-decoration:underline;}

.usluga {border:1px solid #D1D5DA; border-radius:4px; background:#FFF;}
.usluga h3 {margin-bottom:10px; font-weight:bold; color:#1E1F20; font-size:19px; letter-spacing:-1px; padding:10px 0 10px 20px; border-bottom:1px solid #D1D5DA;}
.usluga ul li {padding:5px 20px 0 30px; background:url("/images/marker.gif")21px 7px no-repeat; }
.usluga a {display:block; background:#e9ebee; float:right; margin:10px; border-radius:4px; padding:5px; border:1px solid #D1D5DA; color:#216CA1; text-decoration:none;}
.usluga a:hover {color:#1E1F20; }
.usluga h3 a {display:block; background:#e9ebee; font-weight:normal; text-shadow:none; float:right; margin:0px; border-radius:4px; padding:5px; border:1px solid #D1D5DA; color:#216CA1; font-family:Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.1em;}

.usluga b {font-weight:bold; color:#000; border:1px solid #D1D5DA; padding:5px; margin-right:5px; border-radius:4px; float:right; margin-top:10px;}

.specifikacije {padding-bottom:25px; }
.specifikacije h5 {font-family: 'Exo', sans-serif; color:#c0240f; font-size:24px; font-weight:100; padding-bottom:10px;}
.specifikacije ul {float:left; display:block;}
.specifikacije ul:nth-child(odd) {margin-right:30px;}
.specifikacije ul li {color:#8A93A0; padding:5px 0 5px 40px; line-height:1.2em;width: 49%;box-sizing: border-box;display: inline-block;}
.specifikacije ul li a {}

.specifikacije ul li.li2 {background:url("/images/icon-4.gif")center left no-repeat;}
.specifikacije ul li.li3 {background:url("/images/icon-5.gif")center left no-repeat;}
.specifikacije ul li.li4 {background:url("/images/icon-6.gif")center left no-repeat;}
.specifikacije ul li.li5 {background:url("/images/icon-7.gif")center left no-repeat;}
.specifikacije ul li.li6 {background:url("/images/icon-8.gif")center left no-repeat;}
.specifikacije ul li.li7 {background:url("/images/icon-9.gif")center left no-repeat;}

.ostalo {float:left; width:485px; padding-bottom:25px; }
.ostalo ul li {color:#8A93A0; padding:5px 0 5px 30px; background:url("/images/icon1.gif")0 7px no-repeat; line-height:1.4em}
.ostalo h5 {font-family: 'Exo', sans-serif; color:#c0240f; font-size:24px; font-weight:100; padding-bottom:10px;}


.blog {padding-top:25px;padding-bottom: 25px}
.blog h1 {font-family: 'Exo', sans-serif; color:#c0240f; font-size:28px; font-weight:400; padding-bottom:10px; font-size:30px;}
.blog h1 span {color:#000;}

.tags {margin-right:10px; color:#464646; text-decoration:none;}
.tags:hover {text-decoration:underline;}

.news {border:1px dotted #D1D5DA; padding:20px; margin-bottom:20px;}
.news h1 {font-size:30px; font-weight:bold; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif;}
.news h3 a.headers {font-weight:bold; color:#1E1F20; font-size:19px; letter-spacing:-1px; text-decoration:none;}
.news span {color:#D1D5DA; padding-bottom:15px; font-style: italic; display:block;}
.news p a.ops {display:block; background:#D1D5DA; color:#4f4f4f; text-align:center; padding:10px; width:70px; float:right; text-decoration:none;}
.news p a.ops:hover {background:#4f4f4f; color:#FFF;}

.kategorije h3 {display:block; padding:15px; color:#FFF; background:#464646; text-shadow:none;}
.kategorije ul li a {color:#1E1F20; display: block; padding:10px; font-size:16px; background:#D1D5DA; border-bottom:1px dotted #464646; text-decoration:none;}
.kategorije ul li a:hover{ background:#c5c7ca;}
.true-pagination a {background:#D1D5DA; width:30px; text-align:center; padding:11px 5px; display:block; float:left; margin-right:3px; text-decoration:none; color:#4f4f4f; }
.true-pagination a:hover {background:#4f4f4f; color:#FFF;}
.true-pagination a#current {background:#4f4f4f; color:#FFF;}
/* FOOTER */

.footer {background:#e9ebee; border-top:1px solid #d1d5da;}



.footer-inner {width:990px; margin:0 auto;}

.cms {width:960px; background:#216CA1; padding:15px; position:relative;}
.cms a img {margin-right:25px;}



.footer-blocks {padding:15px 0 ;}
.footer-blocks .f-block h4 strong {color:#454545; font-weight:bold; margin-bottom:10px; font-size:16px; display:block;}
.footer-blocks .f-block ul li a {color:#5C5C5C; font-size:15px; line-height:1.2em; text-decoration:none; }
.footer-blocks .f-block ul li a:hover {color:#454545; font-weight:bold;  }

.footer-last {padding:15px; text-align:center; color:#5C5C5C; background:#e0e2e4; }
.footer-last a {color:#5C5C5C; text-decoration:none;}
.footer-last p {color:#464646;}

.konverter {float:right; width:174px; margin-top:18px; }
.konverter a {color:#FFF; text-decoration:none; background:#464646 url("/images/arrow-next.jpg")127px 10px no-repeat; padding:16px 50px 15px 20px; font-size:14px;}
.konverter a:hover {background:#000 url("/images/arrow-next-hov.jpg") 127px 10px no-repeat;}

.socials {padding:10px; text-align:center; background:#dadadb; border-radius:10px; margin-bottom:20px;}
.socials .fejs {float:left; width:300px;}
.socials .tweet {float:left; width:300px;}
.socials .linkedin {float:left; width:150px;}
.linkedin span:nth-child(even) {float:right !important;}
.socials .googleplus {float:left; width:200px;}





/********************************* RESPONSIVE *********************************/

.text-ceter {text-align: center;}

.vertical-margin {margin-bottom: 15px}
.vertical-margin-large {margin-bottom: 30px}
.clear::before {clear: both;content: '';display: block;}
.clear::after {clear: both;content: '';display: block;}
.row:before,.row:after{clear:both;content:'';display:block}
.container{width:96%;margin:0 auto;position:relative;max-width: 100%}

.half,.fifth-x4,.quarter-x3,.quarter{width:100%}
.third{width:33.33%}
.third-x2{width:66.66%}

.resMenu .ddsmoothmenu{display:inline-block;width:40px;box-sizing: border-box;height:40px;background-image:url(/images/menu.png);cursor:pointer;margin-top:20px;background-repeat: no-repeat;background-position: right center;max-width: 9%}
.resMenu .ddsmoothmenu ul{border-top:1px solid #f3f3f4;opacity:0;top:76px;right:-600px;width:80%;position:absolute;z-index:99;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 7px 7px rgba(0,0,0,.2);-moz-box-shadow:0 7px 7px rgba(0,0,0,.2);-webkit-box-shadow:0 7px 7px rgba(0,0,0,.2);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;background:#FFF;z-index: 9999}
.resMenu .ddsmoothmenu ul li{border-bottom:1px solid #f3f3f4;background:#FFF;height:auto;float:none}
.resMenu .ddsmoothmenu > ul > li > a{font-weight:bold !important;}
.resMenu .ddsmoothmenu ul li a{display:block;text-align:left;background:#1F2022;font-size:16px;color:#012B77;width:auto;padding:8px 15px;font-weight:500;line-height:20px;border-radius:0px}
.resMenu ul ul{display: none !important}
.resMenu .ddsmoothmenu ul.masterList li ul.subMenu{display:block}
.resMenu .downarrowclass{display: none}

@media (min-width:370px) {
    .header p {letter-spacing:2px}
}
@media (min-width:768px) {
    .container{width:750px;padding:0}
    .row{margin-left:-7.5px;margin-right:-7.5px}
    .full{box-sizing:border-box;padding:0 7.5px!important;margin-left:0!important;margin-right:0!important}
    .half,.third,.third-x2,.quarter,.quarter-x3,.fifth,.fifth-x2,.fifth-x3,.fifth-x4,.sixths,.sixths-x2,.sixths-x5{box-sizing:border-box;padding:0 7.5px!important;float:left;margin-left:0!important;margin-right:0!important}
    .half{width:50%}
    .third{width:33.33%}
    .third-x2{width:66.66%}
    .quarter{width:25%}
    .quarter-x3{width:75%}
    .fifth{width:20%;min-height:1px}
    .fifth-x2{width:40%}
    .fifth-x3{width:60%}
    .fifth-x4{width:80%}
    .sixths{width:16.666666666667%}
    .sixths-x2{width:33.333333333333%}
}
@media (min-width:992px) {
    .container{width:970px}
}

@media (min-width:1024px) {
    .container{width:990px}
}
@media (min-width:1200px) {
    .container{width:1180px}
}

.f-block {margin-bottom: 20px}