@font-face {

    font-family: 'fuente';

    src: url(../fuentes/Montserrat-Regular.ttf);

}

@font-face {

    font-family: 'fuentecontenido';

    src: url(../fuentes/Montserrat-Light.ttf);

}

@font-face {

    font-family: 'fuenteextrabold';

    src: url(../fuentes/Montserrat-ExtraBold.ttf);

}



body {

   /* background: url(../images/bg.png);*/

}



.modal-dialog{

    font-family: 'fuente';

}

.fondo-encabezado{

    font-family: 'fuente';

    background-color: #000000;

    color: #A6A8AB;

    border-bottom: 8px solid #57585A;

}

.fondo-encabezado .fondo-contenido{

    z-index: 999;

}

.menumovil{

    display: none;

}

.center{

    display: flex;

    align-items: center;

    

    -moz-display: flex;

    -moz-align-items: center;

    

    -webkit-display: flex;

    -webkit-align-items: center;

}

.centerfull{

    display: flex;

    align-items: center;

    justify-content: center;

    

    -moz-display: flex;

    -moz-align-items: center;

    -moz-justify-content: center;

    

    -webkit-display: flex;

    -webkit-align-items: center;

    -webkit-justify-content: center;

}

.encabezado {

    margin-top: 10px;

    font-size: 11px;

}

.tama-pre{

    width: 40%;

    padding: 0;

}

.div-redes{

    width: 20%;

    padding: 0;

    

    display: flex;

    align-items: center;

    justify-content: center;

    

    -moz-display: flex;

    -moz-align-items: center;

    -moz-justify-content: center;

    

    -webkit-display: flex;

    -webkit-align-items: center;

    -webkit-justify-content: center;

}

.color-icon{

    color: #80B33A;

}

a, a:link, a:active, a:focus{

    text-decoration: none !important;

    color: #6C6D70;

}

.redes a, .redes a:link, .redes a :active, .redes a:focus{

    text-decoration: none !important;

    color: #A6A8AB !important;

    padding-left: 10px;

    padding-right: 10px;

}

.redes a:hover{

    color: #435d20 !important;

}

.red-int a, .red-int a:link, .red-int a :active, .red-int a:focus{

    text-decoration: none !important;

    color: #000000 !important;

    padding-left: 10px;

    padding-right: 10px;

}

.red-int a:hover{

    color: #435d20 !important;

}

.center-div-enc{

    display: flex;

    align-items: center;

    justify-content: flex-end;

    

    -moz-display: flex;

    -moz-align-items: center;

    -moz-justify-content: flex-end;

    

    -webkit-display: flex;

    -webkit-align-items: center;

    -webkit-justify-content: flex-end;

}

.div-icons-encabezado{

    text-align: right;

}

.margin-menu{

    margin-top: 10px;

    margin-bottom: 25px;

}

.modal-tam-medio{

    width: 333px;

}

.div-catalogo-menu{

    position: fixed;

    top: 19%;

    left: 0;

    width: 100%;

    height: 41%;

    z-index: 1;

    background-color: #FFF;

    border-bottom: 15px solid #C8111F;

    display: none;

    padding: 20px 40px;

}

.padding-b10{

    padding-bottom: 10px;

}

.cont-body{

    position: absolute;

    width: 100%;

    top: 22%;

    left: 0;

}

.txt-pag{

    text-align: justify;

}

.div-shadow{

    background: #FFF;

    box-shadow: 3px 3px 10px -1px #CCC;

}

.intro-redes{

    margin-top: -20px;

}

.fondo-intpag{

    background-image: url(../administrador/repositorio/fondo.jpg);

    background-repeat: no-repeat;

    background-size: 100%;

    padding: 0;

    padding-bottom: 20px;

}

.capa-fondo-ini{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #80B33A;

    opacity: 0.85;

}

.red-int{

    background-color: #929497;

    padding: 10px 30px;

    border-radius: 20px;

}

.margin-lin-ini{

    padding: 7px;

    

}



.imglin{

    height: 100%;

	max-width: 100%;

}



.container-full{

	font-size:15px;

}

.tit-pag-ini{

    color: #FFF;

    font-family: 'fuenteextrabold';

    font-size: 30px;

    margin-top: 20px;

}

.des-pag-ini{

    color: #FFF;

    font-family: 'fuentecontenido';

    font-size: 20px;

    text-align: center;

}

.nom-gal{

    height: 60px;

    background-color: #80B33A;

    color: #FFF;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 15px;

}

.imf-gal{

    height: 200px;

}

.imf-gal img{

    width: 100%;

}

.tit-pag{

    color: #80B33A;

    font-family: 'fuenteextrabold';

    font-size: 30px;

    background-color: #FFF;

    padding: 5px 15px;

}

.linea-tit{

    position: absolute;

    height: 1px;

    z-index: -1;

    background-color: #403F41;

    left: 0;

    width: 100%;

}

.des-pag{

    color: #403F41;

    font-family: 'fuentecontenido';

    font-size: 16px;

}

.btn-pag{

    background-color: #000;

    color: #929497;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    border: 1px solid #000;

    border-radius: 25px;

    padding: 5px 15px;

    font-size: 15px;

}

.btn-pag:hover{

    color: #FFF;

}

.btn-pag-bici{

    background-color: #FCB812;

    color: #FFF;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    border: 1px solid #FCB812;

    border-radius: 25px;

    padding: 5px 15px;

    font-size: 15px;

}

.btn-pag-bici:hover{

    color: #000;

}

.btn-primario{

    float: right;

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #80B33A;

    color: #FFF;

}

.btn-primario:hover{

    background-color: #435d20;

}

.btn-secundario{

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #666666;

    color: #FFF;

    margin-right: 10px;

}

