@charset "utf-8";
/* CSS Document */
/* Los estilos cuyo comentario de seccion se ha escrito con todas las letras en mayuscula son propios de CHEMA, el resto son estilos de la estructura layout en 3 columnas flexibles */

/****************************************************************** ETIQUETAS HTML */

*{
	margin: 0px;
	padding: 0px;
	
}
/* selector compatible con Firefox */ 
::-moz-selection{ 
    background: #ffed00; /* color de fondo */ 
    /* color: #FFFFFF; /* color de texto */ 
} 
/* selector compatible con Safari */ 
::selection{ 
    background: #ffed00; /* color de fondo */ 
    /* color: #FFFFFF; /* color de texto */ 
}


body{
	font-family: "Lucida Grande", "Lucida Sans", "arial", "sans-serif";
	font-size: 11px;
	color: #1d1f1f;
	background-color: #ffffff;
	line-height: 1.5em;
}

a:link, a:visited, a:hover{
	text-decoration: none;
}

a, img{
	border: none;
}

ul{
	list-style-type: none;
}

/********************************************************************* ESTILOS GLOBALES */

.oculto{
	display: none;
}

.clear{
	clear: both;
}

.negrita{
	font-weight: bold;
}

.left{
	float: left;
}

.right{
	float: right;
}

.gris_idioma{
	color: #9da0a1;
}

.gris_cabecera{
	color: #454548;
}

.margen_blanco_vertical{
	background-color: #ffffff;
	height: 5px;
	width: 100%;
	clear: both;
}

.margen_top_detalle{
	margin-top: 7px;
}

.fijo_arriba{
	position: fixed;
	top: 0px;
	left: 0px;
}

.azul_claro{
	background-color: #8abed3;
}

.letra_blanca, a.letra_blanca:link, a.letra_blanca:visited, a.letra_blanca:hover{
	color: #ffffff !important;
}
/********************************************************************* LAYOUT */

.envoltorio_general{
	margin: 5px;
	overflow: auto;
	background-color: #e6e6dd;
}

/******** CABECERA INFORMATIVA */

.cabecera_info{
	width:	919px;
	float: left;
	margin: 145px 0px 0px 70px;
	overflow: auto;
}

.cabecera_info p{
	padding: 5px;
	width: 555px;
}

/******** FICHA ITEM */

.ficha_proyecto{
	float: left;
	width: 989px;
	overflow: auto;
	background-color: #ffffff;
}

.envoltorio_titulos_ficha{
	height: 87px;
	overflow: auto;
	background: url("../imagenes/bkg_env_ficha.gif") repeat-x;
}

.contenedor_titulos_ficha{
	height: 75px;
	padding-top: 12px;
	margin-left: 70px;
	float: left;
	width: 500px;
	background: url("../imagenes/bkg_menu_n1.gif") repeat-x;
	
}

h1.titulo_ficha{
	font-size: 17px;
	padding: 7px 5px 0px 5px;
	height: 22px;
}

h2.subtitulo_ficha{
	padding: 5px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #878788;
	height: 40px;
}

ul.menu_n1_ficha{
	overflow: auto;
	width: 412px;
	height: 87px;
	background: url("../imagenes/bkg_menu_n1.gif") repeat-x;
	float: left;
}

ul.menu_n1_ficha li{
	display: inline;
	float: right;
	width: auto;
	background-color: #ffffff;
	padding-left: 2px;
	height: 30px;
	margin-top: 12px;
}

ul.menu_n1_ficha li.fecha, ul.menu_n1_ficha_detalle li.fecha{
	height: 49px;
	width: 55px;
	margin-top: 2px;
	text-align: center;
	padding-left: 0px;
	background: none;
	color: #444547;
}

ul.menu_n1_ficha li.borde_derecho, ul.menu_n1_ficha_detalle li.borde_derecho{
	padding-right: 2px;
}

ul.menu_n1_ficha li.fecha span, ul.menu_n1_ficha_detalle li.fecha span{
	display: block;
	margin-top: 18px;
}

ul.menu_n1_ficha li a:link, ul.menu_n1_ficha li a:visited, ul.menu_n1_ficha li a:hover, ul.menu_n1_ficha_detalle li a:link, ul.menu_n1_ficha_detalle li a:visited, ul.menu_n1_ficha_detalle li a:hover{
	display: block;
	float: left;
	padding: 7px 1em 0px 1em;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	color: #444547;
	text-decoration: underline;
}

