/* GENERALES */
body {
	font-family :Arial, Helvetica, sans-serif;
	margin : 20px 0px 20px 0px;
	background: #C8D4F2;
}
a{
	text-decoration: none;
}
a img {
	border:0;
}
a:hover{
	text-decoration: underline;
}

.volver {		/* boton volver */
	float:right; margin-right:20px; font-size:11px;	
	
}
a.volver {
	color: #E39616;
	font-weight:bold;
}
/* FIN GENERALES */

/*CAPA CONTENEDORA*/

#capaContenedora{
	position:relative; 
	width:778px;
	height: auto; 
	background: #FFFFFF;
	margin-left: auto; 
	margin-right: auto; 
	visibility:visible; 
	border: 10px solid #FFFDFE;
	top:3px;
}

/* FIN CAPA CONTENEDORA*/

/* CABECERA */
.cabeceraTitulo{
	background: #FFB901;
	height: 30px;
}
.cabNombreEscuela{
	font-size: 12px;
	padding-top: 5px;
	float: left;
	margin-left: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.cabIcono{
	float:right;
	margin-right: 5px;
	margin-top: 5px;
	text-decoration: none;	
}
.cabeceraImg{
	background: White;
	margin-top: 5px;
}
.logoUPO{ 
	float:left; 
}
.logoBanner{
	float:right;
}
.dimensionBanner{
	width: 614px;
}
.pieBanner{
	background: #FFE39C;
	padding:3px 0px 3px 160px;
}

/* FIN CABECERA */

/* CUERPO */
.cuerpo{ 
	background: url('Images/fondo_cuerpo2.jpg') no-repeat bottom;
	width: 100%;
	height:100%; position:static;	
	
	clear:both
}
/* COLUMNA IZQUIERDA */
/* Color de fondo: #A0B1D2 */
.columnIzq{
	width: 19.4%; 
	height:auto;
	float: left;
	margin-right: 13px;
	margin-bottom: 170px; 
	background: #A0B1D2; /*url(ArchivosWeb/ico_estrella_azul.gif) no-repeat;*/
	
}
.buscador{
	border-bottom: 5px solid #FFB901;
}
.buscador_sup{
	background: #00009E;
	height: 16px;
	padding: 3px 0px 3px 11px;
}
.tituloBuscador{
	float:left;
}
.buscador_inf{
	background: #FFE39C;
	height: 23px;
	padding:5px 0px 2px 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.tituloBuscador{	
	color:#ffffff;
	font-weight: bold;
	font-size:11px; 
	
	
}
.campo_text{
	border: 1px solid #999;
	width:110px;
	height: 15px;
	font-size: 12px;
}
.textoABuscar{ 
	float:left;
}
.btnBuscar{ 
	float:left;
}	
.cont_elmto_izqda, .cont_elmto_drcha{
	margin-top: 6px;
}
.elmto_izqda {
	background: #EDF3FF;
	margin: 3px 6px 1px 6px;
	padding: 2px 1px 2px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
a.elmto_izqa {
	color:  #888888;
}
.seccionIzq{
	color: #4C4C4C;
	font-weight: bold;
}
.subseccionIzq{
	position: relative;
	height: auto;
	margin-left:5px;
	margin-top:2px;
	margin-right:3px;
	margin-bottom:3px;
	font-weight: bold;
	color: #4C4C4C;
}


/* FIN COLUMNA IZQUIERDA */
/* CENTRO */
.centro{ 
	float:left;
	width:65%;
	height:auto;
	margin-right:-12px;
}
.imagenBienvenida{
	float:left;
	background: url('Images/bienvenida.jpg') no-repeat;
	width:65%;
	height:220px;
	margin-right:-12px
}
.fondo_pluma{
	background: url('Images/ico_pluma.gif') no-repeat;
	padding-left: 22px; 
	margin-top:15px; 
	margin-bottom:5px;

	font-weight: bold;
	font-size:14px
}

.titularesNoticias{
	width:100%;
}
.noticiaEPSPanelPrincipal{
	margin-top: 5px;
	border-bottom: 1px solid #FFE39C;
	padding-top: 5px;	
	text-align:justify;
}

.noticiaPanelPrincipal{
	width:100%;	
	background: #E7E7E7;
	padding: 0px 7px 0px 7px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #fff; 
	font-size:12px;
}

.titularesEPS{
	color: #00009E;
	font-weight:bold;
}

.titulares{
	color:#000000;
	font-weight:bold;
	font-size:10.5px;
}

.fechaYDemas{
	width:100%;		
	font-size:10px;
	color:#000000
}

.noticias{
	margin-left:3px;
	margin-right:3px;
	font-size:12px;
	color:#000000; 
}

a.importante{

	text-decoration:none;

	background-color:transparent;

	font-weight:normal;

	color:#FF0000; 

	font-size:9px;

}

.msnError{
	border: 2px solid red;
	background: url('Images/error.gif') no-repeat;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	margin-right:3%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:60px;
	text-align:left;
	color: #00009E;
	font-size:12px
	
}

/* FIN CENTRO */

/* COLUMNA DERECHA */ 
.columnDer{ 
	background: #CAD7F0;
	height:auto;
	width:14%;	
	float: right;
}
.seccion{
	color: #4C4C4C;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom:10px; 
	margin-left: 5px;
	font-size: 11px;	
}

a.seccion {
	color:  #888888;
	}

.separaSeccion{
	margin-top:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-weight:bold; 
	border-bottom: 4px solid #EDF3FF; 	
}

.documento{
	background: url('Images/ico_doc_adj.gif') no-repeat; 
	padding-left: 20px;
	margin-left:10px;
	margin-top:10px;	
	margin-bottom:10px; 	
	color:  #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px
}
.enlace{ /* ico_mundo.gif */
	background: url('Images/ico_mundo.gif') no-repeat; 
	padding-left: 20px;
	margin-left:10px;
	margin-top:10px;		
	margin-bottom:10px; 
	color:  #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px	
}
.pagUnica{ /* flecha_naranja.gif */
	background: url('Images/flecha_naranja.gif') no-repeat; 
	padding-left: 20px;
	margin-left:10px;
	margin-top:10px;	
	margin-bottom:10px; 	
	color:  #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px	
}

/* Color de fondo; #CAD7F0 */
/* FIN COLUMNA DERECHA */

/*MOSTRAR NOTICIAS*/

.noticiaMostrada{
	position: relative; 
	width: 94%; 
	height: auto;
}

.titularNoticiaMostrada{ 
	width:100%; 
	margin-top:10px; 	
	background: #FFB901;
	padding: 0px 7px 0px 7px;
}

.fuenteTitularNoticiaMostrada{
	font-size:12px;
	color:#ffffff;
	font-weight:bold; 
	height: auto; 
	background: url('Images/ico_estrella_azul.gif') no-repeat;
	padding-left: 20px
}

.datosNoticiaMostrada{
	position:relative;
	height:18px;
	width:100%;
	margin-top:10px;
}

.fuenteDatosNoticiaMostrada{
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

.cuerpoNoticiaMostrada{
	position:relative; 
	height:auto;
	margin-top:20px;
	margin-right:0px;
}

.fuenteCuerpoNoticiaMostrada{
	font-size:12px; 
	color:#000000; 
	margin: 0px 0px 0px 0px ;
	margin-left:5px; 
	margin-right:5px; 
	margin-top:10px; 
	text-align:justify;
	margin-bottom:10px;
}

/* FIN MOSTRAR NOTICIAS*/

/*ARCHIVOS ADJUNTOS*/

.archivoAdjunto{
	background: url('Images/ico_doc_adj.gif') no-repeat; 
	padding-left: 20px;
	margin-left:20px;
	margin-top:3px	
}

/* FIN ARCHIVOS ADJUNTOS*/

/*TABLÓN MOSTRAR DOCUMENTOS EPS*/

#documentosEscuela{
	COLOR: #000000;  
	position: relative; 
	margin-left:0px;  
	width: 94%;
	height: auto; 
	visibility: visible; 
	float:left;
	margin-bottom:5px;
}

.titularDocumentoEscuela{ 
	width:100%; 
	margin-top:10px; 	
	background: #FFB901;
	padding: 0px 7px 0px 7px;
}

.fuenteTitularDocumentoEscuela{
	font-size:12px;
	color:#ffffff;
	font-weight:bold; 
	height: auto; 
	background: url('Images/ico_estrella_azul.gif') no-repeat;
	padding-left: 20px;
	margin-bottom:20px
}

#cuerpoDocumentosEscuela{
	text-align: left; 
	vertical-align: middle;
	font-size:12px; 
	COLOR: #000000; 	
	position:relative; 
	height: auto; 
	margin-left:2px; 
	margin-top:3px; 
	visibility: visible; 	
}
.documentosPanelPrincipal{

	padding: 0px 7px 0px 7px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #fff; 
	font-size:12px;
}
/* FIN TABLÓN MOSTRAR DOCUMENTOS EPS*/


/*PIE DE PAGINA*/

.piePagina{
	position:relative;
	height: 100%; 
	width: 100%;
	visibility: visible;
	border-top: 4px solid #ffffff;
	padding: 2px 0px 2px 0px;
	font-weight:bold;
	font-size:12px;
	background-color: #6D8DC7;
	color: #ffffff;
	clear:both;	/*Para que se ponga abajo y no se ponga encima de las noticias y el panel de la derecha, quiere decir: "ponlo donde no tenga nada a ambos lados*/
}

.pieIzq{
	float:left;
	position:relative; 
	width:auto;
	height:auto;
}
.pieDer{
	float:right;
	position:relative; 
	width:auto;
	height:auto;
}
a.enlacePie{ 
	color:#FFFFFF;
}

/*FIN PIE DE PAGINA*/




/* clase para que las contenedoras se agranden cuando no lo hacen por que todas son float, hayq ue incluir unca capa de esta clase al final */
.agrandaContenedora{
	clear:both;
}
/* clase para que las contenedoras se agranden cuando no lo hacen por que todas son float */ 

/*TABLONES NOTICIAS*/
	

/*TABLÓN ANUNCIOS ESCUELA*/

#noticiasEscuela{
	COLOR: #000000;  
	position: relative; 
	margin-left:0px;  
	width: 54%;
	height: auto; 
	visibility: visible; 
	float:left;
	margin-bottom:5px;
}

#tituloNoticiasEscuela{
	text-align: center; 
	Font-weight:bold;
	margin-right:-1px; /*Si no en IE da fallos*/
	vertical-align: middle;
	margin-top:-1px;
	BACKGROUND-COLOR: #0A4265; 
	font-size:9px; 
	COLOR: #ffffff;
	position: relative; 
	visibility: visible;
	height:auto;
}

