/*=============================================
BANNER
=============================================*/

.banner{
	position: relative;
	overflow:hidden;
}

.banner .textoBanner{
	position:absolute;
	font-family: 'Ubuntu Condensed', sans-serif;
}

.banner .textoDer{
	top:50px;
	right:50px;
	text-align:right;
}

.banner .textoIzq{
	top:50px;
	left:50px;
	text-align:left;
}

.banner .textoCentro{
	top:50px;
	left:50%;
	width:800px;
	margin-left: -400px;
	text-align:center;
}

.textoBanner h1{
	font-size:35px;
	line-height:25px;
}

.textoBanner h2{
	font-size:30px;
	line-height:25px;
}

.textoBanner h3{
	font-size:24px;
	line-height:25px;
}

/*=============================================
BARRA PRODUCTOS
=============================================*/

.barraProductos .organizarProductos span{
	margin-left:5px;
}

/*=============================================
VITRINA PRODUCTOS CUADRÍCULA
=============================================*/

.tituloDestacado h1{
	margin-top:-5px;
}

.tituloDestacado button span{
	margin-left:5px;
}

.productos ul li figure{
	overflow:hidden;
}

.productos ul li a img{
	transition: all .7s ease;
	-webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -o-transition: all .7s ease;
  -ms-transition: all .7s ease;
}

.productos ul li a img:hover{
	-webkit-transform:scale(1.07);
	-moz-transform:scale(1.07);
	-ms-transform:scale(1.07);
	-o-transform:scale(1.07);
	transform:scale(1.07);
}

.productos ul li h4 small{
	color:#777;
	text-transform: uppercase;
	font-size:12px;
	font-weight: 700;
}

.productos ul li h4 small a{
	color:#777;
}

.productos ul li div.precio{
	padding:0;
	margin-bottom: 10px;
}

.productos ul li div.enlaces{
	padding:0;
	padding-bottom:20px;
}

.productos ul li div.enlaces button{
	margin:2px;
}

.productos ul li div.enlaces button i{
	color:#999;
	font-size:12px;
}