.imagen_proyecto{
	background-color: #e6e6dd;
	padding: 4px 4px 4px 70px;
	float: left;
	height: 325px;
	width: 530px;
}

.imagen_proyecto img{
	width: 530px;
	height: 325px;
}

.texto_proyecto{
	float: left;
	width: 310px;
	padding: 4px 40px 0px 30px;
}

.texto_proyecto p{
	margin-bottom: 20px;
}

.url {
	color: #000000;
	font-weight: bold;
}

.url:visited {
	color: #000000;
	font-weight: bold;
}

.url:hover{
	color: #000000;
	text-decoration: underline;
}

ul.menu_n2_ficha li, ul.menu_n2_ficha li a:link, ul.menu_n2_ficha li a:hover, ul.menu_n2_ficha li a:visited{
	color: #000000;
}

ul.menu_n2_ficha li{
	margin-bottom: 5px;
	padding: 3px 0px;
	float: left;
	clear: both;
}

ul.menu_n2_ficha li.titulo_n2{
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding: 0px 28px 0px 0px;
}

ul.menu_n2_ficha li a:hover{
	border-bottom: 1px solid #000000;
}

.pie_ficha{
	height: 45px;
	background: url("../imagenes/sh.gif") repeat-x #e6e6dd;
	margin-top: 15px;
}

.pie_ficha_cierre{
	height: 45px;
	width: 45px;
	float: right;
	background: url("../imagenes/sh_end.gif") no-repeat;
}
/******** CABECERA */

.envoltorio_cabecera{
	height: 90px;
	width: 100%;
	position: fixed;
	top: 40px;
	left: 0px;
}

.cabecera{
	height: 90px;
	background: url("../imagenes/bkg_top.png") repeat-x;
}

.cabecera_contenido{
	height: 90px;
	width: 919px;
	float: left;
	margin-left: 70px;
}

.cabecera img{
	margin-top: 35px;
	float: left;
}

.contacto{
	float: right;
	color: #ffffff;
	text-align: right;
	font-size: 10px;
	margin-top: 28px;
	letter-spacing: 0.5px; 
}

.contacto a:link, a:visited, a:hover{
	color: #ffffff;
}

.contacto a:hover{
	text-decoration: underline;
}

/********** PIE DE PAGINA */

.footer {
	height: 90px;
}

.menu_bottom{
	margin: 0px 5px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url("../imagenes/px_gris.png");
}


.menu_bottom ul{
	color: #ffffff;
	float: left;
	overflow: auto;
	width: 921px;
	text-align: center;
	margin-left: 70px;
}

.menu_bottom ul li{
	display: inline;
	float: left;
}

.menu_bottom ul li a:link, .menu_bottom ul li a:hover, .menu_bottom ul li a:visited{
	display: block;
	padding: 3px 1em;
	color: #1d1f1f;
}

.menu_bottom ul li a:hover{
	text-decoration: underline;
}

/**********************************************************************************************************************************************************/
/************************************************************************************************* PANTALLAS DETALLE */

.volver{
	margin: 145px 0px 0px 70px;
}

.volver a:link, .volver a:visited, .volver a:hover, .volver_arriba a:link, .volver_arriba a:visited, .volver_arriba a:hover{
	color: #1d1f1f;
	font-weight: bold;
}

.volver a.gris_idioma:link, .volver a.gris_idioma:visited, .volver a.gris_idioma:hover, .volver_arriba a.gris_idioma:link, .volver_arriba a.gris_idioma:visited, .volver_arriba a.gris_idioma:hover{
	color: #9da0a1;
}

.volver a:hover, .volver_arriba a:hover{
	text-decoration: underline;
}

.volver_arriba{
	margin: 10px 0px;
	text-align: right;
	width: 907px;
}

.envoltorio_titulos_ficha_detalle{
	height: 87px;
	width: 982px;
	overflow: auto;
}

.contenedor_titulos_ficha_detalle{
	height: 75px;
	padding-top: 12px;
	margin-left: 70px;
	float: left;
	width: 500px;
	background: url("../imagenes/bkg_menu_n1_detalle.gif") repeat-x;
}

ul.menu_n1_ficha_detalle{
	overflow: auto;
	width: 412px;
	height: 87px;
	background: url("../imagenes/bkg_menu_n1_detalle.gif") repeat-x;
	float: left;
}

