@charset "utf-8";
/* CSS Document */
html,body
{
				font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;
				font-size:14px;
				text-decoration:none;
				background-color:#223359;
				padding:0px;
				letter-spacing: normal;
				margin-right: 0px;
				margin-left: 0px;
				margin-bottom: 0px;
				margin-top: 0px;
}

/*---------------------------------------------
					BUSQUEDA
-----------------------------------------------*/	
p {
padding:5px;
}

body {
	height:620px;
	
}

a
{
	text-decoration:none;
	color:#3300FF;
	border-bottom:dotted 1px #999;
	font-size: 14px;
}
a:hover
{
	color:#990000;
	border-bottom:solid 1px #990000;
}
.cta-buscar
{
	background-color:#E6F0F7;
	top:4px;
	right:10px;
	z-index:50;
	padding:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	width: 400px;
	float: right;
}	
	
/*--------------------------------------------------------
					LOGIN
----------------------------------------------------------*/
.buttonfield:hover,.buttonfield:focus
{
	background:#ddd;
	border:solid 1px #ccc;
	color:#fff;
}
.buttonfield
{
	border:solid 1px #ddd;
	color:#ccc;
	font:bold 11px/normal Tahoma, Verdana;
	margin-top:10px;
	padding:4px;
	background-color: #000033;
}
#wrapper
{
	background:#E6F0F7;
	border:solid 1px #00CCFF;
	margin:0;
	width:250px;
	text-align:left;
	padding:25px;
	float: right;
	display: block;
	margin-top: 20px;
	margin-right: 10px;
	color: #4084bf;
}
#footer
{
		padding:10px;
		margin:10px auto;
}
.comentario
{
	height:auto;
	width: 400px;
	float: left;
	font-size:12px;
	left:auto;
	background: #E6F0F7;
	color: #4084bf;
	margin-top: 20px;
	border: solid 1px #00CCFF;
	margin-left: 10px;
}
/*----------------------------------------------------------
			CONTENEDOR DE PAGINA WEB
------------------------------------------------------------*/
.container1
{
	margin:auto;
	padding:10px;
	width: 753px;
	height: 450px;
	display: block;
	border: solid 1px #999;
	margin-top: 50px;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
}

.contenedor
{
	height:450px;
	width:750px;
	background-color:#FFFFFF;
	margin:auto;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
}

.cim
{
	margin-top:50px;
	margin-left:0;
	background: #E6F0F7;
}
/*-------------------------------------------------------------------
			MENU TIPO NAVEGACION SUPERIOR
---------------------------------------------------------------------*/
ul.menu,ul.menu li
{
	list-style-type:none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 2px;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	width: 740px;
	margin-right: 8px;
	margin-bottom: 0px;
}
ul.menu li
{
	width:133px;
	font-size:7px;
	float: right;
	margin: 0;
}
ul.menu a
{
	display:block;
	width:130px;
	padding:3px 0;
	font: 9px Verdana,Arial,sans-serif;
	text-transform:uppercase;
	background: #336699;
	color: #FFFFFF;
	text-decoration:none;
	text-align: center;
}
ul.menu a:hover
{
	background: #003366;
	color:#FFFFFF;
	width: 130px;
	margin: 0;
}

