/*......General......*/

html{margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-family:"Century Gothic",Helvetica,Tahoma,Verdana; font-size:13px; background:url("./imagenes/stripe3.png");}
p{text-align: justify; padding:0px 20px 0px 0px;}

.fila{text-align: left;display: block;margin: 0px;width:100%;float: left;height:24px;}
.fila2{height:32px;}
.etiqueta{font-weight:bold;width:220px;margin-bottom: 10px;margin-top: 5px;display: block;float: left;}
.campo{display: block;margin-top:0px;}

/*......Estructura......*/

#contenedor-cabecera-index{margin: 0px; padding:0px; height:114px; width: 100%;} /*posicion capa cabecera*/
#centrada{margin: 0px; padding:0px;left:50%; margin-left: -503px; width:1005px; position: absolute;}/*para centrar la cabecera*/
#izquierda{width:181px;float:left;margin:0px;padding: 0px;}
#derecha{width:181px;float:left;margin:0px;padding: 0px;}

#content-index{margin-left:-503px; padding:0px 0px 0px 0px; left:50%; position: absolute; width:1005px; background-color: #ffffff;} /*contenedor centrado*/
#arriba-index{width:1005;margin:0px;padding:0px;background-color: #ffffff;}
#izquierda-index{width:170px;float:left;margin:0px;padding: 0px; background-color: #ffffff;}
#centro-index{width:600px;float:left;margin:0px;background-color: #ffffff;}
#derecha-index{width:170px;float:left;margin:0px;padding:0px;}

#centro-matricula{width:735px;float:left;margin:0px;}

/*#contenedor-cabecera-docentes{margin: 0px; padding:0px; height:155px; width: 100%;background-color: #ffffff;background: url("./imagenes/cabecera/seccion-docentes.png") center repeat-x;}
#contenedor-cabecera-medicos{margin: 0px; padding:0px; height:155px; width: 100%;background-color: #ffffff;background: url("./imagenes/cabecera/seccion-medicos.png") center repeat-x;}*/
/*#logo{margin: 0px; padding:0px; width:1005px; height:114px;background-color: #ffffff;}*/
/*#imagenes{margin: 0px; padding:0px; width:1010px; height:123px;}*/
/*#content{margin-left:-485px; padding:0px 0px 60px 0px; left:50%; position: absolute; width:1025px;}*/

/*......Texto......*/

