/*--------------------- INICIO ---------------------*/
#inicio #nivelUno {
	background:#e0e0de;
	height:53em;
	padding:1em 0 1.5em 2em;
}
#inicio #apartados {
	color:#FFF;
}
#inicio #apartados ul {
	background:#E0E0DE;
	display:none;
	height:16em;
	left:.75em;
	padding:4.75em 0 0 1.5em;
	position:absolute;
	top:.75em;
	width:19em;
	z-index:1;
}
#inicio #apartados a {
	color:#5b5b5b;
	background:#E0E0DE;
	padding:2px 5px;
	font-weight:bold;
}
#inicio #apartados a:hover {
	color:#5B5B5B;
}
#inicio #apartados li {
	color:#FFF;
	float:left;
	font-weight:bold;
	margin:0 1.85em 1em 0;
	position:relative;
	width:38em;
}
#inicio #apartados h2 {
	left:1em;
	margin:0 0 .5em 0;
	position:absolute;
	top:1em;
	z-index:2;
		color:#5b5b5b;
	background:#E0E0DE;
		padding:2px 5px;
}
#inicio #apartados li:hover ul,
#inicio #apartados li.over ul {
	display:block;
}
#inicio #apartados li:hover ul ul,
#inicio #apartados li.over ul ul {
	background:none;
	height:auto;
	margin:1em 0;
	padding:0;
	position:static;
	width:auto;
}
#inicio #apartados li li {
	float:none;
	margin:0;
	position:static;
	width:auto;
}
#inicio #apartados li li li a {
	font-weight:normal;
}
#inicio #apartados li#productos {
	background:url(../img/portada/inicio-oficinas.jpg) no-repeat top left;
	height:300px;
	width:295px;
}

#inicio #apartados li#espacios_publicos {
	background:url(../img/portada/inicio-espacios_publicos.jpg) no-repeat top left;
	height:300px;
	width:295px;
}

#inicio #apartados li#instalaciones {
	background:url(../img/portada/inicio-instalaciones.jpg) no-repeat top left;
	height:300px;
	width:295px;
}
#inicio #apartados li#empresa {
	background:#666 url(../img/portada/inicio-empresa.jpg) no-repeat 15px 15px;
	padding:15px;
	width:900px;
	height:24.5em;
	position:relative;
}

#union{
	float:right;
	width:360px;
	color:#fff;
	margin:0 30px 0 0;
}

#union h3{
	color:#fff;
	font-size:28px;
}

#union p{
	color:#fff;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}

/*--------------------- PRODUCTOS ---------------------*/
/*------ Listado categorias/productos ------*/
#productos a.productos_menu {
	color:black;
}
#productos #nivelUno {
	height:auto;
}
#productos #nivelUno .clear {
	height:19em;
}
#productoFicha a.productos_menu {
	color:black;
}
#productosListado {
	float:left;
	padding:2em 0 0 0;
	width:59.5em;
}
#productosListado li {
	float:left;
	margin:0 .7em .7em 0;
}
#productosListado li p {
	margin:0;
}
#productosListado li a {
	background:#AEAEAE;
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	height:18em;
	width:18.75em;
}
#productosListado li a span {
	display:block;
	padding:.6em 1em;
}
#productosListado li a:hover {
	background:#D0D0D0;
	color:#444;
}
/*------ Detalle ------*/
/* Ficha descripcion */
#productoFicha #contenido  {
	padding-right:15em;
}
/* Listado imagenes */
#productoImagenes a.productos_menu {
	color:black;
}
#productoImagenes #contenido {
	padding:.5em 1em 15em 1.5em;
}
#productoImagenes #contenido li {
	background:none;
	float:left;
	margin:0 .5em 0 0;
	padding:0;
}
/* Acabados */
#productoAcabados a.productos_menu {
	color:black;
}
#productoAcabados #contenido {
	padding:1em 0 1em 1em;
}
#productoAcabados #contenido h2 {
	color:#666;
	font-size:1.25em;
	margin:0 0 2.5em 0;
}
#productoAcabados #contenido ul {
	clear:both;
	margin-top:-2.2em;
}
#productoAcabados #contenido li {
	background:none;
	float:left;
	margin:0 .4em .75em 0;
	padding:0;
	width:9em;
}
#productoAcabados #contenido li span {
	display:block;
	font-size:.95em;
	margin-top: .20em;
	line-height: 1em;
}
#productoAcabados #contenido div.clear {
	border-bottom:1px solid #5B5B5B;
	margin:-1.2em 1.25em 1em 0;
}
#productoAcabados #contenido p {
	clear:both;
	font-size:.9em;
}
/* Catalogo */
#productoCatalogo a.productos_menu {
	color:black;
}
#productoCatalogo #contenido {
	padding:3em 0 15em 3em;
}
#productoCatalogo #contenido img {
	float:left;
}
#productoCatalogo #contenido .detalle {
	background:#F38C01;
	float:left;
	height:18em;
	margin-left:1.5em;
	padding:1.5em;
	width:18em;
}
#productoCatalogo #contenido .detalle h2 {
	color:#FFF;
	font-weight:normal;
	margin:0 0 .5em 0;
}
#productoCatalogo #contenido .detalle li {
	background:none;
	margin:0;
	padding:0;
}
#productoCatalogo #contenido .detalle li a {
	color:#FFF;
	font-weight:bold;
}
#productoCatalogo #contenido .detalle li a:hover {
	color:#5B5B5B;
}