.btn-secundario:hover{

    background-color: #454545;

}

.btn-tercero{

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #FFF;

    color: #000;

    margin-right: 10px;

}

.btn-tercero:hover{

    background-color: #666;

    color: #FFF;

}



.cont-encab {

    width: 100%;

	height: 100%;

    max-width: 100%;

    margin-top: 0px;

	background-color: #FFF;

    display: flex;

    align-items: center;

    justify-content: center;

}

.img-logo{

}

.div-menu{

    height: 100%;

}



.menu-movil{

	display: none;

}



.menu-gen{

	display: block;

}



.cont-login{

	text-align:left;	

}



.img-responsive{

	margin:0 auto;	

}



#menuPrincipal{

	margin:0 auto;

	position:relative;

    z-index: 999 !important;

	/*top:30px;*/

}



input[type="radio"], input[type="checkbox"]{

    margin: 0;

}

.info-email{

    margin-top: 10px;

    margin-bottom: 8px;

}

.margin-b{

    margin-bottom: 10px;

}

.margin-t{

    margin-top: 10px;

}

.datosp{

    padding-bottom: 15px;

    padding-top: 15px;

}

.title-movil{

    display: none;

}

.containerMenuCenter{

}



.individual {

	font-family: 'fuente';

    min-height: 25px;

    color: black;

    font-size: 14px;

    padding:0;

    padding-top: 3px;

	text-align:right;

	padding-right:0px;

	background-color:#000;

	padding-right:20px;

}



.individual a {

    color: white!important;

    font-size: 12px;

}



.individual a:hover {

    color: #CCC !important;

}

.serdistribuidor {

	font-family: 'fuente';

	font-size:28px;

    padding: 0;

    margin-top: 25px;

	float:right;

	text-align:right;

}

.buscador {

    padding: 0;

    margin-top: 25px;

	float:right;

}



.buscador-espacio {

/*	float:right;*/

	

}



.buscador-img{

	width:34px;

	height:34px;

	background-color:#FFCA05;

	position: relative;

    float: right;

	background-image:url(../images/buscar-producto.png);

}



.buscador input {

    float: right;

    width: 50%;

    border-radius: 0;

	

}



.buscador button {

    border-radius: 0;

	background-color:#80B33A;

	border-color:#80B33A;

	float: right;

	color:white;

	font-family: 'fuente';

	font-size:15px;

}

.modal-catalogo{

	background: none !important;

	border: none !important;

}



.modal-header {

	background-color: #80B33A;

	text-align:center;

	color:#FFF;

    padding: 5px;

}

.modal-body{

    padding: 10px;

}

.modal-content {

    background-color: #FFF;

    width: 100%;

    max-width: 700px;

    margin: 0 auto;

	text-align:center;

	border: 0;

	border-radius:0;

	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5);

    box-shadow: 0 0px 0px rgba(0,0,0,.5);

    padding: 10px;

}

.modal-footer{

	background-color: #FFF;

}



.modal-baner{

	background-color: transparent !important;

}



.cont-inicio-car {

    position: relative;

    top: 10px;

	padding-right:0px;

	font-size:12px;

}





.cont-inicio-car * {

    color: #000;

}



.entrar {

    padding-left: 15px;

    background: url(../images/icono-usuario.png) no-repeat;

    background-size: 12%;

    color: white !important;

    font-size: 15px;

}



.resumen-btn-finalizar {

    margin-top: 10px;

    background: #555;

    color: #FFF !important;

}



.resumen-btn-finalizar:hover {

    color: #555 !important;

}



#enlacescarro{

	padding-top:6px;

	padding:0px;

	padding-bottom:10px;

	

}

.close-ini{

    background-color: transparent;

    border: none;

    color: #CCC;

    font-size: 13px;

    padding: 3px;

    position: absolute;

    top: -10px;

    right: -5px;

}



#botonregistro{

		padding:0;

		margin-bottom:10px;

		font-family: 'fuente';

		left:-4px;

	}



#botonregistro a:link {

	color:#000;

}



.img-movil-enc{

	display: none;

}

.img-enc{

	display: block;

}





/*#resumencarro {

    background: #666;

    padding: 5px 10px;

    margin-top: 5px;

}



#resumencarro * {

    text-align: center;

}*/



.entrar:hover,

.mi-carro:hover {

    cursor: pointer;

    color: #808285 !important;

}



.mi-carro {

    float: right;

    font-size: 12px;

    color: #808285 !important;

    margin-top: 4px;

    background: url(../images/carrito.png) no-repeat;

    background-position: 0px -2px;

    background-size: 23%;

    padding-left: 20px;

}



.registrarme{

	 float: right;

	 padding:5px 10px 5px 10px;

	 background-color:#FFCA05;

}



.ayuda {

    font-size: 15px;

	color: white !important;

    margin-top: 4px;

    margin-left: 10%;

    padding-left: 17px;

    background: url(../images/ayuda.png) no-repeat;

    background-position: 0 1px;

    background-size: 24%;

}



.menu-ayuda {

    list-style: none;

    margin-top: 15px;

    margin-left: -15px;

    padding: 0;

    padding-bottom: 5px;

}



.menu-ayuda .active,

.menu-ayuda .active:hover {

    background: #80B33A;

    color: #FFF;

    text-align: center;

    border: 1px solid #CCC;

}



.menu-ayuda li:hover {

    background: #EEE;

}





.menu-ayuda li a {

    display: block;

    text-align: center;

    color: #676566;

}



.menu-ayuda li a:hover {

    color: #555;

}



#cantidadcarro,#totalcarro {

    padding: 6px 0;

   /* background: #999;*/

}



#cantidadcarro {

    background: url(../images/icono-bolsita.png) no-repeat 0px 5px;

    background-size:26%;

	padding-left:30px;

}



