@charset "UTF-8";
/*------------------------------------------------------------------
[Hoja estilos]
Version: 1.0
Modificado: 2010/09/05
-------------------------------------------------------------------*/
/* equivalencia 10px=1em. */

html {font-size: 125%;}
body {font-size: .5em; font-family:'DIN', Arial, Helvetica, sans-serif; text-align:center; background:url(../images/bgWeb_01.jpg) top center no-repeat;  }

#capaIni { position:absolute; padding:0; width:192em; height:128em; top:0; left:50%; margin:0 0 0 -96em; z-index:999; background-color:#fff; }

/* inicializacion de las propiedades del modelo de caja a cero */

* { margin:0; padding:0; }
fieldset, img, acronym, abbr {border:0;}

/* imagenes como caja de bloque principal */

img {display: block;}

/*  supresion de los marcadores de las listas */

ol, ul { list-style:none; }

/* dimension de fuente por defecto para los elementos principales */

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

/* redefinicion del modelo de caja para los elementos DIV y declaracion de la clase 'clear' para el resto de elementos para evitar problemas de entidad con las flotaciones */

.clear:after, div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear, * html div{height:1%;}
*:first-child+html .clear, *:first-child+html div {height:auto; display:inline-block;}

/* definicion de la presentacion general de los enlaces */
a { text-decoration:underline; color:#000; }
a:hover, a:focus, a:active {text-decoration:none;}

/*capitalize*/
.capitalize{text-transform: capitalize;}

/* elementos ocultos */

.indentado {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
.oculto {display:none;}

.white { color:#fff; }
.f_right { float:right; }

/* headers */
.titulo1 { font-size:2em; color:#000; }
.titulo1 strong { font-family:'DIN-Black', Arial, Verdana, Helvetica, sans-serif; }
.titulo1 a {text-decoration:none;}

.titulo2 { font-size:6.1em; color:#000; font-weight:700; }
.titulo3 { font-size:4em; color:#e31936; text-transform:uppercase; }
.titulo4 { font-size:5.5em; color:#000; font-weight:700; }
.titulo5 { font-size:5em; color:#000; }
.titulo5 strong { color:#e31936; font-weight:bold; }
.titulo6 { font-size:2.1em; text-transform:uppercase; }
.titulo6 strong{ font-family:'DINMediumAlternate', Arial, Verdana, Helvetica, sans-serif; }
.titulo7 { font-size:4em; text-transform:uppercase; }
.titulo8 { font-size:6.1em; color:#000; }

/* contenedor */
#contenedor {margin:0 auto; margin-top:2em; padding:2.5em 4.5em; border:1px solid #808285; width:67.2em; text-align:left; position:relative; background:#fff; }

/* cabecera */
#cabecera { display:block; overflow:hidden; clear:both; }
#cabecera .logo { float:left; }
#cabecera .lema { float:right; font-size:1.2em; text-transform:uppercase; }
#cabecera .lema span { color:#e31936; }

#migas{ float:left; font-size:1.3em; margin:.5em 0; padding:0 0 1em 0; display:block; width:100%; }
#migas a, #migas strong, #migas img { float:left; margin:0 .3em 0 0; color:#e31936; font-weight:normal;}
#migas img { margin-top:.5em; }
#migas strong { color:#666; }

/* pestanas top */
ul.menuPestanas { float:right; display:block; margin:1em 2.2em 0 0; position:relative; }
ul.menuPestanas li { float:left; display:inline; margin:0 0 0 .3em; }
ul.menuPestanas li a{float:left; cursor:pointer;background:transparent url(../images/menuTopLeft.gif) no-repeat 0 0;color:#fff;text-decoration:none;padding:0 0 0 11px;}
ul.menuPestanas li a span{ float:left;height:1.6em;background:transparent url(../images/menuTopRight.gif) no-repeat 100% 0;font-size:1.5em;padding:5px 30px 0 25px; }
ul.menuPestanas li a:hover{background-position:0 100%;}
ul.menuPestanas li a:hover span{background-position:100% 100%;}

ul.menuPestanas li.selected a {background-position:0 100%;}
ul.menuPestanas li.selected a span{background-position:100% 100%;}

/* submenu pestanas */
ul.submenu { float:right; width:2.2em; }
ul.submenu li { margin:0; }

/* secciones */
.billboard { display:block; margin:0 0 2em; height:45em; position:relative; text-align:center; clear:both; }
#emotionalCont{float:left; background:#fff; width:65em; height:43.2em; text-align:center; clear:both;}
#emotionalCont ul li { position:absolute; padding:0; list-style-type:none; width:65em; height:43.2em; text-align:center; }
#emotionalCont ul li img { margin:0 auto; width:65em; height:43.2em; }

/* bloques */
.bloquesPortada { float:left; width:68%; margin:0 1.2em 0em 0; background:url(../images/pt_vert_gris.gif) 98.5% 0 repeat-y; }
/*.bloques {float:left; width:21.6em; margin:0 1.2em 0em 0; background:url(../images/pt_vert_gris.gif) 100% 0 repeat-y;}*/
.bloquesPeq { float:right; width:20em; margin:0 0 1.1em 0; }

.bloques { float:left; width:20em; margin:0 1.7em 1.1em 0; padding:0 1.7em 0 0; border-right:1px dotted #999; }
.bloques h2 { padding:0 0 0; background:#fff; }

.blq_ultimo { margin:0; background:none; border:none; padding:0; }
.bloques h2 { padding:0 0 0; background:#fff; }


	/***************** INDEX CURSOS ****************/
	.bloquesCursos { float:left; width:100%; margin:0 1.2em 0em 0; }
	.bloquesCursos .curso { float:left; width:20em; height:20em; background:#e31936; color:#fff; margin:0 3em 5em 0; }
	.bloquesCursos .ultimo { margin-right:0; }
	.bloquesCursos a { display:block; padding:0 4em 0 0;  }
	.bloquesCursos a.pdf { margin:.3em 0 0; background:url(../images/pdf.gif) 100% 0 no-repeat; height:2.9em; text-decoration:none; font-size:1.1em; }
	

	/* seccion */
	.seccionPortada { float:left; width:20em; height:20em; background:#e31936; color:#fff; margin:0 3em 3.8em 0; }
	.cursosPortada { margin-bottom:5em; } 
	
	.seccion { float:left; width:20em; height:20em; background:#e31936; color:#fff; }
	.cursos { margin:0 0 3.8em 0; } 
	
	.seccion a, .seccionPortada a { display:block; padding:0 4em 0 0;  }
	.seccion a.pdf, .seccionPortada a.pdf { margin:.3em 0 0; background:url(../images/pdf.gif) 100% 0 no-repeat; height:2.9em; text-decoration:none; font-size:1.1em; }
	.seccion img, .seccionPortada img {  width:20em; height:20em; }
	
/* enlaces pie */
.enlacesExternos { float:right; display:inline; width:100%; margin:1em 1.4em 0 0; }
.enlacesExternos li { float:right; display:inline; margin:0 0 0 .4em; }

/* INTERIOR */
.seccionInterior { float:left; width:100%; margin:0 1.2em 0em 0; }

.seccionInterior a, .seccionInterior a:hover { text-decoration:none; }
.seccionInterior a:hover { text-decoration:none; }

	.tituloCurso { float:left; display:inline; margin:-1.8em 0 0 1.5em; width:45.7em; }
	.contenidoCursos { display:block; clear:both; padding:1.5em 0 0; }
	
		.contenidoCursos .textos { float:right; width:32.50em; min-height:50em; font-size:1.4em; color:#666; }
		.contenidoCursos .textos p { margin:0 0 1.2em 0; }
		
		.contenidoCursos .boxlinks { min-height:12em; }
		
		.contenidoCursos .textos ul.introCursos { margin:0 0 1.2em 0; }
		.contenidoCursos .textos ul.introCursos li { background:url(../images/pt_rojo.gif) .1em .6em no-repeat; padding:0 0 0 .5em; }
		
		.contenidoCursos .textos ol { margin:0 0 0 2em; }
		.contenidoCursos .textos ol li { list-style:decimal; margin:0 0 1em 0; color:#e31936;}
		.contenidoCursos .textos ol li ul { margin:0 0 0 -1.2em; }
		.contenidoCursos .textos ol li ul li{ font-size:1em; list-style:none; color:#666; padding:0 0 0 .5em; margin:0; background:url(../images/pt_rojo.gif) .1em .6em no-repeat; }
		
		.contenidoCursos .fotos { float:left; width:20em;margin:0; }
		.contenidoCursos .fotos img { margin:0 0 2em 0; }
		.contenidoCursos .fotos p a { font-size:1.3em; }
		
		
		/* home: cursos monográficos */
		.contenidoCursos ul.monograficos li { float:left; clear:both; display:block; width:100%; padding:0 0 2em 0; }
		.contenidoCursos ul.monograficos li a {float:left; border:3px solid #e31936; height:19.4em; width:19.4em; display:block; text-decoration:none;}
		.contenidoCursos ul.monograficos li a span {font-size:2em; color:#000; display:block; text-transform:uppercase; margin:8em 0 0 .3em;}
		.contenidoCursos ul.monograficos li a span.dosLineas { margin:6.7em 0 0 .3em;}
		
		.contenidoCursos ul.monograficos li p { float:left; display:inline; width:11.2em; font-size:4.1em; text-transform:uppercase; margin:0 0 0 .3em;  }
		.contenidoCursos ul.monograficos li p span { display:block; font-size:.5em; }
		
		.contenidoCursos p.letraPeq { font-size:.8em; color:#999; }
		.contenidoCursos a.pdf { padding:.3em 0 0; display:block; margin:0; background:url(../images/pdf.gif) 68% 0 no-repeat; height:2.9em; text-decoration:none; font-size:.9em; }
		
		/* listado cursos monográficos */
		.contenidoCursos ul.masMonograficos li { float:left; padding:0 0 2em 0; }
		.contenidoCursos ul.masMonograficos li a { float:left; height:20em; width:20em; display:block; text-decoration:none; background:#d9dadb;}
		.contenidoCursos ul.masMonograficos li a span {font-size:2em; color:#999; display:block; text-transform:uppercase; margin:8em 0 0 .6em;}
		.contenidoCursos ul.masMonograficos li a span.dosLineas { margin:6.7em 0 0 .6em;}
		
		.contenidoCursos ul.masMonograficos li a.selected { background:#1a1a1a;}
		.contenidoCursos ul.masMonograficos li a.selected span { color:#fff; }
		
		.preinscribete { text-align:right; font-weight:bold; }
		

		

/*volver*/
p.volver {float:left; clear:both; width:30%;}

/* 	QUIÉNES SOMOS */
.quienesSomos {float:left; width:100%;}
.quienesSomos .top { float:left; width:100%; border-bottom:1px dotted #999; padding:0 0 2em 0; }
.quienesSomos .top .titulo { float:left; display:inline; width:60%; padding:1em 0 0 1em; font-size:5.5em; }
.quienesSomos .top .quienes { float:right; width:20.1em; text-align:center; }

span.mad { font-family:'DINBlackAlternate', Arial, Verdana, Helvetica, sans-serif; color:#000;  }
span.photo { color:#e31936; }

.socios { float:left; padding:1em 0 0; font-size:1.4em; color:#666; }
.socios p { font-size:1.05em; margin:0 0 1.2em; }
.socios p strong { color:#e31936; }
.socios p.intro { font-size:1.4em; line-height:1em; }

.sociosInterior { float:right; width:32.50em; padding:1em 0 0; font-size:1.4em; min-height:32em; color:#666; }
.sociosInterior p { font-size:1.05em; margin:0 0 1.2em; }
.sociosInterior p strong { color:#e31936; }
.sociosInterior p.intro { font-size:2.4em; line-height:1em; }

.listado_socios { float:left; width:100%; margin:0; padding:0 0 4em 0; }
.listado_socios ul li { float:left; padding:0 2.4em 0 0; }
.listado_socios ul li a { float:left; height:20em; width:20em; display:block; text-decoration:none; background:#1a1a1a; position:relative;}
.listado_socios ul li a span.nombre { position:absolute; top:.2em; left:.2em; font-size:4em; line-height:1em; color:#514e4e; }
.listado_socios ul li a span.fotografo { position:absolute; bottom:1em; right:1em; font-size:1.4em; color:#514e4e;}

.listado_socios_interior { float:left; width:20em; margin:0; padding:1.4em 0 0; }
.listado_socios_interior ul li { float:left; padding:0 0 2em 0; }
.listado_socios_interior ul li a { float:left; height:20em; width:20em; display:block; text-decoration:none; background:#1a1a1a; position:relative;}
.listado_socios_interior ul li a span.nombre { position:absolute; top:.2em; left:.2em; font-size:4em; line-height:1em; color:#514e4e; }
.listado_socios_interior ul li a span.fotografo { position:absolute; bottom:1em; right:1em; font-size:1.4em; color:#514e4e;}

.listado_socios_interior ul li a.selected { background:#1a1a1a;}
.listado_socios_interior ul li a.selected span.nombre { color:#fff; }
.listado_socios_interior ul li a.selected span.fotografo { color:#e31936; }


/* CONCURSOS */
.txtConcursos { float:left; width:46.4em; padding:2em 0 0; font-size:1.4em; min-height:20em; color:#666; }
.txtConcursos p { font-size:1.05em; margin:0 0 1.2em; }
.txtConcursos p strong { color:#e31936; }
.txtConcursos p.intro { font-size:1.6em; line-height:1em; }

.otrosConcursos { float:left; width:20em; margin:0; padding:2.5em 0 0; }
.otrosConcursos ul li { float:left; padding:0 0 2em 0; }
.otrosConcursos ul li a { float:left; height:19.8em; width:19.8em; border:1px solid #e31936; display:block; text-decoration:none; background:#fff; position:relative;}
.otrosConcursos ul li a span.nombre { position:absolute; bottom:.25em; left:.4em; font-size:2.6em; line-height:1em; color:#e31936; }


.otrosConcursos ul li a.selected { border-color:#666;}
.otrosConcursos ul li a.selected span.nombre { color:#666; }

.concursosActuales { float:left; width:45em; margin:0; padding:0; }
.concursosActuales ul li { float:left; padding:0 0 0 2.5em; }

.concursosActuales ul li a { float:left; height:20em; width:20em; background:#e31936; display:block; text-decoration:none; position:relative;}



.concursosActuales ul li a span.nombre { position:absolute; bottom:.25em; left:.4em; font-size:2.6em; line-height:1em; color:#fff; }
.concursosActuales ul li a span.nombreActivo { position:absolute; bottom:.25em; left:.4em; font-size:2.6em; line-height:1em; color:#fff33; }


.concursosActuales ul li a.selected { background:#000;}
.concursosActuales ul li a.otro { background:#aaa;}

.concursos { float:left; width:40.5em; padding:1.5em 0 0; font-size:1.6em; color:#000; }
.concursos p, .concursos ul { font-size:1.2em; margin:0 0 1.2em; }
.concursos p strong, .concursos ul strong { color:#e31936; }
.concursos p.intro { font-weight:700; font-size:1.3em; }
.concursos h3 { font-size:1.6em; margin:0 0 1.2em 0; }
.concursos h3 span { color:#e31936; }
.concursos p a { text-decoration:none; color:#e31936; }
.concursos ul { float:left; }
.concursos ul li { display:inline; }

		
/* PROFESORES */
.homeProfes {float:left; width:100%; }
ul.listadoProfesHome { float:left; display:block; list-style:none; width:100%; }
ul.listadoProfesHome li { float:left; width:22em; height:25em; background:none; }
ul.listadoProfesHome li h2 { width:20em; height:20em; background:#e31936;}
ul.listadoProfesHome li h2 strong { display:block; margin:.65em 0 0; padding:2.2em 0 0 .3em; font-size:4.1em; color:#fff; font-weight:normal; }
ul.listadoProfesHome li h2 strong span { font-weight:700; }
ul.listadoProfesHome li img.relleno { margin:2.8em 0 0; }

.nombreProfesor { float:left; display:inline; margin:-1.8em 0 0 1.5em; width:45.7em; }

.listado_profesInterior { float:left; width:20em; margin:0; padding:30.7em 0 0; }
.listado_profesInterior ul li { margin:0 0 4.4em 0; }
.listado_profesInterior ul li a { font-size:1.9em; color:#808080; text-transform:uppercase; text-decoration:none; }
.listado_profesInterior ul li a.selected { color:#e31936; }

.contProfes { float:left; width:100%; }
.contProfes h2 { float:left; width:20em; height:20em; background:#e31936; border-right:5px solid #fff; border-bottom:5px solid #fff;}
.contProfes h2 strong { display:block; padding:2.2em 0 0 .3em; font-size:4.1em; color:#fff; font-weight:normal; }
.contProfes h2 strong span { font-weight:700; }

.nombreProfe { float:left; margin:-1.2em 0 0; }
.curriculum { float:right; width:32.50em; padding:22em 0 0; font-size:1.4em; min-height:32em; color:#666; }
.curriculum p, .curriculum ul, .curriculum h4 { clear:both; font-size:1.05em; margin:0 0 1.2em; }
.curriculum h4 { font-weight:700; }
.curriculum p strong { color:#e31936; }
.curriculum ul li { background:url(../images/pt_rojo.gif) .1em .6em no-repeat; padding:0 0 0 .5em; }
.curriculum ul.listados { float:left;margin:0 0 1.2em;}
.curriculum ul.listados li { float:left; }
.curriculum blockquote { font-style:italic; margin:1em 1em 2em 1em; }

/* instalaciones */
.instalaciones { float:left; }
.instalaciones h2 { margin:0 0 .2em 0; }
ul.fotosInstalaciones { float:left; width:100%; }
ul.fotosInstalaciones li { float:left; display:inline; margin:0 3.6em 3.6em 0; }
ul.fotosInstalaciones li.ultima { margin-right:0; }

.instalacionesnavigation { float:left; }

/* madworld */
.madworld { float:left; }
.madworld h2 { margin:0 0 .5em 0; }
ul.madworld { float:left; width:100%; margin:1em 0 0; }
ul.madworld li { float:left; display:inline; margin:0 3.6em 3.6em 0; }
ul.madworld li.ultima { margin-right:0; }

/* CLIENTES */
ul.clientes { margin:0 0 1.2em 0; font-size:1.1em; }
ul.clientes li { background:url(../images/guion_bajo.gif) .1em .9em no-repeat; padding:0 0 .7em .9em; }

/* LINKS */
ul.links { margin:0 0 1.2em 0; font-size:1.1em; }
ul.links li { background:url(../images/guion_bajo.gif) .1em .9em no-repeat; padding:0 0 .7em .9em; }
ul.links li a { text-decoration:none; }
ul.links li a:hover { color:#e31936; }

/* TARIFAS */
.tarifas { display:block; clear:both; padding:1.5em 0 0; }
.tarifas .textos { float:right; width:38em; font-size:1.4em; color:#666; }
.tarifas .textos p { margin:0 0 1.2em 0; }
.tarifas .textos h3 { font-size:1.2em; text-transform:uppercase; margin:0 0 1em 0; }
.tarifas ul.precios { margin:0 0 1.2em 0; font-size:1.1em; }
.tarifas ul.precios li { background:url(../images/pt_rojo.gif) .1em .6em no-repeat; padding:0 0 .5em .5em; }
.tarifas ul.precios li strong { float:left; color:#e31936; }

.tarifas ul.condiciones { margin:0 0 1.2em 0; font-size:.9em; }
.tarifas ul.condiciones li { background:url(../images/pt_rojo.gif) .1em .6em no-repeat; padding:0 0 .5em .5em; }
.tarifas ul.condiciones li strong { float:left; color:#e31936; }

/* backgrounds */
.bg_ruben { background:url(../images/bg_ruben.jpg) no-repeat 0 8em; }
.bg_thomas { background:url(../images/bg_thomas.jpg) no-repeat 0 2em; }
.bg_alberto { background:url(../images/bg_alberto.jpg) no-repeat 0 4.5em; }
.bg_olga { background:url(../images/bg_olga.jpg) no-repeat 0 4em; }
.bg_elisa { background:url(../images/bg_elisa.jpg) no-repeat 0 4em; }
.bg_damian { background:url(../images/bg_damian.jpg) no-repeat 7em 4em; }
.bg_carlos { background:url(../images/bg_carlos.jpg) no-repeat 0 4em; }
.bg_manolo { background:url(../images/bg_manolo.jpg) no-repeat 0 4em; }
.bg_joaquin { background:url(../images/bg_joaquin.jpg) no-repeat 0 4em; }

.bg_elisa_qs { background:url(../images/bg_elisa.jpg) no-repeat 0 121%; }
.bg_damian_qs { background:url(../images/bg_damian.jpg) no-repeat 90% 50%; }
.bg_manolo_qs { background:url(../images/bg_damian.jpg) no-repeat 50% 125%; }
	
/* CONTÁCTANOS */
.planoZonal { float:left; border:2px solid #e31936; margin:0 0 2em 0; }
.address { display:block; }
.address p { font-size:2.4em; margin:1em 0; color:#333; }
.address p.masInfo { color:#999; }
.address p span { color:#e31936; }
.address p a { text-decoration:none; }

/* PAGINACION */
.paginacion { float:left; display:inline; width:100%; text-align:center; margin:0; }
.paginacion ul { float:right; font-size:1.2em; }
.paginacion ul li { float:left; display:inline; margin:0 0 0 1.2em; cursor:pointer; font-weight:100; }
.paginacion ul li span { color:#c7221b; font-weight:700; cursor:auto; }
.paginacion ul li.separador { cursor:auto; }
.paginacion ul li span.no { color:#999; font-weight:100; cursor:auto; }

/* Formularios */
.formPreinscripcion, .formReserva { width:60em; padding:.3em; text-align:left; background:#fff; }
.formPreinscripcion h2{ padding:.3em; font-size:1.8em; color:#e31936; text-transform:uppercase; border:1px solid #e31936; }
.formReserva h2 { padding:0 0 0 .6em; font-size:2.4em; color:#000; text-transform:uppercase; }

	/* preinscribete */
	form.preinscripcion { float:left; margin-top:1.2em; width:100%; background:#e31936; }
	form.preinscripcion label { display:block; margin:1em 0 0 0; }
	form.preinscripcion label span { float:left; text-align:right; font-size:1.3em; width:12em; display:block; padding:.2em .5em 0 0; text-transform:uppercase; color:#fff; }
	form.preinscripcion label input { border:none; background:#fff; font-size:1.4em; padding:.2em; width:30em; }
	form.preinscripcion input.submit { float:right; background:#e31936; margin:1em 0 0 0; border:none; color:#fff; text-transform:uppercase; text-align:right; padding:1em; cursor:pointer; }
	form.preinscripcion div.boton {width:100%; background:#fff; margin:1.2em 0 0;}
	
	/* reserva de plató */
	form.reserva { float:left; margin-top:.8em; width:100%; background:#fff; }
	form.reserva label { display:block; margin:1em 0 0 0; }
	form.reserva label span { float:left; text-align:right; font-size:1.3em; width:16em; display:block; padding:.2em .5em 0 0; text-transform:uppercase; color:#e31936; }
	form.reserva label input { border:1px solid #ccc; background:#fff; font-size:1.4em; padding:.2em; width:26.9em; }
	form.reserva input.submit { float:right; background:#e31936; margin:1em 0 0 0; border:none; color:#fff; text-transform:uppercase; text-align:right; padding:1em; cursor:pointer; }
	form.reserva div.boton {width:100%; background:#fff; margin:1.2em 0 0;}
	
/* Galería */
.galleryContent {display:block; width:650px; margin:0 auto; height:480px; position:relative;}
.galleryContent .carrito { position:absolute; bottom:0; right:0; }
.galleryContent .carrito a {display:block; background:#fff; padding:.3em;}