* {
 margin:0;
 padding:0;
}
ul {
 margin:auto;
 margin-bottom:10px;
 padding: inherit;
}
.node .content ul {
margin:auto;
margin-bottom:10px;
padding-left:20px;
}
body {
background:#9e9e9e;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
}

a:link, a:visited {
    color: #027AC6;
    text-decoration: none;
}
a:focus, object, embed {
outline:none;
}
body#tinymce {
background-color:#FFF;
text-align:left;
}
.terminator {
clear:both;
line-height:1px;
font-size:1px;
margin-top:-1px;
}
p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#55555;
margin:0 0 10px;
line-height:21px;
padding:0;
}
#wrapper #container #center h1 {
font-size:22px;
font-weight:bold;
font-family:calibri, arial;
margin-bottom:0;
color:#027AC6;
text-transform:uppercase;
margin-bottom: 15px;
}
#block-views-featured-block_1, #block-views-special_slide-block_2 {
 margin:15px 0;
}

h2 {
font-family:calibri, arial;
font-size:20px;
color:#027AC6;
margin:0 0 10px 0;
line-height:21px;
padding:0;
text-transform:uppercase;
font-weight:bold;
}
h3 {
font-family:calibri, arial;
font-size:18px;
color:#d81b1d;
margin:0 0 10px 0;
line-height:21px;
padding:0;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#313131;
margin:0 0 18px 0;
line-height:12px;
font-weight:bold;
padding:0;
}
#service-links-top {
height:32px;
background:url(images/bg-service.gif) repeat-x;
text-align:center;
}
#service-links-top-wraper {
margin:0 auto;
width:330px;
text-align:left;
overflow:hidden;
padding-left:630px;
padding-top:8px;
}
#service-links-top-wraper .rss-feed {
float:left;
width:20px;
}
#service-links-top .service-title {
float:left;
width:120px;
font-size:13px;
font-family:calibri, arial;
color:#FFF;
}
#service-links-top .service-icons {
float:left;
width:190px;
}
#service-links-top ul {
padding:0;
margin:0;
}
#service-links-top ul li {
list-style:none;
margin:0 4px 0 0;
display:inline;
}

#wrapper {
text-align:left;
width: 1200px;
margin:0 auto;
background: #fff;
}

#header {
height:161px;
overflow:visible;
background-color:#FFF;
position:relative;

}

#headertop {
overflow:hidden;
height:118px;
}
#logo-floater {
float:left;
width:280px;
height:118px;
}
#header-right {
float:right;
width:920px;
height:88px;
text-align:right;
padding:30px 30px 0 0;
text-align:right;
box-sizing: border-box;
}
#header-right p {
font-size:15px;
color:#027AC6;
font-weight:bold;
}
#header-right p.phone {
font-size:24px;
color:#d81b1d;
}
.slicknav_menu {
display:none;
}
#nav {
overflow:hidden;
height:31px;
background:url(images/bg-nav.gif) repeat-x;
padding:12px 10px 0 10px;
margin:0;
}
#nav ul.menu {
padding:0;
margin:0;
}
#nav ul li {
display:inline;
padding:0;
margin:0;
}
#nav ul.menu li a {
display:block;
float:left;
font-family:Calibri, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
margin:0 19px 0 14px;
color:#FFF;
text-transform:uppercase;
text-shadow: 1px 1px #2d2d2d;
}
#nav ul li a:hover {
color:#d81b1d;
}
#nav ul li a:focus {
color:#d81b1d;
}

#wrapper #container {
padding:20px 0;
border-top: 1px solid #f5f5f5;
overflow:hidden;
}

