@import url(inicial.css);

/* Para conseguir que el pie siempre sea empujado abajo de la pagina*/
html,body { height:100%;}
/* Hack para IE 6 */
* html #contenedor {height:100%;}

body	{ /*width: 1000px;*/  font-size: 100.01%;font-family: Arial, Verdana, Helvetica, sans-serif;color:#036; /*background:url(images/fondo_lateral_izq.gif) repeat-y top left;*/ }
.fondoWeb{ background-color:#FFF}

/* Para conseguir que el pie siempre sea empujado abajo de la pagina*/

a{ text-decoration:underline}
a:hover{ text-decoration:none}
p{ font-size:0.9em; line-height:1.5em; clear:both;text-align:left;margin:1em auto;clear:both; padding:0 0.5em}

.submit{ background:url(images/fondo_boton_inscripcion.jpg) #FF6633 repeat-x;
height:2.5em; color:#FFF; font-weight:bold; padding:0 0.3em ;font-size:0.9em;}

#contenedor{ margin:0 auto;min-height: 100%;  }


/* -------------------- REGLAS APLICABLES A LA CABECERA  --------------------------- */

#cabecera{  margin:auto;width:auto; height:7.40em; background:url(images/fondo_cabecera.jpg) #FADF6E no-repeat center top; text-align:center }
#cabecera img{ margin:0.5em 0 0 2em;}
#cabeceraSup{width:auto; height:5.5em; }
#cabeceraInf{width:auto; height:2.0em; }




/* -------------------- REGLAS APLICABLES AL CONTENIDO --------------------------- */  
#contenido{width:100%; float:left; text-align:center; margin:auto; height:79%;background:url(images/fondo_contenido.jpg)  repeat-x center top;  }
#contenidoSecciones{width:100%; float:left; text-align:center; margin:auto; height:79%; }
#bloqueContenidoInterior{width:56em; margin:auto;}
#contenidoSup{background:url(images/fondo_contenido_sup.jpg)  no-repeat center top; height:12.56em; width:100%; float:right  }
#contenidoInf{background:url(images/fondo_contenido_inf.jpg)  no-repeat center top; width:56em}


/* -------------------- menu  --------------------------- */  
#navegacion{width:100%; width:100%; text-align:center ; }
#menuPrincipal{ width:56em;  text-align:center ; margin:auto; }
#menuPrincipal ul li{ display:inline; }
#menuPrincipal ul li a{color:#FF6501; text-decoration:none; font-weight:bold;margin:0 0.3em ; padding:0 0.3em; padding-top:0.2em; float:left; width:7.6em; 
height:1.8em; font-size:0.9em;background-color:#FEEFB3;line-height:0.9em}
#menuPrincipal ul li a.small{line-height:1.9em}
#menuPrincipal ul li a:hover{ text-decoration:underline}
#menuPrincipal ul li a.selected{ background-color:#FE8301; color:#FEEFB3} 



/* -------------------- home  --------------------------- */ 
#pasosBecas{ height:24em; width:19.7em; background-color:#C2DCE7; position:absolute; /*left:0;*/ /*margin:2.3em 0 0 2.5em;*/ border:2px solid #0181BA; /*padding:0.3em 0 0 0.3em*/}
#pasosBecas ul li{ margin:0.2em 0;     }

#pasosBecas img { padding-top:10px; }
#_pasosBecas ul li#presentacion{ background:url(images/fondo_presentacion.jpg) no-repeat left top; width:19.25em; height:7.62em}
#_pasosBecas ul li#solicitud{ background:url(images/fondo_solicitud.jpg) no-repeat left top; width:19.25em; height:7.62em}
#_pasosBecas ul li#registro{ background:url(images/fondo_registro.jpg) no-repeat left top; width:19.25em; height:7.62em}
#pasosBecas ul li a{  margin-top:3em; margin-left:2.5em; float:left; text-decoration: none; }
#pasosBecas ul li a:hover{text-decoration:none}


#noticias{ background:url(images/fondo_noticias.jpg); width:31.31em; height:14.62em; float:right; margin-top:0.4em}
#noticias #titulo{ float:right; text-align:right; color:#FFF; height:2em; width:100%; padding-top:1em;}
#noticias #titulo h3{ font-weight:bold; font-size:1.2em; margin-right:2em} 
#noticias #noticia_contenido{}
#noticias #noticia_contenido #texto{ float:left; width:90%;  padding:0.5em; padding-left:2em; font-size:0.7em; text-align:left} 
#noticias #noticia_contenido #texto a{ font-weight:bold; font-size:0.8em}
#noticias #noticia_contenido #foto{ float:right; width:40%;padding:1em 0; } 



/* -------------------- presentacion  --------------------------- */ 

#bloqueContenidoInterior #contenidoSup{background:url(images/fondo_contenido_sup.jpg)  no-repeat center top; height:11.56em; 
width:99.6%; padding-top:1em; text-align:left ; float:right }
#pasosBecasGrande{ margin-left:2em; background-color:#C2DCE7; border:2px solid #0081BA; width:19.72em;
 height:7.70em; padding:0.4em 0 0 0.5em}
#pasosBecasGrandeInterior{ border:1px solid #53ADFF; background:url(images/fondo_pasos.jpg)  repeat-x left top; width:19.25em;
 height:7.18em}