.cardProducto{
	background-image: url("../img/plantilla/fondo-producto-textura.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 20px;
	/*background-color: #ed7720;*/
}

ul.grid0, .list0 {
    padding-top: 30px;
}


/*=============================================
VITRINA PRODUCTOS LISTA
=============================================*/

.productos ul li h1{
	margin-top:-10px;
}

.productos ul li h1 small{
	text-transform: uppercase;
	font-size:20px;
	font-weight: 700;
}

.productos ul li h1 small a{
	color:#e53e2a;
}

h2 small{
	color:#ed7720;
	font-weight: 700;
}

.oferta{
	 text-decoration:line-through;
	 color:#121212;
	 font-size:11px;
}

.fontSize{
	font-size:11px;
}

.fontSizeD{
	font-size:15px;
}

.productoTituloTop{
	color: #121212;
	margin: 0;
	padding: 0 2%;
}

.productoTituloTop h4{
	color: #121212;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
}

.productoTitulo{
	margin: 0;
	padding: 0 2%;
	min-height: 90px;
}

.productoTitulo h3{
	margin: 42px 0px 30px;
}

.productoTitulo h3 a{
	color: #fff;
	font-weight: 900;
	font-size: 21px;
}

.label-promo{
	background-color: #bf5800;
	margin-right: 5px;
	box-shadow: 1px 1px 5px #94661a;
}

.vinculos {
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;

}

.vinculos:hover {
	color: #bf5800;

}

.label-promoD{
	background-color: #121212;
	box-shadow: 1px 1px 5px #5f2b00;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
}

.label-promoD:hover{
	background-color: #de3807;
}

.productoUso{
	color: #121212;
	margin: 0;
	padding: 0 2%;
}

.usoA{
	background-color: #ffffffbf;
	padding: 5px 10px;
	font-weight: 700;
}

.usoB{
	background-color: #ffffffbf;
	padding: 5px 10px;
}

.codigo{
	background-color: #ffffff5c;
	padding: 0px 10px;
	font-weight: 700;
}

.entrega{
	background-color: #121212;
	padding: 0px 10px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.productoPrecio{
	margin: 20px 0 0;
	padding: 0 2%;
}

.btnCarProducto{
	background: transparent;
	border:none;
	color:#fff;
	font-size: 27px;
	padding-top: 20px;
}

.btnCarDeseos{
	background: transparent;
	border: none;
	color: #fff;
	font-size: 27px;
	padding-top: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	transition: color 0.3s ease;
}

.btnCarDeseos:hover{
	color: #e74c3c;
}

.btnCarDeseos:focus{
	outline: none;
}

/* Estado cuando el producto está en wishlist */
.btnCarDeseos.enWishlist{
	color: #000;
}

.btnCarDeseos.enWishlist:hover{
	color: #333;
}

h1.text-muted.text-uppercase {
    color: #e53e2a;
    font-size: 29px;
}

h2.text-muted {
    color: #ed7720;
}

span.indiceV {
    background-color: #f49b05;
    padding: 4px 8px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    margin-left: 10px;
}

span.indiceC {
    background-color: #f49b05;
    padding: 4px 8px;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    margin-left: 10px;
}

.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f49b05 !important;
}

.flexslider {
    margin: 0 0 25px;
}

/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.banner{
		height:250px;
	}


}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	.banner{
		height:190px;
	}

	.cardProducto img.img-responsive {
    width: 85%;
	}

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	.banner{
		height:140px;
	}

	.textoBanner h1{
		font-size:30px;
		line-height:15px;
	}

	.textoBanner h2{
		font-size:25px;
		line-height:15px;
	}

	.textoBanner h3{
		font-size:25px;
		line-height:15px;
	}

	.banner .textoDer, .banner .textoIzq, .banner .textoCentro{
		top:35px;
	}

	.productoTitulo h3 a{
		text-align: center;
		display: block;
		font-size:25px;
	}

	.productoTituloTop h4 {
	  font-size: 21px;
	}

	.label-promo {
	  font-size: 14px;
	}

	.usoA {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin: 0 5%;
    padding: 2px 10px;
	}

	.p-0-5-0-0{
		padding: 0;
	}

	.usoB {
    text-align: center;
    font-size: 18px;
    margin: 0 5%;
    padding: 2px 10px;
	}

	.codigo {
	    text-align: center;
	    margin: 0 5%;
	}

	.oferta {
	    font-size: 18px;
	}

	small.colorB {
	    font-size: 27px;
	}

	.productos ul li div.precio{
		padding-left: 5%;
	}

	.btn-group.pull-right {
	    padding-right: 15px;
	}

	.productoTitulo {
	    min-height: 180px;
	}

	.cardProducto img.img-responsive {
    width: 80%;
	}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.banner{
		height:60px;
	}

	.banner .textoDer, .banner .textoCentro, .banner .textoIzq{
		top:7px;
		left:50%;
		width:800px;
		margin-left: -400px;
		text-align:center;
		text-shadow:2px 2px 20px black;
	}

	.textoBanner h1{
		font-size:20px;
		line-height:5px;
	}

	.textoBanner h2{
		font-size:20px;
		line-height:5px;
	}

	.textoBanner h3{
		font-size:15px;
		line-height:5px;
	}

	.tituloDestacado h1{
		text-align:center;
	}

	.tituloDestacado button{
		position: absolute;
		left:50%;
		width:40%;
		margin-left:-20%;

	}

	.productos ul li h1 small{
		font-size:16px;
	}

	.productoTitulo h3 a{
		text-align: center;
		display: block;
		font-size:21px;
}

	.pMarca{
		margin:15px 0;
	}

	.productoTituloTop h4 {
	    font-size: 21px;
	}

	.label-promo {
	    font-size: 14px;
	}

	.usoA {
	    text-align: center;
	    font-size: 21px;
	    font-weight: 700;
	    margin: 0 5%;
	}

	.p-0-5-0-0{
		padding: 0;
	}

	.usoB {
	    text-align: center;
	    font-size: 18px;
	    margin: 0 5%;
	}

	.codigo {
	    text-align: center;
	    margin: 0 5%;
	}

	.oferta {
	    font-size: 18px;
	}

	small.colorB {
	    font-size: 20px;
	}

	.productos ul li div.precio{
		padding-left: 5%;
	}

	.btn-group.pull-right {
	    padding-right: 15px;
	}

	.productoTitulo {
	    min-height: 180px;
	}

	.label-promo{
		background-color: #bf5800;
		margin-right: 5px;
		box-shadow: 1px 1px 5px #000;
	}

	.label-promoD{
		background-color: #121212;
		box-shadow: 1px 1px 5px #000;

	}

}