.encabezado1{font-size: 150%;background-color:inherit; color:#f16c00; width:100%;}
.encabezado2{font-size: 120%;color:#81c105; width:100%;}
.encabezado3{font-size: 110%;color:#12209E; width:100%;}

.encabezado1-docentes{font-size: 150%;color:#12209E; width:100%;text-align: center;font-variant: small-caps;}
.encabezado2-docentes{font-size: 120%; color:#12209E; text-align: center;}
.encabezado3-docentes{font-size: 110%; color:#12209E;}

.encabezado1-medicos{font-size: 150%;color:#81c105; width:100%;text-align: center;}
.encabezado2-medicos{font-size: 120%; color:#81c105;}
.encabezado3-medicos{font-size: 110%; color:#81c105;}

.texto_menu{font-variant: small-caps; font-weight: bold; color:#000000; font-size:15px;}

.texto_peque{font-size:11px;}

/* Hack para IE 6 */
* html #content {height:100%;}

/*......Menu Cabecera......*/

.cabecera ul{list-style:none; margin:0px; padding:0px;}
.cabecera li{margin:0px; padding:0px; list-style:none; float:left;}
.cabecera li a{list-style:none; text-decoration:none; display:block; margin:0px; padding:0px;}

/* menu izquierda */

#menu {position: relative; margin: 0px auto; padding: 0px; width: 152px; height: 320px;}
#menu li {width: 152px; position: absolute;  background: url("./imagenes/menu-grande.png") 0 0 no-repeat; display: block; list-style: none;}
#menu a {width: 152px; display: block; border: none;}
#menu a:hover {border: none; }

#menu #seccion1 {left: 0px; top: 0px; background-position: 0px 0px; height: 31px;font-size: 31px;}
#menu #seccion2 {left: 0px; top: 31px; background-position: 0px 31px; height: 29px;font-size: 30px;}
#menu #seccion3 {left: 0px; top: 60px; background-position: 0px 60px; height: 28px;font-size: 30px;}
#menu #seccion4 {left: 0px; top: 88px; background-position: 0px 88px; height: 28px;font-size: 30px;}
#menu #seccion5 {left: 0px; top: 116px; background-position: 0px 116px; height: 28px;font-size: 28px;}
#menu #seccion6 {left: 0px; top: 144px; background-position: 0px 144px; height: 47px;font-size: 47px;}
#menu #seccion7 {left: 0px; top: 191px; background-position: 0px 191px; height: 28px;font-size: 30px;}
#menu #seccion8 {left: 0px; top: 219px; background-position: 0px 219px; height: 47px;font-size: 50px;}
#menu #seccion9 {left: 0px; top: 266px; background-position: 0px 266px; height: 47px;font-size: 50px;}


#menu #seccion1 a:hover {background: url("./imagenes/menu-grande.png") 0px -315px no-repeat;border: none; height: 31px;font-size: 31px;}
#menu #seccion2 a:hover {background: url("./imagenes/menu-grande.png") 0px -346px no-repeat;border: none; height: 29px;font-size: 31px;}
#menu #seccion3 a:hover {background: url("./imagenes/menu-grande.png") 0px -375px no-repeat;border: none; height: 28px;font-size: 30px;}
#menu #seccion4 a:hover {background: url("./imagenes/menu-grande.png") 0px -403px no-repeat;border: none; height: 28px;font-size: 30px;}
#menu #seccion5 a:hover {background: url("./imagenes/menu-grande.png") 0px -431px no-repeat;border: none; height: 28px;font-size: 28px;}
#menu #seccion6 a:hover {background: url("./imagenes/menu-grande.png") 0px -459px no-repeat;border: none; height: 47px;font-size: 47px;}
#menu #seccion7 a:hover {background: url("./imagenes/menu-grande.png") 0px -506px no-repeat;border: none; height: 28px;font-size: 28px;}
#menu #seccion8 a:hover {background: url("./imagenes/menu-grande.png") 0px -534px no-repeat;border: none; height: 47px;font-size: 50px;}
#menu #seccion9 a:hover {background: url("./imagenes/menu-grande.png") 0px -581px no-repeat;border: none; height: 47px;font-size: 50px;}

/* Lista sustitucion de imagenes*/

/*......Capas Info......*/

#capa_info_acceso{font-size: 12px;}
#capa_info_datos{font-size: 12px;}
#capa_info_interino{font-size: 12px;}
#capa_info_pack{font-size: 12px;}
#capa_info_curso{font-size: 12px;}
#capa_info_descuentos{background-color: white;}
#capa_info_apadrinamiento{background-color: white;}
#capa_info_privados{font-size: 12px;}

/*......Contenido......*/

.resaltado{background-color:inherit; color:#f16c00;font-weight:bold;text-align: center;}
.lista {margin-left: 80px;text-align: justify;}
.cuadro {list-style: square;}
.ninguno {list-style: none; padding-left: -10px;}

.fila_resaltada{background-color:#d4d7dd;color:#12209e;font-size:90%;}
.fila_blanca{background-color:#ffffff;color:#12209E;font-size:90%;}
.centrado{text-align: center;}
.texto_menu{font-variant: small-caps; font-weight: bold; color:#000000; font-size:15px;}
.punteado{ border-bottom-style: dashed; border-width: 2px; border-color: #f16c00; font-size: 90%; background-color: #d4d7dd;} 
.linea{ border-bottom-style: solid; border-width: 2px; border-color: #f16c00; font-size: 90%;} 
a:link {text-decoration:none; color: #12209e;} /* Link no visitado*/
a:visited {text-decoration:none;} /*Link visitado*/
a:active {text-decoration:none; color:#f16c00;} /*Link activo*/
a:hover {text-decoration:underline; color:#f16c00;} 



/*......Formulario......*/

.cabecera_formulario{font-size:18px;font-weight:bold;width:100%;padding: 2px;height:22px;margin-bottom: 10px;background-color: #d4d7dd;color:#12209E;}
.caja{border: solid 1px; color: #545e76;font-family:"Century Gothic,Helvetica,Tahoma,Verdana"; font-size:13px;}
.boton{width:150px; padding:4px; font-family:"Century Gothic,Helvetica,Tahoma,Verdana";text-decoration:none;text-align:center;font-size:11px;color:#ffffff;background-color:#f16c00;}
.boton2{width: 80px; padding: 0px; font-family: "Century Gothic,Helvetica,Tahoma,Verdana"; text-decoration: none;text-align:center; font-size: 11px;color: #ffffff; background-color: #f16c00;}

form {padding-top: 15px;padding-left: 0px}

/*......Identificacion......*/

#centrado{text-align: center;margin:10px 0px 0px 0px;}

/*......Formulario Cambio Datos......*/

.boton_gordo{width:350px; padding:4px; font-family:"Century Gothic,Helvetica,Tahoma,Verdana";text-decoration:none;text-align:center;font-size:13px;font-weight: bold;color:#ffffff;background-color:#f16c00;}
.boton_rojo{width:250px; font-family:"Century Gothic,Helvetica,Tahoma,Verdana";text-decoration:none;text-align:center;font-size:11px;color:#ffffff;background-color:red;}

.fondo_negro { 
   background: #000000;
   display: block;
   position: absolute;
   left: 0; top: 0;
   width: 100%;
   height: 3000px;
   z-index: 1001;
   opacity: .75; /* opacidad para Firefox */
   filter: alpha(opacity=75);  /* opacidad para Internet Explorer */
   visibility:hidden;
}

.contenedor_fcd {
	position: absolute;
	left: 50%;top: 50%;
	width: 720px;
	height: 525px;
	margin-top: 430px;
	margin-left: -307px;
	overflow: auto;border: 1px solid red;
	background-color: white;
	padding:10px;
	z-index:1002;
	opacity: 1; /* opacidad para Firefox */
	filter: alpha(opacity=100);  /* opacidad para Internet Explorer */
	visibility:hidden;
}


/*......Esquinas redondas......*/

/*.redondo{ margin: 0 10%;background: #f16c00}
b.rtop, b.rbottom{display:block;background: #D4D7DD}
b.rtop b, b.rbottom b{display:block;height: 1px;
	overflow: hidden; background: #f16c00}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.redondo_2{ margin: 0 10%;background: #ffffff}
b.rtop_2, b.rbottom_2{display:block;background: #D4D7DD}
b.rtop_2 b, b.rbottom_2 b{display:block;height: 1px;
	overflow: hidden; background: #ffffff}
b.r1_2{margin: 0 5px}
b.r2_2{margin: 0 3px}
b.r3_2{margin: 0 2px}
b.rtop_2 b.r4_2, b.rbottom_2 b.r4_2{margin: 0 1px;height: 2px}*/