/*--------------------------------------------------------
		FORMULARIOS EN GENERAL
----------------------------------------------------------*/
form
{
	padding:15px; 
	margin:0;
}
.FSF_form
{
	margin:0;
	padding:0;
	text-align:center;
}
.FSF_input
{
	border:1px solid #ddd;
	border-left-color:#c3c3c3;
	border-top-color:#7c7c7c;
	height:20px;
	display:inline;
	width:150px;
	font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;
	font-size:11px;
	color:#666;
	background-color:#fff;
	background-image:url(imagenes/icono_lupa.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.Tex-Tarea
{
	border:1px solid #ddd;
	border-left-color:#c3c3c3;
	border-top-color:#7c7c7c;
	height:120px;
	display:inline;
	width:150px;
	font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;
	font-size:11px;
	color:#666;
	background-color:#fff;
}
.FSF_submit
{
	font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;
	font-size:10px;
	color:#666;
	margin-left:3px;
	margin-top: 2px;
}
.asterisco 
{
	color: #FF0000;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
#err
{
	text-align:center;
	color:red;
	position:absolute;
	top:0; left:0;
	padding:10px 0px;
	border-top:solid 3px #FF6A6A;
	display:block;
	width:100%;
	background:#FFF2F2;
}
label
{
	font-weight:bold;
	display:block;
}
.textfield
{
	background:#f0f0f0;
	border:solid 1px #ccc;
	padding:3px;
	margin:4px 0px 4px 0px;
	width:90%;
}
.textfield:hover, .textfield:focus
{
	background:#fff;
	border:solid 1px #333;
	color:#000;
}
/*---------------------------------------------------------------------
							BANNER Y LOGOS
-----------------------------------------------------------------------*/
.logo
{
	display: block;
	color: #000066;
	font-size:20px;
	font:bold;
	width: 250px;
	border:solid 1px #f0f0f0;
	width:250px;
	text-align:left;
	padding:20px;
	background-color: #FFFFFF;
	margin-top: 200px;
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;
}
#userBanner 
{
	color: #336699;
	font-weight: bold;
	font-size: 0.8em;
}
#courseBanner {
	color: #336699;
	font-size: 0.8em;
	font-weight: bold;
	border-top: 1px #999999 solid;
}
#userBannerLeft
{
	position: relative;
	float: left;
	text-align: left;
	font-size: 14px;
}
.userName {
	color: #669933;
	font-weight: bold;
	margin: 0;
	font-size: 16px;
}
/*---------------------------------------------------------------------------
						TITULOS VARIOS
-----------------------------------------------------------------------------*/
.cuadro {
	border-style: solid;
}

.tr
{
	font-family:"Times New Roman",Verdana,Tahoma,sans-serif;
	font-size:15px;
}
.hr 
{
	background-color: blue;
	color: white;
	font-family: Arial;
	font-size: 15px;
	margin-top: 40px;
}
.titulo
{
	color:#4084bf;
	font-size:24px;
	font:bold;
	background-color: #E6F0F7;
	border: solid 1px #00CCFF;
}
.subtitulo
{
	font-size:18px;
	color: #999999;
	margin-top: 30px;
	background-color: #E6F0F7;
	border: solid 1px #00CCFF;
}	
.claroCmd
{
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4084bf;
}
.claroToolTitle {
	margin: 10px 0 10px 10px;
	padding: 0;
	font-weight: bold;
	border-bottom: 1px solid #DEDEDE;
	text-indent: 15px;
	background-image: url(../imagenes/fleche_vert.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	float: left;
	color: #999999;
}

/*---------------------------------------------------------------------------
								LISTAS
-----------------------------------------------------------------------------*/
.item 
{
	padding-left: 16px;

}
.lista
{
	list-style-image: url(../imagenes/cursos.gif);
	list-style-position: inside;
	font-size: 10px;
	color: #4084bf;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
}
.actividad
{
	list-style-position: inside;
	font-size: 10px;
	color: #4084bf;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
/*---------------------------------------------------------------------------
								Menu Despegable Vertical
-----------------------------------------------------------------------------*/

#menunav {
	margin: 0;
	padding:0;
}
#menunav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image:  url(../imagenes/debajo_btn.jpg);
	/* background-repeat: repeat-x; */
	border-bottom: 1px solid #0074E3;
	background-color: #0074E3;
}
#menunav ul {
	border-top: 1px solid #eeeeee;
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#menunav ul li {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
}
#menunav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 4px 12px 4px 10px;
	color: #ffffff;
	border-top: 1px solid #0061BD;
	border-right: 1px solid #0061BD;
	border-bottom: 0;
	border-left: 4px solid #0061BD;
	line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
	color: #333333;
	background-color: #0061BD;
	letter-spacing: 0.01px;
	border-top: 1px solid #0061BD;
	border-right: 1px solid #0061BD;
	border-left: 4px solid #0061BD;
	background-image:  url(../imagenes/encima_btn.jpg);
	background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
	font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
	background-image:  url(../imagenes/flecha.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menunav .menutrg:hover {
	background-position: right center;
	background-image:  url(../imagenes/encima_btn.jpg);
	background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
	left: -9000px;
	border: 0;
}
#menunav .menushow {
	left: auto;
	z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
	top: 150px;
	left: 10px;
	width: 150px;
	font-size: 0.85em;
	float: left;
}
.opaco 
{
	filter: alpha(opacity=50); 
	opacity: .5;
	-moz-opacity: .50;

	
}
.lado
{
	background:#E6F0F7;
	border:solid 1px #00CCFF;
	margin:0;
	width:450px;
	text-align:left;
	padding:25px;
	float: right;
	display: block;
	margin-top: 20px;
	margin-right: 10px;
	color: #4084bf;
}
/*---------------------------------------------------------------------------
								Carga de archivos (upload)
-----------------------------------------------------------------------------*/
.titulo {
	font-family: "Trebuchet MS", Verdana;
	font-size: 18px;
	font-weight: bolder;
	color: #003366;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	text-align: center;
	padding-left: 30px;
}
.casilla {
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	border: 1px solid #D4D0C8;
}
.boton {
	border: 1px solid #D4D0C8;
	font-family: "Trebuchet MS", Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	background-color: #D4D0C8;
	vertical-align: middle;
}

.subtext {
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
	background-color: #EFEFEF;
}
.infsub {

	font-family: "Trebuchet MS", Verdana;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
}
.text {
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
}
.link {

	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	text-align: center;
}
a.link:hover {


	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	text-decoration: underline;
	text-align: center;
}
li {
	list-style-type: circle;
	font-size: 16px;
	text-decoration: none;
}
.linkli {


	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #0000C0;
	text-decoration: none;
}
a.linkli:hover {



	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #0000C0;
	text-decoration: underline;
}