@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------Estilos por default-----------------------------------------------------------------*/

* { padding:0; margin:0;}

html { height:101%; } 

body {
	background-color: #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size: small;
	}

.estiloconvoca {
	font-size: xx-large;
	color: #000066;
	font-weight: bold;
	line-height: 18px;
	}

.estiloconvoca2 {
	font-size: x-large;
	color: #FF3300;
	font-weight: bold;
	}

.convocan {
	color: #000000;
}

.titulos {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, "Helvetica LT";
	font-size: x-large;
	font-weight: bold;
	color: #FF3300;
}

/*-----------------------------------------------------------Estilos para los divs principales --------------------------------------------------------*/

#total {
	color: #006699;
	width: 900px;
	background-color: #E3EEFB;
	padding: 20px;
	border: 1px solid #006699;
	margin: auto; /* centra la pagina web*/
	}

#cabeza {
	background-image: url(images/logo_head.jpg);
	width: 880px;
	height: 140px;
	padding: 10px;
	}

#contenedivs {
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	border: solid 1px #006699;
	margin-bottom: 5px;
	}

#contenido {
	background: #fff;
	text-align: justify;
	color: #006699;
	line-height: 18px;
	width: 623px;
	height: auto;
	padding: 10px;
	/*border: solid 1px #006699;*/
	margin-bottom: 5px;
	}

#contenidoindex {
	background: fff;
	text-align: justify;
	color: #006699;
	line-height: 18px;
	width: 623px;
	padding: 10px;
	/*border: solid 1px #006699;*/
	margin-bottom: 5px;
	}

#menu_der {
	width: 210px;
	height: 720px;
	float: right;
	background-color: #fff;
	padding: 10px 0px 10px 10px;
	/*border: solid 1px #006699;*/
	margin-bottom: 10px;
	}

/*-----------------------------------------------------------Estilos para botones de navegación----------------------------------------------------------------*/
#navega {
	font-size: small;
	color:#FFFFFF;
	padding-left: 11px; /*espacio entre el borde y el primer boton*/
	margin-top: 7px;
	margin-bottom: 4px;
	}

#navega li {
	display: inline; /*muestra la lista como un menú horizontal*/
	list-style-type: none;
	margin: 0; 
	}

#navega ul {
	margin: 0;
	}

#navega a {
	color: #FFFFFF;
	background-color: #006699;
	padding: 4px 7px 4px 7px; /*espacio entre botones*/
	border: 1px solid #006699;
	}	

#navega a:active {
	background-color: white;
	}
	
/*----------------------------------- Indicamos la navegación resaltando la sección en la que nos encontramos -----------------------------------*/
#navega a:hover,
#inicio #navi01 a,
#reg_emp #navi02 a,
#reg_est #navi03 a,
#resultados_1v #navi04 a,
#resultados_2v #navi05 a,
#resultados_3v #navi06 a,
#blog #navi07 a,
#contacto #navi08 a {
	text-decoration: none;
	color: black;
	background-color: white;
	padding-bottom: 5px;
	border-bottom: none;
	}
	
/*----------------------------------------------------------- otras propiedades --------------------------------------------------------------------*/

a {text-decoration:none; outline:none;}

a:link {color: #0000FF;} /*color de links en reposo*/

a:visited {color: #660099;} /*color de links visitados*/

a:hover, a:focus {text-decoration: underline;}

a:active {
	color: white;
	background-color:#FFFFFF;
}

#navega .activa a {
    text-decoration: none;
	color: black;
	background-color: white;
	padding-bottom: 5px;
	border-bottom: none;
	}
	
#navega .activa{
    text-decoration: none;
	color: black;
	background-color: white;
	padding-bottom: 5px;
	border-bottom: none;
	}

/*----------------------------------------------- estilos para bordes en las imagenes imágenes -----------------------------------------------------------*/

.img-wrapper img {
	background-color: #FFFFFF;
	/*border: 1px solid #006699;*/
	padding: 5px; /*agrega un margen blanco entre la imagen y la sombra aparentando un marco blanco*/
	margin : 0 5px 6px 0;
}

/*----------------------------------------------- estilos para TABLAS -----------------------------------------------------------*/

table {
	font-size: smaller;
}

.empresa {
	background: #006699;
	color: #FFFFFF;
	font-weight: bold;
}

.estudiante {
	background: #E3EEFB;
	color: #006699;
}

th, {
	padding: 5px;
}

td {
	border-bottom: solid 2px #FFFFFF;
	padding: 5px;
	margin-bottom: 2px;
}