#cantidadcarro span{

	color:black;

	background-color:#FFCA05;

	padding:5px 15px 5px 15px;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	border: 0px solid #d669d2;

	

}



#totalcarro {

	text-align:center;

	

  /*  margin-top: 2px;*/

  

}

#totalcarro span {

 

  	color:black;

	background-color:#FFCA05;

	padding:5px 10px 5px 10px;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	border: 0px solid #d669d2;

}

.menu-principal{

	position:relative;

    width: 100%;

    height: auto;

}



.menuprincipal-tit{

	font-family: 'fuente';

	width:120px;

	background-image:url(../images/menu-tit.png);

	font-size:22px;

	padding:5px 5px 5px 45px;

	background-color:#FFCA05;

	color:black;

	position:relative

}



.linea-gris-sup {

    float: left;

	position:absolute;

	background-color:#333;

    width: 100%;

    height: 200px;

    background: url(../administrador/repositorio/image/recursos/borde-slider-sup.png) repeat-x;

    background-repeat:no-repeat;

    background-position:center bottom;

	z-index:99;

	/*top:-100px;*/

}



.linea-gris {

    float: left;

	position:absolute;

	background-color:#333;

    width: 100%;

    height: 100px;

    background: url(../administrador/repositorio/image/recursos/borde-slider.png) repeat-x;

	z-index:99;

	background-size: 100%;

	/*top:-100px;*/

}

.cont-slide{

	background-color:#000;

	

}

.cont-slide{

	background-color:#fff;

	

}



.cont-slider {

    background: #F5F5F5;

    height: 505px;

	

}

#news-letter{

	position:relative;

	 background-color:white;

	 width:90%;

	 margin:0 auto;

	 top:-10px;

	 -webkit-box-shadow: 9px 18px 34px -19px rgba(0,0,0,0.75);

	-moz-box-shadow: 9px 18px 34px -19px rgba(0,0,0,0.75);

	box-shadow: 9px 18px 34px -19px rgba(0,0,0,0.75);



}



.news-letter{

	float:left;

	width:50%;

	margin-right:5px;

}

.cont-news-letter{

	

    width: 960px;

    max-width: 100%;

    margin: 0 auto;

    margin-top: 0px;

	margin-bottom:20px;

	padding-top:10px;

	min-height:60px;

	background-color:white;



}



.cont-news-letter button {

    border-radius: 0;

    background-color: #EE4D8F;

}



.cont-news-letter label {

    width: 28%;

    float: left;

    position: relative;

	margin-top: 5px;

}



/* carousel

*************************************/

.contcar1 {

	clear:both;

    max-width: 960px;

    /*background: #FFF;*/

    padding: 0;

    min-height: 130px;

	padding-bottom:0px;

}



.pubtitle {

	font-family: 'helveticaneueBold';

    display: block;

    /*background: #80B33A;*/

    color: #333091;

    width: 85%;

    margin: 0 auto;

    text-align: center;

    padding: 5px 0;

    margin-top: 10px;

    position: relative;

    z-index: 1;

	font-size:25px;

	color: #333091;

    font-weight: bold;

}

.carousel-inner {

	background-image:#FFFFFF;

	background-repeat:no-repeat;

	background-position:center;



}

.carousel-control {

    color: #000;

    width: 50px;

    z-index: 1000;

}



.carousel-control.left,

.carousel-control.right {

    background: none;

    height: 30px;

    bottom: 42%;

    background-repeat: no-repeat;

    background-position: 50%;

}



.carousel-control.left {

	left: -5% !important;

}



.carousel-control.right {

	right: -5% !important;

}



.contcarnot {

    padding-left: 0;

    padding-right: 0;

}



.contcarnot .carousel-control.right {

    right: 15px;

}



.cont-paginador {

    background-color: #80B33A;

    margin-bottom: 20px;

}

.cont-bloqueamarillo{

	clear:both;

	position:relative;

	 width: 100%;

	 background-color: #FFF;

	 min-height:130px;

	 overflow:auto;

	 padding: 0;

	/*top: -130px;*/

	

}

.paginador{

    padding-top: 5px !important;

    margin-bottom: 5px !important;

    font-family: "fuente" !important;

    color: #FFF !important;

    font-size: 16px !important;

}

.paginador a, .paginador a:link, .paginador a:active{

    color: #FFF !important;

    font-weight: bold !important;

}



.cont-bloqueamarillo-contenido{

	font-family: 'fuente';

	float:none;

	position:relative;

	color:white;

	max-width: 960px;

    margin: 0 auto;

	padding-top:10px;

	text-align:center;

	 padding-top:50px;

	

}



.cont-bloqueblanco{

	clear:both;

	position:relative;

	 width: 100%;

	 min-height:130px;

	 overflow:auto;

	 padding: 0;

	 text-align:center;

	/*top: -130px;*/

	

}

#tituto-seccion{

	font-family: 'fuente';

	font-size:25px;

	/*background-color:white;*/

	padding: 8px 0px 8px 0px;

	/*color: #686867;*/

	color: black;

	margin:0 auto;

	position:relative;

	z-index:1;

	border-bottom: 1px solid #686867;

	margin-bottom: 20px;

	text-transform: capitalize;

}



.cont-bloqueblanco-contenido{

	font-family: 'fuente';

	color:#666;

	float:none;

	position:relative;

	max-width: 960px;

    margin: 0 auto;

	padding-top:10px;

	text-align:left;

	 padding-top:50px;

	  overflow: hidden;

	 background-color:#FFF;

}



.bloque-noticias{

	padding-left:0;

	padding-right:0;

	padding-top:20px;

	padding-bottom:20px;

	margin-top:10px;

	margin-bottom:10px;

    background-color: hsla(0,0%,0%,0.2);

	

}



