/* Reinicio de valores */

* {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	outline:none;
	color:#333;
}
.clear {
	clear:both;
}
/* Cuerpo de página */

body {
	background-color:#000;
	background-image:url(../fondos/cielo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
body.ferraro {
	background-color:#000;
	background-image:none;
}
/* Cajas principales */

.contenedor-gral {
	margin:0 auto;
	padding:30px 0 0 0;
	width:900px;
	overflow:hidden;
}
.contenedor-pral {
	margin:0 0 30px 0;
	width:900px;
	overflow:hidden;
	background-image:url(../img/baner.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.contenedor-pral-outlet {
	margin:0 0 30px 0;
	width:900px;
	overflow:hidden;
	background-image:url(../img/baner-outlet.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.logo {
	width:200px;
	height:100px;
	float:left;
}
.descripcion {
	width:700px;
	height:70px;
	float:left;
	text-align:right;
}
.menu {
	width:700px;
	height:30px;
	float:left;
}
.referencia {
	padding:0 0 0 60px;
	width:840px;
	line-height:30px;
	display:none;
}
.slider {
	margin:0 0 30px 0;
	width:900px;
	height:300px;
	overflow:hidden;
}
.contenido-left {
	margin:0 20px 30px 0;
	padding:20px;
	width:400px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
	float:left;
}
.contenido-right {
	margin:0 0 30px 0;
	padding:20px;
	width:400px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
	background-color:#fff;
	float:left;
}
.contenedor-rubros-left {
	margin:0 30px 30px 0;
	width:280px;
	overflow:hidden;
	float:left;
}
.contenedor-rubros-right {
	margin:0 0 30px 0;
	width:280px;
	overflow:hidden;
	float:left;
}
.rubros {
	padding:20px;
	width:240px;
	overflow:hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
}
.encabezado {
	padding:0 0 0 20px;
	width:880px;
	line-height:30px;
	background-image:url(../img/encabezado2.png);
	background-position:center;
	background-repeat:no-repeat;
}
.destacados {
	padding:20px;
	width:184px;
	overflow:hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	border-right:1px solid #fff;
	background-color:#fff;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
}
.pie-left {
	padding:20px;
	width:520px;
	height:200px;
	border-top:1px solid #fff;
	border-bottom:1px solid #666;
	background-color:#999;
	background-image:url(../img/fondo-pie.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	color:#000;
	text-shadow:1px 1px 1px #fff;
}
.pie-right {
	padding:20px;
	width:300px;
	height:200px;
	border-top:1px solid #fff;
	border-bottom:1px solid #666;
	background-color:#999;
	float:left;
	text-shadow:1px 1px 1px #fff;
}
/* Menú principal */

#menu-h1 {
	list-style:none;
}
#menu-h1 li {
	float:left;
}
#menu-h1 li a {
	width:100px;
	line-height:30px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ccc;
}
#menu-h1 li a:hover {
	background-image:url(../img/btn-brillo.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#fff;
}
#menu-h1 li a:active {
	background-image:url(../img/btn-brillo.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#fff;
}
/* Menú de productos */

.productos {
	padding:20px;
	width:860px;
	overflow:hidden;
	border-bottom:1px solid #333;
	background-image:url(../img/fondo-productos.png);
}
.menu-h2 {
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	list-style:none;
	float:left;
}
.menu-h2 li a {
	line-height:24px;
	font-weight:normal;
	color:#fff;
	display:block;
	text-decoration:none;
}
.menu-h2 li a:hover {
	text-decoration:underline;
}
/* Formularios de contacto y recomendación*/

.formulario {
	margin:0 0 30px 0;
	padding:20px;
	width:860px;
	overflow:hidden;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
}
.form {
	margin:0 30px 0 0;
	padding:20px;
	width:312px;
	overflow:hidden;
	border:1px solid #ccc;
	background-color:#fff;
	float:left;
}
.nombre, .apellido, .correo, .telefono, .n-remitente, .e-remitente, .n-destinatario, .e-destinatario {
	margin:0 0 12px 0;
	padding:5px;
	width:306px;
	border:1px solid #ccc;
}
.comentario {
	margin:0 0 12px 0;
	padding:5px;
	width:306px;
	height:150px;
	border:1px solid #ccc;
}
.borrar, .enviar {
	padding:5px;
	width:100px;
	border:1px solid #ccc;
}
/* reCAPTCHA */

.captcha {
	margin:0 0 12px 0;
	width:318px;
	overflow:hidden;
	border:1px solid #ccc;
}
/* Buscador */

/* Selector for entire element. */

.cse .gsc-control-cse, .gsc-control-cse {
	margin:0 0 30px 0;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
/* Mapa de ubicación */

.mapa {
	margin:0 0 30px 0;
	padding:20px;
	width:900px;
	overflow:hidden;
	background-color:#fff;
	background-image:url(../img/encabezado-contenido.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
/* Enlaces */

a {
	font-weight:bold;
	color:#069;
}
a:hover {
	color:#333;
}
a:visited {
	color:#333;
}
.ver {
	width:150px;
	height:30px;
	background-image:url(../img/btn-ver.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.ver:hover {
	background-position:bottom center;
}
.mostrar {
	color:#333;
}
.cerrar {
	color:#999;
	float:right;
}
.cerrar:hover {
	color:#ccc;
}
/* Enlaces de la sección de Productos */

.banos {
	width:280px;
	height:100px;
	background-image:url(../rubros/banos.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.banos:hover {
	background-position:bottom center;
}
.cocinas {
	width:280px;
	height:100px;
	background-image:url(../rubros/cocinas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.cocinas:hover {
	background-position:bottom center;
}
.electrodomesticos {
	width:280px;
	height:100px;
	background-image:url(../rubros/electrodomesticos.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.electrodomesticos:hover {
	background-position:bottom center;
}
.revestimientos {
	width:280px;
	height:100px;
	background-image:url(../rubros/revestimientos.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.revestimientos:hover {
	background-position:bottom center;
}
.tejas {
	width:280px;
	height:100px;
	background-image:url(../rubros/tejas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.tejas:hover {
	background-position:bottom center;
}
.pisos-flotantes {
	width:280px;
	height:100px;
	background-image:url(../rubros/pisos.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.pisos-flotantes:hover {
	background-position:bottom center;
}
.placares {
	width:280px;
	height:100px;
	background-image:url(../rubros/placares.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.placares:hover {
	background-position:bottom center;
}
/* Enlaces de la seccion de baño */

.accesorios {
	width:280px;
	height:100px;
	background-image:url(../banos/accesorios.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.accesorios:hover {
	background-position:bottom center;
}
.bachas {
	width:280px;
	height:100px;
	background-image:url(../banos/bachas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.bachas:hover {
	background-position:bottom center;
}
.cabinas {
	width:280px;
	height:100px;
	background-image:url(../banos/cabinas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.cabinas:hover {
	background-position:bottom center;
}
.columnas {
	width:280px;
	height:100px;
	background-image:url(../banos/columnas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.columnas:hover {
	background-position:bottom center;
}
.griferia {
	width:280px;
	height:100px;
	background-image:url(../banos/griferia.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.griferia:hover {
	background-position:bottom center;
}
.hidros {
	width:280px;
	height:100px;
	background-image:url(../banos/hidros.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.hidros:hover {
	background-position:bottom center;
}
.losa {
	width:280px;
	height:100px;
	background-image:url(../banos/losa.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.losa:hover {
	background-position:bottom center;
}
.muebles {
	width:280px;
	height:100px;
	background-image:url(../banos/muebles.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.muebles:hover {
	background-position:bottom center;
}
.rosetas {
	width:280px;
	height:100px;
	background-image:url(../banos/rosetas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.rosetas:hover {
	background-position:bottom center;
}
/* Enlaces de la sección de Cocinas */

.mobiliario {
	width:280px;
	height:100px;
	background-image:url(../ferraro/img-ferraro/ferraro.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.mobiliario:hover {
	background-position:bottom center;
}
.griferia-cocina {
	width:280px;
	height:100px;
	background-image:url(../ferraro/img-ferraro/griferia.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.griferia-cocina:hover {
	background-position:bottom center;
}
.piletas {
	width:280px;
	height:100px;
	background-image:url(../ferraro/img-ferraro/piletas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.piletas:hover {
	background-position:bottom center;
}
.sillas {
	width:280px;
	height:100px;
	background-image:url(../ferraro/img-ferraro/sillas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}
.sillas:hover {
	background-position:bottom center;
}
/* Títulos y textos */

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#fff;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#069;
}
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:none;
}
h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CCF;
}
.span {
	font-weight:bold;
	color:#000;
}
.ico {
	margin:0 20px 24px 0;
	float:left;
	clear:left;
}
.li-blanco {
	line-height:24px;
}
/* Lista de Obras */

ul {
	margin:0 0 0 20px;
	list-style:url(../img/flecha.jpg);
}
li {
	line-height:24px;
}
/*Novedades*/

.face {
	width:70px;
	height:70px;
	display:block;
	background-image:url(../img/face.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:200px;
	left:0;
	z-index:1000;
}
.livezilla {
	width:100px;
	height:100px;
	display:block;
	position:absolute;
	top:300px;
	left:0;
	z-index:1000;
}
	
.outlet, .punta {
	width:400px;
	height:100px;
	display:block;
	background-color:#ccc;
}

.outlet {
	background-image:url(../ofertas/btn-outlet.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
.outlet:hover {
	background-position:top center;
}

.punta {
	background-image:url(../novedades/punta.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
.punta:hover {
	background-position:top center;
}

.catalogo {
	color:#F60;
}

.catalogo:hover {
	color:#FC0;
}
/*Ferraro*/
.product-ferraro {
	list-style:none;
}
.product-ferraro li {
	margin:0 20px 0 0;
	float:left;
}
.product-ferraro li a {
	color:#fff;	
}
.product-ferraro li a:hover {
	color:#999;
}
.precio {
	font-size:14px;
	font-weight:bold;
	color:#F60;
}