#cuerpoNoticiasEscuela{text-align: left; 
	vertical-align: middle;
	BACKGROUND-COLOR: #FFFFFF; 
	font-size:12px; 
	COLOR: #000000; 	
	position:relative; 
	height: auto; 
	margin-left:2px; 
	margin-top:3px; 
	visibility: visible; 	
}

/* FIN TABLÓN ANUNCIOS ESCUELA */

/*TABLÓN ANUNIOS DOCENCIA*/

#noticiasDocencia{
	float:right;
	COLOR: #000000; 
	position: relative; 
	width: 41%;
	height: auto; 
	visibility: visible; 
	margin-bottom:5px; 
	margin-right:15px; 
	
}

/* FIN TABLÓN ANUNCIOS DOCENCIA */


/*DATOS ESCUELA*/

.tituloEscuela{
	color:#00009E;
}

.datosDireccionEscuela{
	margin-left:75px;
	font-family:arial;
	font-size:12px;
	margin-top:4px;
}

.cuerpoDatosEscuela{
	margin-left:75px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	margin-top:4px;
}

.cuerpoProfesoresEscuela{
	margin-left:75px;
	font-family:arial;
	font-size:12px;
	margin-top:4px;
}

.finDatos{
	height:10px;
}

.titularCuerpoDatosEscuela{
	margin-top:10px;
	margin-left:55px;
	margin-bottom:10px;
	font-family:arial;
	font-size:14px;
	color:#00009E;
	font-weight:bold; 
	border-bottom: 2px solid #ffcf0d; 
	width:80%; padding-bottom:5px;	
}

