@charset "utf-8";

/*=========================================
    Estilos específicos páginas interiores
===========================================*/

/*------------------------------ LAYOUT ------------------------------*/

#cabeceraInf { height: 15.90em; }

#cabeceraInf img { width: 100%; height: 100%; }

#contenidoPrincipal { position: relative; float: left; width: 100%; padding-top: 1px; margin-bottom: 14px; }

/*------------------------------ CONTENIDO ------------------------------*/

.articulo { margin-top: 10px; }

.titular { display: block; margin: 0px; padding: 10px 24px; margin-bottom: 18px; background: #f4f4f4; }
	h3.titular { margin: 0px 0px 8px 0px; padding: 0px; font-size: 1.05em; font-weight: bold; color: #3f3e3e; }
	h4.subtitular { margin: 5px 4px 0px 4px; padding-left: 8px; font-size: 1em; font-weight: normal; color: #3f3e3e;
					background: url(../img/interiores/subtitular_bullet.png) no-repeat left 0.45em; }

.titular4 { margin: 0px; padding: 10px 24px; margin-bottom: 18px; background: #f4f4f4; }
	h3.titular { margin: 0px 0px 8px 0px; padding: 0px; font-size: 1.05em; font-weight: bold; color: #3f3e3e; }
	h4.subtitular { margin: 5px 4px 0px 4px; padding-left: 8px; font-size: 1em; font-weight: normal; color: #3f3e3e;
					background: url(../img/interiores/subtitular_bullet.png) no-repeat left 0.45em; }

.texto { float: right; margin: 0px 14px; }
	p { font-size: 1.0em; font-weight: normal; color: #3f3e3e; margin-top: 14px; }
	p span { font-size: 1.0em; font-weight: bold; color: #095b95; }
	a { font-size: 1.0em; font-weight: normal; color: #3f3e3e; }
	a.texto { padding: 0px; color: #3f3e3e; }

.fecha { font-size: 0.9em; font-weight: normal; color: #095b95; }
	
.btnBack { float: right; }
.btnBack a { padding-left: 10px; font-weight: bold; color: #059bda; background: url(../img/interiores/btnBack_bullet.png) no-repeat left center; }

.imagenContenido img { float: left; width: 17.59em; }

.ancho38 { width: 36em; }
.ancho58 { width: 58em; }
.ancho63 { width: 63em; }

h2 { display: none; position: absolute; margin-left: 10px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; z-index:-1; }

/*------------------------------ PUBLICACIONES ------------------------------*/

.publicacion { position: relative; width: 41.34em; height: 126px; margin-top: 10px;
			   border: 1px solid #e1e1e1; background: url(../img/interiores/bk_publicacion.png) repeat-x; }
	.publicacionImagen { float: left; padding: 19px 0em 0em 3.39em; }
	.publicacionImagen img { height: 88px; }
	.publicacionTexto { position: absolute; left: 11.60em; top: 42px; }
	.publicacionTexto h3 { margin-bottom: 14px; font-size: 1em; font-weight: bold; color: #095b95; }
	.publicacionTexto h3 a { font-size: 1em; color: #095b95; }
	.publicacionTexto p { font-size: 1em; font-weight: bold; color: #575757; }
	
/*------------------------------ QUIENES SOMOS ------------------------------*/	

#quienesSomos { position: relative; margin-top: 8px; }
	.imagenSede { float: left; width: 25em; height: 40em; }
	.imagenSede img { width: 100%; height: 100%; }
	.quienesSomosTexto { position: relative; float: right; width: 57.85em;  }
	.quienesSomosTexto .titular { height: 1.61em; padding: 12px; }
	.quienesSomosTexto h3.titular { margin: 0px; padding: 0px; }
	.quienesSomosTexto .texto { float: none; margin-bottom: 1.25em; padding: 0px; }
	.quienesSomosTexto .comoLlegar { width: 100%; height: 21em; background: #f4f4f4; }
	.quienesSomosTexto .comoLlegar img { margin: 1.2em 5.89em 1.2em 0em; width: 29.20em; height: 18.75em;; }
	.quienesSomosTexto .direccion { position: relative; margin-top: 1.25em; padding: 4em 0em 4em 2.14em; }
	.quienesSomosTexto .direccion .titulo { margin-bottom: 2em; font-size: 1.05em; font-weight: bold; color: #095b95; }
	.quienesSomosTexto .direccion p { margin-left: 5px; font-size: 1.0em; font-weight: normal; color: #3f3e3e; margin-top: 0px; }
	.quienesSomosTexto .direccion p a { margin: 0px; padding: 0px; }	
	.quienesSomosTexto .direccion .metro { display: inline; }	
	.quienesSomosTexto .direccion img { position: relative; padding: 0px; margin: 0px; width: 1.34em; height: 1.25em; top: 2px; left: 2px; }
	
/*------------------------------ OBJETIVOS ------------------------------*/

#objetivos .imagenContenido img { margin-left: 8px; width: 21.43em; }
#objetivos .titular { padding: 8px; }
#objetivos h3.titular { margin: 0px; padding: 0px; }
#objetivos .texto p { margin: 0px 0px 14px 0px; }

/*------------------------------ NOTICIAS ------------------------------*/

#noticias { position: relative; margin-top: 10px; }
/* Model Hack para IE7 */
*+html #noticias h4 { font-size: 1.0em; }

/*------------------------------ BECAS ------------------------------*/

#becas { position: relative; margin-top: 10px; }
#becas .titular { font-size: 1.0em; padding: 8px 16px; }
	.beca { position: relative; height: 12.85em; margin-bottom: 30px; overflow: hidden; }
	.beca .imagenBeca { float: left; width: 11em; }
	.beca .imagenBeca img { margin: 8px 0px 0px 16px; width: 9.02em; height: 8.84em; }
	.beca .texto { width: 70em; padding-top: 10px; }
	.beca .texto p { margin-top: 0px; margin-bottom: 14px; }
	.beca .barraOpciones { float: left; margin: 12px 0px 0px 1.43em; }

/* Model Hack para IE7 */
*+html #becas h4 { font-size: 1.0em; }

/*------------------------------ CURSOS CELEBRADOS ------------------------------*/

#listadoCursos { position: relative; margin-top: 10px; }
	.curso { margin: 20px 12px 0px 12px; padding: 0px 12px; border-bottom: 1px solid #cdcdcd; }
	.curso h3.titular { display: block; float: left; margin-bottom: 6px; padding-left: 8px; font-size: 1.0em; font-weight: bold; 
					  color: #095b95; background: url(../img/interiores/atributo_bullet.png) no-repeat left center; }
	.curso p { margin: 0px; padding: 0px; font-size: 1em; font-weight: normal; color: #353535; }
	.curso p span { font-size: 1em; font-weight: bold; color: #353535; }
	.curso p.director { float: left; padding-left: 8px; }
	.curso p.fecha { clear: both; padding-left: 8px; }
	.curso p.nota { clear: both; padding-left: 8px; padding-top: 4px; }
	.curso p.lugar { padding-left: 8px; }	
	.curso .barraOpciones { float: none; padding: 8px 0px; margin: 8px 0px 12px 0px; }
	.filtroCursos fieldset { margin: 0px; padding: 7px 18px; border: none; background: #f0f5f8; }
	.filtroCursos label { margin-right: 20px; font-size: 1em; font-weight: bold; color: #343434; }
	.filtroCursos .formSelect { font-size: 1em; font-weight: normal; color: #353535; }
	.filtroCursos .btnBuscar { position: absolute; top: -0.70em; left: 34em; display: block; width: 69px; height: 28px; 
							   margin-top: 8px; font-size: 1.0em; font-weight: bold; color: #fff; border: none; 
							   background: url(../img/menus_botones/button_69.png) no-repeat left 6px; }
	.filtroCursos .btnBuscar:hover { cursor: pointer; text-decoration: underline; }
	
/*------------------------------ CURSOS ------------------------------*/

#cursos { position: relative; margin-top: 10px; }
#cursos .filaCurso { position: relative; height: auto; padding-bottom: 46px;  }
#cursos .curso { border: none;  }
#cursos .bordesCursos { clear: both; position: relative; top: 23px; width: inherit; }
#cursos .bordeCurso { height: 1px; margin: 20px 12px 0px 12px; padding: 0px 12px; border-bottom: 1px solid #cdcdcd; }
#cursos .curso .barraOpciones { width: 100%; float: none; position: absolute; bottom: 0px; }
#cursos h2.titular { display: block; position: relative; float: none; margin: 0px; padding: 10px; font-size: 10px; font-size: 1em; font-weight: bold; color: #3f3e3e; z-index: 0; }
	#cursos h2.titular { font-size: 1.0em; padding: 8px 16px; }
	#cursos h3.titular { float: none; margin-bottom: 4px; }
	#cursos .curso h3.titular { float: none; margin-bottom: 4px; }
	#cursosProgramados .curso p.director, #cursosCelebrados .curso p.director { float: none; margin-bottom: 4px; }
	#cursosProgramados .curso p.fecha, #cursosCelebrados .curso p.fecha { clear: none; }
	#cursosOnline .curso { height: auto; padding-bottom: 16px; }
	#cursosOnline p.director { float: none; }
	#cursosOnline p.descripcion { padding: 0px 8px; margin-top: 14px; }
	#cursosOnline a.link { color: #317db9; }
#cursos .no_border { border: none; }
#cursosOnline .curso { border-bottom: 1px solid #cdcdcd; } 
	
/* Model Hack para IE7 */
*+html #cursos h2.titular { overflow: hidden; }
/* Model Hack para IE7 */
*+html #listadoCursos .curso p.fecha { overflow: hidden; }	
	
.divBtnVerCursos { clear: both; float: right; width: 40em; margin-right: 14px; }
	.divBtnVerCursos .btnVerCursos { margin-left: 10.18em; margin-bottom: 1em;}

.btnVerCursos:link { display: block; float: right; color: #009de0; 
				   padding: 4px 24px; margin-top: 10px; background: url(../img/subhomes/btnEvento.png) no-repeat top right; }
.btnVerCursos:visited { display: block; float: right; color: #009de0; 
				   padding: 4px 24px; margin-top: 10px; background: url(../img/subhomes/btnEvento.png) no-repeat top right; } /* Hack para IE7 */

/*------------------------------ BUSCADOR ACTIVIDADES ------------------------------*/

#buscadorActividades { position: relative; margin-top: 10px; }
#buscadorActividades .resBusqueda .fecha { width: 60px; margin-right: 4px; text-align: center; }
#buscadorActividades .buscador { height: 26em; }
/* Model Hack para IE7 */
*+html #buscadorActividades h4 { font-size: 1.0em; }

/*------------------------------ DETALLE NOTICIA ------------------------------*/

#detalleNoticia h3.titular { margin: 0px; }

div.fechaDetalle { margin-bottom: 30px; }
/* Model Hack para IE7 */
*+html div.fechaDetalle { width: 100%; margin-bottom: 20px; }

p.fechaDetalle { float: left; margin: 0px; padding: 0px; font-weight: bold; color: #095b95; }

/*------------------------------ DETALLE ACTIVIDAD ------------------------------*/

#detalleActividad { margin-top: 10px; }
	#detalleActividad div.titular { margin: 0px 0px 5px 0px; }
	#detalleActividad h3.titular { margin: 0px; }
	#detalleActividad .imagenContenido { float: left; margin-top: 10px; padding-right: 22px; }
	#detalleActividad table td { padding: 8px 40px; vertical-align: top; }
	#detalleActividad table thead { display: none; }
	#detalleActividad tr.odd td { background-color: #f4f4f4; }
	#detalleActividad tr.even td { background-color: #fff; }	
	#detalleActividad #atributo1, #detalleActividad .atributo1 { width: 16.61em; }
	#detalleActividad #valor1, #detalleActividad .valor1 { width: 31.34em; }
	#detalleActividad #atributo2, #detalleActividad .atributo2 { width: 8.93em; }
	#detalleActividad #valor2, #detalleActividad .valor2 { width: 26.25em; }
	#detalleActividad .atributo1, #detalleActividad .atributo2 { font-size: 1.0em; font-weight: bold; 
			color: #095b95; background: url(../img/interiores/atributo_bullet.png) no-repeat 30px 1.16em; }	
	#detalleActividad .valor1, #detalleActividad .valor2 { font-size: 1.0em; font-weight: normal; color: #3f3e3e; }
	#detalleActividad table p { margin: 0px; }	
	#detalleActividad .cultura { background: url(../img/modulos/evento_cultura.png) right no-repeat; }
	#detalleActividad .salud { background: url(../img/modulos/evento_salud.png) right no-repeat; }
	#detalleActividad .segVial { background: url(../img/modulos/evento_seguridad_vial.png) right no-repeat; }
	#detalleActividad .accSocial { background: url(../img/modulos/evento_accion_social.png) right no-repeat; }

/*------------------------------ INSCRIPCIÓN ACTIVIDAD ------------------------------*/	
	
#inscripcionActividad { position: relative; margin-top: 10px; border: 1px solid #e2e2e2; background: #f4f4f4; }
#inscripcionActividad div.titular { position: relative; margin: 0px; padding: 0px; }
#inscripcionActividad h3.titular { margin: 16px 27px 12px 27px; color: #575757; }
#inscripcionActividad h3.titular span { margin-right: 14px; color: #095b95; }

.formularioMutua .formBody { margin: 0px 18px; background: url(../img/interiores/bk_formulario_border.png) repeat-x top; }
.formularioMutua .formBody fieldset { padding: 18px 14px 22px 14px; border: none; background: url(../img/interiores/bk_formulario_border.png) repeat-x bottom; }
.formularioMutua p { margin: 0px 0px 16px 0px; color: #575757; }
.formularioMutua p span { font-weight: bold; color: #575757; }
.formularioMutua .formInput, .formularioMutua .formSelect { float: left; margin: 0px 35px 16px 0px; padding-left: 5px; }
.formularioMutua label { display: block; float: left; width: 8.4em; padding: 2px 0px 0px 12px; font-size: 1.0em; font-weight: bold; 
					  		  color: #095b95; background: url(../img/interiores/atributo_bullet.png) no-repeat left center; }
.formularioMutua input { display: block; float: left; width: 26.63em; }	
.formularioMutua input#nif, .formularioMutua input#telefono { width: 9.46em; }
.formularioMutua input#condiciones { float: left; width: auto; margin-right: 7px; }	
.formularioMutua #formCheckBoxCondiciones { position: relative; float: left; padding: 20px 40px 32px 40px; }
.formularioMutua #formCheckBoxCondiciones label { float: right; display: inline; width: 35em; padding-left: 8px; background: none; font-size: 0.9em; font-weight: bold; color: #575757; }
.formularioMutua #formCheckBoxCondiciones label a { color: #009de0; }
.formularioMutua #formCheckBoxCondiciones label span { margin-left: 6px; padding-left: 7px; background: url(../img/interiores/bk_formulario_condiciones.png) no-repeat left center; }
.formularioMutua .btnAceptar { position: absolute; right: 56px; bottom: 30px; width: 69px; height: 28px; margin-top: 8px; font-size: 1.0em; font-weight: bold; color: #fff; border: none; background: url(../img/menus_botones/button_69.png) no-repeat left 6px; }
.formularioMutua .btnAceptar:hover { cursor: pointer; text-decoration: underline; }							   
.formularioMutua .right { margin-right: 0px; }				  
.formularioMutua .clear-both { clear: both; }

/* Model Hack para IE7 */
*+html .formularioMutua .formBody fieldset { padding-bottom: 8px; }
*+html .formularioMutua .formInput, #inscripcionActividad .formSelect { margin-bottom: 0px; }
*+html .formularioMutua #formCheckBoxCondiciones label { position: absolute; float: none; }

/*------------------------------ SUSCRIPCIÓN BOLETINES ------------------------------*/

#suscripcionBoletines { position: relative; margin-top: 10px; border: 1px solid #e2e2e2; background: #f4f4f4; }
#suscripcionBoletines h3 { margin: 0px 0px 16px 0px; font-size: 1em; font-weight: bold; color: #575757; }
#suscripcionBoletines .formularioMutua .formBody { background: none; }
#suscripcionBoletines .formularioMutua .formBody fieldset { background: none; padding-bottom: 8px; }
#suscripcionBoletines .formularioMutua .formBody fieldset p { font-size: 1em; font-weight: bold; }
#suscripcionBoletines .formularioMutua .formInput { margin-left: 10px; }
#suscripcionBoletines .formularioMutua label { width: 5.6em; }
#suscripcionBoletines .politicaPrivacidad { margin: 0px 28px; padding: 8px 28px 14px 28px; border: 1px solid #e2e2e2; background: #fff; }
#suscripcionBoletines .politicaPrivacidad p { margin: 0px; }
#suscripcionBoletines .politicaPrivacidad p.marginTop14 { margin-top: 14px; }
#suscripcionBoletines .formularioMutua #formCheckBoxCondiciones label { width: 35em; }
#suscripcionBoletines .formularioMutua input#condiciones { margin-right: 2px; }	
#suscripcionBoletines .formularioMutua #formCheckBoxCondiciones { padding: 25px 40px 20px 30px; }
#suscripcionBoletines .formularioMutua .btnAceptar { bottom: 18px; }

/*------------------------------ FLASH AUDITORIO ------------------------------*/

#instruccionesFlash { margin: 10px 11px 0px 11px; padding: 8px 14px; border: 1px solid #dcdcdc; }
#instruccionesFlash h2 { display: block; }
#instruccionesFlash p { margin: 0px; margin-left: 8px; padding: 0px 0px 4px 12px; color: #095b95; background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.3em; }
#instruccionesFlash p.titular { margin: 0px; margin-bottom: 4px; padding: 0px; font-size: 100%; font-weight: bold; color: #3f3e3e; background: none; }

#auditorio { padding: 0; margin: 0; width: 84.02em; height: 33.39em; }

/*------------------------------ PATRONATO ------------------------------*/

#patronato .titular { padding: 8px; }
#patronato h3.titular { margin: 0px; padding: 8px; }
#patronato h4.titular { display: block; clear: both; font-size: 90%; color:#3F3E3E; }
#patronato p { margin: 22px 14px; }
#patronato span { font-weight: bold; color:#3F3E3E; }
#patronato ul { float: left; width: 95%; margin: 0px 28px 14px 28px; }
#patronato li { display: block; float: left; width: 45%; padding: 0px 0px 4px 12px; background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.3em; }
#patronato .ancho100 { width: 100%; }

/* Model Hack para IE7 */
*+html #patronato h4.titular { overflow: hidden; }
*+html #patronato li { background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.44em; }

/*------------------------------ CONSEJO RECTOR ------------------------------*/

#consejoRector { position: relative; }
#consejoRector .titular { padding: 8px; }
#consejoRector h3.titular { margin: 0px; padding: 8px; }
#consejoRector h4.titular { display: block; clear: both; font-size: 90%; color:#3F3E3E; }
#consejoRector p { margin: 22px 14px; }
#consejoRector span { font-weight: bold; color:#3F3E3E; }
#consejoRector ul { float: left; width: 95%; margin: 0px 28px 14px 28px; }
#consejoRector li { display: block; float: left; width: 45%; padding: 0px 0px 4px 12px; background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.3em; }
#consejoRector li a { color: #095b95; cursor: pointer; }
#consejoRector ul.funciones { position: relative; top: -8px; }
#consejoRector ul.funciones li { background: url(../img/interiores/atributo_bullet.png) no-repeat left 0.3em; }
#consejoRector .ancho100 { width: 100%; }

#consejoRector .ficha { display: none; position: absolute; width: 445px; height: 324px; background: #fff url(../img/consejoRector/bk_ficha.jpg) no-repeat; overflow: hidden; }
#consejoRector .fichaCabecera { width: 100%; height: 23px; cursor: move; background: url(../img/consejoRector/bk_ficha_hd.png) #fff; }
#consejoRector .fichaCabecera img { position: absolute; right: 0px; top: 5px; }
#consejoRector .fichaContenido { position: relative; width: 100%; height: 300px; overflow: hidden; }
#consejoRector .fichaContenido p { width: 270px; font-size: 11px; color: #fff; margin: 10px 26px 0px 26px; }
#consejoRector .fichaContenido p.nombre { font-size: 15px; color: #90c0dc; margin: 24px 24px 8px 24px; }
#consejoRector .fichaContenido img { position: absolute; top: 22px; right: 15px; border: 1px solid #fff; }

/*------------------------------ MAPA WEB ------------------------------*/

#mapaWeb { position: relative; margin-top: 10px; }
#mapaWeb .titular { padding: 8px; }
#mapaWeb h3.titular { margin: 0px; padding: 8px; margin-bottom: 16px; }
#mapaWeb h4.titular { display: block; clear: both; padding: 4px; }
#mapaWeb p { margin: 22px 14px; }
#mapaWeb span { font-weight: bold; color:#3F3E3E; }
#mapaWeb ul { float: left; width: 95%; margin: 0px 28px 14px 28px; }
#mapaWeb li { display: block; float: left; width: 31%; padding: 0px 0px 4px 12px; background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.3em; }
#mapaWeb li a { color: #095b95; cursor: pointer; }


/* Model Hack para IE7 */
*+html #mapaWeb h4.titular { overflow: hidden; }
*+html #mapaWeb li { background: url(../img/modulos/pieSeccion_bullet.png) no-repeat left 0.44em; }
*+html #mapaWeb ul.funciones li { background: url(../img/interiores/atributo_bullet.png) no-repeat left 0.44em; }

/*-------------------------------------------------------------------------*/

/*estilos para adaptar paginas antiguas*/

.forms{background:url("../img/interiores/atributo_bullet.png") no-repeat scroll left center transparent;color:#095B95;display:block;float:left;font-size:1em;font-weight:bold;padding:2px 0 0 12px;margin-bottom:16px;width:10em}


.conten{margin-top:30px;width:98%;}

.formularioMutuaOld{padding:20px 0 0 0 }
.formularioMutuaOld .formSubTit{background-color:#EBEBEB;padding:5px;}
.formularioMutuaOld .formSubTit span{float:right;}
.formularioMutuaOld .formSubTit h3{float:left;margin:0!important;}
.formularioMutuaOld .titular{padding:0!important;margin:2px 0 20px 0!important;}
.formularioMutuaOld tr{vertical-align:top;}
.formularioMutuaOld h3{margin:10px 0 20px 0;}
.formularioMutuaOld .forms{width:12em;}
.formularioMutuaOld .alf{padding-left:40%;}
.formularioMutuaOld .punten{margin-bottom:20px;border-bottom:1px dotted #ccc;padding-bottom:5px;}

/*.formularioMutuaOld input,select{width:10em;}*/


.proyectos{background:none repeat scroll 0 0 #F4F4F4;border:1px solid #E2E2E2;margin-top:10px;position:relative;padding:10px;}

.instrucciones h4{border-bottom:1px dotted #000;}
.instrucciones a{color:#059BDA;font-size:1em;font-weight:bold;}
.instrucciones ul{margin-bottom:20px;}
.instrucciones li{line-height:14px;list-style:none outside url("../imagesFundacion/bol.gif");margin:5px 0 5px 20px;}