/* ---------------------------------- */

body {
	background: lightred ;
	color: black;
	margin: 1;
	padding: 0;
	font-size: large;
	font-family:Verdana;
}

h1 { margin: 0; }

/* ---------------------------------- */


form {
	font-weight: bold;
	font-size: normal;
}

form table {
	background-color: #f2f2f2;
}

textarea {
    font-size: 1.5em;
}

input, select {
	font-family: inherit;
	font-size: inherit;
	margin: 2;
}

input[type="submit"]:hover { background: #198d98; }

/* ---------------------------------- */

.celdaCentro
{
	text-align: center;
}

.celdaDerecha
{
	text-align: right;
}

.mensaje
{ 
font-size: normal;
text-align: left;
background-color:lightgreen;
}

.mensajeError
{ 
font-size: normal;
text-align: left;
background-color:red;
}

/* subtituloDer debería llamarse subtituloIzq*/
.subtituloDer
{ 
font-size: normal;
text-align: left;
font-weight: bold;
}

#etiqueta {
	font-size: 12px;
	margin-top: 16px;
}

/* ---------------------------------- */

#encabezado_pagina p {
	font-size: normal;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1px;
}

#estado p {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	margin-top: 1px;
}

#estado a {
	font-size: 12px;;
}



/* ---------------------------------- */

#barra table {
	width: 100%;
	font-weight: bold;
	font-size: large;
	background-color: #f2f2f2;
	border: 1px solid black;
}

/* ---------------------------------- */

#tabla table  {
	width:100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}



#tabla th {
  text-align: left;
  background-color: #3377CC ;
  color: white;
  border: 1px solid #ddd;
  font-size: large;
  font-weight: bold;
  text-transform: uppercase;
}


#tabla tr:nth-child(even){background-color: #f2f2f2;}

#tabla tr:hover {background-color: #aed;}

#tabla a:link {   text-align: center;  }



.pie_descriptor tr {
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: x-large;
}

.pie_descriptor tr:nth-child(even){background-color: #f2f2f2;}

.pie_descriptor tr:hover {background-color: #aed;}

.pie_descriptor a:link {   text-align: center;  }




#tabla_2 table {
	width:100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}

#tabla_2 th {
  text-align: left;
  color: white;
  border: 1px solid #ddd;
  font-size: x-large;
  font-weight: normal;
  background-color: #3377CC ;
}

#tabla_2 td {
  text-align: left;
  border: 1px solid #ddd;
  font-size: x-large;
}


#tabla_2 tr:nth-child(even){background-color: #f2f2f2;}

#tabla_2 tr:hover {background-color: #aed;}

#tabla_2 a:link {   text-align: center;  }


#tabla_3 table {
	width:100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: normal;
}

#tabla_3 th {
  text-align: left;
  color: white;
  border: 1px solid #ddd;
  font-size: x-large;
  font-weight: normal;
  background-color: #3377CC ;
}

#tabla_3 td {
  text-align: left;
  border: 1px solid #ddd;
  font-size: normal;
}


#tabla_3 tr:nth-child(even){background-color: #f2f2f2;}

#tabla_3 tr:hover {background-color: #aed;}

#tabla_3 a:link {   text-align: center;  }


#pub table {
	width:100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}

#pub th {
  text-align: left;
  color: white;
  border: 1px solid #ddd;
  font-weight: normal;
  background-color: #3377CC ;
}

#pub td {
  border: 1px solid #ddd;
}

#pub2 table {
	width:100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}

#pub2 th {
  text-align: left;
  color: white;
  border: 1px solid #ddd;
  font-weight: normal;
  background-color: #3377CC ;
}

#pub2 td {
  border: 1px solid #ddd;
}


/* ---------------------------------- */

a {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: large;
		font-weight: 900;
		text-decoration: underline;
		color: #000080;
		border: 0px solid #FFFFFF;	
		padding: 3px;
	}
a:hover {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: large;
		font-weight: 900;
		background-color: #FFCCFF;
		text-decoration: none;
		color: #FF0000;
		border: 0px solid #FF0000;
		padding: 3px;
	}

/* ----------------------------------*************************************************** */

#login-form h1 {
	background-color: #3377CC;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 14px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
}

#login-form fieldset {
	border-radius: 0 0 5px 5px;
	padding: 20px;
	position: relative;
	
}



#login-form input[type="text"],
#login-form input[type="password"] {
	border: 1px solid #dcdcdc;
	padding: 12px 10px;
	width: 100%;
}

#login-form input[type="text"] {
	border-radius: 3px 3px 0 0;
}

#login-form input[type="password"] {
	border-top: none;
	border-radius: 0px 0px 3px 3px;
}

#login-form input[type="submit"] {
	border-radius: 3px;
	font-weight: bold;
	float: right;
	margin-top: 20px;
	padding: 12px 20px;
}

#login-form input[type="submit"]:hover { background: #198d98; }

/* Elementos del menú */

.letrero {
	background-color: #3377CC;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.institucion {
	text-align: center;
}

.satto {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}



/* Diseño para celulares y tabletas */
#menu, #encabezado_pagina, #estado, #barra, #tabla, #tabla_descriptor ,#tabla_2,#tabla_3, #subtabla , #pub {
	float:none;
	width:98%;
	padding: 2px;
}

#tabla td  {
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}

#tabla_descriptor td  {
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: large;
}

#subtabla {
	width:98%;
	padding: 2px;
	float:none;
	margin-top: 20px;
	}


#calificaciones, #descriptores {
	width:98%;
	float:none;
	padding: 2px;
}

#login-form {
	margin: 50px auto;
	width: 80%;

}

#login-form input {
	font-size: x-large;

}

#login-form table {
	width: 100%;

}

#tabla_descriptor table  {
	width:100%;
	border-collapse: collapse;
  	font-size: large;
  	border:none;
}

#tabla_descriptor td  {
	border-collapse: collapse;
	border: none;
  	font-size: large;
	}

/* Diseño para computadores */ 
@media screen and (min-width: 1020px) {
	#menu {
		float:left;
		width:18%;
	}

	#encabezado_pagina, #estado,  #barra, #tabla, #tabla_descriptor, #tabla_2 ,#tabla_3, #pub {
		float:left;
		width:80%;
	}

	#subtabla {
		float:left;
		width:83%;
	}
	
	#calificaciones, #descriptores {
	float:left;
	width:48%;
	}

#tabla td  {
	border-collapse: collapse;
	border: 1px solid #ddd;
  	font-size: x-large;
	}

#login-form {
	margin: 50px auto;
	width: 300px;
	}

#login-form input {
	font-size: large;
	}

}