/* Reinicio de valores */

* {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-style:normal;
	font-weight:normal;
}

.clear {
	clear:both;
}

/* Cuerpo de página */

body {
	background-color:#000;
	background-image:url(../fondos/azul.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

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

.intro {
	margin:0 0 30px 0;
	width:900px;
	height:300px;
}

.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/encabezado1.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/encabezado1.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/encabezado1.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/encabezado1.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
}

.pie-left {
	padding:20px;
	width:520px;
	height:150px;
	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;
}

.pie-right {
	padding:20px;
	width:300px;
	height:150px;
	border-top:1px solid #fff;
	border-bottom:1px solid #666;
	background-color:#999;
	float:left;
}

/* 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-top:1px solid #999;
	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;
	border-right:1px solid #666;
}

.menu-h2 li a {
	line-height:24px;
	font-weight:normal;
	color:#fff;
	display:block;
}

.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/encabezado1.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/encabezado1.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/encabezado1.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

/* Enlaces */

a {
	font-weight:bold;
	text-decoration:none;
	color:#990;
}

a:hover {
	color:#999;
}

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

/* 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(../cocinas/mobiliario.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(../cocinas/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(../cocinas/piletas.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
}

.piletas: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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#069;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#990;
}

h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

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

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