body {background: url(../gfx/fondo.jpg) repeat-x; background-position: top center; margin: 0px auto; font-family: Arial; font-size: 9pt; background-color: #052850;}

/* Menú superior */
.menu {float: left; width: 824px; height: 36px; background-color: #787200; text-align: center;}
	.opcionAreaAlumnos {float: right; background-color: #e9e1c3; color: #787200; font-size: 11pt; padding-left: 10px; padding-top: 7px; padding-right: 50px; height: 23px; margin-top: 3px;}
	.opcionAreaAlumnos a {color: #787200; font-size: 11pt; text-decoration: none;}
	
	.opcionMenu {float: right; padding-left: 20px; padding-right: 20px; padding-top: 10px;}
	.opcionMenu a {color: #FFFFFF; text-decoration: none; font-size: 11pt;}
	
	.opcionMenuSelected {float: right; height: 26px; padding-left: 20px; padding-right: 20px; padding-top: 10px; background-color: #FFFFFF;}
	.opcionMenuSelected a {color: #787200; text-decoration: none; font-size: 11pt;}
	
	.separadorMenu {float: right; width: 1px; height: 36px; background-color: #dcdbbf; font-size: 0.1pt;}

/* contenidos */
.contenido {float: left; width: 750px; min-height: 450px; height: auto !important; height: 450px; text-align: left; margin-top: 50px; margin-left: 20px; padding-bottom: 100px;}
	.fotoIzquierda {float: left; width: 190px; height: 400px; overflow: Hidden;}
	.separadorCentro {float: left; width: 20px; height: 400px;}
	.contenidoDerecha {float: left; width: 540px;}
		.categoria {float: left; width: 500px; text-align: left; padding-left: 40px; font-weight: bold; font-size: 12pt;}
		.separador_2 {float: left; width: 540px;}
		
		.tituloTexto {float:left; width: 520px; height: 20px; text-align: left; padding-top: 40px; padding-left: 20px; color: #FFFFFF; background-color: #787200; font-weight: bold; font-family: Arial; font-size: 10pt;}
		.contenidoTexto {float: left; text-align: left; width: 520px; padding-top: 20px; padding-left: 20px;}

		.descripcionCategoria {float: left; width: 520px; padding-top: 20px; padding-left: 20px;}

/* menu de subcategorías */
.menuSubcategorias {float: left; text-align: left; width: 520px; padding-left: 20px; font-family: Arial; font-size: 10pt;}
	.opcionSubcategoria {float: left; width: 520px;}
		.linkSubcategoria {color: #525354; text-decoration: none;}
		.linkSubcategoria:hover {color: #787200; text-decoration: none;}
		.linkSubcategoria_selected {color: #787200; text-decoration: none;}
	
	.opcionTexto {float: left; width: 500px; padding-left: 20px;}
		.linkTexto {color: #525354; text-decoration: none;}
		.linkTexto:hover {color: #787200; text-decoration: none;}
		.linkTexto_selected {color: #787200; text-decoration: none; font-weight: bold;}

/* Área de alumnos */
.contenedorAutentificacion {float: left; width: 540px; margin-top: 10px; background-color: #cccccc;}
	.separadorFormulario {float: left; width: 540px; height: 20px;}
	.formularioAutentificacion {float: left; width: 310px; padding-left: 100px;}
		.campoAutentificacion {float: left; width: 100px; padding-top: 6px; color: #525354;}
		.elementoAutentificacion {float: left; width: 205px;}
		.inputAutentificacion {font-family: Arial; font-size: 9pt; width: 200px;}
		.separadorLineasAutentificacion {float: left; width: 305px; height: 5px; font-size: 0.1pt;}

.tituloCategoriaAda {float:left; width: 520px; height: 40px; text-align: left; padding-top: 20px; padding-left: 20px; color: #525354; background-color: #cccccc; font-weight: bold;}

.menuAdaTextos {float: left; width: 520px; padding: 10px;}
	.borderBottom {border-bottom: 1px solid #000000;}
	.opcionAdaTexto {float: left; width: 520px; height: 18px; padding-top: 4px;}
		.linkAdaTexto {color: #787200; text-decoration: none; font-weight: bold;}
		.linkAdaTexto_selected {color: #525354; text-decoration: none; font-weight: bold;}

.paginacionFondoColor {float: left; width: 540px; background-color: #cccccc;}
	.paginaAnterior {float: left; padding-top: 4px; padding-bottom: 4px;}
		.paginaAnterior a {font-size: 7pt; font-weight: bold; text-decoration: none; color: #000000; padding-left: 15px;}
	.paginaSiguiente {float: right; padding-top: 4px; padding-bottom: 4px;}
		.paginaSiguiente a {font-size: 7pt; font-weight: bold; text-decoration: none; color: #000000; padding-right: 15px;}

/* formulario de alta */
.height1 {height: 40px;}
.height2 {height: 20px;}
.height3 {height: 10px;}
.cabecera1 {color: #787200; font-weight: bold;}
.inputAltaAda {font-family: Arial; font-size: 9pt;}
.campoAltaAda {float: left;}
.elementoAltaAda {float: right;}
.condicionesUsoAltaAda {float: right; background-color: #FFFFFF; padding: 10px; font-size: 7pt; width: 300px;}

.errorAltaAda {border: 1px solid #FF0000; height: 30px; color: #FF0000; font-weight: bold; background-color: #FFFFFF;}

/* Pie del área de alumnos */
.pieAda {float: left; width: 540px; background-color: #cccccc; margin-top: 20px; padding-bottom: 10px;}
.cabeceraPie {float: left; color: #525354; font-weight: bold; width: 450px; padding-left: 90px; padding-top: 10px;}
.separadorPie {float: left; width: 540px; height: 5px; font-size: 0.1pt;}
.campoPie {float: left; width: 100px; padding-left: 90px; padding-top: 2px; color: #525354;}
.elementoPie {float: left; width: 350px;}
.inputPie {font-family: Arial; font-size: 9pt; width: 230px;}
.botonPie {font-family: Arial; font-size: 9pt;}

/* Estilos generales */
.linkContenido {color: #787200;}

/* archivos */
.separadorArchivos {float:left; width: 540px; height: 20px;}
.contenedorArchivo {float:left; width: 540px;}

/* Contacto */
DIV#formularioContacto {display:block; float: left; padding-top: 20px; width: 540px;}
.tituloContacto {float: left; width: 120px; margin-bottom: 5px;}
.elementoContacto {float: left; width: 420px; margin-bottom: 5px;}
.separadorBotones {float:left; width:540px; height: 5px; font-size: 0.1pt;}
input.contacto, textarea.contacto, select.contacto {width: 375px;}
.botonContacto {width: 185px;}

/* Imágenes */
IMG.ifoto {float: left; margin: 5px; border: none;}
IMG.dfoto {float: right; margin: 5px; border: none;}
IMG.cfoto {float: center; margin: 5px; border: none;}