.bloque-noticias-item{

	margin-bottom:10px;

}



.cont-contenido {

    width: 960px;

    max-width: 100%;

    margin: 0 auto;

   /* top: -130px;*/

	position:relative;

}



.fondo-contenido {

    font-family: 'fuente';

    position: relative;

    z-index: 99;

    float: left;

    width: 100%;

    padding: 15px 15px;

  /*  background: #FFF;*/

    border-radius: 10px;

}



.top-contenido {

    border-bottom: 5px solid #80B33A;

}



.logo-cont {

    position: relative;

    float: left;

    bottom: -2px;

    margin-left: -15px;

}



.lineas {

	

}



.linea {

    position: relative;

	padding-top:15px;

	padding-bottom:15px;

	margin-top:10px;

	margin-bottom:10px;

	padding-left:0;

	padding-right:0;

  /*	background-color:#FBD21A;*/

	text-align:center;

}



.linea h2 {

    position: absolute;

    top: -16px;

    left: 0;

    margin-top: 0;

    padding: 5px 35px;

    padding-left: 15px;

    color: #FFF;

    font-family: 'fuente';

    font-size: 20px;

    background: #000;

}



.impub {

    width: 100%;

    margin-left: -15px;

}



.promo {

    width: 98%;

}



.banner-izq{

	padding-right:10px;

	

}

.banner-der{

	padding-left:10px;

	

}



.menu-abajo {

    margin-top: 15px;

    list-style: none;

    padding: 0;

    padding-top: 5px;

    font-family: 'fuente';

    border-top: 1px solid #80B33A;

}



.menu-abajo li {

    float: left;

    width: 20%;

    text-align: center;

}



.menu-abajo li a {

    color: #80B33A;

    font-size: 20px;

    padding: 5px 10px;

    text-decoration: none;

}



.menu-abajo li a:hover {

    color: #999;

}



.footer {

	font-family: 'fuente';

    float: left;

    width: 100%;

    padding-bottom: 10px;

    background: #FFF;

}



.contenido-footer {

    width: 960px;

    max-width: 100%;

    margin: 0 auto;

    font-size: 12px;

}



.info-foot {

    margin: 10px 0;

    text-align: center;

    font-family: 'fuente';

	color:white;

}



.derechos {

    font-family: 'fuenteextrabold';

    border-top: 1px solid #7F7F82;

    font-size: 12px;

    color: #57585A;

}



.logo-foot{

	padding-top:25px;	

}



.tipoint {

    float: left;

    width: 100%;

  /*  padding: 10px 0;

    padding-top: 20px;*/

    background: #721F70;

    color: #FFF;

    text-align: center;

    font-size: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-top: 8px;

	padding-bottom: 8px;

}

#rango-precio {

    float: left;

    width: 50%;

    margin-right: 10px;

}



#precio {

    float: left;

    width: 40%;

}



.detalle-pro {

    position: relative;

	padding:5px;

    padding-top: 10px;

	text-align:center;

	font-size:14px;

    margin-bottom: 4px;

    padding: 5px !important;

}

.detalle-pro:hover{

    box-shadow: 2px 1px 6px 1px #CCC;

}

.detalle-pro:hover .add-carro{

    visibility: visible;

}



#tipoproducto {

    position: absolute;

    right: 0;

}



.textodcto {

    position: absolute;

    top: 5px;

    left: 0;

    padding: 3px 10px 3px 15px;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    background-color: #80B33A;

    color: #FFF;

    

    display: flex;

    align-items: center;

    justify-content: center;

    

    -moz-display: flex;

    -moz-align-items: center;

    -moz-justify-content: center;

    

    -webkit-display: flex;

    -webkit-align-items: center;

    -webkit-justify-content: center;

}



.detalle-pro h1 {

    font-size: 16px;

    margin: 0;

    font-family: 'fuente';

    font-weight: bold;

}



.precio-normal {

    font-family: 'fuenteextrabold';

    float: left;

    font-size: 16px;

    font-weight: bold;

    color: #999;

    margin-top: 5px;

}



.cont-antes {

	margin-top: 5px;

    float: right;

	margin-left: 10px;

}



.fotocarro{

	max-width:100%;

	filter: none !important;

	-webkit-filter: none !important;

}



.precio-antes {

    font-family: 'fuenteextrabold';

    color: #80B33A;

    text-decoration: line-through;

	font-weight: bold;

}



.agregar-al-carro {

    background: #80B33A;

    color: #FFF !important;

    width: 100%;

    margin: 10px 0;

    padding: 5px;

    border-radius: 0 !important;

}

.agregar-al-carro:hover {

    background: #435d20;

}



.textoini .volver {

    background: #80B33A;

    color: #FFF;

    border-radius: 5px;

    font-size: 14px;

    padding: 8px;

}



.comprasactivas{

	

}



.comprasactivas .volver{

	background: #80B33A;

    color: #FFF;

    border-radius: 5px;

    font-size: 14px;

    padding: 8px;

}



.clear {

    float: left;

    width: 100%;

    height: 1px;

}



.int-ayuda h1 {

    color: #80B33A;

}



.intlin {

    margin-bottom: 10px;

    border-bottom: 1px solid #DDD;

}



.intlin h1,

.intpag h1 {

    float: left;

}



.hlog {

    width: 100%;

}



.intlin .volver,

.intpag .volver,

.titulo{

	z-index:999;	

}

.titulo .volver {

    float: right;

    margin-top: 10px;

    color: #FFF;

	   margin-right: 5px;

}



.intlin p,

.intpag p,

.int-ayuda p {

    float: left;

    width: 100%;

}



.jslider {

    top: 1.6em !important;

}



.filtro-catal {

    float: left;

    border-bottom: 1px solid #EEE;

    padding-bottom: 10px;

}



