/* CSS Document */
/* Documento creado por Estudio Adumbro */
/* http://www.adumbro.es */

/* GENERAL *****************/
* {
	margin: 0;
	padding: 0;
}
html {
	background: #666 url("/images/welcome/fnd_pagina.png") repeat;
}
body {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color: #333; 
	font-size: 10px;
}
a {color: #c06;}
a.link {
	color: #c06;
	text-decoration: underline;
	padding: 0 2px;
}
a.link:hover {
	color: #fff;
	background-color: #c06;
	text-decoration: none;
}
img {border: 0px;}
.clear {
	display: block;
	clear: both;
}

div.contenido {
	display: block;
	width: 980px;
	margin: 0 auto;
}

/* BLOQUE CABECERA *****************/
div.cabecera {
	/* 150px de Alto*/
	display: block;
	background-color: #fff;
	padding-top: 68px;
	height: 82px;
	width: 100%;
}
div.cab0 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab1 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab2 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab3 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab4 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab5 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cab6 {background: #fff url("/images/welcome/fnd_cab_1.png") no-repeat top right;}
div.cabecera h1 {
	display: block;
	background: transparent url("/images/welcome/logo_adumbro_horizontal.png") no-repeat top left;
	width: 246px;
	height: 45px;
}
div.cabecera h1 a span {display: none;}
div.cabecera h1 a {
	display: block;
	width: 100%;
	height: 100%;	
}

/* BLOQUE CUERPO *****************/
div.cuerpo {
	display: block;
	background: #fff url("/images/welcome/fnd_proyectos.jpg") repeat-x top;		
}
body.generico div.cuerpo {background: #e5e5e5 url("/images/welcome/fnd_proyectos.jpg") repeat-x top;}
div.proyectos {height: 392px;}
div.proyectos h2 {display: none;}
div.proyectos div.visor {
	width: 545px;
	overflow: hidden;
	float: left;
}
div.proyectos div.visor div.img_captura {
	display: block;
	background: transparent url("/images/welcome/loader_a.gif") no-repeat center;
	width: 100%;
	height: 360px;
	overflow: hidden;
}

div.proyectos div.descripcion {
	display: block;
	width: 420px;
	height: 170px;
	margin-top: 50px;
	float: right;
}
div.proyectos div.descripcion h3 {
	font-size: 1.8em;
	padding-bottom: 10px;
	color: #000;
}
div.proyectos div.descripcion dl.ficha dt {
	display: block;
	float: left;
	padding-right: 4px;
	font-size: 1.1em;
	color: #666;
}
div.proyectos div.descripcion dl.ficha dd {
	font-size: 1.1em;
	color: #000;
}
div.proyectos div.descripcion p {
	padding-top: 10px;
	font-size: 1.2em;
	color: #333;	
}

/*nuestros trabajos*/
div.proyectos div.listado {
	display: block;
	width: 421px;
	float: right;
}
div.proyectos div.listado h3 {font-size: 1.2em; height: 20px; padding-left: 10px; color: #ccc; text-transform: lowercase;}
ul.otros_trabajos {display: block; height: 120px;}
ul.otros_trabajos li {
	display: block;
	width: 60px;
	height: 60px;
	float: left;
	background: transparent url("/images/welcome/loader_a.gif") no-repeat center;
	list-style: none;
}
ul.otros_trabajos li a span {display: none;}
ul.otros_trabajos li a {
	display: block;
	background-position: bottom;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
ul.otros_trabajos li a:hover {background-position: center;}
ul.otros_trabajos li.sel a, ul.otros_trabajos li.sel a:hover {background-position: top;}

/*paginacion*/
ol.paginacion {
	display: block;
	clear: both;
	height: 22px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 4px;
}
ol.pag8 {width: 176px;}
ol.pag7 {width: 154px;}
ol.pag6 {width: 132px;}
ol.pag5 {width: 110px;}
ol.pag4 {width: 88px;}
ol.pag3 {width: 66px;}
ol.pag2 {width: 44px;}
ol.paginacion li {
	display: block;
	width: 12px;
	height: 12px;
	margin: 4px;
	float: left;
}
ol.paginacion li a span {display: none;}
ol.paginacion li a{
	display: block;
	background: transparent url("/images/welcome/btn_paginacion.png") no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;	
}
ol.paginacion li a:hover {background-position: top;}
ol.paginacion li.sel a {background-position: bottom;}

/*frase de refuerzo*/
blockquote p {display: none;}
blockquote {
	display: block;
	background: transparent url("/images/welcome/fnd_slogan_horizontal.png") no-repeat top left;
	clear: both;
	width: 980px;
	height: 35px;
	margin: 10px auto 0 auto;
}

/*servicios*/
div.servicios {padding-bottom: 20px;}
div.servicios h2 {display: none;}
div.servicios div.introduccion {
	display: block;
	padding: 15px;
	width: 440px;
	float: left;	
}
div.servicios div.introduccion p { 
	font-size: 1.2em;
	line-height: 18px;
	color: #666;
	padding-bottom: 8px;
}
div.servicios div.introduccion p strong { 
	color: #333;
	font-weight: normal;
}
div.servicios div.introduccion dl {
	display: block;
	font-size: 1.2em;	
}
div.servicios div.introduccion dt {float: left; padding-right: 4px; padding-top: 8px;}
div.servicios div.introduccion dd {padding-top: 8px;}

div.actuacion {
	display: block;
	float: right;
	background: #f5f5f5 url("/images/welcome/fnd_servicios.png") repeat;
	margin-top: 6px;
	width: 460px;
	padding: 15px 25px;
}
div.actuacion h3 {display: none;}
div.actuacion ol li.text {background: transparent url("/images/welcome/text.png") no-repeat top left; height: 90px;}
div.actuacion ol li.brain {background: transparent url("/images/welcome/brain.png") no-repeat top left; height: 90px;}
div.actuacion ol li.production {background: transparent url("/images/welcome/production.png") no-repeat top left; height: 60px;}
div.actuacion ol li {
	list-style: none;
	display: block;
	padding: 5px 0 0 80px;
}
div.actuacion ol li strong {font-size: 1.4em; color: #333; font-weight: bold;}
div.actuacion ol li p {font-size: 1.2em; color: #666; font-weight: normal;}



/* BLOQUE PIE *****************/
div.pie{
	display: block;
	background: transparent url("/images/welcome/fnd_pestana_pie.png") repeat-x top;
	color: #ccc;
}
body.generico div.pie {background: none;}
div.pie strong {color: #fff; font-weight: normal;}
div.pie p {padding-bottom: 8px;}
div.pie h2 {display: none;}
div.pie a.link {
	color: #ccc;
	text-decoration: underline;
	padding: 0 2px;
}
div.pie a.link:hover {
	color: #333;
	background-color: #ccc;
	text-decoration: none;
}

div.varios {
	display: block;
	width: 700px;
	float: left;
}
div.contactar {
	display: block;
	background: transparent url("/images/welcome/fnd_contacto.png") no-repeat top left;
	width: 271px;
	height: 227px;
	float: right;
}
/*informacion del sitio*/
div.informacion_sitio {display: block; clear: both; padding: 4px 0; color: #000;}
/*varios_submenu*/
div.submenu ul li span {display: none;}
div.submenu ul li {
	display: block;
	height: 25px;
	margin: 7px 12px 0 0;
	list-style: none;
	float: left;
}
div.submenu ul li.menu_nosotros {width: 112px;}
div.submenu ul li.menu_novedades {width: 134px;}
div.submenu ul li.menu_enlaces {width: 105px;}
div.submenu ul li.menu_nosotros a {background-image: url("/images/welcome/pes_nosotros.png");}
div.submenu ul li.menu_novedades a {background-image: url("/images/welcome/pes_novedades.png");}
div.submenu ul li.menu_enlaces a {background-image: url("/images/welcome/pes_enlaces.png");}
div.submenu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.submenu ul li a:hover {background-position: top left;}
div.submenu ul li a.sel, div.submenu ul li a:hover.sel {background-position: bottom right;}
/*varios_general*/
div.nosotros, div.novedades, div.enlaces {padding: 12px 0 0 15px; font-size: 1.2em;}
div.sobre_adumbro h3, div.localiza_adumbro h3, div.actualidad1 h3, div.actualidad2 h3, div.enlaces_general h3, div.enlaces_recursos h3  {display: none;}
div.sobre_adumbro, div.actualidad1, div.enlaces_general {
	display: block;
	padding-top: 25px;
	width: 310px;
	float: left;
}
div.localiza_adumbro, div.actualidad2, div.enlaces_recursos {
	display: block;
	padding-top: 25px;
	width: 310px;
	float: right;
}
/*nosotros*/
div.sobre_adumbro {background: transparent url("/images/welcome/sobre_adumbro.png") no-repeat top left;}
div.localiza_adumbro {background: transparent url("/images/welcome/localizanos.png") no-repeat top left;}
div.localiza_adumbro h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #fe9bcd;	
}
/*novedades*/
div.actualidad1 {background: transparent url("/images/welcome/sobre_adumbro.png") no-repeat top left;}
div.actualidad2 {background: transparent url("/images/welcome/enlaces_recursos.png") no-repeat top left;}
div.novedades li {
	display: block;
	list-style: none;
	margin-bottom: 3px;
}
div.novedades li a, div.novedades li div {display: block; height: 98%; width: 98%; padding: 1%; text-decoration: none;}
div.novedades li a:hover {background-color: #555;}
div.novedades li strong, div.novedades li em {display: block;}
div.novedades li em {color: #ccc; font-style: normal; font-size: .9em;}
div.novedades li span {color: #999; font-style: italic; font-size: .9em;}
/*enlaces*/
div.enlaces_general {background: transparent url("/images/welcome/enlaces_general.png") no-repeat top left;}
div.enlaces_recursos {background: transparent url("/images/welcome/enlaces_recursos.png") no-repeat top left;}
div.enlaces li {list-style: none; padding-bottom: 4px;}
div.enlaces li a.link {color: #fff;}

/*contactar*/
div.contactar h2 span {display: none;}
div.contactar h2 {
	display: block;
	background: transparent url("/images/welcome/tit_contactanos.png") no-repeat top left;
	height: 15px;
	width: 109px;
	margin: 10px 0 0 150px;	
}
div.form_contacto {
	display: block;
	padding: 10px 0 0 25px;	
}
div.form_contacto label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;	
}
div.form_contacto input.texto, div.form_contacto textarea.texto {width: 230px; font-size: 1.2em;}
div.form_contacto div.fila {padding-bottom: 5px;}
div.form_contacto div.boton {text-align: right; padding-right: 15px;}
div.msj_contacto {
	display: block;
	padding: 10px 20px 0 25px;	
}
div.msj_contacto p.msj {
	display: block;
	background: transparent url("/images/welcome/msj_ok.png") no-repeat top left;
	padding: 10px 0 20px 50px;
	color: #333;
	font-size: 1.2em;
}
div.msj_contacto p.msj strong {color: #000;}
div.msj_contacto p.aclaracion {font-size: 1em; color: #333; text-align: justify; line-height: 10px;}