#slider, .slider-wrapper {
overflow:hidden;
z-index: 1;
}
#prev {
width:39px;
padding:96px 0 0 15px;
float:left;
}
.slideshow-container {
width: 981px;
float:left;
height:200px;
padding:31px 46px 0 60px;
}
.slide-panel {
width: 981px;
height:200px;
overflow:hidden;
}
.slide-panel-left {
float:left;
width:275px;
height:200px;
padding-right:30px;
}
.slide-panel-right {
float:left;
width:676px;
height:200px;
color:#555555;
font-style:italic;
font-size:16px;
font-family:calibri, arial;
line-height:21px;
}
.slide-panel-right  a, .slide-panel-right  a:visited {
color:#d81b1d;
font-size:30px;
font-family:calibri, arial;
display:block;
margin-bottom:8px;
font-style:normal;
}
.slide-panel-right a:hover {
color:#027AC6;
text-decoration:none;
}
.slide-panel-right .slide-more {
margin-top:10px;
}
.slide-more {
text-align:right;
padding-right:30px;
margin-top:15px;
margin-bottom:0;
font-style:normal;
}
.slide-more a, .slide-more a:visited {
color:#027AC6;
font-weight:bold;
font-size:14px;
}
.slide-more a:hover {
color:#d81b1d;
text-decoration:none;
}
#next {
width:55px;
text-align:left;
padding-top:96px;
float:left;

}
#prev a{
width:40px;
height:40px;
display:block;
text-indent:-9999px;
outline:none;
}
#next a{
width:40px;
height:40px;
display:block;
text-indent:-9999px;
outline:none;
}
#prev a img,
#next a img{
display:block;
}
.slide-navig {
height:24px;
text-align:right;
padding-right:20px;

}
#navig {
padding:5px 20px 0 0;
margin:0;
width:940px;
clear:both;
}

#navig a {
padding:8px;
background:url(images/circle-grey.gif) no-repeat center; 
text-decoration: none;
color:#FFF; 
font-family:calibri, arial; 
font-weight:bold; 
font-size:12px;
line-height:16px;
}
#navig a.activeSlide { 
background:url(images/circle-blue.gif) no-repeat center; color:#FFF; 
}
#navig a:focus { 
outline: none; 
}

#wrapper #container #sidebar-left {
    float: left;
    width: 16%;
    padding: 0 0 0 1%;
    box-sizing: border-box;
}
#sidebar-left ul, #sidebar-left ul li {
margin:0;
padding:5px 0;
list-style-image:none;
}
#sidebar-left ul li {
list-style:none;
background:url(images/bg-left-li.gif) no-repeat;
width:180px;
padding:4px 0 0 11px;
}
#sidebar-left ul li li {
padding:0;
}
#sidebar-left ul li a, #sidebar-left ul li a:visited {
display:block;
height:20px;
font-weight:bold;
color:#FFF;
font-family:calibri, arial;
text-transform:uppercase;
}
#sidebar-left ul li a:hover{
color:#d81b1d;
text-decoration:none;
}
#sidebar-left ul li li a, #sidebar-left ul li li a:visited  {
background:url(images/bg-left-li-a.gif) no-repeat left 3px;
padding-left:15px;
font-weight:normal;
color:#027AC6;
text-transform:none;
}
#sidebar-left ul li li a:hover {
color:#d81b1d;
text-decoration:none;
}
#sidebar-left ul li li {
background:none;
}

#wrapper #container #center {
    float: left;
    width: 65%;
    padding-left: 2%;
    box-sizing: border-box;
}
.sidebar-left #wrapper #container #center {
    float: left;
    width: 84%;
    padding-left: 2%;
}
#wrapper #container #center .field-field-product-photo {
width:250px; 
float:left;
border:1px solid #ededed;
text-align:center;
margin-right:11px;
}

#wrapper #container #center .node {
padding:0;
margin:0;
border:none;
}

#block-views-special_slide-block_2 .views-field-title span a, #block-views-special_slide-block_2 .views-field-title span a:visited {
font-family:calibri, arial;
font-size:19px;
color:#d81b1d;
margin:0 0 10px 0;
line-height:21px;
padding:0;
}
#block-views-special_slide-block_2 .views-field-title span a:hover {
color:#027AC6;
text-decoration:none;
}
#block-views-special_slide-block_2 .views-field-view-node {