/* FIN DATOS ESCUELA*/

/* PANEL DE CONTROL */
.tituloGestion{
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	font-family:arial;
	font-size:14px;
	color:#00009E;
	font-weight:bold; 
	border-bottom: 2px solid #ffcf0d; 
	width:80%; padding-bottom:5px;	
}

.pConTituloTabla{
	background:#FFB901; 
	padding-bottom:5px; 
	padding-top: 5px;

	font-size:12px;
	color:#000000; 
	width:100%;
}
table.pConDatosMostrados{
	border:solid #FFB901 2px;
	margin-top:-6px;
	font-size:12px;
	position:relative;
	margin-left:3px;
	margin-right:3px;	
	color:#000000; 	
}




/* FIN PANEL DE CONTROL */

/* FORM enviar sugerencias */
.tituloEnvSug{
	position:relative;
	margin-left:3px;
	margin-right:3px;
	font-size:12px;
	color:#000000; 
}
.datosMensajeAEnviar{
	position:relative;
	height:18px;
	width:100%;
	margin-top:1px;
}

/* FIN FORM enviar sugerencias */


/*	DE AKI PARA ABAJO NO DEBE VALER NADA, CUANDO ESTÉ COMPLETO EL CSS...*/




.boton{
	position:relative;
	float:right;
	text-align: center;
	width: 58px;
}


