/*
*****************************************************************
* Sistema de Información - Educación Virtual Versión 1.0
* Descripcion: Sistema de Información Educación Virtual para el manejo de contenidos dinamicos y lograr diversas formas de apoyo a los procesos de enseñanza y de aprendizaje utilizando los avances en la tecnología informática.
* Fecha y versión: 2008-03-16 1.0
* Autor: Fernando Montes Botero
* Email: fmontes.botero@gmail.com
* Ultima Modificacion:
* Modificado por:
*****************************************************************
*/

/* CSS Document */

body{
	background-image:url(imagenes/fading_background_2.png);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
/*	color:#4F4F4F;*/
	color:#000000;
	margin-top:2px;
}

table{
	background-color:#FFFFFF;
}

.fondo{
	background-image:url(fuentes/siguiente.png);
	background-repeat:repeat-x;
}

.fondo_encuesta{
	background-image:url(imagenes/fondo_encuesta.jpg);
	background-repeat:repeat-x;
}

.borde_encuesta{
	background-color:#EBEBEB;
	font-size:11px;
	border: 1px solid #006699;
}

.recuardroweb{
	border: 1px solid #006699;
}

.centro{
	text-align:center;
}

.cuadro{
	background-color:#F9F9F9;
	border: 1px solid #006699;
	padding-left:3px;
	padding-right:2px;
}

input, select, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding-left:1px;
	padding-right:1px;
}

/* Definición de estilo para vinculos */
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Tipo de letra */
	font-size: 12px; 									/* Tamaño letra */
	font-weight: normal;								/* Estilo tamaño normal */
	color: #004B97;										/* Color letra */
	text-decoration: none;								/* Decoración del texto */
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Tipo de letra */
	font-size: 12px; 									/* Tamaño letra */
	font-weight: normal;								/* Estilo tamaño normal */
	color: #004B97;										/* Color letra */
	text-decoration: none;								/* Decoración del texto */
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Tipo de letra */
	font-size: 12px; 									/* Tamaño letra */
	font-weight: normal;								/* Estilo tamaño normal */
	color: #FF6600;										/* Color letra */
	text-decoration: none;								/* Decoración del texto */
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Tipo de letra */
	font-size: 12px; 									/* Tamaño letra */
	font-weight: normal;								/* Estilo tamaño normal */
	color: #FF6600;										/* Color letra */
	text-decoration: none;								/* Decoración del texto */
}

.requerido{
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
}

.grid_titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:capitalize;
	text-align:center;
	background-color:#006699;
/*	background-image:url(imagenes/grid_titulo.jpg);
	background-repeat:repeat-x;*/
}

.grid1{
	background-color:#B1CA7D;
	color: #000000;
	text-align:center;
}

.grid2{
	background-color:#D0E0B4;
	color: #000000;
	text-align:center;
}

.lista:hover{
	background-color:#FFCC00;
}

.small_titulo{
	background-color:#EBEBEB;
	font-size:11px;
	font-weight:bold;
	color:#006699;
	text-align:center;
}

.paginacion{
	text-align:center;
}

.rspagina{
	font-style:italic;
	text-align:right;
	padding-left:2px;
	padding-right:2px;
}

.bordepagina{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006699;
	border-left-color: #006699;
}

.subtitulos{
	font-weight:bold;
	text-transform:capitalize;
	color:#006699;
	padding-left:3px;
	padding-right:3px;
}

.fechas{
	font-size:9px;
	font-style:italic;
	padding:2px;
	text-align:right;
}

.fondo_cabecera{
	background-image:url(imagenes/fondo_cabecera.jpg);
	text-align:center;
}

.fondo_top{
	background-color:#006699;
	text-align:center;
}

.bordepie{
	background-color:#F0F0F0;
	padding-left:5px;
	padding-right:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FC9A03;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}

.busqueda{
	background-color:#EBEBEB;
	font-size:11px;
	font-weight:bold;
	color:#006699;
	text-align:center;
	border: 1px dashed #006699;
	padding:1px;
}

a.noticias:link {
	color: #006699;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;

}

a.noticias:visited {
	color: #006699;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

a.noticias:hover {
	color: #FFFFFF;
	background-color: #006699;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

a.noticias:active {
	color: #FFFFFF;
	background-color: #006699;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

.texto_small{
	font-size:9px;
	text-align:justify;
	padding-left:2px;
	padding-right:2px;
}

.noticia{
	background-color:#EBEBEB;
	padding:4px;
	text-align:justify;
}

.actual {
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color:#E8FBA8;
}

.fotografia{
	width:30%;
	height:30%;
}

a.mapasitio:link {
	font-size:11px;
	color: #00486A;
	text-decoration:none;
	padding:3px;
}

a.mapasitio:visited {
	font-size:11px;
	color: #00486A;
	text-decoration:none;
	padding:3px;
}

a.mapasitio:hover {
	font-size:11px;
	color: #333333;
	background-color: #FDE49B;
	text-decoration:none;
	padding:3px;
}

a.mapasitio:active {
	font-size:11px;
	color: #333333;
	background-color: #FDE49B;
	text-decoration:none;
	padding:3px;
}

.titulo_mapasitio{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #006699;
	padding:3px;
	background-color: #E6E6E6;
}

.descripcion{
	font-size: 9px;
	font-weight: normal;
	color: #003366;
	text-align:justify;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
}

.usuario{
	color:#006699;
	padding-left:2px;
	padding-right:2px;
}

.contacto{
	font-size:18px;
	color:#006699;
	text-transform: capitalize;
}

.nota_importante {
	text-align:left;
	font-size:11px;
	color:#D25400;
	padding:3px;
}

.informacion{
	text-align:left;
	padding:3px;
	color:#000000;
}

.mensaje_clave{
	font-size:11px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

.validez_certificado{
	font-size:12px;
	color:#000000;
	padding-bottom:2px;
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	background-color:#E6E6E6;
}

.system{
	background-color:#333333;							/* Color de fondo */
	visibility:hidden;
	text-decoration:line-through;
	width:10px;
	height:10px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(imagenes/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(imagenes/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/overlay.png", sizingMethod="scale");
}