/* ----------------------------------- ELEMENTOS COMUNES DE LOS INTERIORES ------------------------------*/

.subrayado{
	text-decoration:underline
}

/*El DIV INTERIORES contienene el menú y la zona de desarrollo interior y es para que la raya azul derecha del menú vaya hasta abajo del todo*/
#interiores	{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	margin-top:-3px;
	background-image:url(../img/general/fondo_menu.gif);
	background-repeat:repeat-y;
	background-position:top left;
}
#titulares_boletin{
	font-size:150%;
	line-height:80%;
	color:#7496B6;
	border-bottom: #7496B6 5px solid;
	padding:2px 0px 2px 0px;
	margin:0px 8px 15px 0px;
	text-align:left;
	width:750px;
}
.datos_boletin{
	background-color:#EBECED;
	display:block;
	padding:10px;
	line-height:150%;
	float:left;
	color:#000000;
	text-decoration:none;	
}
.datos_boletin:hover{
	background-color:#EBECED;
	display:block;
	padding:10px;
	line-height:150%;
	float:left;
	color:#000000;
	text-decoration:underline;	
}
#desarrollo_boletin{
	width:750px;
	line-height:130%;
	text-align:justify;
	color:#000000;
	margin:0px 15px 20px 15px;
}
#titular_boletin{
	position:relative;
	float:left;
	width:95%;
	color:#000000;
	font-weight:bold;
	font-size:82%;
	border-bottom:#7496B6 1px solid;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;;
	text-align:left;
}
.titular_boletin{
	position:relative;
	float:left;
	width:95%;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;;
	text-align:left;
	text-decoration: none;
}
/*Capas para invidentes, para saltar directamente al contenido o al menú*/
#invisible{
	position:absolute;
	top:-100px;
	left: -150px;
}
#invisible1{
	position:absolute;
	top:-100px;
	left: -150px;
}

/*Cabeceras para los diferentes interiores*/
#cabeceras_interiores{
	position:relative;
	float:left;
}
#cabeceras_boletin{
	position:relative;
}
.img_cabeceras{
	border:0px;
}

/*Menú izquierdo*/
#menu {
	position:relative;
	float:left;
	width:190px;
	padding-left:5px;
	text-align:left;
	line-height:100%;
}
#menu ul {
	list-style-type:none;
	margin-bottom:1px;
}
#menu ul li {
	float:left;
	display:block;
	width:95%;
	font-size:75%;
	color:#196EB0;
	text-decoration:none;
	font-weight:bold;
	margin-left:-20px;
	overflow: hidden;
}
#menu ul li a{
	position:relative;
	float:left;
	color:#196EB0;
	text-decoration:none;
	font-weight:bold;
	text-decoration:none;
	padding:2px 4px 2px 4px;
}
#menu ul li a:hover{
	color:#196EB0;
	text-decoration:none;
	font-weight:bold;
	text-decoration:none;
	background-color:#DEDEDE;
	padding:2px 4px 2px 4px;
}
.menu_opciones {
	position:relative;
	float:left;
	width:80%;
	display:compact;
	text-align:left;
	color:#000000;
	font-size:70%;
	margin-bottom:10px;
	margin-left:5px;
}
.menu_subopciones{
	color:#000000;
	text-decoration:none;		
	}
.menu_subopciones:hover{
	color:#6D8AA7;
	text-decoration:none;
	}

/*Titulares para las secciones*/
#titulares_secciones{
	position:relative;
	float:left;
	width:100%;
	color:#7496B6;
	font-size:90%;
	text-decoration:underline;
	}

/*Pie para los interiores*/
#copy_interiores{
	position:relative;
	float:left;
	width:100%;
	padding:20px 0px 0px 0px;
	border-top: #9CBEE1 1px solid;
	}
#texto_copy_interiores{
	position:relative;
	color:#000000;
	font-size:70%;
	text-align:center;
}
	
/*Estilos para los titulares que encabezan inicio de cada sección de los interiores*/	
#titulares_interiores{
	position:relative;
	float:left;
	width:70%;
	font-size:150%;
	line-height:80%;
	color:#7496B6;
	border-bottom: #7496B6 5px solid;
	padding:2px 0px 2px 0px;
	margin:0px 8px 15px 0px;
	text-align:left;
}
#titulares_interiores_volver{
	position:relative;
	float:left;
	width:70%;
	font-size:150%;
	line-height:80%;
	color:#7496B6;
	border-bottom: #7496B6 5px solid;
	padding:2px 0px 2px 0px;
	margin:0px 8px 15px 0px;
	text-align:left;
}