.cont-contacto {

    padding: 20px;

    border: 1px solid #EEE;

    border-radius: 10px;

}



.login-izq {

    border-right: 1px solid #EEE;

}



.enviar {

    margin-top: 10px;

    margin-left: 15px;

}



.enviar-login {

    float: right;

    margin-top: 5px;

}



.recordar {

    float: left;

    margin-top: 15px;

    font-size: 12px;

    text-decoration: underline;

}



.totales {

    background: #F5F5F5;

}



.conti-comp {

    margin-left: 15px;

}



.en-linea {

    border-radius: 5px;

    padding: 15px;

    color: #000;

    border: 1px solid;

	text-align:center;

	margin-bottom:15px;

}



.bg-danger {

	background-color:#80B33A;

	color: white;

    border-radius: 0px;

}



.cont-pasos h4,

.resumen h4 {

    background: #000;

    color: #FFF;

    padding: 10px 15px;

    border-radius: 5px;

}



.cont-pasos h4 a {

    color: #333;

}



.cont-regform {

    padding-left: 0;

    padding-bottom: 20px;

	text-align:left;

}



.cont-regint {

    padding-left: 0;

}



.gris-form {

    background: #EEE;

    padding-top: 10px;

    padding-bottom: 15px;

    margin-top: 15px;

    margin-left: 15px;

    width: 93%;

    border-radius: 5px;

    border: 1px solid #CCC;

}



.subreg {

    margin-top: 8px;

}



.labfec {

    margin-left: 15px;

}



.perfil-panel {

    margin-top: 15px;

}



.cont-form-datos {

    margin-top: 15px;

	margin-bottom:15px;

}



.cont-form{	

	padding-bottom: 15px;

    clear: both;

    overflow: hidden;

	text-align:left;

}



.perfil-panel {

    padding: 0;

    background: #F5F5F5;

    border: 1px solid #000;

}



.perfil-panel .panel-heading

 {

    font-family: 'fuenteextrabold';

    text-align: center;

    font-size: 14px;

    font-weight: bold;

    background: #000;

    color: #FFF;

}



.perfil-panel table tr:hover {

    background: #DDD;

}



.cont-form-datos h2,

.carro-final h3 {

    font-family: 'fuenteextrabold';

    margin-top: 0;

    color: #FFF;

    background: #80B33A;

    text-align: center;

    border-radius: 5px;

    font-size: 20px;

    padding: 10px 0;

}



.carro-final {

    margin-top: 10px;

    margin-bottom: 10px;

	OVERFLOW: auto;

	max-height:370px

}



.carro-final .item-car {

    border-bottom: 1px solid #EEE;

    border-radius: 5px;

    padding-bottom: 5px;

    margin-bottom: 10px;

	

}



.item-car-info {

    margin-bottom: 10px;

    background: #EEE;

    border: 1px solid #CCC;

    border-radius: 3px;

    padding: 5px;

}



.item-car-info span {

    float: left;

    width: 100%;

    font-size: 12px;

}



.thumbnail {

    border: 1px solid #DDD !important;

}



.cont-tbl-final table {

    background: #EEE;

}



.cont-form-datos p {

    text-align: center;

}



.direcciones {

    background: #FFF;

}



.direcciones caption {

    font-family: 'fuenteextrabold';

    background: #80B33A;

    color: #FFF;

    font-size: 20px;

    padding: 6px 0;

    border-radius: 4px;

}



.direcciones th {

    background: #000 !important;

    color: #FFF;

    font-weight: normal;

    text-align: center;

}



.direcciones td {

    text-align: center;

}



.titulo h1 {

    font-size: 28px;

}



.titulo h1 a {

    color: #555;

}



.texto-producto {

    background: #FFF;

	margin-bottom:15px;

	padding:0;

	color: #686867;

	padding-left: 40px;

}



.texto-producto h3 {

    font-size: 30px;

    color: #2D282A;

	margin-bottom: 20px;

}



.btn-danger{

	background-color:#FFC926;

	border-color: #FFC926;

	color:#000;

}



.btn-danger:hover{

	background-color:#000;

}







h1, .h1, h2, .h2, h3, .h3 {

	margin-top:10px;	

}



.prepro {

	font-family: 'fuente';

	color:#333;

    font-size: 20px;

    font-weight: bold;

	margin-bottom: 10px;

}



.cont-form-reco {

    float: left;

    position: relative;

    margin: 0 auto;

    margin-top: 25px;

	padding-bottom:15px;

}



.cont-form-reco input[name='txtema'] {

    width: 75%;

    float: left;

}



.cont-form-reco input[type='button'] {

    margin-top: 0;

}



.idiomas {

    padding-left: 0;

}



.pointer{

	cursor: pointer;

}



.mapas-ajax {

  min-height: 485px;

  text-align:left;

}



.cont-m1 {

  float: left;

  width: 100%;

  padding: 0;

}



.cont-m2 {

  padding: 0;

  top: 10px;

  float: left;

}



.item-suc {

  background: #F5F5F5 url(../images/item-parq.png) no-repeat 10px 10px;

  cursor: pointer;

  border-top: 1px solid #736969;

  padding-top: 5px;

  padding-left: 55px;

}



.item-suc:hover {

  background: #EEE url(../images/item-parqhov.png) no-repeat 10px 10px;

}



.continuarcompra{

	padding-bottom:15px;

}





.megusta-facebook{

	text-align: left;

	margin-bottom: 10px;

 

}

.facebook-like{

	text-align: left;

	position:relative;

	float:left;

}

.twitter-like{

	text-align: left;

    padding-left: 10px;

	padding-top:0px;

	position:relative;

	float:left;

}