.boton a:hover{
	font-weight: normal;
}

.leyendaboton{
	margin-top:-3px;
	font-size: 6pt;
}

.nulo{
	clear: both;
	visibility: collapse;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

/*BARRA LATERAL*/

#menu{
	float:right;
	position:relative;
	height:auto;
	background-color:#ffffff;
	width: 15%;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.menuNuevo{
	text-align: left;
	margin-right:5px;
	font-weight:bold;
	BACKGROUND-COLOR: #ffdc4f; 
	font-size:12px;
	COLOR: #000000; 
	position:relative;
	visibility:visible;
	margin-bottom:5px;

}

.contenidoMenuNuevo{
	position:relative;
	text-align: left;
	width:96%;
	font-weight:normal;
	vertical-align: middle;
	background-color: #ffdc4f; 
	font-size:12px; 	
	color: #000000;
	position: relative;  
	margin-top: 5px;
	margin-left:5px;
	margin-right:3px;
}

.subMenu{
	position: relative;
	height: auto;
	margin-left:5px;
	margin-top:2px;
	margin-right:3px;
	margin-bottom:3px;
}

/*IMAGENES UPO*/
img.foto{
	width:100%;
}
#menuFotos{
	position:relative;
	margin-top:5px;
	margin-right:5px;
}

/*ACCESO PANEL DE CONTROL*/

#contenedoraLogin{
	text-align:center;
	position: relative; 
	float:left;
	width:500px;
	height: 322px; 
	margin-left:10px;
	margin-top: 20px;
}

#comprobacionLogin{
	position: absolute;
	left:100px;
	width:360px;
	height: 135px;
	top: 40px;
	background-color:#FFE39C; 
	border-color: #00009E;
	border-style: solid;
	border-width:2px;
}

#accesoUsuarios{
	position:absolute;
	left:100px;
	width:120px;
	height:22px;
	top:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center
}

#usuario{
	position: absolute; 
	width: 75px; 
	height: 22px; 
	left: 85px; 
	top: 55px;
	font-size:12px;
	font-weight:bold;
	text-align:left
}

#entradaUsuario{
	position:absolute;
	width:100px;
	height:22px;
	left:160px;
	top:50px;
	background-color:#ffffff
}

#password{
	position: absolute;
	width: 75px; 
	height: 22px;
	left: 85px;
	top: 85px;
	font-size:12px;
	font-weight:bold;
	text-align:left
}