/*Estilos para los desarrollos de los interiores*/	
#desarrollo_interiores{
	position:relative;
	float:left;
	width:70%;
	line-height:130%;
	text-align:justify;
	color:#000000;
	margin:0px 8px 15px 0px;
}

	
/* ---------------------------------------- ESTILOS PARA REFERENCIAS --------------------------------*/

/*Estilos para la sección: Nuestras Referencias*/
#desarrollo_interiores_referencias{
	position:relative;
	float:left;
	width:70%;
	font-size:75%;
	line-height:130%;
	margin:0px 0px 20px 0px;
	text-align:justify;
	color:#000000;
}

/*Estilos para la sección: Todos los Clientes*/
#taco_abecedario{
	position:relative;
	float:left;
	width:70%;
	font-size:70%;
	background-color:#7496B6;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0px 4px 8px;
	margin:0px 8px 15px 0px;
	text-align:left;
}
.taco_abecedario{
	position:relative;
	float:left;
	width:100%;
	font-size:70%;
	background-color:#7496B6;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 8px;
	margin:0px 8px 15px 0px;
}
#listado_clientes{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	margin-left:-35px;
	}
#listado_clientes ul{
	list-style-type:none;
	}
#listado_clientes ul li{
	position:relative;
	float:left;
	width:242px;
	display:block;
	font-size:70%;
	color:#000000;
	padding:2px 2px 2px 2px;
	}
#listado_clientes ul li a{	
	color:#000000;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	}
#listado_clientes ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#A4B5C6;
	padding:2px 2px 2px 2px;
	font-weight:bold;
	}
	
#taco_subir{
	position:relative;
	float:right;
	width:75%;
	margin:0px 5px 0px 15px;
	border-bottom:#7496B6 3px solid;
	text-align:right;
}
#img_fondo{
	position:relative;
	float:right;
	width:75%;
	height:30px;
	margin:0px 4px 30px 0px;
	background-image:url(../img/general/nuestras_referencias/taco_inferior_cuadrados.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#volver {
	position:relative;
	float:right;
	margin-bottom:15px;
	margin-right:8px;
}

/*Estilos para Todos los Clientes - Ficha*/
.volver{
	position:relative;
	color:#ffffff;
	font-size:80%;
	font-weight:bold;
	background-color:#7496B6;
	padding:3px 3px 3px 3px;
	margin:0px 8px 0px 0px;
	text-decoration:none;
}
.volver:hover{
	color:#7496B6;
	font-size:80%;
	font-weight:bold;
	background-color:#ffffff;
	padding:3px 3px 3px 3px;
	margin:0px 8px 0px 0px;
	text-decoration:none;
}
#imagen_cliente{
	position:relative;
	float:right;
	margin:10px 0px 10px 0px;
}
#desarrollo_interiores_clientes{
	position:relative;
	float:left;
	width:68%;
	line-height:130%;
	text-align:justify;
	color:#000000;
	margin:0px 15px 20px 15px;
}
#titular_cliente{
	position:relative;
	float:left;
	width:100%;
	font-size:75%;
	color:#000000;
	font-weight:bold;
	border-bottom:#7496B6 1px solid;
	text-transform:uppercase;
	margin-bottom:10px;
}
#contenido_clientes{
	position:relative;
	float:left;
	width:92%;
	font-size:75%;
	line-height:130%;
	text-align:justify;
	color:#000000;
	margin:0px 5px 20px 10px;
	text-decoration:none;
}
#contenido_clientes:hover{
	position:relative;
	float:left;
	width:92%;
	font-size:75%;
	line-height:130%;
	text-align:justify;
	color:#000000;
	margin:0px 5px 20px 10px;
	text-decoration:underline;
}
.url_clientes{
	position:relative;
	float:left;
	width:100%;
	font-size:78%;
	color:#7496B6;
	font-weight:bold;
	line-height:130%;
	text-align:right;
	border-top:#7496B6 1px solid;
	margin-bottom:20px;
	padding-top:10px;
}
.url_clientes:hover{
	color:#196EB0;
}