.volver-noticia{

	text-align:right;

	position:relative;

	vertical-align:middle;

}



.galerianoticia{

	padding:0;

}



.cont-gal{

	padding:10px 0px 10px 0px;

	background-color:#E2E2E2;

}

.nopadding{

	padding:0;

	

}



#myImageFlowMovil{

	display:none;

}



#myImageFlowPC{

	display:block;

}



#distribuidores a:link {

	color:#FC0;

}



#distribuidores a{

	color:#FC0;

}

#by a:link {

	color:#FFF;

	font-weight: bold;

}



#by a{

	color:#FFF;

	font-weight: bold;

}

#resumensucursales{

	font-size: 14px;

}

.lin-sep{

	border-top: 2px solid #FFCA05;

}

.linea-sub{

	width: 100%;

	border-bottom: 4px solid #DDDDDD;

	z-index: 9;

}

.tit-cla{

	background-color: #000000;

	color: #FFCA05;

	padding: 5px 10px;

	/*border-right: 70px solid transparent;

    border-bottom: 30px solid #fff;*/

	

}

.submenu-estatic{

	background-color: #fff;

    position: fixed;

    left: 13px;

    top: 5px;;

    z-index: 1001;

    width: 13%;

	font-family: "fuente";

	font-size: 18px;

	

}

.hov:hover{

	position: relative;

	left: -8px;

}

.submenu-estatic{

	border: 1px solid #9A9A9A;

	background-color: #EAEBEA;

}

.sub-ul{

	list-style: none;

	padding-left: 0;

	

}

.sub-ul2{

	list-style: none;

	padding-left: 0;

	

}

.sub-ul li{

	list-style: none;

	/*padding-left: 5px;*/

	text-align: left;

	border-bottom: 1px solid #E4E4E4;

	text-transform: uppercase;

	font-weight: bold;

	

}

.sub-ul li:hover{

	background-color: #9A9A9A;

}

.sub-ul li a{

	text-decoration: none;

	text-align: left;

	padding: 5px 10px;

}

.sub-ul2 li a{

	text-decoration: none;

	text-align: left;

	padding-left: 30px;

}

.sub-ul2 li{

	list-style: none;

	text-align: left;

	border: none;

	text-transform:none;

	font-weight: normal;

	

}

.sub-ul2 li:hover{

	

}

.sub-ti{

	background-color: #000000;

	color: #FFCA05;

}





#static{

	padding: 5px;

	position: fixed;

	bottom: 40px;

	right: 50px;

	font-weight: bold;

	width: 50px;

	font-size: 0.8em;

	text-align: center;

	display: none;

}

.submenu-div{

	display: none;

}

.submenu-movil{

	text-align: center;

}

.iconos{

	border-left: 1px solid #686867;

	border-right: 1px solid #686867;

}

.subgru{

	width: 100%;

	border-bottom: 1px solid #686867;

	color: #686867;

}

.subgru a{

	text-transform: capitalize;

}

.subgru:hover{

	border-bottom: 1px solid #435d20;

	color: #435d20;

}

.ul-sub-prin{

	width: auto !important;

	min-width: none;

	border: 1px solid #686867;

	display: block ;

}



.div-subgru{

	padding-right: 10px;

	

}

.img-hov{

	padding: 20px;

}

.img-hov img{

	width: 100%;

}

.user-div{

	display: none;

	width: 280px;

	height: auto;

	right: 0px;

	top: 30px;

	position: absolute;

	z-index: 1001;

}

.compras, .ingresoregistro, buscar-enc{

    padding: 0px 10px 0px 10px;

}

.compras:hover .span-shop{

    color: #FFF;

}

.ingresoregistro:hover .ing-reg{

    color: #FFF;

}

.buscar-enc:hover .busc{

    color: #FFF;

}

.compras-div{

	display: none;

	width: 400px;

	height: auto;

	right: 0px;

	top: 30px;

	position: absolute;

	z-index: 1001;

}

.buscar-div{

	display: none;

	width: 230px;

	height: auto;

	right: 75%;

	top: -8px;

	position: absolute;

	z-index: 1001;

}

.btn-icobus{

    border: none;

    background-color: #80B33A;

    color: #FFF;

    height: 34px;

    border-radius: 4px;

}

.btn-icobus:hover{

    background-color: #435d20;

}

.cont-buscar{

	border: 1px solid #CCC;

	background-color: white;

	padding: 10px;

    text-align: left;

    

}

.txt-r{

    text-align: right;

}

.title{

	font-size: 15px;

	margin-bottom: 15px;

	color: #686867;

	text-transform: uppercase;

}

.btn-div{

	margin-top: 15px;

}

.btn-buscar{

	border: none;

	padding: 5px 10px;

	background-color: #80B33A;

	color: white !important;

	font-size: 15px;

	text-transform: uppercase;

}

.btn-buscar:hover{

	background-color: #000;

	color: white !important;

}

.btn-clave{

	border: none;

	padding: 6px 10px;

	background-color: #80B33A;

	color: white;

	font-size: 15px;

	text-transform: uppercase;

}

.btn-buscar:hover{

	background-color: #000;

}





.buscar{

	top: 6em;

	right: -16em;

}

.compra{

	top: 6em;

	right: -20em;

}

.user{

	top: 6em;

	right: -24em;

}

.grises img {

filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%); /* Para cuando es estándar funcione en todos */

filter: Gray(); /* IE4-8 and 9 */



-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}

.grises img:hover{ 

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: none;



-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}



.grisessub{ 

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: none;



-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s ease;

}



.span-carro{

	font-size: 15px;

	text-align: center;

	min-width: 1.6em; 

	color: #80B33A;

	position: absolute;

	right: 5px;

	top: 8px;

}