#pasosBecasGrandeInterior h2#pasoSolicitud{ background:url(images/fondo_titulo_solicitud.jpg) no-repeat left top; width:18em; 
height:2em; margin:0.5em 0 0 0.5em}
#pasosBecasGrandeInterior h2#pasoDestino{ background:url(images/fondo_titulo_destino.jpg) no-repeat left top; width:18em; 
height:2em; margin:0.5em 0 0 0.5em}
#pasosBecasGrandeInterior h2#pasoReserva{ background:url(images/fondo_titulo_reserva.jpg) no-repeat left top; width:18em; 
height:2.4em; margin:0.5em 0 0 0.5em}
#pasosBecasGrandeInterior h2#pasoAprobado{ background:url(images/fondo_titulo_aprobado.jpg) no-repeat left top; width:18em; 
height:2.9em; margin:0.5em 0 0 0.5em}
#pasosBecasGrandeInterior h2#pasoFaq{ background:url(images/fondo_titulo_pregunta.jpg) no-repeat left top; width:18em; 
height:2.3em; margin:0.5em 0 0 0.5em}

.pasosBecasLista{ float:left; width:100%; height:100%}
.pasosBecasLista ul li{ float:left; width:100%; background-color:#E1F1FF;  height:1.78em; text-align:left;
 border-bottom:1px solid #FFF; padding-top:0.4em }
.pasosBecasLista ul li a{ font-weight:bold; margin-left:2em; text-decoration:underline;color:#0081BA;}
.pasosBecasListaSeparado{ margin-bottom:2em}

#bloqueListaDestinos{ float:left;width:100%;text-align:center;}
#bloqueListaDestinos form { margin:0.4em 1em; }
#bloqueListaDestinos form label{color:#FF6501;font-size:1.2em}
#bloqueListaDestinos form select{ border:1px solid #809DB9; font-weight:bold; font-size:0.8em; padding-left: 0.3em}

#bloqueDestinos{ margin:1.5em ; float:left; text-align:left;}
#bloqueDestinos form { margin:0.4em 1em; }
#bloqueDestinos form label{color:#FF6501;font-size:1.2em}
#bloqueDestinos form select{ border:1px solid #809DB9; font-weight:bold; font-size:0.8em; padding-left: 0.3em}
#seleccionDestino{ background-color:#F7F8F9; border:1px solid #CDD3DA; padding:0.5em}
#cursosDisponibles{ margin-top:1em; margin-left:1em;}
#cursosDisponibles h3{color:#002346; font-weight:bold;font-size:0.9em; margin:0 0 0.3em 0.5em }
#cursosDisponibles #cursosDisponiblesInterior{ border:1px solid #CDD3DA; background-color:#F4FAFF; padding:1em; float:left; margin:1em 1em 1em 1em;} 
#cursosDisponibles #cursosDisponiblesInterior ul { margin:0 2em; float:left} 
#cursosDisponibles #cursosDisponiblesInterior ul li a{color:#198CFF; font-weight:bold; font-size:0.8em} 

.bloqueDatos{ margin:0 auto; width:95%;}
.bloqueDatosTitulo{ width:auto;background:url(images/fondo_titulo_ciudades.jpg) repeat-x;color:#212C32; padding:0.5em 1em; clear:both; text-align:left; cursor:pointer;  }
.bloqueDatosTitulo h3,.bloqueDatosTitulo h4{font-weight:bold;} 
.bloqueDatosTitulo h5 {font-weight:bold; font-size:0.9em;} 
.bloqueDatosContenido{ width:848px; background:url(images/fondo_contenido_ciudades.jpg) #212C32 repeat-x; margin:0 ; padding:2em 0.2em 0  0;   float:left; }

.bloqueDatosContenidoSeccion{ float:left; margin-right:2em;margin-left:0.5em; text-align:left;width:45%}
.bloqueDatosContenidoSeccionFotos{ float:left; margin-right:2em;margin-left:0.5em; text-align:left;width:100%}

.bloqueDatosContenidoSeccionTexto{   padding:0.5em; color:#FFF }
.bloqueDatosContenidoSeccionTexto h5{ color:#fff; font-size:1em; font-weight:bold; margin-left:0.5em; position:relative; top:-1.8em}
.bloqueDatosContenidoSeccionTexto ul { margin:0.5em; font-size:0.9em; position:relative; top:-1em}
.bloqueDatosContenidoSeccionTexto ul li{ margin:0.5em; font-size:0.9em}
.bloqueDatosContenidoSeccionTexto ul li span{ display:block}

.bloqueDatosContenidoSeccionTexto tr { margin:0.5em; font-size:0.9em; position:relative; top:-1em}
.bloqueDatosContenidoSeccionTexto tr td{ margin:0.5em; font-size:0.9em}
.bloqueDatosContenidoSeccionTexto tr td span{ display:block}

.bloqueDatosContenidoSeccionFotos .bloqueDatosContenidoSeccionTexto ul { margin:0.5em; font-size:0.9em; position:relative; top:-1em ;}
.bloqueDatosContenidoSeccionFotos .bloqueDatosContenidoSeccionTexto ul li{ margin:0.5em; font-size:0.9em; float:left}
.bloqueDatosContenidoSeccionFotos .bloqueDatosContenidoSeccionTexto ul li span{ display:block}
.bloqueDatosContenidoSeccionFotos .bloqueDatosContenidoSeccionTexto ul li span.imagen{padding:0.4em; background-color:#FFF; z-index:9;}

.bloquePreciosInscripcion{ background-color:#3D637C;padding:0.5em 1em; width:auto; clear:both; height:3em; font-size:0.9em; }

.bloquePreciosInscripcion .inscripcion{ float:left; font-weight:bold; width:30%; }
/*.bloquePreciosInscripcion .inscripcion input{ background:url(images/fondo_boton_inscripcion.jpg) #FF6633 repeat-x;
height:1.81em; color:#FFF; font-weight:bold; padding:0 0.3em }*/
.bloquePreciosInscripcion .precio{ float:left; color:#FFF;width:39%; font-weight:bold }
.bloquePreciosInscripcion .precio .textoPrecio{ color:#FAC800;}
.bloquePreciosInscripcion .precio .textoAdicional{ color:#FAC800; font-size:0.8em;}
.bloquePreciosInscripcion .masInfo{ float:left; font-weight:bold; width:30%; }
.bloquePreciosInscripcion .masInfo a{ color:#FFF;}
.bloquePreciosInscripcion .masInfo a span{ font-size:0.7em;color:#FFF; text-decoration:none; font-weight:normal}

.subirInicio{ float:right; text-align:right;  height:4em; margin:1em auto; width:95%; font-weight:bold; font-size:0.8em}
.subirInicio a{color:#198CFF; background:url(images/flecha_subir.gif) no-repeat 0 4px; padding-left:1em}



/* -------------------- solicitud  --------------------------- */ 

.bloqueDatosContenidoCompleto{ width:auto; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades.jpg) #212C32 repeat-x;  margin:0 auto ; padding:0.6em; text-align:left;  }
.bloqueDatosContenidoCompleto ol{ margin-left:1em; padding-left:2em;color:#fff;  font-size:0.9em}
.bloqueDatosContenidoCompleto ol li{ margin:0.5em 0} 
.bloqueDatosContenidoCompleto ol  li ul{ color:#FF6; margin-top:0.5em;margin-left:1em;}
.bloqueDatosContenidoCompleto ol  li ul li{ margin:0; }
.bloqueDatosContenidoCompleto a{ color:#FFF}

.bloqueDatosContenidoCompleto2{ width:auto; height:80px; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades2.jpg) #3d627c repeat-x;  margin:0 auto ; padding:0.6em; text-align:left;  }
.bloqueDatosContenidoCompleto2 ol{ margin-left:1em; padding-left:2em;color:#fff;  font-size:0.9em}
.bloqueDatosContenidoCompleto2 ol li{ margin:0.5em 0} 
.bloqueDatosContenidoCompleto2 ol  li ul{ color:#FF6; margin-top:0.5em;margin-left:1em;}
.bloqueDatosContenidoCompleto2 ol  li ul li{ margin:0; }
.bloqueDatosContenidoCompleto2 a{ color:#FFF}

.bloqueDatosContenidoCompleto3{ width:auto; height:1200px; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades2.jpg) #3d627c repeat-x;  margin:0 auto ; padding:0.6em; text-align:left;  }
.bloqueDatosContenidoCompleto3 ol{ margin-left:1em; padding-left:2em;color:#fff;  font-size:0.9em}
.bloqueDatosContenidoCompleto3 ol li{ margin:0.5em 0} 
.bloqueDatosContenidoCompleto3 ol  li ul{ color:#FF6; margin-top:0.5em;margin-left:1em;}
.bloqueDatosContenidoCompleto3 ol  li ul li{ margin:0; }
.bloqueDatosContenidoCompleto3 a{ color:#FFF}

.bloqueDatosContenidoCompleto4{ width:auto; height:750px; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades2.jpg) #3d627c repeat-x;  margin:0 auto ; padding:0.6em; text-align:left;  }
.bloqueDatosContenidoCompleto4 ol{ margin-left:1em; padding-left:2em;color:#fff;  font-size:0.9em}
.bloqueDatosContenidoCompleto4 ol li{ margin:0.5em 0} 
.bloqueDatosContenidoCompleto4 ol  li ul{ color:#FF6; margin-top:0.5em;margin-left:1em;}
.bloqueDatosContenidoCompleto4 ol  li ul li{ margin:0; }
.bloqueDatosContenidoCompleto4 a{ color:#FFF}

.bloqueDatosContenidoCompleto5{ width:auto; height:800px; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades2.jpg) #3d627c repeat-x;  margin:0 auto ; padding:0.6em; text-align:left;  }
.bloqueDatosContenidoCompleto5 ol{ margin-left:1em; padding-left:2em;color:#fff;  font-size:0.9em}
.bloqueDatosContenidoCompleto5 ol li{ margin:0.5em 0} 
.bloqueDatosContenidoCompleto5 ol  li ul{ color:#FF6; margin-top:0.5em;margin-left:1em;}
.bloqueDatosContenidoCompleto5 ol  li ul li{ margin:0; }
.bloqueDatosContenidoCompleto5 a{ color:#FFF}

.bloquefinalDatos{ background-color:#3D637C; height:1em; width:auto; clear:both; margin:0 auto ; margin-bottom:3em}
.ultimoBloque{ height:3em; line-height:3em}
.ultimoBloque2{ height:250px; line-height:3em}

.vcard{ color:#FF6;font-size:0.9em; margin:0.3em 0;margin-left:1em;}
.vcard img{ margin:0.3em 0} 


/* -------------------- registro  --------------------------- */ 

.textoIntroduccion{font-size:1em; text-align:left; margin:0 0 1em 3em; width:auto;  font-weight:bold }
.infoAdicional{margin:-4em auto 1em; padding:2em; text-align:left; color:#131D22 }
.infoAdicional ul{ margin:0.5em 1em; font-size:0.8em}




/* -------------------- contacto  --------------------------- */ 
.tituloFormulario{ margin:1em 0; float:left; font-weight:bold; width:100%; }

.bloqueDatosContenidoContacto{ width:97.7%; color:#FFF; clear:both; background:url(images/fondo_contenido_ciudades.jpg) #212C32 repeat-x;  margin:0 auto ; padding:0.6em; text-align:left; float:left   }
.bloqueContacto{ float:left; width:100%;}
.bloqueContacto label{ float:left; width:100%; text-align:left; padding-right:0.5em; margin:0.2em 0; font-size:0.95em;}
.bloqueContacto span{ float:left; width:30%; text-align:right; padding-right:0.5em}
.bloqueContacto input{ font-size:0.95em; }
.bloqueContacto input.largo{ width:20em }
.bloqueDatosContenidoContacto p{ margin:1.5em 0 1em 0; color:#FED643; float:left; font-size:1em; width:80%}
.bloqueContacto fieldset{  float:left; width:65%; position:relative; left:11.6em; top:10px; border:1px solid #FFF; height:4.5em; margin-bottom:1.5em; padding:0.2em 1em}
.bloqueContacto fieldset span { float:none; width:auto; text-align:left; margin-left:0.5em }
.bloqueContacto fieldset legend{ color:#FFF;  } 

.bloqueContacto fieldset#radioParticipadoCurso{left:7em;}
.bloqueContacto fieldset#radioOrganizarVuelo{left:7em;} 
.bloqueContacto fieldset#radioContratarServicioTraslado{left:7em;width:80%; }
.bloqueContacto fieldset#radioTiposServicioTraslado{left:7em; }
.bloqueContacto fieldset#radioContratarSeguroMedico{left:7em;} 
.bloqueContacto fieldset#radioFumador{left:7em;} 
.bloqueContacto fieldset#radioAlergias{left:7em;} 
.bloqueContacto fieldset#radioEnfermedades{left:7em;} 
.bloqueContacto textarea{ width:31.8em} 

label.error { float: none; font-weight:bold;color:#FFCC33;  padding-left: .5em; vertical-align: top; }

/* -------------------- pie  --------------------------- */  

#_pie{float:left; width:100%; margin:auto; height:1.95em; background-color:#FC0; text-align:center;
position:relative;margin-top:-1.95em; color:#212C32}
#pie{float:left; width:100%; margin:auto; height:1.95em; background-color:#FC0; text-align:center;
position:relative; color:#212C32}
#pie ul { padding-top:0.4em } 
#pie ul li{ display:inline; margin:0 1em} 
#pie ul li a{ color:#212C32; font-size:0.8em; text-decoration:none} 
#pie ul li a:hover{ text-decoration:underline} 

 
/* -------------------- Capas de loading --------------------------- */ 
#loading{ font-weight:bold;position:absolute; width:400px; height:100px; 
 border:1px solid #FF9900; margin:0 auto; color:#FFF;}
#loading p{ text-align:center;line-height:70px; font-size:1.5em }
#loading img{ vertical-align:middle} 

/*-------------------------------- Delegaciones --------------------------------*/
.tabla_delegaciones{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
	width:90%;

}

.tabla_delegaciones td{
	padding:3px;
	text-align:center;
}

.tabla_delegaciones .cabecera{
	
	background:#FFCC00;
	border-bottom:1px solid #000000;
	font-weight:bold;
}
.tabla_delegaciones .fila_impar{
	background:#FFFFFF;
	border-bottom:1px solid #666666;	
}
.tabla_delegaciones .fila_par{
	background:#FFFBEC;
	border-bottom:1px solid #666666;	
}