/*Estilos para Sectores*/
#desarrollo_interiores_sectores{
	position:relative;
	float:left;
	width:70%;
	line-height:130%;
	color:#000000;
	margin:0px 8px 0px 0px;
}

#listado_sectores{
	position:relative;
	float:left;
	width:68%;
	text-align:left;
	line-height:150%;
	margin:0px 0px 30px 15px;
	font-size:75%;
}
.taco_subir_sectores{
	position:relative;
	float:right;
	width:70%;
	margin:0px 0px 0px 15px;
	text-align:right;
}
.bloque_sectores{
	position:relative;
	float:left;
	width:100%;
}
.lista_sectores{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	}
.lista_sectores ul{
	list-style-type:none;
	}
.lista_sectores ul li{
	position:relative;
	float:left;
	width:90%;
	display:block;
	font-size:70%;
	color:#000000;
	padding:2px 2px 2px 2px;
	}
.lista_sectores ul li a{	
	color:#000000;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	}
.lista_sectores ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#A4B5C6;
	padding:2px 2px 2px 2px;
	font-weight:bold;
	}
#titular_cliente{
	position:relative;
	float:left;
	width:68%;
	color:#000000;
	font-weight:bold;
	border-bottom:#7496B6 1px solid;
	text-transform:uppercase;
	margin:20px 0px 10px 0px;;
	text-align:left;
}
/*--------------------------------------ESTILOS PARA QUÉ TESTIMONIALES-------------------------------*/
.lista_testimoniales{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	}
.lista_testimoniales ul{
	list-style-type:none;
	}
.lista_testimoniales ul li{
	position:relative;
	float:left;
	width:100%;
	display:block;
	font-size:70%;
	color:#000000;
	padding:2px 2px 2px 2px;
	}
.lista_testimoniales ul li a{	
	color:#000000;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	}
.lista_testimoniales ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#A4B5C6;
	padding:2px 2px 2px 2px;
	font-weight:bold;
	}