text-align:right;
padding-right:30px;
margin-top:15px;
}
#block-views-special_slide-block_2 .views-field-view-node a, #block-views-special_slide-block_2 .views-field-view-node a:visited {
color:#027AC6;
font-weight:bold;
}
#block-views-special_slide-block_2 .views-field-view-node a:hover {
color:#d81b1d;
text-decoration:none;
}
#wrapper #container #center .filefield-file {
font-size:12px;
}
#wrapper #container #center .filefield-file a, #wrapper #container #center .filefield-file a:visited {
color:#027AC6;
font-weight:bold;
}
#wrapper #container #center .filefield-file a:hover {
color:#d81b1d;
text-decoration:none;
}
.features-container {
margin-top:10px;
}
#wrapper #container #sidebar-right {
    float: left;
    width: 19%;
    padding: 0 0 0 2%;
    box-sizing: border-box;
    min-width: 220px;

}
#wrapper #container #sidebar-right #block-block-3 {
text-align:center;
width:179px;
}

#wrapper #container #sidebar-right .live-support {
    background: url(images/live-support.jpg) no-repeat;
    width: 179px;
    height: 30px;
    margin: 0 0 19px 0;
    text-align: center;
    padding: 209px 0 0 0;
}
#wrapper #container #sidebar-right .live-support p {
    font-size: 25px;
    color: #ededed;
    text-align: center;
    text-shadow: 1px 1px #2d2d2d;
}
#wrapper #container #center .view-articles .views-row {
margin-bottom:10px;
}
#wrapper #container #center .view-articles .views-field-title {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
padding:0;
}
#wrapper #container #center .view-articles .views-field-title a, #wrapper #container #center .view-articles .views-field-title a:visited, #wrapper #container #center .view-articles .views-field-view-node a, #wrapper #container #center .view-articles .views-field-view-node a:visited, #wrapper #container #center .articles a, #wrapper #container #center .articles a:visited {
color:#027AC6;
font-weight:bold;
}
#wrapper #container #center .view-articles .views-field-title a:hover, #wrapper #container #center .view-articles .views-field-view-node a:hover, #wrapper #container #center .articles a:hover {
color:#d81b1d;
text-decoration:none;
}
#sidebar-right .articles-block {
width:169px;
background:url(images/bg-right-title.gif) no-repeat top;
padding:0 5px 5px 5px;
}
#sidebar-right .articles-block h2 {
font-family:calibri, arial;
text-transform:uppercase;
color:#FFF;
font-size:12px;
font-weight:bold;
padding-left:5px;
}
#sidebar-right .articles-block ul {
padding:0;
margin:0;
}
#sidebar-right .articles-block .item-list ul li {
padding:0;
margin:0;
list-style:none;
}
.articles-block .view-content ul li a, .articles-block  .view-content ul li a:visited {
font-size:12px;
font-family:Calibri, Arial;
color:#363636;
font-weight:bold;
display:block;
margin-bottom:5px;
background:url(images/bg-articles.gif) no-repeat left 6px;
padding-left:7px;
}
.articles-block .view-content ul li a:hover {
color:#d81b1d;
text-decoration:none;
}
.articles-block p.articles-more {
text-align:right;
}
.articles-block p.articles-more a, .articles-block p.articles-more a:visited {
font-size:12px;
font-family:calibri, arial;
color:#d81b1d;
}
.articles-block p.articles-more a:hover {
color:#363636;
text-decoration:none;
}
#footer {
height:125px;
padding:28px 0 0 0;
margin:0 auto;
text-align:center;
background-color:#000000;
}
#footer ul.menu {
margin:0;
padding:0;
text-align:center;
}
#footer ul.menu li {
display:inline;
margin:0;
padding:0 12px;
background:url(images/bg-bottom-links.gif) no-repeat right 5px;
list-style-image:none;
list-style-type:none;
}
#footer ul.menu li.last {
background:none;
}
#footer ul.menu li a, #footer ul.menu li a:visited{
display:inline;
color:#d7d7d7;
font-family:calibri, arial;
font-size:12px;
}
#footer ul.menu li a:hover, #footer ul.menu li a.active{
color:#d81b1d;
text-decoration:underline;
}
#footer-container {
height:125px;
width:960px;
margin:0 auto;
text-align:center;
}
.footer-bottom {
}
.copyright {
color:#adadad;
font-size:12px;
font-family:calibri, arial;
margin:25px 50px 0 50px;
}
.copyright a {
color:#adadad;
font-size:12px;
font-family:calibri, arial;
}
.copyright a:hover {
color:#d81b1d;
text-decoration:underline;
}

