@font-face {
	font-family: sans-serif;
	src: url(micross.ttf);
}
/*-------------------------------------------------------
    RESET
--------------------------------------------------------*/
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, input, select, textarea,
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-size: 100%;
    vertical-align: baseline;
}



article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {display: block}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    }
    
/**/
	h1, h2, h3, h4, h5, h6, ul, li, em, pre, code {
padding: 0;
margin: 0;
line-height: 1em;
font-size: 100%;
font-weight: normal;
font-style: normal;
font-family: sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}



/*------------------------------------
                BODY
------------------------------------*/
body {  
      margin: 0px;
  	  padding: 20px 0px;
  	  background: url(../images/body.jpg) no-repeat top center fixed ;
  	  -webkit-background-size:cover;
  	  background-size:cover;
  	  font-family: Arial, Helvetica, sans-serif;
  	  background-color:#fff;
  	  color: #828383;
      font-size: 12px;

    }
    .page {
        border-radius:8px;
        background: url(../images/centar-bg.jpg) repeat top center;
        background-color: #FFFFFF;
        margin: 0 auto;
      }
      
     .noPadding{
     	padding:0;
     }
     hr{
     	margin:10px 0;
     }
     .padding10{padding:0 10px;}
     a, a:visited{
     	text-decoration:none !important;
     }
     a:hover{
          	color:#000 !important;
     }
  
/*------------------------------------
              Header
-----------------------------------*/  
#header {
      border-radius:8px 8px 0 0;
      background: url(../images/top-bg.png) top center;
      background-repeat:no-repeat;
      -webkit-background-size:cover;
  	  background-size:cover;
   }
   .head-top {
         width:100%;
         border-radius:8px 8px 0 0;
         background: url(../images/bg-header.png);
         
    
    }
    #logo {
    margin: 10px auto 0;
    text-align: center;
}
    .head-top #logo a {
        margin:15px auto;
    }
    .welcome {
        margin:20px 20px 20px auto;
        width: 60%;
        border:1px solid #bd7050;   
        background: url(../images/welcome.png);
        background-repeat:repeat; 
     }
     .welcome p {
        font-size:19px;
        padding:20px;
        text-align: center;
        color:#faeaaf;
      }
    @media (max-width: 988px){.welcome{width:100%;}}
/*--------------------------------
            MENU
--------------------------------*/ 
.head-menu {
        width:100%;
        background: url(../images/menu-bg.jpg);
        border:0;
    	margin-bottom:0;
     }
/*---------------------------------------
             Navigations
---------------------------------------- */

              /* Primary navigation */
              nav.primary {
              	z-index: 2;
              }
              
              /* Essential styles for dropdown menu */
              .sf-menu, .sf-menu * {
              	margin:			0;
              	padding:		0;
              	list-style:		none;
              }
              .sf-menu {
              	line-height:	1.0;
              }
              .sf-menu ul {
              	background: #9d290e;
              	position:		absolute;
              	top:			-999em;
              	width:			182px; 
              }
              .sf-menu ul li {
              	width:			100%;
                  
              }
              .sf-menu li:hover {
              	visibility:		inherit; 
              }
              .sf-menu li {
              	float:			left;
              	position:		relative;
              }
              .sf-menu a {
              	display:		block;
              	position:		relative;
              }
              .sf-menu li:hover ul,
              .sf-menu li.sfHover ul {
              	left:			0;
              	top:			45px; 
              	z-index:		99;
              }
              ul.sf-menu li:hover li ul,
              ul.sf-menu li.sfHover li ul {
              	top:			-999em;
              }
              ul.sf-menu li li:hover ul,
              ul.sf-menu li li.sfHover ul {
              	left:			183px; 
              	top:			0;
              }
              ul.sf-menu li li:hover li ul,
              ul.sf-menu li li.sfHover li ul {
              	top:			-999em;
              }
              ul.sf-menu li li li:hover ul,
              ul.sf-menu li li li.sfHover ul {
              	left:			183px;
              	top:			0;
              }
              
              
              /* Our skin for dropdown menu */
              .sf-menu {
              	float:			left;
              }
              .sf-menu a {
              	text-decoration:none;
              	color:			#fff;
              }
              
              .sf-menu li {
              	background: none;
              	margin: 0 1px 0 0;
              }
              
              	.sf-menu li a {
              		height: 45px;
              		padding: 2px 20px 0 35px;
              		overflow: hidden;
              		line-height: 45px;
              		font-size: 12px;
              		font-weight: bold;
              		letter-spacing: 1px;
              		text-transform: uppercase;
              		color: #fff !important;
                    background: url("../images/menu-marker.png") no-repeat scroll 0 0 ;
              	}
                  .sf-menu li a:hover {
              		color: red;
              		opacity: 0.8;
                    background: url("../images/menu-marker-hover.png") no-repeat scroll 0 0 ;
              	}
              
              .sf-menu li li {
              	background: none;
              	margin: 1px 0 0 0;
              }
              
              	.sf-menu li li a {
              		background: #9d290e;
                      background-image:none !important;
              		height: 36px;
              		padding: 0 0 0 10px;
              		overflow: hidden;
              		line-height: 36px;
              		font-size: 12px;
              		font-weight: 400;
              		text-transform: uppercase;
                      border-bottom:1px dashed #afaeae;
              		color: #fff;
              	}
              	
              	.sf-menu li li cufon {
              		display: none !important;
              	}
              	
              		.sf-menu li li a cufon {
              			display: inline-block !important;
              		}
              
              .sf-menu li li li {
              	background: none;
              	margin: 1px 0 0 0;
              }
              
              	.sf-menu li li li a {
              		height: 36px;
              		padding: 0 0 0 10px;
              		overflow: hidden;
              		line-height: 36px;
              		font-size: 14px;
              		font-weight: 400;
              		text-transform: uppercase;
              		color: #2a2a2a;
              	}
              
              .sf-menu li:hover > a, .sf-menu li.sfHover > a,
              .sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
              	outline:		0;
              	color: #fff;
              }     
     
    