#titular_testimonio{
	position:relative;
	float:left;
	width:100%;
	color:#000000;
	font-weight:bold;
	font-size:82%;
	border-bottom:#7496B6 1px solid;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;;
	text-align:left;
}
#testimoniales_cargo{
	position:relative;
	float:left;
	width:100%;
	font-size:78%;
	color:#000000;
	font-weight:bold;
	line-height:130%;
	text-align:right;
	border-top:#7496B6 1px solid;
	margin-bottom:20px;
	padding-top:2px;
}
.testimoniales_cargo{
	position:relative;
	color:#000000;
	text-decoration:none;
}
.testimoniales_cargo:hover{
	position:relative;
	color:#000000;
	text-decoration:underline;
}
/*-------------------------------------------ESTILOS PARA QUÉ OFRECEMOS-------------------------------*/
#historico{
	position:relative;
	float:left;
	width:68%;
	text-align:left;
	font-size:75%;
	line-height:140%;
}
.historico{
	position:relative;
	float:left;
	width:68%;
	text-align:left;
	font-size:75%;
	line-height:140%;
}
.listado_historico{
	padding:0px 0px 20px 15px;
	color:#000000;
	background-image:url(../img/general/cuadradito_azul.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:none;
}
.listado_historico:hover{
	padding:0px 0px 20px 15px;
	color:#6D8AA7;
	background-image:url(../img/general/cuadradito_azul_i.gif);
	text-decoration:none;
}
.bloque_ofrecemos{
	position:relative;
	float:left;
	width:100%;
	font-size:75%;
	line-height:130%;
	margin:0px 0px 20px 0px;
	text-align:justify;
}
.img_ofrecemos_der{
	position:relative;
	float:right;
	border:1px #196EB0 solid;
	margin:10px 0px 10px 20px;
}
.ladillo{
	color:#196EB0;
	font-weight:bold;
	letter-spacing:1px;
}



/*----------------------------------------Estilos para QUIENES SOMOS----------------------------------*/
#desarrollo_interiores_quienes{
	position:relative;
	float:left;
	width:70%;
	font-size:75%;
	line-height:140%;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#000000;
	padding-bottom:15px;
}
#desarrollo_interiores_quienes2{
	position:relative;
	float:left;
	width:100%;
	font-size:75%;
	line-height:140%;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#000000;
	padding-bottom:15px;
}
/*Estilos para Filosofia*/
#texto_filosofia{
	position:relative;
	float:left;
	width:100%;
	padding-bottom:15px;
}
.titular_texto_filo{
	text-align:left;
	color:#000000;
	text-align:left;
	font-size:115%;
	font-weight:bold;
}
p{
	position:relative;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;
}
#img_colaboradores{
	position:relative;
	float:left;
	width:65%;
}
#pie_foto{
	position:relative;
	float:left;
	width:100%;
	font-size:70%;
	line-height:120%;
	margin:0px 20px 20px 15px;
	text-align:justify;
	color:#666666;
	padding-bottom:25px;
}
.plano{
	position:relative;
	float:left;
	width:100%;
	border:0px;
	margin:0px;
}
.enlace_texto{
	color:#7496B6;
	text-decoration:none;
}
.enlace_texto:hover{
	color:#7496B6;
	text-decoration:underline;
}
/*-------------------------------------------ESTILOS PARA CONTACTO------------------------------------*/
/*Estilos para el formulario de contacto*/
#contenido_contacto{
	position:relative;
	float:left;
	text-align:left;
	font-size:80%;
	line-height:130%;
	color:#000000;
}
.rojo{
	color:#FF0000;
}
#form_contacto{
	position:relative;
	float:left;
	font-size:75%;
	font-weight:bold;
	padding:0px 0px 0px 40px;
	width:70%;
	margin-top:25px;	
	text-align:left;
} 
.input{
	position:relative;
	width:55%;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	BORDER-RIGHT: #196EB0 1px solid;
    BORDER-TOP: #196EB0 1px solid;
    BORDER-LEFT: #196EB0 1px solid;
    BORDER-BOTTOM: #196EB0 1px solid;
	margin:-15px 0px 1px 0px;
	vertical-align:middle;
}
.input_OK{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	color: #ffffff;
	background-color: #A6BBCB;
	text-decoration: none;
	BORDER-RIGHT: #196EB0 1px solid;
    BORDER-TOP: #196EB0 1px solid;
    BORDER-LEFT: #196EB0 1px solid;
    BORDER-BOTTOM: #196EB0 1px solid;
	margin:10px 0px 0px 25px;
	text-transform:uppercase;
	font-weight:bold;
}
.texto_formu{
	text-align:left;
	width:90px;
}
.texto_formu_indent{
	text-align:left;
	width:92px;
	text-indent:11px;
}
/*--------------------------------------------ESTILOS PARA BOLETIN ELECTRÓNICO-----------------------*/
/*Estilos para el formulario de contacto*/
.enviar_boletin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	color: #ffffff;
	background-color: #A6BBCB;
	text-decoration: none;
	BORDER-RIGHT: #196EB0 1px solid;
    BORDER-TOP: #196EB0 1px solid;
    BORDER-LEFT: #196EB0 1px solid;
    BORDER-BOTTOM: #196EB0 1px solid;
	margin:10px 0px 0px 25px;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
}
.letra_txiki{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	font-size:65%;
	line-height:120%;
	color:#000000;
}
/*--------------------------------------ESTILOS PARA QUÉ APORTAMOS-------------------------------*/
/*--------------------------------------SOLUCIONES-------------------------------*/
#desarrollo_interiores_diagnostico{
	position:relative;
	float:left;
	width:70%;
	line-height:140%;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#000000;
	padding-bottom:15px;
}
#clicar{
	position:relative;
	float:left;
	width:100%;
	font-size:75%;
	margin:15px 0px 0px 0px;
	text-align:justify;
	color:#7496B6;
	padding-bottom:15px;
}
.taco_diagnostico{
	position:relative;
	float:left;
	font-size:80%;
	width:100%;
	background-color:#7496B6;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 2px 8px;
	margin:10px 8px 5px 0px;
	text-align:left;
	text-decoration:none;
}
.desarrollo_diagnostico{
	position:relative;
	float:left;
	font-size:80%;
	width:100%;
}
.fecha_diagnostico{
		font-size:70%;
		color:#416486;
		font-weight:bold;
		margin-top:5px;
	}