/*--------------------- INSTALACIONES ---------------------*/
#instalaciones a.instalaciones_menu {
	color:black;
}
#instalaciones #imagen {
	position:relative;
}
#instalaciones #imagen p {
	color:#FFF;
	font-size:3em;
	font-weight:bold;
	left:.5em;
	position:absolute;
	top:.6em;
}
#instalaciones #imagen p strong {
	font-weight:normal;
}
/*------ Detalle ------*/
#instalaciones #nivelDos {
	background:#958991;
}
#instalaciones #nivelDos #contenido {
	padding-right:15em;
}
#instalaciones #nivelDos h1 {
	color:#958991;
}
/*------ Productos ------*/
#instalaciones #productosListado  {
	float:none;
	margin:0 0 0 -1.5em;
	padding:0;
	width:40em;
	
}
#instalaciones #productosListado li {
	background:none;
	padding:0;
}
#instalaciones #productosListado li a {
	background:#5b5b5b;
	width:18.75em;
}
#instalaciones #productosListado li a:hover {
	background:#AEAEAE;
}
/*--------------------- EMPRESA ---------------------*/
/*------ Historia ------*/
#empresaHistoria a.empresa_menu {
	color:black;
}
#empresaHistoria #nivelDos {
	background:#bab493;
	padding-bottom:2em;
}
#empresaHistoria #nivelDos #contenido {
	background:none;
	padding:0;
	position:relative;
}
#empresaHistoria #contenido div {
	background:#e87b0f;
	color:#FFF;
	height:19em;
	left:2.5em;
	padding:1.25em 2.5em 0 1.75em;
	position:absolute;
	top:2.5em;
	width:16.75em;
}
#empresaHistoria #contenido div.largo {
	height:24em;
}
#empresaHistoria #contenido h1 {
	color:#FFF;
	margin-bottom:.3em;
}
#empresaHistoria #contenido p {
	color:#FFF;
	font-weight:bold;
	line-height:1.25em;
}
#empresaHistoria #contenido dl {
	font-size:.85em;
}
/*------ Hogar ------*/
#empresaHogar a.empresa_menu {
	color:black;
}
#empresaHogar #nivelDos {
	background:#bab493;
}
#empresaHogar #contenido {
	padding:1.5em 15em 35em 2.5em;
}
#empresaHogar #contenido h1 {
	color:#e87b0f;
}
#empresaHogar #contenido p {
	margin-bottom:1.5em;
}
/*------ Medio ambiente ------*/
#empresaMedioambiente a.empresa_menu {
	color:black;
}
#empresaMedioambiente #nivelDos {
	background:#bab493;
}
#empresaMedioambiente #contenido {
	padding:1.5em 15em 35em 2.5em;
	position:relative;
}
#empresaMedioambiente #contenido h1 {
	color:#316613;
}
#empresaMedioambiente #contenido p {
	margin-bottom:1.5em;
}
#empresaMedioambiente #contenido img {
	bottom:1.5em;
	left:1.75em;
	position:absolute;
}

/*--------------------- NEWSLETTER ---------------------*/
#newsLetter a.newsletter_menu {
	color:black;
}
#newsLetter #nivelUno img {
	margin-bottom:-.4em;
}
#newsLetter #nivelDos {
	background:#72979c;
	padding:0 0 .25em 21.35em;	
}
#newsLetter #nivelDos #contenido {
	background:none;	
	padding:0;	
}
#newsLetter #nivelDos #contenido ul {
	margin-top:0;	
}
#newsLetter #nivelDos #contenido ul x:-moz-any-link { /* Hacke Firefox 2 */
	margin-top:-.25em;
	float:left;
}
#newsLetter #nivelDos #contenido li {
	background:#E0E0E0;
	margin:0 0 1em 0;
	padding:0 0 6em 0;
}
#newsLetter #nivelDos #contenido li div {
	padding:1.5em 16em 1em 1.75em;
}
#newsLetter #nivelDos #contenido li h2 {
	color:#72979c;
	font-size:3.2em;
	font-weight:normal;
	line-height:.9em;
	margin-top:0;
}