/*----------------------------------------
             Container
----------------------------------------*/    
       .top_line {
            background: url("../images/center-top-line.png") repeat-x;
            width:100%;
            height:17px;
        }
        .botom_line {
            background: url("../images/center-bottom-line.png") repeat-x;
            width:100%;
            height:17px;
         }
       .title {
            background-color:#9d290e;
            color: #FFFFFF;
            font-size: 18px;
            border-radius:8px 8px 0 0;
            margin: 0;
            padding: 17px 0 10px 0px;
            text-align: center;
        }
       .title a{ 
            color: #FFFFFF;
            font-size: 20px;
        }
       /*------------------------------
                 Left Container
       -------------------------------*/ 
       .left_container {border:1px solid #bab8b8;
             margin:17px 0 0 0;
             border-radius:8px;
             min-height:350px;
             background-color:#fff;
             box-shadow: 0 0 4px #a09f9f;        
       
        }
        /*------------- Product -----------*/
       .col-md-4.clearfix-md-4:nth-child(3n+4){
          clear:both;
        }
        @media (max-width: 991px){
        	.col-xs-6.clearfix-xs-6:nth-child(2n+3){clear:both !important;}
			 .col-md-4.clearfix-md-4:nth-child(3n+4){clear:none;}
        }
        @media (max-width: 767px){
        .col-xs-6.clearfix-xs-6:nth-child(2n+3){clear:both !important;}
			 .col-md-4.clearfix-md-4:nth-child(3n+4){clear:none;}
        }
        @media (max-width: 575px){
        .col-xs-6.clearfix-xs-6:nth-child(2n+3){clear:both !important;}
			 .col-md-4.clearfix-md-4:nth-child(3n+4){clear:none;}
        }

        
          .product {
          	width:100%;
              margin:10px 0;
              background-color: #f4f3f2; 
              border:1px solid #bab8b8;
              border-radius:8px;
              box-shadow: 3px 3px 3px #796767;
              overflow:hidden; 
              padding-bottom:10px;
          
           }
           .main_product {position: relative;}
           .product .image {
                    display: block;
                    padding-top: 3px;
                    text-align: center;
                    border-bottom:1px solid #bab8b8;
                    background:#fff;
            }
            .image img{
            		width:96%;
            		border-radius:5px;
            }
            .name {margin: 10px 0 0 0;text-align: center;}
            .name a {
                  color:sienna;
                  font-size:14px;
                  text-decoration:none;
                  font-weight: bold;
             }
             .price_product {
                    margin:10px 5px 0px 10px;
                    color:#f3c04d;
                    font-size:14px;
                    width: 100%;
    				text-align: center;
              }
             .buttons {
                  margin: 10px 0 0 0 ;
                  text-align: center;
              }
             .button {
                background: url("../images/batton-bg.png") repeat scroll 0 0 #FFFFFF;
                border-radius: 2px 2px 2px 2px;
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                color: #fff;
                cursor: pointer;
                display: inline-block;
                font-size: 12px;
                height: 30px;
                line-height: 30px;
                width:100%;
                text-decoration:none;
                font-weight: bold;
                text-align:center;
            }
            
            .center_main { padding-top:15px; }
            
            
            
            /*------------- Products Page -----------*/
            .products_row {
                border:1px solid #blue;
                margin: 0 0px 20px 0px;                
                background-color:#fff;
                border: 1px solid #F6CA77;
                border-radius: 8px 8px 8px 8px;
                box-shadow: 0 0 4px #A09F9F;
                position: relative;
            }
            .imageCont{padding:0 0 0 5px;}
            .products_row .image {
                border: 2px solid #F6CA77;
				overflow: hidden;
				margin: 10px 0;
				border-radius: 8px 8px 8px 8px;
				text-align: center;
				box-shadow: 4px 4px 4px gray;
				height: auto;
				margin:10px;
            }
             .product_info { 
              padding:10px 20px 10px 20px;
              }
             .prace_product1 {
                font-size:15px;
                padding:2px 0px;
                color:#d04237;
                min-height:50px;
             
              }
              .strikeout {
				  font-size: 4em;
				  line-height: 1em;
				  position: relative;
				}
				.strikeout::after {
				  border-bottom: 0.125em solid brown;
				  content: "";
				  left: 0;
				  margin-top: calc(0.125em / 2 * -1);
				  position: absolute;
				  right: 0;
				  top: 50%;
				  margin-right: -3px;
    			margin-left: -3px;
				}
              .prace_product2 {
                box-shadow: 3px 2px 5px;
			    color: brown;
			    float: right;
			    font-size: 20px;
			    font-weight: bold;
			    margin-top: 6px;
			    padding: 2px 6px;
			    border-radius:8px;
			    border:1px solid brown;
			    position: absolute;
			    right: 5px;
			    top: 5px;
                width: 125px;
                text-align: center;
              }
  
              .cena_pre {
              	float: right;
              	font-size: 15px;
              	color:black;

              }
              .price_wrapper {

              }
              .product_details{
              	text-align:left;
              	width:100%;
              }
              .additionalMessage {
              	color: white;
			    font-size: 16px;
			    padding: 5px 5px 0;
			    text-align: center;
              }
              .additionalCosts {
              	  color: darkred;
				  margin-top: 20px;
				  position: absolute;
				  right: 20px;
				  text-align: right;
              }
              .additionalCosts a {
              	font-size: 13px !important;
    			font-weight: normal !important;
    			text-decoration: underline;
              }
              .product_text { padding-top:10px; min-height: 84px;}
              .product_text_1 { padding:15px; }
         
        /*------------------------------
                 Center Container
        -------------------------------*/ 
        .center_container {
             min-height:656px;
             margin:17px 0 0 0px;
            
         }
         /*------------- Usluge -----------*/
          .porucivanje {
              margin:10px;
              background-color: #f4f3f2; 
              border:1px solid #bab8b8;
              border-radius:8px;
              box-shadow: 0 0 4px #a09f9f;
              overflow:hidden; 
              
          
           }
           
           .porucivanje .image {
                  display: block;
                  padding-top:19px ;
                  background:#fff;
                  text-align: center;
                  border-bottom:1px solid #bab8b8;
            }
            .porucivanje .image img {width:100%; }
            .name_porucivanje {
                  margin:0;
                  padding:10px 0;
                  text-align:center;
                  background-color:#9d290e;
                  border-top:2px solid #f7e4ac;
                  border-bottom:2px solid #f7e4ac;
                              }
            .name_porucivanje a {
                  color:#f7e4ac;
                  font-size:16px;
                  padding:7px 0 5px 10px;
                  text-decoration:none;
             }
             .porucivanje_text {
                  background-color:#fcf9f9;
                  
              }
             .porucivanje_text p {
                  padding:10px;           
                      
             }
           
             .left1 { float:left; }
              
         /*------------------------------------
                     Right Container
         ------------------------------------*/
         .right_container {
             margin:17px 0 0 0px;
          }
           
            /*------------ Checkout ------------*/
            .checkout {
                 background-color:#9d290e;
                 border-radius:8px;
                 margin-bottom:10px;
             }
             .title_checkout {
                  border-bottom: 1px solid #C73817;
                  padding: 10px;
                  background: url("../images/my_car.png") no-repeat;
              }
             .title_checkout a {  color:#fff; font-size:18px; }
             .block_products {
                  font-size: 18px;
                  line-height: 30px;
                  padding-left:50px;                  
              }
             .block_products span { color:#fff; padding-right:5px;  }
             .products { clear:both; }
             .products dt a { color:#F7E4AC; font-weight:bold; font-size:14px;}
             .noproducts {opacity: 1; font-weight:bold; display: none; padding:15px 10px 0 10px; font-size:14px; color:#fff; }
             
             #cart_block dl {
                  padding: 5px 3px;
              }
             .cart-prices-block { clear:both; }
              /*-*/
              #cart_block span.quantity-formated {
                  color: #FFFFFF;
                  font: 10px/17px "Arial";
                  letter-spacing: 1px;
                  padding: 0 2px 0 0;
              }
              .price_product {
                    margin:16px 0px 0px 0px;
                    color:tomato;
                    font-size:14px;
                    font-weight:bold;
              }
              #cart_block div.cart-prices span {
                  color: #FFFFFF;
                  float: left;
                  padding: 5px 0 5px 10px;
              }
              .price_products{  
                  color: #FFFFFF;
                  float: right;
                  font-weight: bold !important;
                  padding: 9px 0 0 10px;
              }
              .cart-prices { background:#a82f12; border-radius:6px; border:1px solid #f6ca77; margin:20px 5px 0;}
              #cart-buttons {    
                  overflow: hidden;
                  padding: 13px 0 6px;
                  width: 100%;
              }
              #cart_block dl dt span.price {
                  color: #FFFFFF;
                  float: none;
                  font-weight: bold;
              }
              .check { text-align:center;border-radius:5px; }    
               
            /*--------- Checkout  Page ----------*/
            .checkout_main {
                  border:1px solid #f6ca77;
                  border-radius:8px;
                  background-color:#fff;
                  box-shadow: 0 0 4px #A09F9F;
                  overflow:hidden;
                  padding-bottom: 15px;
             }
             .content_cart { padding:15px; position: relative;}
             .table thead td, .table thead th {
                  border-bottom: 1px solid #EEEEEE;
                  font-size: 12px;
                  font-weight: bold;
                  line-height: normal;
                  text-align: center;
              }
              .table td, .table th {
                  padding: 10px 10px;
              }
              .table td a {
                  color:#e86a60;
                  font-weight:bold;
                  font-size:14px;
                  
              }
              .name_cart_product { max-width:110px; }
              .table tbody td, .table tbody th {
                  border-bottom: 1px solid #EEEEEE;
                  vertical-align: middle;
              }
             .checkout_main tbody { 
                  border:1px solid #BAB8B8;
                  border-radius:8px;
              }
             .ta-center {
                  text-align: center !important;
              }
              input[type="text"], input[type="password"] {
                  height: 16px;
                  max-width: 90%;
                  padding:5px 5px;
                  border: 1px solid #CCCCCC;
              }
              .float-right {
                  float: right !important;
              }
              
              /*----------- Contacts ---------*/
              .form-inline textarea {
                  background-color: #F8F8F8;
                  border: 1px solid #D8D8D8;
                  border-radius: 4px;
                  box-shadow: 1px 1px 3px #dedede inset;
                  border-color: #CCCCCC #DCDCDC #E5E5E5;
                  color: black;
                  font-family: Arial;
                  font-size: 16px;
                  padding: 5px 0 0 5px;
                  width: 100%;
                  height:200px;
              }
             /*----------- Narucivanje ---------*/
             .form-inline { padding: 20px; }
             .form-inline .field {
                  padding-bottom: 10px;
              }
              .form-inline .field label {
                  display: block;
                  font-weight: bold;
                  padding-bottom: 3px;
                  font-size:16px;
              }
              .form-inline .field input[type="text"] {
                  background-color: #F8F8F8;
                  border: 1px solid #D8D8D8;
                  border-radius: 4px;
                  box-shadow: 1px 1px 3px #dedede inset;
                  border-color: #CCCCCC #DCDCDC #E5E5E5;
                  color: black;
                  font-size: 14px;
                  padding: 15px;
                  width: 60%;
              }
             .form-inline p {
                  margin-bottom: 20px;
                  font-size:14px;
              }
              .submit_form {
                  background: url("../images/batton-bg.png") repeat-y #ba4c29;
                  border: medium none;
                  padding:10px 10px;
                  margin: 5px 0 0 0px;
                  color:#fff;
                  border-radius:4px;
                  cursor: pointer;
              }
             /*------------ Comments ------------*/ 
             .comment {
               min-height:356px;
               border:1px solid #bab8b8;
               border-radius:8px;
               background-color:#fff;
               box-shadow: 0 0 4px #a09f9f; 
             } 
             .description_cimment {
                   width:96%;
                   border-radius:8px;
                   margin:10px auto;
                   border:1px solid #bab8b8;
                   box-shadow: 0 0 4px #bebebe;
                   overflow:hidden;
                        
              }
              .description_cimment:hover {
              	background-color: #ffd39e;
              }   
              .comment_title {
                  padding:5px 5px 5px 30px;
                  color:#4e4d4d;
                  font-size:13px;
                  background: url("../images/comment.png") no-repeat scroll 0 -7px #FFFFFF;
                  background-position: -20px 0 0 20px;
                  border-bottom:1px solid #d8d7d7;  
               } 
               .comment_title a { color:#000;}
               .text_comment {
                   padding:10px;
                } 
                
                  
                /*------------ Comments Page ------------*/
               .comment-description {
                   padding:20px; 
               }
               .comment_review {
                  margin:15px 10px;
                  padding:10px;
                  background-color:#faf9f9;
                  border-radius:8px; 
                  border:1px solid #f3f3f3;             
                }
               .com_title { 
               		padding-bottom:10px; 
               		font-size:16px; 
               		font-weight:bold;
               		padding-top: 20px;
    				text-align: center;
               }
               .com_name { padding:7px 0px; }
               .com_name a {
                   font-size:15px;
                   color:#E9736A;
               }
               .comment_top { margin-bottom:5px; }
               .date { font-weight:bold; }    
            
/*----------------------------------------
             Container
----------------------------------------*/ 
#footer {
         background: #9d290e;
         overflow:hidden;
         border-radius: 0px 0px 8px 8px;
         width:100%;
         min-height:60px;
       }
       .footer_bg { 
            background: #9d290e; 
            border-top:3px solid #f7e4ac;
            border-bottom:5px solid #f7e4ac;
       }
       .copyright {
                padding: 10px 0 10px 10px;
            }
            .info1 {
                color: #f6ca77;
                font-size: 13px;
               text-align:center;
            }
            .info2 {
                color: #f6ca77;
                font-size: 13px;
                text-align:center;
            }