.subtotal{

	border-bottom: 1px solid #686867;

	color: #686867;

	padding-top: 15px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.sub-span{

	float: right;

}

.sub-pro-can{

	color: #000;

}

.sub-pro{

	color: #686867;

}

.foot-user{

	margin-top: 10px;

	padding-bottom: 15px;

	border-bottom: 1px solid #686867;

	margin-bottom: 15px;

}

.contra a:hover{

	color: #000;

}

.div-form-reg{

    text-align: left;

}

.links-int{

    margin-top: -26px;

    padding: 10px;

    border-radius: 25px;

}

.crear-cuenta{

	width: 100%;

	color: white;

	background-color: #80B33A;

	text-align: center;

	padding: 5px 10px;

	font-size: 15px;

    cursor: pointer;

}

.crear-cuenta:hover{

	background-color: #435d20;

}

.nompro{

	text-align: center;

}

.newsletter{

	background-color: #EFEFEF;

	padding-top: 15px;

	padding-bottom: 15px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.btn-news{

	background-color: #4D4D4D;

	padding: 6px 15px;

	font-size: 15px;

	color: white;

	border: none;

}

.nav-foot{

	margin-bottom: 0;

	display: flex;

    align-items: center;

    justify-content: center;

}

.nav-foot li{

	text-decoration: none;

	position: relative;

	float: left;

	list-style: none;

	padding: 5px 10px 5px 10px;

    border-radius: 25px;

}

.nav-foot li:hover{

	background-color: #80B33A;

    color: #FFF !important;

}

.nav-foot li:hover a{

	background-color: #80B33A;

    color: #FFF !important;

}

.nav-foot li a{

    color: #6C6D70;

	font-size: 13px;

	font-family: 'fuente';

}

.des-foot{

    font-family: 'fuenteextrabold';

    font-size: 18px;

}

.color-derecho{

    color: #7F7F82;

}

.mailto, .mailto:link, .mailto:active, .mailto:focus{

    color: #a6a8ab;

}

.mailto:hover{

    color: #FFF;

}

.facebook-foot{

    width: 33px;

    height: 33px;

    border-radius: 50px;

    color: #6C6D70;

    margin-top: 10px;

    margin-right: 10px;

}

.facebook-foot:hover{

    background-color: #000;

}

.facebook-foot:hover a{

    background-color: #000;

    color: #80B33A !important;

}

.redes-con{

	display: flex;

	align-items: center;

	justify-content: center;

}

.add-carro{

    visibility: hidden;

    background-color: #FFF;

    position: relative;

}

.btn-carro{

	border: none;

	padding: 5px 10px;

	background-color: #80B33A;

	color: white;

	font-size: 15px;

	text-transform: uppercase;

	width: 100%;

	text-align: center;

}

.btn-carro:hover{

	background-color: #435d20;

}

.input-pro{

    width: 60px;

    height: 26px;

    font-size: 13px;

    padding: 1px;

}

.optval-pro{
    
    height:26px;
    
    margin-bottom: 5px;

    margin-top: 5px;

}

.title-concar{

	font-family: 'fuenteextrabold';

	font-size: 35px;

	color: #403F41;

	text-align: center;

    line-height: 1;

	margin-bottom: 20px;

}

.title-not{

	font-family: 'fuenteextrabold';

	font-size: 35px;

	color: #FFF;

	text-align: center;

    line-height: 1;

	margin-bottom: 20px;

}

.second-title{

    font-family: 'fuentecontenido';

	font-size: 35px;

	color: #FFF;

	text-align: center;

    line-height: 1;

	margin-bottom: 20px;

}

.color-carini{

    color: #80B33A;

}

.fondo-noticia{

    background-color: #000;

    background-image: url(../administrador/repositorio/fondo-noticia.png);

    background-repeat: no-repeat;

    background-position: center;

    padding-top: 20px;

    padding-bottom: 20px;

}

.btn-terminos{

    font-family: 'fuente';

    width: 100%;

    border: none;

    background-color: #80B33A;

    color: #FFF;

    font-size: 12px;

    text-align: center;

    padding: 5px;

}

.btn-terminos:hover{

    background-color: #000;

}

.banner{

	margin-bottom: 20px;

	margin-top: 20px;

}

.ul-sub-movil{

	display: none;

}

.alin{

	padding-bottom: 10px;

	padding-top: 10px;

	border-bottom: 1px solid #686867;

}

.alin a{

	color: #686867;

}

.alin:hover{

	border-bottom: 1px solid #80B33A;

}

.alin:hover a{

	color: #435d20;

}

.btn-salir{

	margin-top: 15px;

	padding: 5px 10px;

	background-color: #80B33A;

	margin-bottom: 10px;

	float: right;

}

.btn-salir a{

	color: white !important;

}

.btn-salir:hover{

	background-color: #000;

}

.btn-salir:hover a{

	color: white !important;

}

.introduccion{

	color: #686867;

	margin-bottom: 15px;

}

label {

	color: #686867;

}

.margenes{

	padding: 5px;

	height: 100%;

}

.title-sub{

	position: absolute;

	bottom: 0;

	height: 100%;

	z-index: 99;

	padding: 15px 15px 15px 15px;

	display: flex;

	align-items: center;

	justify-content: center;

	/*height: 100%;*/

}

.title-sub span{

	color: white;

	text-align: center;

	margin: 6px;

	text-transform: uppercase;

}

.btn-sub{

	padding: 10px 15px 10px 15px;

	border: 1px solid white;

	font-size: 12px;

}

.lineasub{

	font-size: 20px;

}

.nom-sub{

	font-size: 30px;

}

.cate{

	color: black;

	font-size: 17px;

	font-weight: bold;

	margin-bottom: 10px;

}

.cate-span{

	text-transform: capitalize;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: 1px solid #686867;

	color: black;

	margin-top: 8px;

    font-size: 13px;

}

.cate-span:hover{

	color: #80B33A;

	border-bottom: 1px solid #80B33A;

}

.canpro{

	float: right;

	color: #686867;

}

.title-pro{

	width: 100%;

	height: 40px;

	max-height: 40px;

    text-align: center;

    margin-top: 10px;

    padding: 5px;

    font-weight: bold;

}

.int-pro{

	width: 100%;

	height: 50px;

	max-height: 50px;

    text-align: center;

    padding: 3px;

    font-size: 12px;

}

.btn-com-ini{

	padding: 5px 10px;

	border: 1px solid #686867;

	background-color: white;

	margin-top: 10px;

	color: #686867;

}

.btn-com-ini:hover{

	border: 1px solid #80B33A;

	color: #80B33A;

}

.title-com{

	color: #686867;

	font-size: 15px;

}

.pro-car{

	border-bottom: 1px solid #686867;

	margin-top: 10px;

}

.barrascroll{

	overflow: auto;

	width: 100%;

	height: 182px;

}

.capa-links{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #80B33A;

    opacity: 1;

    border-radius: 25px;

}

.img-modal{

	width: 60%;

}

.grup-label{

	/*opacity: 0.5;*/

}

.btn-color:hover,.btn-color:focus,.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{

	color:#333;

	border: 1px solid #000; 

	background-image:url(../images/active.png);

	background-repeat: no-repeat;

}

.btn-color{

	border-color: #CCC;

}

.centrar{

	display: flex;

	align-items: center;

	justify-content: center;

}

.confir{

	width: 100%;

	font-size: 20px;

	padding: 50px 20px 50px 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 20px;

}



/*------------------ Prueba grild ----------------*/

#container {

  background: #DDD;

  max-width: 1000px;

}



.item-grild {

  width: 200px;

  float: left;

}



.item-grild img {

  display: block;

  width: 100%;

}



.grid {

  background: #EEE;

  max-width: 1200px;

}



/* clearfix */

.grid:after {

  content: '';

  display: block;

  clear: both;

}



/* ---- grid-item ---- */



.grid-item {

  width: 160px;

  height: 120px;

  float: left;

  background: #80B33A;

  border: 2px solid #333;

  border-color: hsla(0, 0%, 0%, 0.5);

  border-radius: 5px;

}

.grid-item-mod {

  width: auto;

  height: auto;

  float: left;

}



.grid-item--width2 { width: 320px; }

.grid-item--width3 { width: 480px; }

.grid-item--width4 { width: 640px; }



.grid-item--height2 { height: 200px; }

.grid-item--height3 { height: 260px; }

.grid-item--height4 { height: 360px; }

.div-new{

    background-color: #F0F1F1;

    border: 1px solid #CCC;

    padding: 10px;

    border-radius: 6px;

}

.btn-new{

    width: 100%;

    border: none;

    padding: 5px;

    color: #FFF;

    background-color: #80B33A;

    text-align: center;

}

.btn-new:hover{

    background-color: #000;

}

.tit-new{

    color: #000;

    font-family: 'fuenteextrabold';

    font-size: 12px;

}

.int-new{

    color: #57585A;

    font-family: 'fuentecontenido';

    font-size: 9px;

}

.infor-new{

    color: #57585A;

    font-family: 'fuentecontenido';

    font-size: 9px;

}

.input-new{

    height: 30px;

    font-size: 11px;

    font-family: 'fuentecontenido';

    margin-top: 5px;

    margin-bottom: 5px;

}

/*------------------- Galeria -------------------*/

#columnas {

   column-count: 3;

   column-gap: 0;

   column-fill: auto;

    

   -moz-column-count: 3;

   -moz-column-gap: 0;

   -moz-column-fill: auto;

    

   -webkit-column-count: 3;

   -webkit-column-gap: 0;

   -webkit-column-fill: auto;

}

