@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,latin-ext);
header {
    padding: 0;
}
h1.brand {
    display: block;
    float: left !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}
h1.brand a {
    display: inline-block;
}
.navbar_ {
}
.nav-collapse .nav {
    float: none !important;
}
.navbar_ .collapse {
    font-size: 0;
    line-height: 0 !important;
    overflow: visible;
}
.navbar_ .nav-collapse_ .nav li li {
    display: block;
    font-size: 14px;
    line-height: 24px;
}
.navbar_ .navbar-inner {
    box-shadow: none;
    margin: 0;
    min-height: inherit;
    padding: 0;
}
.navbar_ .nav-collapse_ {
    float: right;
    height: 40px !important;
    margin-top: 36px;
}
.nav-collapse_ {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
.nav-collapse_ .nav {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
.nav-collapse_ .nav li {
    display: inline-block;
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
}
.nav-collapse_ .nav > li > a {
    background: none repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: none !important;
    color: #3E454C;
    font: 14px/14px 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 14px 11px;
    text-align: center;
    text-shadow: none;
}
.nav-collapse_ .nav > li.active > a {
    box-shadow: none;
    color: #ed1c24 !important;
}
.nav-collapse_ .nav > li.active > a:hover {
    box-shadow: none;
    color: #ed1c24 !important;
	background:none
}
.nav-collapse_ .nav > li.active > a > strong, .nav-collapse_ .nav > li.menuactive > a > strong {
    display: block;
    background: url(../images/menu-active.jpg) no-repeat 0 0 transparent;
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 46px;
    width: 7px;

}
.nav-collapse_ .nav > li a:hover {
    border: medium none;
    color: #ed1c24 !important;
}
.nav-collapse_ .nav > li a:hover > strong {
    display: block;
}
.nav-collapse_ .nav > .sfHover > a {
    background: none repeat scroll 0 0 #FF7F66 !important;
    box-shadow: none;
    color: #FFFFFF !important;
}
.nav-collapse_ .nav > .sfHover > a > strong {
    display: block;
}
.nav-collapse_ .nav > li > a span {
    background: url(../images/menu-marker.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    left: 31px;
    position: absolute;
    top: 46px;
    width: 6px;
}
.nav-collapse_ .nav > li a > strong {
    background: url("../img/menu_triangle.png") no-repeat scroll 0 0 transparent;
    bottom: -5px;
    display: none;
    height: 5px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    text-align: center;
    width: 9px;
}
.nav-collapse .sub-menu > ul {
    background: none repeat scroll 0 0 #3E454C;
    display: none;
    left: 0;
    list-style: none outside none !important;
    margin: 0;
    padding: 36px 0 33px;
    position: absolute;
    top: 68px;
    width: 154px;
    z-index: 11;
}
.nav-collapse .sub-menu > ul li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: none;
    margin: 0 0 4px;
    padding: 0;
    text-align: center;
}
.nav-collapse .sub-menu > ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #FFF6E5;
    display: inline-block;
    font: 500 15px/15px 'Roboto',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}
.nav-collapse .sub-menu > ul li a span {
    background: url("../img/menu-marker2.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 5px;
    margin-left: 10px;
    position: relative;
    top: -3px;
    width: 6px;
}
.nav-collapse .sub-menu > ul li a:hover {
    background: none repeat scroll 0 0 transparent !important;
    color: #FF7F66 !important;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.nav-collapse .sub-menu > ul li.sfHover > a {
    background: none repeat scroll 0 0 transparent !important;
    color: #FF7F66 !important;
    text-decoration: none;
}
.nav-collapse .sub-menu ul ul {
    background: none repeat scroll 0 0 #FFF6E5;
    display: none;
    left: 155px;
    list-style: none outside none !important;
    margin: 0;
    padding: 36px 0 33px;
    position: absolute;
    top: -36px;
    width: 164px;
    z-index: 11;
}
.nav-collapse .sub-menu ul ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #3E454C;
    display: inline-block;
    font: 500 15px/15px 'Roboto',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}
.nav-collapse .sub-menu ul ul li a:hover {
    background: none repeat scroll 0 0 transparent !important;
    color: #FF7F66 !important;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.dizajn {
	background:url(../images/dizajn-border.jpg) center top no-repeat;
    padding-top: 75px;
}
.padBot1 {
    padding-bottom: 75px;
}
.padBot2 {
    padding-bottom: 20px;
}
.margBot1 {margin-bottom: 26px;}
.border1 {
    border-bottom: 1px solid #494F56;
    padding-bottom: 37px;
}
.thumb-pad6 {
    margin-top: 15px;
}
.thumb-pad6 .thumbnail {
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.thumb-pad6 figure {
    margin: 0 0 22px;
    position: relative;
}
.thumb-pad6 figure img {
    width: 100%;
}
.thumb-pad6 .thumbnail .caption {
    padding: 0;
}
.thumb-pad6 a {
    color: #FF7F66;
    display: inline-block;
    font: 300 20px/20px 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 0 0 8px;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}
.thumb-pad6 a:hover {
    color: #3E454C;
    transition: all 0.35s ease 0s;
}
.thumb-pad6 .badge {
    background: #ED1C24 url(../images/arrow-red.jpg) 16px 12px no-repeat;
    border-radius: 0 0 0 0;
    bottom: 0;
    box-shadow: none;
    color: #FFFFFF;
    font: 300 30px/30px 'Open Sans';
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: none;
    width: 42px;
    height: 42px;
	display:block
}
.thumb-pad6 h4 {
	font-size:24px;
	text-transform:uppercase;
	color:#3e454c;
	font-weight:300}
.gray-box{
    background-color: #f3f3f4;
    margin-top: 64px;
    padding: 10px 20px;
    width: auto;
}
.list1, .list-tabs {
    list-style: none outside none;
    margin: 26px 0 25px;
}
.list1 li, .list-tabs li {
    background: url(../images/bullet-style2.jpg) no-repeat left 4px transparent;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 28px;
}
.list-tabs a {
    color: #fff;
    font: 14px/24px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}
.list1 li a {
    color: #fff;
    font: 12px/18px Arial, Helvetica, sans-serif;
    text-transform: none;
    transition: all 0.35s ease 0s;	}
.list-tabs a {    color: #3e454c;}
.list-tabs li a:hover {
    color: #ed1c24;
	text-decoration:none;
    transition: all 0.35s ease 0s;
}
.list-tabs a.currentpage {    color: #ed1c24;}
.list1 li a:hover {
    color: #ED1C24;
    transition: all 0.35s ease 0s;
}
.list2 {
    list-style: none outside none;
    margin: 26px 0 25px;
}
.list2 li {
    background: url(../images/bullet-style1.png) no-repeat left 7px transparent;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.list2 li a {
    color: #8b8f94;
    font: 14px/24px Arial, Helvetica, sans-serif;
    transition: all 0.35s ease 0s;
}
.list2 li a:hover {
    color: #ED1C24;
    transition: all 0.35s ease 0s;
}

.list6 {
    list-style: none outside none;
    margin: 10px 0 0;
}
.list6 li {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 19px;
}
.list5 {
    list-style: none outside none;
    margin: 33px 0 0;
}
.list5 li {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 19px;
}
.list5 li a, .extra-wrap p.naslov {
    color: #ED1C24;
    display: inline-block;
    font: 300 18px/18px 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 0 0 7px;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}
.list5 li a:hover {
    color: #000;
    transition: all 0.35s ease 0s;
	text-decoration:none
}
.list5 li figure {
    float: left;
    margin: 0 18px 0 0;
}
.list5 li figure > img {
    width: 100%;
}
.list5 li p {
    margin-bottom: 0;
}
.list6 li a {
    color: #ED1C24;
    display: inline-block;
    margin: 0 0 7px;
    transition: all 0.35s ease 0s;
}
.list6 li a:hover {
    color: #000;
    transition: all 0.35s ease 0s;
	text-decoration:underline
}
.list6 li figure {
    float: left;
    margin: 0 18px 0 0;
}
.list6 li figure > img {
    width: 100%;
}
.list6 li p {
    margin-bottom: 0;
}
.list_carousel {
    position: relative;
	height:69px; 
	padding:20px 0
}
.caroufredsel_wrapper {
    height: 89px !important;
}
.list_carousel #foo {
    cursor: default;
    display: block;
    height: 100% !important;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list_carousel #foo > li {
    cursor: default;
    float: left;
    padding: 0;
	margin-right:0
}
.list_carousel #foo li a {
    float: left;
    margin: 0 20px 0 0;
}
.list_carousel #foo li a.cimco {background:url(../images/cimco-logo.jpg) bottom left no-repeat; width:188px; height:33px; text-indent:-1000em;  margin-top:20px}
.list_carousel #foo li a.cimco:hover {background-position:top left}
.list_carousel #foo li a.jumo {background:url(../images/jumo-logo.jpg) bottom left no-repeat; width:188px; height:33px; text-indent:-1000em;  margin-top:20px}
.list_carousel #foo li a.jumo:hover {background-position:top left}
.list_carousel #foo li a.pepperl {background:url(../images/pepperl-logo.jpg) bottom left no-repeat; width:188px; height:21px; text-indent:-1000em; margin-top:26px}
.list_carousel #foo li a.pepperl:hover {background-position:top left}
.list_carousel #foo li a.phoenix {background:url(../images/phoenix-logo.jpg) bottom left no-repeat; width:188px; height:28px; text-indent:-1000em; margin-top:22px}
.list_carousel #foo li a.phoenix:hover {background-position:top left}
.list_carousel #foo li a.eaton {background:url(../images/eaton-logo.jpg) bottom left no-repeat; width:188px; height:26px; text-indent:-1000em; margin-top:24px}
.list_carousel #foo li a.eaton:hover {background-position:top left}
.list_carousel #foo li a.siemens {background:url(../images/siemens-logo.jpg) bottom left no-repeat; width:188px; height:25px; text-indent:-1000em;  margin-top:20px}
.list_carousel #foo li a.siemens:hover {background-position:top left}
.list_carousel #foo li a.elsta {background:url(../images/elsta-logo.jpg) bottom left no-repeat; width:188px; height:59px; text-indent:-1000em; margin-top:0}
.list_carousel #foo li a.elsta:hover {background-position:top left}
.list_carousel #foo li a.ggk {background:url(../images/ggk-logo.jpg) bottom left no-repeat; width:188px; height:44px; text-indent:-1000em; margin-top:10px}
.list_carousel #foo li a.ggk:hover {background-position:top left}
.list_carousel #foo li a.helukabel  {background:url(../images/helukabel-scroll.jpg) bottom left no-repeat; width:176px; height:20px; text-indent:-1000em; margin-top:25px}
.list_carousel #foo li a.helukabel:hover {background-position:top left}
.list_carousel.responsive {
	background-color: #fff;
	padding:20px 42px;
	margin:0 0 20px 0;
	border-bottom:1px solid #dcdbdb;
	border-top:1px solid #dcdbdb
}

.list_carousel.responsive .caroufredsel_wrapper {
    cursor: default !important;
}
.list_carousel .prev, .list_carousel .next {
    bottom: 10px;
    cursor: pointer;
    display: inline-block;
    height: 89px;
    position: absolute;
    width: 42px;
}
.list_carousel .prev {
    background: url(../images/prev_arrow.jpg) no-repeat 0 bottom transparent;
    left: 0px;
    transition: all 0.25s ease 0s;
}
.list_carousel .next {
    background: url(../images/next_arrow.jpg) no-repeat 0 bottom transparent;
    right:0;
    transition: all 0.25s ease 0s;
}
.list_carousel .prev:hover {
    background: url(../images/prev_arrow.jpg) no-repeat 0 top transparent;
    transition: all 0.25s ease 0s;
}
.list_carousel .next:hover {
    background: url(../images/next_arrow.jpg) no-repeat 0 top transparent;
    transition: all 0.25s ease 0s;
}

footer {
    background-color: #3E454C;
    padding-top: 56px;
}
footer .border1 {background:url(../images/iso-bg.jpg) top right no-repeat}

footer p {   color: #727C87;
    font: 14px/24px 'Open Sans';
    margin-top: 26px;
}

footer p > a {
    color: #727C87;
}
footer p > a:hover {
    color: #fff;
    transition: all 0.35s ease 0s;
	text-decoration:none

}
/* unutrasnje */
.dizajn-unutrasnje {
	background:url(../images/dizajn-border-unutrasnja.jpg) center top no-repeat;
    padding-top: 50px;
	margin-top:4px
}

/* o nama*/
.border {border-bottom:1px solid #dcdbdb; padding-bottom:20px; margin-bottom:20px; margin-left:20px}
.border .span7, .border .span3 {margin-left:0}
.border p {background:url(../images/p-arrow.jpg) 0 7px no-repeat; padding-left:43px}
/* gbook*/
.gbook {display:none}
.gbook_entry, .form_entry {margin: 0 0 20px 0; 
   -moz-box-shadow:    inset 0 0 10px #D8D8D8;
   -webkit-box-shadow: inset 0 0 10px #D8D8D8;
   box-shadow:         inset 0 0 10px #D8D8D8;
}
.gbook_entry_name {color: #0776BE}
.gbook_smileys {margin-bottom:10px}
.gbook_error {color: #ed1c24}
/* kontakt*/
.form_entry {margin-bottom:0}
.mapa {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DCDBDB}
.mapa h3 {margin-top:0}
/*proizvodi*/
.tab-navi {border-bottom:1px solid #DCDBDB}
.tab-pane p, .tab-pane ul {font-size:13px}
.tab-pane p.bold {margin-bottom:0; font-weight:bold; color:#3e454c}
.tab-pane h4 {background:url(../images/h4-bg.jpg) 0 7px no-repeat; color:#010000; text-transform:none; padding:0 0 0 20px}
.tab-pane strong {color:#3e454c; margin-bottom:0}
h1.industrijska-oprema, h1.instalaciona-oprema, h1.senzorika, h1.automatizacija {background:url(../images/h1-bg.jpg) 0 0 no-repeat; padding:0 0 0 50px; margin-bottom:50px; height:42px; line-height:42px}

/*partneri*/
.partner {margin-bottom:25px}
.border p.link {background:none}
.border p.link a:hover {color:#ed1c24; text-decoration:none}
/*zaposlenje*/

#fbrp__42 {width:50px}
.email, .zanimanje, .devider, .obrazovanje, .kvalifikacija, .vestine, .ostalo {clear:both}
#fbrp__45_1_day, #fbrp__45_1_year, #fbrp__47_1_day, #fbrp__47_1_year, #fbrp__48_1_day, #fbrp__48_1_year, #fbrp__56_1_day, #fbrp__56_1_year, #fbrp__57_1_day, #fbrp__57_1_year  {width:80px}
#fbrp__45_1_month, #fbrp__47_1_month, #fbrp__48_1_month, #fbrp__56_1_month, #fbrp__57_1_month {width:160px}
.first {margin-left:0}
.drugi div {
  float: left;
    margin-left: 20px; margin-bottom:10px;
    min-height: 1px; width:140px	}
	.drugi div label {display:inline; vertical-align:middle}
		.drugi div input {margin-top:0}
#mleft_0, #mleft_1, #mleft_2, #mleft_3, #mleft_4, #fbrp__95_1_0, #fbrp__95_1_1 {margin-left:-20px}