body {background-color:#fff; font-family:"Roboto",sans-serif;  font-weight: 400; color:#3c3c3c;}
.required-label {color:red;}
.font2 {font-family: "Fira Sans", sans-serif;}
.color2 {color:#f69321}
h1 {font-weight: 700; text-transform:capitalize; }
h3 {font-size: 22px; font-weight: 700; margin-bottom: 20px;}
img {max-width:100%; height:auto;}
.txtshadow {text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);}

.breadcrumb, .form-control {text-transform:capitalize; }
.breadcrumb { padding: 15px 0; list-style: none; background-color: #ffffff;}


/* VRH */

.top-header-menu .left {margin-top: 1px;}
.top-header-menu .right {text-align:right;}

/* header up */
.container-fluid.top-header-menu {padding: 6px 0; background-color: #2E2B1F; color: rgba(240, 240, 240, 0.92);}

/* header down */
.container-fluid.headerx { background: #f6f6f6; padding:0;}
.container.headerx {padding-top: 15px; padding-bottom: 15px;}
.container.content {padding-top: 20px; padding-bottom:20px;}

/* header serach box */
.headerx .form-control {height: unset; padding: 12px 13px; border-radius: 2px;}
.headerx .btn-default {height: unset; padding: 12px 13px; border-radius: 2px;}
.headerx .navbar-form { padding: 0px; margin-top: 10px; }

.logo img {height: 60px; width: auto;}

/* icons for cart */
.menu-cart {margin-top: 12px; text-align: center;}
.menu-cart .glyphicon {font-size:20px}


.baner-message {text-align: center;background: #e7e7e7;padding: 5px 10px;}
.besplatna-dostava {color: #e71616;}






/* FOOTER */

/* partners part */
.container-fluid.footerx {  padding: 0; /*background: #F8F8F899;*/ color: #717171; text-align:center;}

/* content part */
.container-fluid.footerx2 { margin: 0px; padding:0; text-align: left; text-transform: none; background: #f9f9f9; }
/*.container-fluid .container.footerx2 {background: url("/img/svet.png") -40px top no-repeat}*/

/* signature part */
.container-fluid.footerx3 { margin: 0px; padding:7px 0; text-align: left; text-transform: none; background: #f6f6f6; border-top: solid 1px rgba(0,0,0,0.04);}

.footer {padding:20px 0; }
.footer a {color:#286ea0;}

.footer h3 {margin-bottom: 25px; font-size: 20px; font-weight: 700; border-bottom: 1px dotted #AAADB980; padding-bottom: 35px; color: #808080;} 
.footer .icon-info { position: relative; margin-bottom: 20px; }
.footer .icon-info i { font-size: 20px; padding-right: 20px; position: absolute; top: 5px;}
.footer .icon-info p { padding-left: 30px; }


.footer ul {margin:0; padding:0;}
.footer ul li {list-style: none; padding: 0 0 8px 0px;}
.footer ul li::before {content: "\00BB \0020";}

.credit-cards {font-size: 20pt;}
.footer .copy {}




.baner728 {margin:20px 0;}
.baner336 {text-align:right;}

#mapaDMK {width:100%; height:350px; background:#eaeaea; margin-bottom:15px;}
.under-map {color:#f30;}

.pointA { background-image: url(/rastojanje/img/lupaA.png); background-position: left center; background-repeat: no-repeat; text-align: center;}
.pointB { background-image: url(/rastojanje/img/lupaB.png); background-position: left center; background-repeat: no-repeat; text-align: center;}

.captcha img {float: left; height: 34px;}

ul.tip h2 {padding: 15px 0; font-size: 20px; border-bottom: 1px solid #e23000; }

ul.tip { list-style-type: none; padding: 3px 0; width:100%; float:left; margin:15px 0; }
ul.tip li { list-style-type: none; padding: 3px 0; float:left; display:inline; margin-left:0px; width:33%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; text-transform: capitalize; }
ul.tip li a {  color: #000; text-decoration: none; }
ul.tip li:hover { font-weight:700; }

.izracunalismo {text-transform: none; color: #e4411e;  margin-bottom: 10px; font-weight: 700; font-size: 21px;}






/* FONTS */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/fIKu7GwZTy_12XzG_jt8eA.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/9_7S_tWeGDh5Pq3u05RVkltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}





@media only screen and (max-width:767px){

.logo img { max-height: 40px; width: auto; margin-top: 0px;}
ul.tip li { width:100%;}
.baner336 {text-align:center; margin:15px 0;}
#mapaDMK { height: 150px;  }
.captcha img {position: absolute;}


}