.footer-bottom {
}
.node .field-field-brochure {
display:none;
}
#block-views-articles-block_1 .views-field-view-node {
text-align:right;
font-size:12px;
}
#block-views-articles-block_1 .views-field-title{
margin-bottom:10px;
padding:0 0 15px 0;
}
#block-views-featured-block_1,
#block-views-special_slide-block_2 {
overflow:hidden;
}
#block-views-featured-block_1 .views-field-title a, 
#block-views-featured-block_1 .views-field-title a:visited,
#block-views-special_slide-block_2 .views-field-title a, 
#block-views-special_slide-block_2 .views-field-title a:visited{
font-family:calibri, arial;
font-size:19px;
font-weight:bold;
color:#d81b1d;
}
#block-views-featured-block_1 .views-field-title a:hover,
#block-views-special_slide-block_2 .views-field-title a:hover{
color:#027AC6;
text-decoration:none;
}
#block-views-featured-block_1 .views-field-field-product-photo-fid, 
#block-views-special_slide-block_2 .views-field-field-product-photo-fid {
width:250px;
float:left;
}
#block-views-featured-block_1 .views-field-title, 
#block-views-special_slide-block_2 .views-field-title {
width: 318px;
float:left;
padding-left:10px;
}
#block-views-featured-block_1 .views-field-body,
#block-views-special_slide-block_2 .views-field-field-special-text-value {
width: 318px;
float:left;
padding-left:10px;
}
#block-views-featured-block_1 .views-field-view-node,
#block-views-special_slide-block_2 .views-field-view-node{
text-align:right;
display:block;
clear: both;
}
#block-views-featured-block_1 .views-field-view-node a, 
#block-views-featured-block_1 .views-field-view-node a:visited,
#block-views-special_slide-block_2  .views-field-view-node a, 
#block-views-special_slide-block_2  .views-field-view-node a:visited  {
color:#027AC6;
font-weight:bold;
font-size:14px;
}
#block-views-featured-block_1 .views-field-view-node a:hover,
#block-views-special_slide-block_2 .views-field-view-node a:hover{
color:#d81b1d;
text-decoration:none;
}
#block-views-featured-block_1 .views-row {
overflow:hidden;
padding:10px 0;
}
#block-views-special_slide-block_2 .views-row {
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #f4f4f4;
}

.online-quote {
padding-top:20px;
float:right;

}
.field-field-price {
display:none;
}
.price {
font-size:18px;
font-family:calibri,arial;
color:#000;
}
.price span {
color:#027AC6;
font-weight:bold;

}
#sidebar-left .block-views {
 margin-bottom:20px;
}
#sidebar-left .view-products-menu .view-content {
    padding: 0 0 0 15px;
}
#sidebar-left .view-products-menu .view-header {
background: #333;
border-radius:3px;
padding:5px;
margin-bottom:5px;
}
#sidebar-left .view-products-menu .view-header a, 
#sidebar-left .view-products-menu .view-header a:visited {
display:block;
height:20px;
font-weight:bold;
color:#FFF;
font-family:calibri, arial;
text-transform:uppercase;
}
#sidebar-left .view-products-menu .view-header a:hover{
color:#d81b1d;
text-decoration:none;
}
#sidebar-left .view-products-menu .views-row a, 
#sidebar-left .view-products-menu .views-row a:visited  {
background:url(images/bg-left-li-a.gif) no-repeat left 3px;
padding-left:15px;
font-weight:normal;
color:#027AC6;
text-transform:none;
font-family: calibri, arial;
line-height: 22px;
}
#sidebar-left .view-products-menu .views-row a:hover {
color:#d81b1d;
text-decoration:none;
}
.view-id-Product .view-content {
 overflow:hidden;
}
.view-id-Product .views-row {
float: left;
width: 210px;
text-align:center;
font-family:calibri, Verdana, Geneva, sans-serif;
box-sizing:border-box;
margin: 5px;
border: 1px solid #f5f5f5;
box-sizing: border-box;
padding: 5px;
min-height: 210px;
}
.view-id-Product .views-row a {
color: #d81b1d;
}
.view-id-Product .views-row a:hover {
color: #027AC6;
}
.view-id-Product .views-field-field-product-photo-fid img {
 height:100% !important;
 width:auto;
 max-width:200px;
}