/*---------------------------
        Nivo Slider 
 --------------------------*/
 .carousel{margin-top:17px;}
 .carousel-inner > .item{width:100%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100% !important;margin:auto;height:100%;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;padding:20% 0;
}.sf-menu li

html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}
.carousel-control{font-size:100px;}
.video-container{
	position: relative;
    padding-bottom: 75%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe{
	position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}
.carousel-indicators{left:73%;width: 40%;bottom:-26px;}
.carousel-indicators li{
	border:2px solid red;
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;}
	.carousel-indicators .active{width:22px;height:22px;background-color:transparent;background-position:0 -22px;}
	.item:nth-child(1) {
    /*background: #74C390;*/
}

.item:nth-child(2) {
    background: #51BCE8;
}

.item:nth-child(3) {
    background: #E46653;
}

      .clear {
      	clear:both;
      }
      .image_center { text-align:center;}
      .image_center img { margin:10px 0; border-radius:4px; width:90%; padding:1px; border:1px solid #F6CA77; }
      
      #comment_message {
      	background-color: khaki;
	    border: 1px solid #BD7050;	    
	    font-size: 16px;
	    margin: 20px 40px 20px;
	    padding: 10px;
	    text-align: center;
      }
      
      #comment_message.ok {
        color: forestgreen;
      }
      
      #comment_message.notok {
        color: red;
      }
      
      .quantityField {
      	color: black;
	    font-size: 14px;    
	    margin-right: 0px;
	    width: 100%;
    	padding: 15px 0!important;
    	text-align: center;
      }
      
      .quantity {
        font-size: 12px;
        font-weight: bold;
      }
      
      .price {
        font-size: 14px;
      }
      
      .removeFromBasket {
        background: url("/images/cancel.png") no-repeat scroll 0 0 transparent;
	    display: inline-block;
	    height: 24px;
	    position: absolute;
	    right: -12px;
	    top: 3px;
	    width: 24px;
      }
      
      .removeFromBasket:hover {
      	opacity:0.6;
  		filter:alpha(opacity=60);
  		cursor: pointer;
      }
      
.kontaktText {
	padding-left: 5px;
	padding-top: 10px;
	font-weight: bold;
}

.kontaktText2 {
	padding-left: 5px;
	padding-top: 10px;
}

.unitsLeft, .unitsLeftDet {
	background-color: wheat;
    border: 1px solid #999;
    border-radius: 5px;
    color: black;
    font-size: 14px;
    left: 0px;
    padding: 5px 7px;
    position: absolute;
    bottom: 8px;
    line-height:12px;
    opacity:0.8;	
}

.unitsLeftDet {
	 left: 16px;
}

.unitsLeft span, .unitsLeftDet span {
	color: red;
	font-weight: bold;
}
       /*------------------------------------
                     Contact
         ------------------------------------*/
.kontact-block{
	margin-top:20px;
}         
.kontakt-capt{
	font-weight:bold;
}