#entradaPassword{
	position:absolute;
	width:100px;
	height:22px;
	left:160px;
	top:80px;
	background-color:#ffffff
}

#imagenLlaves{
	position:absolute;
	width:65px;
	height:85px;
	left:15px;
	top:20px
}

#imagenLogin{
	position:absolute;
	width:60px;
	height:25px;
	left:215px;
	top:120px
}

/*Administración Panel de Control*/

.panelControl{position: absolute; width: 771px; height: 410px; z-index: 1; left: 25px; top: 140px;
}

.contenidoPanelControl{
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:78%;
}

/*Gestionar Currículums*/
.contenedoraCurriculums{
	margin-left:5px;
	margin-top:3px;
	margin-right:5px;
	background:#ffdc4f;
	width:100%;
}
.cabeceraCurriculum{
	margin-left:auto;
	margin-right:auto;
}
.curriculum{
	position:relative;
	float:left;
	margin-left:5px;
	width:98.5%;
	font-size:14px;
	margin-right:5px;
	margin-top:3px;
	border: 2px solid #e0e0e0;
	background:#f1f1f1;
}

.contenedoraParteCurriculum{
	position:relative;
	margin-right:3px;
	margin-left:3px;
	font-size:14px;
	padding-left:5px;
}
.centrar{
	margin-left:auto;
	margin-right:auto;
}
h3{
	text-align:center;
}
ul{
	text-align:justify;
}

.centroPanelControl{ 
	float:left;
	width:63%;
	height:auto;
	font-size:12px;
}

/* Seccion antiguos alumnos **********/

.SeparadorListadoAlumnos{
	margin-top: 3px;
	border-bottom: 1px solid #FFE39C;
	padding-top: 3px;	
	padding-bottom: 3px;
	width:80%;	
	text-align:justify;
}

div.panelAdministracion{
	padding-left: 20px;
	margin-bottom:60px;
}

div.englobaSeccion{
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 120px;	
}

div.opciones{
	font-size: 12px;
	color: #000099;
	padding-left: 20px;
	margin-bottom:20px;	
	margin-left:10px;
}

div.perfil{
	font-size: 12px;
	color: #000000;
	padding-left: 20px;
	margin-bottom:20px;	
	margin-left:10px;
}


a.opcion{
	margin-right:20px;
}

/* Foro Antiguos Alumnos **/

.TituloTablaForo{
	background:#FFB901; 
	padding-bottom: 5px; 
	padding-top: 5px;
	text-align: center;
	font-size:12px;
	color:#000000; 
}

.TituloRespForo{
	background:#FFB901; 
	padding-bottom: 2px; 
	padding-top: 2px;
	text-align: center;
	font-size:12px;
	color:#000000; 
}

table.DatosForo{
	border:solid #FFB901 2px;
	margin-top:5px;
	font-size:12px;
	position:relative;
	margin-left:3px;
	margin-right:3px;	
	color:#000000;
	padding-top: 0px;	
	text-align:justify;
}

#cuerpoDocumentosForo{
	text-align: left; 
	vertical-align: middle;
	font-size:12px; 
	COLOR: #000000; 	
	position:relative; 
	height: auto; 
	margin-left:2px; 
	margin-top:3px; 
	padding-left:10px;
	visibility: visible; 	
}

.DetallesForo{
/*	width:100%;		*/
	font-size:11px;
	text-align: center;
	color:#000000;
}

.DetallesTemaRespuesta{
	border-right: 2px solid #FFE39C;
	vertical-align:top;
	width: 25%;  
	font-size:11px;
	padding-left:2px;
	text-align: justify;
	color: #333333;
}

.DetallesCuerpo{
	font-size:11px;
	width: 75%;  
	text-align: justify;
	padding-left:5px;
	padding-right:5px;
	color: #000000;
}

.GestionaRespuesta{
	text-align: right;
}

td.Separador{
	border-bottom: 1px solid #FFE39C;
}

tr.TemaBorrado{
	background-color:#CCCCCC;	
}