@charset "utf-8";

#contenido { float:left; width:735px; margin:0 0 0 35px; }


/**** Navegacion ****/
#navegacion { width:733px; margin:6px 0 4px 4px; color:gray; font-size:0.7em; }
#sombra_navegacion { width:738px; height:16px; background:url(../img/reserva_aulas/navegacion_larga.gif) no-repeat; }


/**** Titulo seccion ****/
#titulo_seccion { margin-top:20px; }
#titulo_seccion img { vertical-align:middle; margin-right:10px; }
#subtituloSeccion { color:#91231b; font-size:0.9em; }


/***** Paso *******/
#pasoReserva { margin:20px; }
#pasoReserva img { margin-right:20px; }


/****** Estructura Main ********/
#main { margin-top:20px; }
#listado_aulas { float:left; width:484px; }
#aulas_seleccionadas { float:right; width:236px; }


/****** Listado de aulas *******/
.aula { width:484px; margin-top:1px; }
.aula .impar { background:#ececec; }
.aula .par { background:#f5f5f5; }
.aula .cabecera { height:45px; padding:5px; border-top:dotted 1px #6A6A6A; }
.aula .cabecera .nombre { width:360px; float:left; color:black; font-size:1em; }
.aula .cabecera .nombre span.aforo { color:#91231b; font-size:0.8em; }
.aula .cabecera .precio { float:right; text-align:right; color:#709321; font-weight:bold; font-size:1em; }
.aula .cabecera .precio a.btnDisponibilidad 
{ 
	display:block; 
	width:113px; 
	height:22px; 
	margin-top:2px; 
	padding-top:4px; 
	text-align:center; 
	color:black; 
	text-decoration:none; 
	font-size:0.7em; 
	background:url(../img/reserva_aulas/btnDisponibilidad.png) no-repeat; 
	font-weight:normal; 
}

.aula .cuerpo { margin:15px; }
.aula .cuerpo .col1 { float:left; width:175px; }
.aula .cuerpo .col1 .seleccion_fecha {}
.aula .cuerpo .col1 .cabecera_calendario { width:169px; background:#006699; }
.aula .cuerpo .col1 .cabecera_calendario .dia 
{ 
	float:left; 
	width:24px; 
	height:16px; 
	padding-top:2px; 
	font-size:0.7em; 
	font-weight:bold; 
	text-align:center; 
	color:white; 
}
.aula .cuerpo .col1 .contenedor_calendario { font-size:0.7em; }

.aula .cuerpo .col1 .otro_mes { background:#ECECEC; color:#AAA; }
.aula .cuerpo .col1 .primero { border-left:solid 1px #c3cddc; }
.aula .cuerpo .col1 .ultimo { border-left:none; }
.aula .cuerpo .col1 .hoy { font-weight:bold; color:#006699; }
.aula .cuerpo .col1 .seleccion_fecha select { margin-bottom:5px; width:82px; font-size:0.7em; border:solid 1px #a6a6a6; }
.aula .cuerpo .col2 { float:right; width:265px; font-size:0.75em; text-align:justify; }
.aula .cuerpo .col2 input { vertical-align:middle; }

.aula .cuerpo .col1 .contenedor_dia
{
	float:left; position: relative; width:23px; height:23px; border-right:solid 1px #c3cddc; border-bottom:solid 1px #c3cddc; border-top:none; cursor:pointer;
}

/*** Colores del calendario ***/
.aula .cuerpo .col1 .contenedor_dia .dia {width:23px; height:23px; position: absolute; padding-top:4px; text-align:center; z-index: 10; }
.aula .cuerpo .col1 .contenedor_dia .reservado_m {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/reservado_m.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .reservado_t {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/reservado_t.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .reservado_mt {position: absolute; width:23px; height:23px; background:#ff6666; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .pendiente_m {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/pendiente_m.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .pendiente_t {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/pendiente_t.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .pendiente_mt {position: absolute; width:23px; height:23px; background:#fc940d; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .seleccionado_m {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/seleccionado_m.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .seleccionado_t {position: absolute; width:23px; height:23px; background:url(../img/reserva_aulas/seleccionado_t.png) no-repeat; z-index: 0;}
.aula .cuerpo .col1 .contenedor_dia .seleccionado_mt {position: absolute; width:23px; height:23px; background:#7ddf3b; z-index: 0;}

/** Leyenda **/
.aula .cuerpo .col1 .leyenda { margin-top:10px; font-size:0.7em; }
.aula .cuerpo .col1 .leyenda img { vertical-align:middle; }
.color_reservado { color:#f70707; }
.color_pendiente { color:#da7d04; }
.color_seleccionado { color:#5bb91c; }


/***** Aulas Seleccionadas *****/
#aulas_seleccionadas .cabecera { padding:20px 10px; background:#91231b; color:white; font-size:.9em; font-weight:bold; text-align:center; }
#aulas_seleccionadas .cuerpo { margin-top:1px; padding:20px; border:solid 1px #dab6b3; background:#ececec; }
#aulas_seleccionadas .cuerpo p { margin-bottom:15px; font-size:0.75em; }
#aulas_seleccionadas .cuerpo p .nombre_aula { color:black; }
#aulas_seleccionadas .cuerpo p .fecha { color:black; }
#aulas_seleccionadas .cuerpo p .tramo { color:#91231b; }
#aulas_seleccionadas .cuerpo p a.eliminar { color:#187bac; text-decoration:none; }
#aulas_seleccionadas .cuerpo p a.eliminar:hover { text-decoration:underline; }

#aulas_seleccionadas .cuerpo a.btnContinuar 
{ 
	display:block; 
	margin:0 auto; 
	width:112px; 
	height:20px; 
	padding-top:2px; 
	text-align:center; 
	color:black; 
	text-decoration:none; 
	font-size:0.8em; 
	background:url(../img/reserva_aulas/btnContinuar.gif) no-repeat; 
	font-weight:bold; 
}


/***Creado para reemplazar el a por el boton: 25-01-2010**/
#aulas_seleccionadas .cuerpo input.btnContinuar
{
    margin:0 auto;
	width:112px;
	height:20px;
	text-align:center;
	color:black;
	text-decoration:none;
	font-size:0.8em;
	background:url(../img/reserva_aulas/btnContinuar.gif) no-repeat;
	font-weight:bold;
	border:none; 
}


#aulas_seleccionadas .cuerpo div.btnContinuar
{
    margin:0 auto;
	width:112px;
	height:20px;
	text-align:center;
	color:black;
	text-decoration:none;
	font-size:0.8em;
	background:url(../img/reserva_aulas/btnContinuar.gif) no-repeat;
	font-weight:bold;
	border:none;
	cursor:pointer;
}



.texto_selector
{
    font-size:0.7em;
    clear:none;
}

.select_hora
{
    float:left;
    clear:none;
}