.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.5em;
}
.pager-current {
font-weight: bold;
}
.item-list {
padding: 10px 0px 5px;
overflow: hidden;
}
.item-list ul.pager {
display:block;
margin:20px auto;
border-radius:4px;
}
.item-list .pager li {
display:inline;
padding: 0;
}
.item-list .pager li>a{
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#0062A0;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd;
}
.item-list .pager li:first-child>a {
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.item-list .pager li:last-child>a {
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.item-list .pager li>a:focus,
.item-list .pager li>a:hover {
color:#0062A0;
background-color:#eee;
border-color:#ddd;
}
.item-list .pager li.pager-current,
.item-list .pager li.pager-current:hover {
color:#fff;
background-color:#0062A0;
border-color:#0062A0;
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
border:1px solid #ddd;
text-decoration:none;
}



.choose-color-left  {
background: url(images/bw.png) no-repeat left center;
padding-left:20px;
color:#000;
font-family: calibri,arial;
text-transform: uppercase;
font-weight: bold;
float:left;
margin-right:30px;
font-size: 18px;
}
.choose-color-right {
background: url(images/cl.png) no-repeat left center;
padding-left:20px;
color:#000;
font-family: calibri,arial;
text-transform: uppercase;
font-weight: bold;
float:left;
font-size: 18px;
}

#block-block-5 .choose-color-wrap a:hover {
color:#6f8090;
}
#user-login input,
.form-item input.form-text {
border:none;
background:none;
border-radius:3px;
background-color:#fafafa;
border: 1px solid #e0e0e0;
height:34px;
box-sizing:border-box;
padding-left:10px;
min-width:280px;
max-width:320px;
}
.form-submit {
display:block;
border: 1px solid #e0e0e0;
border-radius:3px;
text-align:center;
font-size:13px;
text-transform:uppercase;
color:#2b3944;
line-height:32px;
margin-top:10px;
padding:0 20px;
font-weight:bold;
cursor:pointer;
-webkit-transition: border 0.5s ease-out;
-moz-transition: border 0.5s ease-out;
-o-transition: border 0.5s ease-out;
-khtml-transition: border 0.5s ease-out;
-ms-transition: border 0.5s ease-out;
transition: border 0.5s ease-out;
min-width: 100px !important;
max-width: 300px;
}
.webform-client-form select {
height:34px;
line-height:32px;
background-color:#fafafa;
border: 1px solid #e0e0e0;
width: 100%;
min-width:280px;
max-width:320px;
padding-left: 10px;
}
.node .content ul.chosen-choices {
margin: 0;
padding: 0 5px;
}
#webform-component-copier-model select {
min-width:280px;
}

#user-login .item-list {
display:none;
visibility:hidden;
}
.form-submit:hover {
border: 1px solid #2b3944;
}

#user-login {
margin: 0 auto;
max-width: 320px;
}
.form-item .description {
margin-top: 10px;
}
.form-item label {
margin-bottom: 5px;
}
div.error, tr.error {
max-width: 320px;
margin: 0 auto;
box-sizing:border-box;
padding:20px;
}


.button.medium.thin {
    padding: 8px 35px 8px 35px !important;
}
.button.medium.thin {
    position: relative;
    display: inline-block;
    padding: 13px 17px 13px 17px;
    background-color: transparent;
    color: #37a2d6;
    border: 2px solid #37a2d6;
    transition: all .3s ease 0s;
    
}
.button.thin.hover-dark:hover {
    background-color: #4b4e53 !important;
    border: 2px solid #4b4e53 !important;
    color: #fff !important;
    transition: all .3s ease 0s;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#block-views-kategorije-block_1 .view-content {
 overflow:hidden;
}
#block-views-kategorije-block_1 .views-row {
 float:left;
 width:33%;
 box-sizing:border-box;
 margin-bottom:15px;
 text-align:center;
}
#block-views-kategorije-block_1 .views-field-tid {
max-width: 200px;
margin: 0 auto;
}
#block-views-kategorije-block_1 .views-row img {
 display:block;
 width:100% !important;
 height:auto;
}