ul.menu_n1_ficha_detalle li{
	display: inline;
	float: right;
	width: auto;
	background-color: #e6e6dd;
	padding-left: 2px;
	height: 32px;
	margin-top: 12px;
}

ul.menu_n1_ficha_detalle li a:link, ul.menu_n1_ficha_detalle li a:visited, ul.menu_n1_ficha_detalle li a:hover{
	background-color: #ffffff;
}

.cabecera_info_detalle{
	width:	837px;
	float: left;
	margin: 0px 0px 20px 70px;
}

.cabecera_info_detalle p{
	padding: 5px 5px 0px 5px;
	width: 400px;
}

.ficha_proyecto_detalle{
	float: left;
	width: 907px;
	overflow: auto;
	background-color: #ffffff;
}

.imagen_proyecto_detalle_1{
	padding: 7px 7px 7px 70px;
	float: left;
	height: 500px;
}

.imagen_proyecto_detalle_1 img{
	width: 830px;
	height: 500px;
}

.pie_ficha_detalle{
	height: 45px;
	background: url("../imagenes/sh.gif") repeat-x #e6e6dd;
	margin-top: 0px;
}

.video_proyecto_detalle_2{
	padding: 7px 7px 7px 388px;
	float: left;
	height: 384px;
}

.video_proyecto_detalle_2 img{
	width: 512px;
	height: 384px;
}

.imagen_proyecto_detalle_3_izq{
	width: 370px;
	height: 507px;
	padding: 7px 7px 7px 73px;
	float: left;
}

.imagen_proyecto_detalle_3_izq img{
	width: 370px;
	height: 250px;
	float: left;
}

.imagen_proyecto_detalle_3_der{
	width: 450px;
	height: 640px;
	padding: 7px 7px 7px 0px;
	float: left;
}

.imagen_proyecto_detalle_3_der img{
	width: 450px;
	height: 640px;
}

/**************************************************************** COLORES DE MENU */
a.identity:link, a.identity:visited{
	background-color: #8abed3 !important;
}

a.identity:hover{
	background-color: #7aa9bb !important;
}

a.print:link, a.print:visited{
	background-color: #b5c55f !important;
}

a.print:hover{
	background-color: #a6b555 !important;
}

a.editorial:link, a.editorial:visited{
	background-color: #e7c95d !important;
}

a.editorial:hover{
	background-color: #d3b954 !important;
}

a.interactive:link, a.interactive:visited{
	background-color: #d4bcbb !important;
}

a.interactive:hover{
	background-color: #c8afaf !important;
}

a.events:link, a.events:visited{
	background-color: #a8927d !important;
}

a.events:hover{
	background-color: #9f8a77 !important;
}

a.cliente:link, a.cliente:visited{
	background-color: #e6e6dd !important;
}

a.cliente:hover{
	background-color: #d0cfc7 !important;
}
a.clientedetalle:link, a.clientedetalle:visited{
	background-color: #FFFFFF !important;
}

a.clientedetalle:hover{
	background-color: #d0cfc7 !important;
}

/************************************************************************ CONTACTO */
#mapa{
	overflow: hidden;
}

/*********************************************************************** STUDIO */

.interlineado_grande{
	line-height: 1.7em;
}

.contenedor_studio{
	width: 919px;
	margin: 160px 0px 0px 65px;
	overflow: auto;
}

.columna_3{
	float: left;
	width: 290px;
	margin-left: 20px;
}

.columna_2{
	float: left;
	width: 450px;
	margin: 35px 0px 0px 15px;
}

.columna_2 img{
	width: 450px;
	height: 340px;
}

.no_margin_left{
	margin-left: 0px !important;
}

/************************************************** paginaodr portada */
.paginador{
	margin: 10px 0px 20px 70px;
	width: 915px;
}

.paginador a:link, .paginador a:visited, .paginador a:hover, .paginador_arriba a:link, .paginador_arriba a:visited, .paginador_arriba a:hover{
	color: #1d1f1f;
	font-weight: bold;
}

.paginador a.gris_idioma:link, .paginador a.gris_idioma:visited, .paginador a.gris_idioma:hover, .paginador_arriba a.gris_idioma:link, .paginador_arriba a.gris_idioma:visited, .paginador_arriba a.gris_idioma:hover{
	color: #9da0a1;
}

.paginador a:hover, .volver_arriba a:hover{
	text-decoration: underline;
}