/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 4, 2017, 11:30:30 PM
    Author     : Horus
*/

h1,h2,h3 {color:#184d9b;}

.font-poiret {font-family: 'Poiret One', cursive;}

body {padding-left: 0px;padding-right: 0px;}

#jawnav {color: red;}
#jawnav2 > ul > li.hover a {color: #184d9b;}
#jawnav ul li.active > a {color: #184d9b;}
#jawnav ul li ul li.active > a {color: #184d9b;}

.eti-banner {background-image: url(../images/krivulja-cela-belo.jpg);height: 405px;background-position: center;position: relative;}
.eti-banner2 {background-image: url(../images/krivulja-cela-belo.jpg);height: 405px;background-position: center;position: relative;}
.eti-banner .inside-text {position: absolute;top:170px;width: 100%; }
.eti-banner .inside-text .text-1 {text-align: center;font-size: 40px;text-transform: uppercase; color: white;line-height: 40px;}
.eti-banner .inside-text .line {background-color: #cacccb;height: 2px;}

.eti-corporate-menu div:nth-child(1) {background-image: url(../images/eti-shape-new-left.png); width: 29px;height: 21px; background-position: bottom; display: inline-block;float: left; }
.eti-corporate-menu div:nth-child(2) {background-image: url(../images/eti-shape-new-middle.png); height: 21px; background-position: bottom; display: inline-block;float: left; color:white; font-family: open sans;text-transform: uppercase; padding-right: 10px; font-size: 11px;}
.eti-corporate-menu div:nth-child(3) {background-image: url(../images/eti-shape-new-right.png); width: 26px;height: 21px; background-position: bottom; display: inline-block;float: left; }
.eti-corporate-menu a, .eti-corporate-menu a:visited {color:white;}

.promo-horizontal-line {background-color: #cacccb;height: 2px;}
.promo-horizontal-line-1 {background-color: #cacccb;height: 2px;position: absolute;top:960px;width: 100%;}
.promo-horizontal-line-2 {background-color: rgb(203,0,123);height: 2px;position: absolute;top:1294px;width: 100%;}
.promo-horizontal-line-3 {background-color: #cacccb;height: 2px;position: absolute;top:1626px;width: 100%;}

.promo-title {text-align: center;font-size: 35px; line-height: 39px; text-transform: uppercase;color:#4e4e4e;}
.promo-title-field {text-align: center;font-size: 35px;text-transform: uppercase;color:#4e4e4e;margin-top: 34px;}
.promo-desc {padding: 30px;}

.promo .title {text-align: center; font-size: 19px;padding: 6px;color: rgb(203,0,123);}
.promo-applications .title {text-align: center; font-size: 16px;padding: 12px;color: rgb(203,0,123);}

.footer-top {background-image: url(../images/footer-top.jpg);background-position: bottom; min-width: 100%;}
.footer-top .logo-holder { padding: 10px 10px 10px 20px; width: 57rem; margin: 0 auto}
.footer-bottom {background-image: url(../images/footer-bottom.jpg);background-position: bottom; background-repeat: repeat-x; min-width: 100%;}
.footer-bottom .row-fluid {width: 57rem; margin: 0 auto;}
.footer-bottom .phone {background-image: url(../images/icon-telephone-fill.svg);background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-bottom: 3px;}
.footer-bottom .mail {background-image: url(../images/icon-envelope-fill.svg);background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-bottom: 3px;}
.footer-bottom .location {background-image: url(../images/icon-globe.svg);background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-bottom: 3px;}
.footer-bottom .title {color:#184d9b;font-size:13px;text-transform:uppercase;margin-bottom: 6px;font-family: "Open Sans"}
.footer-bottom .menu a, .footer-bottom .menu li {margin-bottom: 3px;}
.footer-bottom .menu a, .footer-bottom .menu a:visited {color:#333;}
.footer-bottom .menu a:hover {background-color: transparent;text-decoration: underline;}
.footer-bottom .createdby a, .footer-bottom .createdby a:visited {font-size: 11px;color:#4e4e4e;}

footer .horizontal-line {background-color: rgb(203,0,123);height: 2px;}

#jawnav ul > li > a:before {content: '/';color:rgb(203,0,123);font-size: 33px;position: relative;top:5px;font-family: serif;margin-right: 5px;}
#jawnav ul {float: right;}
#jawnav ul > li > a {font-size: 14px;padding: 10px;padding-top: 6px;padding-bottom: 15px;}

#dynamic-banner {position: relative;}
#dynamic-banner .title {position: absolute;background-color: #1c509c;display: inline-block;color:white;font-size: 40px;padding: 12px;opacity: 0.8;right: 0; top: 198px;padding-left: 50px;text-transform: uppercase;}
#dynamic-banner-line {background-color: #184d9b;height: 2px;}
#dynamic-banner-subline {background-image: url(../../../images/etitk/banners/banner-krivulja-bottom-bela.jpg);height: 74px;}

.eti-side-menu {background-color: #f5f5f5;border-bottom: 2px solid #184d9b;margin-bottom: 20px;}
.eti-side-menu .header {height: 57px;background-image: url(../images/bg-submenu-header-2.png);padding-top: 30px;}
.eti-side-menu .title {background-color: #d7e1ed;color:#184d9b;opacity: 0.9;padding: 5px;text-transform: uppercase;text-align: center;font-size: 15px;}
.eti-side-menu ul {padding-left: 10px; padding-right: 10px;}
.eti-side-menu ul li {padding: 5px;}
.eti-side-menu ul li.active a {font-weight: bold;color:#333333;}
.eti-side-menu ul li.active a:before {content: '> ';font-weight: bold;}
.eti-side-menu a {color:#717171;}

.rl_sliders.accordion > .accordion-group {border:none; border-bottom: 1px solid #cccccc;border-radius: 0;}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {padding-left: 35px;background-image: url(../images/button-acordion-right.png);background-position-y: 3px; background-repeat: no-repeat;}
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {background-color: white;background-image: url(../images/button-acordion-down.png);background-position-y: 3px; background-repeat: no-repeat;}
.rl_sliders.accordion a {color:#717171;font-size: 16px;}
.rl_sliders.accordion .accordion-heading {}

.rl_sliders.accordion .rl_sliders-toggle-inner:before {
    
}

#tbMaterials {width: 100%;}
#tbMaterials th {background-color: #184d9b;padding: 5px; color: white; text-align: right; }
#tbMaterials th:first-child {text-align: left;}
#tbMaterials td:first-child {text-align: left;}
#tbMaterials td {border: 3px solid white;padding-bottom: 4px;padding-top: 4px;text-align: right;}
#tbMaterials td:nth-child(odd) {background-color: #f5f5f5;padding: 2px;}

#tbMaterials2 {width: 100%;}
#tbMaterials2 tr:nth-child(1) th,#tbMaterials2 tr:nth-child(2) th {background-color: #184d9b;padding: 5px; color: white;}
#tbMaterials2 td {padding: 5px;border: 1px solid #f5f5f5;text-align: right;}
#tbMaterials2 .title {color:#184d9b;padding: 5px;background-color: #f5f5f5; text-align: left;}


@media (max-width: 768px) {
  #tbMaterials th:nth-child(8), #tbMaterials th:nth-child(9), #tbMaterials th:nth-child(10), #tbMaterials th:nth-child(11), #tbMaterials th:nth-child(12), #tbMaterials th:nth-child(13), #tbMaterials th:nth-child(14) {display: none;}
  #tbMaterials td:nth-child(8), #tbMaterials td:nth-child(9), #tbMaterials td:nth-child(10), #tbMaterials td:nth-child(11), #tbMaterials td:nth-child(12), #tbMaterials td:nth-child(13), #tbMaterials td:nth-child(14) {display: none;}
  .eti-banner {height: 320px;}
  .eti-banner .inside-text {top:120px;}
  #dynamic-banner .title {display: none;}
}