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

.banner{
	/*position: relative;*/
	/*overflow:hidden;*/
	height: auto;
}

.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 .ficha { display: none; }

.productos ul li figure{
	overflow:hidden;
}



.productos ul li a img:hover{
	transition: .3s all ease;
	opacity:.8;
	transform: scale(1.1,1.1);
}

.productos ul li h4 {
	margin-top: 15px;
	display: block;
	text-align: center;
}
.productos ul li h4 a { 
	text-transform: uppercase;
	font-size: 16px;
}

.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-top:0px;
	padding-bottom:20px;
}

.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;
}

/*=============================================
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:#777;
}

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

.fontSize{
	font-size:11px;
}
.text-left { text-align: left !important; }

/*=============================================
INFO PRODUCTO - DETALLE PRODUCTO
=============================================*/

.infoproducto { padding-top: 30px; }
.infoproducto h1 span { font-size: 18px; font-weight: 300; color:#9f9f9f; }
.infoproducto .caracteristicas-producto { margin: 0px 0 20px; width: 100%; float: left; display: block; }

.caracteristicas-producto .bar { float: left; display: block; width: 100%; margin-top: 0; padding:5px 0px;
background-color: #e9f3c7; color: #666; text-align: center; text-transform: uppercase; }

.caracteristicas-producto .descripcion {
	margin: 25px 0 20px; float: left;; width: 100%;
}

.descripcion-larga { float: left; display: block; width: 100%; padding: 20px 0; }
.infoproducto .acabados { float: left; display: block; width: 100%; padding: 20px 0 0; margin:10px 0 40px; 
border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #f9fcf1;  }

.productos-relacionados { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #f9fcf1;
padding: 30px 0;  }

/*=============================================
SECTION PLANTA
=============================================*/

.section-planta { width: 100%; padding:0; margin:60px 0 30px; position: relative; }
.section-planta .container { position: relative; }
.section-planta  .bg-title { display: block; float: left; width: 100%; background-color: #768a47; padding: 7px 0;
text-align: center; color: #fff; font-size: 14px;  }
.section-planta .descripcion { float: left; display: block; width: 100%; overflow-x: hidden; overflow-y: auto;
 background-color: #f9fcf1; padding: 20px 0; border-bottom: 1px solid #eaeaea;
color:#c6c0af; text-align: right; font-weight: bold; }


/*=============================================
CATEGORIAS DE PRODUCTOS WIDGET
=============================================*/

.widget-categorias-productos { padding: 60px 0 20px; }

.widget-categorias-productos .bar--cafe 		{ background-color: #493723; }
.widget-categorias-productos .bar--verde		{ background-color: #618037; }	
.widget-categorias-productos .bar--tinto		{ background-color: #7f2929; }
.widget-categorias-productos .bar--marino		{ background-color: #23383f; }
.widget-categorias-productos .bar--cremita		{ background-color: #d7cbae; }
.widget-categorias-productos .bar--gris		{ background-color: #79756d; }
.widget-categorias-productos .bar--amarillo	{ background-color: #a76900; }
.widget-categorias-productos .bar--azul		{ background-color: #629bc1; }
.widget-categorias-productos .bar--naranja	{ background-color: #a9411b }

.widget-categorias-productos .bar { float: left; display: block; width: 100%; margin-top: 0; padding:5px 0px; }
.widget-categorias-productos .bar h3 { color:#fff !important; font-size: 18px; text-transform: uppercase; text-align: center; }
.widget-categorias-productos .description { margin:10px 0; font-size: 16px; font-weight: bold; display: block; width: 100%;
float: left; }

/*=============================================
DETALLE COTIZADOR
=============================================*/

.cotizador-producto { width: 100%; padding:0; margin:30px 0 30px; position: relative; }

.cotizador-producto  .bg-title { display: block; float: left; width: 100%; background-color: #768a47; padding: 7px 0;
text-align: center; color: #fff; font-size: 14px; margin-bottom: 30px;  }
.cotizador-producto .descripcion { float: left; display: block; width: 100%; overflow-x: hidden; overflow-y: auto; }
.cotizador-producto input[type="number"] { border: #edede; padding: 7px 7px; min-width: 50px; }

.cotizador-producto .bg-title-cotizador { background-color: #e9f3c7; font-size: 18px; color: #666; padding: 5px 0; 
	text-align: center;  }
.cotizador-producto .bg-descripcion-cotizador { background-color: #f9fcf1; color: #444444; padding: 10px 10px; display: block;
width: 100%; overflow-x: hidden; overflow-y: auto; }
.cotizador-producto .bg-descripcion-cotizador table { font-size: 14px; width: 100% }
.cotizador-producto .bg-descripcion-cotizador table td { padding: 3px 0; }

.icon-nuevo { position: absolute; left: 25px; top: 10px; background-image: url(../img/plantilla/icon-nuevo.png); width: 60px; height: 38px; z-index: 10; }

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

@media (min-width:1200px){

	/*.banner{
		height:260px;
	}*/


}

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

@media (min-width:992px){

	.section-planta { margin:250px 0 130px; }
	.section-planta .container::after { content: ""; background-image: url('../img/plantilla/bg-planta-01-min.png');
    width: 278px; height: 342px; position: absolute; bottom: 0px; right: 0; }

    .section-planta .container::before { content: ""; background-image: url('../img/plantilla/bg-planta-02-min.png');
    width: 278px; height: 152px; position: absolute; bottom: -151px; right: 0; }

    .cotizador-producto .margen { padding-top: 100px }


}

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

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

	/*.banner{
		height:260px;
	}*/

}

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

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

	/*.banner{
		height:180px;
	}*/

	.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; 
	}


}

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

@media (max-width:767px){

	/*.banner{
		height:100px;
	}*/

	.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;
	}

	
}