.unidad {

    width: 33%;

   column-break-inside: avoid;

   -webkit-column-break-inside: avoid;

   -moz-column-break-inside: avoid;

   

   display: inline-block;

}

.unidad img {

   width: 100%;

}

#columnas .unidad {

    width: auto;

   column-break-inside: avoid;

   -webkit-column-break-inside: avoid;

   -moz-column-break-inside: avoid;

   

   display: inline-block;

}

#columnas .unidad img {

   width: 100%;

}

/*------------------- Galeria -------------------*/

.div-pagoenlinea{

    position: absolute;

    bottom: 10px;

    right: 7px;

    width: 16%;

}

.div-pagoenlinea .btn-pag-bici{

    font-size: 13px;

}



.panel-info

{

    border-color:#80B33A;

    border:none;

    }

    .panel-info > .panel-heading

    {

        color:#FFF;

        background-color:#80B33A;

        border:none;

    }

    .num-paso

    {

        width:50px;height:50px;border:2px solid #CCC;border-radius:40px;font-size:25px;display:flex;align-items:center;justify-content:center;line-height:0;letter-spacing:0;font-weight:bold;color:#CCC;

    }

    .tit-paso

    {

        color:#CCC;

    }

    .paso-activo

    {

        color:#000;border-color:#000;font-weight:bold;

    }

    .lin-paso

    {

        border-bottom:1px solid #000;margin-bottom:20px;padding-bottom:20px;

    }

    .linea-tit{

        position:absolute;width:100%;height:2px;background-color:#CCC;

    }

    .tit-reg{

        background-color:#FFF;z-index:9;padding-left:15px;padding-right:15px;

    }



    .item-car-info

    {

        margin-bottom:10px;border:1px solid #CCC;border-radius:3px;padding:5px;height:157px;

    }

    .item-car-info span

    {

        float:left;width:100%;font-size:12px

    }