@font-face {
    font-family:'Norican';
	src: url('../fonts/Norican-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
} 
@font-face {
    font-family:'MontserratRegular';
    src: url('../fonts/Montserrat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'MontserratSemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'MontserratMedium';
    src: url('../fonts/Montserrat-Medium.otf') format('opentype');
	font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'MontserratLight';
    src: url('../fonts/Montserrat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'MontserratBlack';
    src: url('../fonts/Montserrat-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'LatoMedium';
    src: url('../fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'LatoLight';
    src: url('../fonts/Lato-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}
@font-face {
    font-family:'LatoBlack';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
} 
body {
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 13px; }
  .container{ 
  	width:100% !important;
	max-width:100% !important;}
  
 .top { 
     background:#282828;
	 color: #787f7e;
	 min-height:60px;}
.pie {
	background: url(../images/pie-background.jpg) repeat-x top;
	background-color:  #018543;
	padding:5px;
	}
.pie-centro {
	padding:5px;
	}
.pie-centro-container {    
   	align-items: center;
}		
.flex-center{
	padding-top:5px;
   align-items: start;
   justify-content: center;
}
.pie, .pie a{
	color:#fff;
	}
	
.pie1{ font-size:18px; } 
.pie1 h6{ margin-bottom:0; }
.pie2, .pie3{ font-size:16px; }
.pie2 p, .pie3 p{font-size:18px;}

.pie2 p, .pie3 p{
	line-height:1.1em;
	}	
.pie3 a, .pie3 a:hover {
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}
.pie3 { line-height: 1em;}
.copyright {
	color:#fff;
	font-size:18px;
	background:#333;
	padding:15px;
	min-height:46px;
	text-align:center;
	}
.base {
	position:relative;}	
	
.canguro {
	padding-top:10px;
	/*position:absolute;
	right:0;*/
	} 
	
.cert-cell {
	align-items: center; 
	justify-content: center;
	text-align:center; }
	
.col-centered{
	float: none;
	margin: 0 auto;
}	
.pie-centro{ text-align:center;}

#page-title h1 { color:#5e5d62; margin:0;}
#page-title img { padding-right:15px;}

#page-title h1{font-size:56px; }
#page-title img { width:90px; height:auto; }

#page-title h1{font-size:8vw; word-wrap: break-word; }
#page-title img { width:90px; height:auto; }
.break-word { word-wrap: break-word;}
.pie .flex-center { text-align:center;}

.row:before,.row:after {
	 display:inline-block !important;
	 }
.col-sm-6 {	width:50% !important; }
.col-sm-3 {	width:25% !important; }
[type=reset], [type=submit], button, html [type=button],
.djslider-default .navigation-container .next-button,
.djslider-default .navigation-container .prev-button, a
 { outline:0px; }
 
   .fachada-img{ 
       position:relative;
	   display: inline-block;
       text-align: center;
	   }
   .custom_front img {
	   width:100%;
	   }    

.fachada-texto p{ 
	font-family: 'Archivo Black';	   
	color:#fff;
	   font-size:40px;
	   padding:5px;}

  .fachada-texto{ 
	  
       position:absolute; 
	   bottom:0;
	   width: 100%;
	   background:rgb(0,0,0,.5);

	       }

 #djslider-loader106 .slider-container{}
 .division {
	 min-height:20px;
	 background:url(../images/division-w.jpg) no-repeat;
	 background-size:contain; }
 .promo-titulo {
	  font-family: 'Archivo Black', sans-serif;
	  background: #018543;
	  color:#fff;
	  font-size:200%;
	  font-weight:bold;
	  letter-spacing:.5em;
	  line-height:1.5em;
	  text-align:center;
	  margin-bottom:40px;} 
 .promociones{  margin-bottom:40px;} 
 .col-centered{
    float: none;
    margin: 0 auto;
}
 .col-centered div { overflow:visible;}
.wrap-banner, .wrap-promo { padding: 0;}

.top-l , .top-c , .top-r { 
	display: flex;
    align-items: center;
	color: #fff;
}
.top-l{
	font-size: 18px;
}
.top-l a{
	color: #fff;
}
.top-c { justify-content: center;}
.top-r{ justify-content: flex-end; }
.social a { 
	color: #fff;
    font-size: 18px;
	padding: 0 5px;
}
.login-icon { padding-right: 5px;}
.form-hide{ display: none;}

#form-login {
	width:200px;
	height:200px; 
	position:absolute;
	z-index:9999;
	right: 0;
	top:10px;
}

/********************************************************/
.random_products {
	background: url(../images/fondo-tienda.jpg);
}
.prod {
	border: 1px solid #888;
	margin: 10px;
	background: #fff;
}
.name {
	background: none; 
	padding: 3px; 
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	height: 3em;
}
.name a {color: #fff; text-decoration: none;}
.prod .image { text-align: center;}
.prod .prod-col2 {padding-bottom: 10px;}
.prod .prod-col2 div{
	display: block;
	text-align: center;
}

.jshop_price{ 
       color:#000;
	   font-weight: bold;
	line-height: 3.2em;
	margin-top: 1em;
}
.prod .buttons {
	padding: 5px;
}
.prod .buttons a{
	background: #000;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
}
.social-icon a { 
	color: #fff;
    font-size: 18px;
	padding: 0 5px;
}
#module_cart { display:inline-flex; align-items: center; justify-content: center;}
#module_cart .cart-icon {
	background: url(../images/cart.png);
	background-size: cover;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #000;
	margin: 3px;
}
#module_cart .cart-text { font-size: 90%;}


.store-search,  { 
      margin-top:15px; 
	  margin-bottom:15px;
	}
.store-filter{
	  display:flex;
	  align-items:center;
	
	}

#comjshop .control-label { line-height:40px;}

#comjshop .store-options {
	background: #f4f7f8;
	}

#comjshop .store-options input[type="text"],
#comjshop .store-options input[type="date"],
#comjshop .store-options input[type="datetime"],
#comjshop .store-options input[type="email"],
#comjshop .store-options input[type="number"],
#comjshop .store-options input[type="search"],
#comjshop .store-options input[type="time"],
#comjshop .store-options input[type="url"],
#comjshop .store-options textarea,
#comjshop .store-options select  {
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 60%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	}
#comjshop .store-options input[type="submit"] {
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 10px;
	outline: 0;
	padding: 10px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #000;
	color:#fff;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	}
#sort_count{ width:100%;}	
.form-horizontal .block_sorting_count_to_page .control-label { width:auto; padding-right:5px;}
#comjshop_list_product .product {
	border: 1px solid #888;
	
	}
#comjshop_list_product .block_product { margin-bottom:15px;}
#comjshop_list_product .img-container { display: flex;}
#comjshop_list_product .image, #comjshop_list_product .precio { width:50%; display: inline-block; text-align:center;}
#comjshop_list_product .image_block { text-align:center;}
#comjshop_list_product .buttons { margin: 5px 15px; text-align:center;}
#comjshop_list_product .button_buy { background:#000; border:none;}
#comjshop_list_product .button_detail { background:#666; color:#fff;}

.store-pagination { background: #f4f7f8; }
.store-pagination ul{ margin:0 auto; }
.store-pagination li{ 
      display: inline-block; 
	  margin: 5px; 
	  border: 1px solid #000;
	  border-radius: 5px;
	  padding:5px;
	  font-size: 1.2em;
	  background: #000;
	  color: #888;  }
	  
.store-pagination li a { color:#fff;}
.store-pagination li a:hover { font-weight:bold; text-decoration:none;}
#mxcpr { display:none;} 
.jshop .image-container {
	text-align:center;}
 .jshop .info-container h1 {
	 margin-top:15px;
	 padding-bottom:15px;
	 border-bottom:1px solid #ccc;}
.jshop .prod_price {
	font-weight:bold;
	}
.jshop	#block_price {
	color:#000;
	}
.jshop .product-buttons .btn-primary { background:#000; border:000;}	 
 /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
     }
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {		
		.pie-centro{text-align: left;}
		.pie-centro{text-align: center;}
/*#page-title h1{font-size:5vw; }
#page-title img { width:70px; height:auto; }*/
		
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.pie-centro{text-align: left;}
		.pie{ 	max-height:170px; }
		.pie1{ font-size:15px; }
		.pie2, .pie3{ font-size:18px; }
		.pie2 p, .pie3 p{font-size:16px;}
		
		#page-title h1{font-size:4vw; word-wrap: break-word; }

   }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    }