/*--------------------- MAPA WEB ---------------------*/
#mapaWeb #nivelUno {
	height:auto;
}
#mapaWeb #nivelUno .clear {
	height:13em;
}
#mapaWeb #listado {
	float:left;
	letter-spacing:-.02em;
}
#mapaWeb #listado ul {
	float:left;
	margin-right:.5em;
	width:18em;
}
#mapaWeb #listado ul.ultimo {
	width:22em;
	margin-right:0;
}
#mapaWeb #listado li {
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	padding-top:1.65em;
}
#mapaWeb #listado li a {
	color:#FFF;
}
#mapaWeb #listado li a:hover {
	color:#949494;
}
#mapaWeb #listado li ul {
	float:none;
	width:auto;
}
#mapaWeb #listado li li {
	color:#949494;
	font-size:.7em;
	margin-bottom:.2em;
	padding-top:1.2em;
}
#mapaWeb #listado li li a {
	color:#949494;
}
#mapaWeb #listado li li a:hover {
	color:#FFF;
}
#mapaWeb #listado li li ul {
	padding-top:.2em;
}
#mapaWeb #listado li li li {
	font-size:.95em;	
	font-weight:normal;
	padding-top:0;
}

/*--------------------- AVISO LEGAL ---------------------*/
#avisoLegal #nivelUno {
	height:auto;
}
#avisoLegal #nivelUno .clear {
	height:4em;
}
#avisoLegal #detalle {
	float:left;
	padding-top:2em;
	width:56em;
}
#avisoLegal #detalle p {
	color:#FFF;
	margin-bottom:1.25em;
}
#avisoLegal #detalle h2 {
	color:#FFF;
	font-size:1.1em;
	margin:1.2em 0;
}
#avisoLegal #detalle a {
	font-weight:bold;
}
#avisoLegal #detalle li {
	margin-left:2.5em;
}
#avisoLegal #detalle li li {
	margin-left:0;
}
#avisoLegal #detalle li li p {
	background:url(../img/all/bullet-avisolegal-li.gif) no-repeat left .5em;
	text-indent:.7em;
}
#avisoLegal #detalle li li p.parrafo {
	background:none;
	text-indent:0;
}
#avisoLegal #detalle h3 {
	color:#FFF;
	font-size:1em;
	font-weight:normal;
	margin:1.2em 0;
}

/*--------------------- CONTACTO ---------------------*/
#contacto a.contacto_menu {
	color:black;
}
#contacto #contenido {
	padding:1.5em .5em .5em 2.5em;
	position:relative;
}
/*------ Mapa ------*/
#contacto #map {
	float:left;
	height:34.75em;
	width:60.1em;
}
/*------ Formulario ------*/
#contacto #introduccion p {
	color:#393939;
	margin:0;
	margin-right: 1.5em;
}
#contacto form li {
	background:none;
}
#contacto form li label {
	float:left;
	vertical-align:top;
	width:16em;
}
#contacto form li input,
#contacto form li textarea {
	width:41em;
}
#contacto form li select {
	width:42em;
}
#contacto form li #comentario {
	height:34em;
}
#contacto form .boton {
	margin-right:1em;
	text-align:right;
}
/*------ Datos contacto ------*/
#contacto #datosContacto {
	bottom:4.5em;
	left:2.15em;
	position:absolute;
}
#contacto #datosContacto dt {
	font-weight:bold;
	margin-top:1em;
}
#contacto #datosContacto a {
	color:#3c3c3c;
}
#contacto #datosContacto a:hover {
	color:#EEA219;
}
/*------ Feedback ------*/
#contacto #feedback {
	margin:2em 0;
}
#contacto #feedback p {
	margin-bottom:.5em;
}
#contacto #feedback li {
	background:none;
	list-style-type:square;
	margin:0 0 0 2em;
	padding:0;
}
/* Error */
#contacto #feedback #error p,
#contacto #feedback #error li {
	color:#CB0100;
}
form .error label {
	color:#CB0100;
}
form .error input,
form .error input:hover,
form .error input:focus,
form .error select,
form .error select:hover,
form .error select:focus,
form .error textarea,
form .error textarea:hover,
form .error textarea:focus {
	border:2px solid #CB0100;
}
/* Ok */
#contacto #ok strong {
	color:#236F03;
}

