body {
	position: relative;
	background-color: #BFC793;
	font-family:  Verdana, Sans, sans-serif;
	font-size: 13px;
	margin: 1em;
	padding: 0;
}

h1 {
	text-indent: -254em;
	overflow: hidden;
	background: url(imagenes/estilo/logo.png) no-repeat bottom;
	width: 165px;
	height: 140px;
	margin: 0 0 0 8px;
	padding: 0;
}

h2 {
	position: absolute;
	top: 64px;
	text-indent: -254em;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 500px;
	height: 81px;
	margin: 0;
	padding: 0;
}

h2#cocinas {
	background-image: url(imagenes/cocinas.jpg);
}

h2#cocinasgaleria {
	background-image: url(imagenes/cocinasgaleria.jpg);
}

h2#cocinasrenders {
	background-image: url(imagenes/cocinasrenders.jpg);
}

h2#cocinasmesasysillas {
	background-image: url(imagenes/cocinasmesasysillas.jpg);
}

h2#cocinasaccesorios {
	background-image: url(imagenes/cocinasaccesorios.jpg);
}

h2#banos {
	background-image: url(imagenes/banos.jpg);
}

h2#banosgaleria {
	background-image: url(imagenes/banosgaleria.jpg);
}

h2#banosproyectosrealizados{
	background-image: url(imagenes/banosproyectosrealizados.jpg);
}

h2#banosotrassoluciones{
	background-image: url(imagenes/banosotrassoluciones.jpg);
}


h2#banosmobiliario {
	background-image: url(imagenes/banosmobiliario.jpg);
}

h2#banosmaleria {
	background-image: url(imagenes/banosmaleria.jpg);
}

h2#rehabilitacion {
	background-image: url(imagenes/rehabilitacion.jpg);
}

h2#rehabilitaciongaleria {
	background-image: url(imagenes/rehabilitaciongaleria.jpg);
}

h2#proveedores {
	background-image: url(imagenes/proveedores.jpg);
}

h2#contacto {
	background-image: url(imagenes/contacto.jpg);
}

#contenedor {
	position: relative;
	background-color: #E7F09C;
	margin: 0;
	color: white;
	padding: 8px;
}

#idioma {
	position: absolute;
	right: 12px;
	background-color: transparent;
	color: black;
	font-size: smaller;
}

#idioma a, #idioma a:active, #idioma a:visited {
	color: black;
	background-color: transparent;
	text-decoration: none;
}

#idioma a:hover {
	text-decoration: underline;
}

#esquina1 {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(imagenes/estilo/esquina1.png);
	width: 8px;
	height: 8px;
}

#esquina2 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(imagenes/estilo/esquina2.png);
	width: 238px;
	height: 101px;
}

#izquierda {
	float: left;
	clear: left;
	position: relative;
	overflow: hidden;
	width: 165px;
	margin: 0 0 0 8px;
	padding: 0;
	background: #cbce82 url(imagenes/estilo/piemenu.png) no-repeat bottom;
	z-index: 100;
}

#izquierda ul {
	overflow: hidden;
	margin-left: 4px; /* IE usa margin */
	padding-left: 4px; /* Mozilla usa padding */
	margin-top: 0px;
	line-height: 1.5em;
	z-index: 101;
}

#izquierda ul li {
	font-weight: bold;
	list-style: none;
	font-size: small;
	z-index: 102;
}

#izquierda ul li a {
	text-decoration: none;
	z-index: 103;
}

#izquierda ul li a:hover, #izquierda ul li a:active, #izquierda ul li a:focus {
	text-decoration: underline;
	z-index: 104;
}

#izquierda ul li ul {
	padding-left: 4px;
	margin-left: 4px;
	border-left: 2px dotted #B2AB9B;
	margin-bottom: 0.4em;
	z-index: 105;
}

#izquierda ul li ul li {
	font-weight: normal;
	z-index: 106;
}

#izquierda ul a, #izquierda ul a:visited {
	color: white;
	z-index: 107;
}

#izquierda ul a:hover {
	background-color: #B2AB9B;
	color: white;
	z-index: 108;
}

#principal {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#principal p {
	margin: 0 1em 1em 1em;
	padding: 0;
	color: #655A36;
	background-color: inherit;
	line-height: 1.5em;
	letter-spacing: 0.06em;
}

iframe {
	margin: 0 4px 0 12px;
	padding: 0;
}

#esquina3 {
	float: left;
	clear: left;
	margin: 0 0 -8px -8px;
	background: url(imagenes/estilo/esquina3.png) no-repeat left;
	width: 165px;
	height: 126px;
}

#esquina4 {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(imagenes/estilo/esquina4.png) no-repeat bottom;
	width: 8px;
	height: 126px;
}

#pie {
	margin: 0;
	padding: 0;
}

#pie p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #2D481E;
	background-color: inherit;
	text-align: center;
}

#pie a {
	color: #2D481E;
	background-color: inherit;
}

#limpiarfloats {
	clear: both;
}

.galeria {
	margin-left: 1em;
	width: 75px;
	height: 290px;
	overflow: auto;
}

.miniatura img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.miniatura span { /*CSS para la imagen agrandada*/
	position: absolute;
	background-color: #CBCE82;
	padding: 5px;
	left: -1000px; /*Esto la oculta por la izquierda*/
	visibility: hidden;
	color: #655A36;
	text-decoration: none;
	top: 0px; /* esto se lo pongo para que no me haga scroll vertical */
}

.miniatura span img { /*CSS para la imagen agrandada*/
	float: left;
	padding: 2px;
}

.miniatura:focus span, .miniatura:active span { /*CSS para la imagen agrandada*/
	visibility: visible;
	top: 150px;
	left: 270px;
	right: 16px;
	z-index: 50;
}