#desarrollo_interiores_soluciones{
	position:relative;
	float:left;
	width:70%;
	font-size:75%;
	line-height:140%;
	text-align:justify;
	color:#000000;
	padding-bottom:15px;
}
.soluciones{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	line-height:140%;
}
.taco_soluciones{
	position:relative;
	float:left;
	width:100%;
	background-color:#7496B6;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0px 4px 8px;
	margin:0px 8px 5px 0px;
	text-align:left;
	text-decoration:none;
}
.enlace_taco{
	text-decoration:none;
	color:#ffffff;
}
.listado_soluciones{
	padding:0px 0px 20px 15px;
	color:#000000;
	background-image:url(../img/general/cuadradito_azul.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:none;
}
.listado_soluciones:hover{
	padding:0px 0px 20px 15px;
	color:#7496B6;
	background-image:url(../img/general/cuadradito_azul_i.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:none;
}
/*--------------------------------------PUBLICACIONES-------------------------------*/
#publicaciones{
	position:relative;
	float:left;
	width:68%;
	text-align:left;
	font-size:75%;
}
#desarrollo_interiores_aportamos{
	position:relative;
	float:left;
	width:70%;
	font-size:75%;
	line-height:140%;
	margin:0px 0px 0px 0px;
	text-align:justify;
	color:#000000;
	padding-bottom:15px;
}
.lista_publicaciones{
	position:relative;
	float:left;
	text-align:left;
	padding: 0px 10px 0px 15px;
	color:#000000;
	list-style-type:none;
	text-decoration:none;
	}
.lista_publicaciones ul{
	list-style-type:none;
	}
.lista_publicaciones ul li{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
	background-image:url(../img/general/cuadradito_azul.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	display:block;
	color:#000000;
	}
.lista_publicaciones ul li a{	
	color:#000000;
	text-decoration:none;
	}
.lista_publicaciones ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#A4B5C6;
	font-weight:bold;
	background-image:url(../img/general/cuadradito_azul_i.gif);
	}
.imagen_libro{
	float:left;
	padding-right:8px;
	background-color:#FFFFFF;
	display:block;
}
.datos_libro{
	background-color:#EBECED;
	display:block;
	padding:10px;
	line-height: 150%;
}
.lista_value{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	}
.lista_value ul{
	list-style-type:none;
	}
.lista_value ul li{
	position:relative;
	float:left;
	width:100%;
	display:block;
	color:#000000;
	padding:2px 2px 2px 2px;
	margin-left:-10px;
	}
.lista_value ul li a{	
	color:#000000;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	}
.lista_value ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#A4B5C6;
	padding:2px 2px 2px 2px;
	}
.enlace_value{
	color:#196EB0;
	text-decoration:none;
	}
.enlace_value:hover{
	color:#196EB0;
	text-decoration:underline;
	}
.descargar_value{
	position:relative;
	float:left;
	width:100%;
	color:#7496B6;
	font-weight:bold;
	line-height:130%;
	text-align:right;
	margin-bottom:20px;
	padding-top:2px;
	text-decoration:none;
}
.descargar_value:hover{
	color:#000000;
}
.form_usuario{
	background-image:url(../img/general/que_aportamos/fondo_usuario.gif);
	background-repeat:no-repeat;
	width:283px;
	height:150px;
	margin-left:100px;
	margin-top:30px;
}
.usuario{
	width:215px;
	float:left;
	margin-top:20px;
	margin-left:15px;
}
.enviar_usuario{
	position:relative;
	float:right;
	font-size:80%;
	font-weight:normal;
	color: #196EB0;
	background-color: #FFFFFF;
	text-decoration: none;
	BORDER-RIGHT: #196EB0 1px solid;
    BORDER-TOP: #196EB0 1px solid;
    BORDER-LEFT: #196EB0 1px solid;
    BORDER-BOTTOM: #196EB0 1px solid;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}
.minuscula{
	text-transform:lowercase;
}
/*--------------------------------------ESTILOS PARA CÓMO TRABAJAMOS-------------------------------*/
#grafico_oferta{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	line-height:140%;
	margin:0px 0px 0px 0px;
}
#grafico_proyecto{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	margin:20px 0px 0px 0px;
}
.grafico{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
}
.enlace_grafico{
	color:#000000;
	text-decoration:none;
}
.enlace_grafico:hover{
	color:#000000;
	text-decoration:none;
}
/*--------------------------------------ESTILOS PARA DIAGNÓSTICO ONLINE-------------------------------*/
.form_cuestionario{
	position:relative;
	float:left;
	font-size:75%;
	line-height:130%;
	padding:15px 0px 15px 30px;
	width:85%;
	text-align:left;
} 
.derecha{
	float:right;
	margin-right:30px;
	font-weight:bold;
}