/* PRINCIPAL */
body {
   background-color: #0077BE;
}

/* MÓDULO DE INSTRUCCIONES */
.instruccionesTabla {
   background-color: #009DDC;
   /*border-right: 1px solid #000000;*/
}

.instruccionesTitulo{
   padding-left: 12px;
   padding-right: 12px;
   font-weight: bold;
   font-family: Arial, Verdana;
   font-size: 15px;
   color: #fff;
   background: #999;
}

.instruccionesTexto {
   background: #009DDC;
   color: #fff;
   padding-left: 12px;
   padding-right: 12px;
   font-family: Verdana, Arial;
   font-size: 12px;
}
.instruccionesSalir {
  padding-left: 12px;
   padding-right: 12px;
   color: #000000;
   font-family: Verdana, Arial;
   font-size: 12px;
   text-decoration:none;
  
}
.instruccionesSalir:hover {
text-decoration:underline
}
/* GENÉRICO PARA TODOS LOS PASOS */
.pasosTabla {
   /*background-color: #FFFFFF;
   border-bottom: 1px solid #000000;*/
}

.pasosTitulo{
   font-family: Arial, Verdana;
   font-size: 16px;
   font-weight: bold;
}

.reservasBoton {
   border: solid 1px #000000;
   font-family: Verdana, Arial;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   background-color: #FFFFFF;
   width: 100px;
}

.reservasBotonSel {
   border: solid 1px #000000;
   font-family: Verdana, Arial;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   background-color: #0077BE;
   width: 100px;
}

.fotoPortada {
   border: 1px solid #FFCC00;
}


/* PASO 1 */
.paso1Tabla {
   background-color: #FFFFFF;
}

.paso1TituloPrograma {
   font-family: Arial, Verdana;
   font-size: 13px;
   color: #ffffff;
  
   font-weight: bold;
}

.paso1Titulo {
   font-family: Arial, Verdana;
   font-size: 11px;
   color: #000066;
   
   font-weight: bold;
}

.paso1Titulo_ {
   font-family: Arial, Verdana;
   font-size: 15px;
   color: #000066;
   font-weight: bold;
}

.pasoazul{
background-color:#d2cfca;
width:300px;
height:100px
}

.paso1Texto{
   font-family: Verdana, Arial;
   font-size: 12px;
}

.paso1Acceso {
   font-family: Verdana, Arial;
   font-size: 10px;
   padding:5px 0 10px 0;
   margin: 0 0 0 0;
}

a.paso1Enlace {
   color: #0077BE;
   font-weight: bold;
   text-decoration: none;
}

a.paso1Enlace:hover {
   color: #0077BE;
   font-weight: bold;
   text-decoration: underline;
}

/* PASO 2 GENÉRICAS */
.paso2TituloReservas {
   font-family: Arial, Verdana;
   font-weight: bold;
   font-size: 10px;
}

.paso2Fechas {
   font-family: Arial, Verdana;
   font-size: 10px;
}

.paso2Entradas {
   font-family: Verdana, Arial;
   font-size: 11px;
}

.paso2Foto {
   font-family: Verdana, Arial;
   font-weight: bold;
   font-size: 13px;
   padding-top: 4px;
}

/* PASO 2_1 */


/* PASO 2_2 */
/* PASO 3 */
.pasosTablaplz {
   background-color: #FFFFFF;
   border: 1px solid #000000;
}
.paso3Encabezado {
   background-color: #DBDBDB;
   color: #003366;
   font-family: Verdana, Arial;
   font-size: 15px;
   font-weight: bold;
   padding-left: 10px;
}

.paso3formulario {
    background-color: #DBDBDB;
   color: #003366;
   font-family: Verdana, Arial;
   font-size: 12px;
   font-weight: bold;
}

.paso3CampoTexto{
   width: 250px;
}
.paso3CampoCorto{
   font-family: Verdana, Arial;
   width: 30px;
   text-align:center;
}
/* PASO 4 */
/* PASO 5 */
.paso5Caja{
   font-size: 11px;
   font-family: Verdana, Arial;
   color: #003366;
   text-align: left;
   border: 1px solid #FF0000;
   background-color:white;
   width:454px;   
}

/* PIE GENERAL */
.pieTabla {
   background-color: #DBDBDB;
}

.pieTexto {
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #666666;
}

a.pieEnlaceCorreo {
   color: #666666;
   text-decoration: none;
}

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

.tit_leyenda{
   font-family: Verdana, Arial;
   color: #036;
   font-weight: bold;
   text-decoration: underline;
   font-size: 15px;
}
.txt_leyenda{
   font-family: Verdana, Arial;
   color: #000;
   font-size: 11px;
}
.leyenda{
   background: #dbdbdb;
}
.tbl_plazas {
  border: 0px solid #000;
}
.tbl_plazas td{
  border: 0px solid #000;
}
.enlace_mover {
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #0077BE;
  text-decoration: none;
}
.fechas{
  border: 1px solid #0077BE;
}
.encabezado{
   font-family: Verdana, Arial;
   color: #036;
   font-weight: bold;
   font-size: 15px; 
}

.muestra_fechas{
   padding: 3px;
}

.muestra_datos{
   padding: 5px 0px;
}

.eti_datos{
   font-family: Verdana, Arial;
   font-size: 12px;
   color: #036;
}
.input_datos{
   font-family: Verdana, Arial;
   font-size: 12px;
   color: #036;
   font-weight: bold;
}
.destacado{
   color: #f00;
}


/* PANTALLA DE LOGIN */
.tablalogin {
   background-color: #009DDC;
}

.errorLogin {
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #FF1111;
   font-weight: normal;
   background-color: #FFFFFF;
}
/* LISTA DE PLAZAS */
.cajaDatosReserva {
   background-color: #000000;
}

.textoTitulo {
   text-align: left;
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #000000;
   background-color: #DBDBDB;
   font-weight: bold;
}

.textoNormal {
   text-align: left;
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #000000;
   background-color: #FFFFFF;
   font-weight: normal;
}
.textoNormalBoton {
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #000000;
   background-color: #FFFFFF;
   font-weight: normal;
}

.profesores{
   font-family: Verdana, Arial;
   font-size: 10px;
   color: #FFFFFF;
   background-color: #D51D39;
   font-weight: normal;
}
.botonGuardar{
	font-family: verdana, arial;
	font-size: 12px;
	font-weight:bold;
	background-color: #AAAAAA;
	color: #000066;
	border:1px solid #000066;
}

#textoConfirmacionReserva {
	background-color:white;
	width:545px;
}