@charset "utf-8";
/* 
Name: Operacion Red /elsalvador.com/
Author: Edwin Carbajal www.ecarbajal.com
Date: 05/Feb/2009
Note: uta mano
 */
 * { margin:0; padding:0; } 
body {background: url(../images/backF.jpg) #a0dffa; text-align:center; background-repeat:repeat-x;}
#wrap { width:969px; margin:0 auto; background:url(../images/2background.jpg) no-repeat; }

p, 
td, 
tr, 
span, 
div{
	text-align:justify; /* 	Evitando el centrado del texto en IE*/
}


/*head*/

#head { width:969px; height:274px;}
	
	/* contenedor logo opered */
	
	#headIzq { width:366px; height:181px; float:left;}
	
	/* contendor menu */
	
	#headDer {width:603px; height:126px; float:right; margin:55px 0 0 0;}
	
	#contenedorMenu{ width:600px; height:25px; padding:0; background-image:url(../images/fondoContenedorMenu.jpg);  }
	
	
/* espacio notas Up */

#notasUp { width:969px; height:201px; background:url(../images/4backUp.jpg) no-repeat;}
	
	/* contenedor izquiera de notasUp */
	/* el display:inline; usado en esta linea de abajo arregla el bug del maldito ie5 y el ie6 */
	
	#notasIzq { width:580px; height:189px; margin:5px 0 0 25px; float:left; display:inline;}
	
		/* img notasizq */
		#imgNI { width:253px; height:189px; float:left;}
		
		
		/* txt notasizq */
		
		#txNI { width:316px; height:189px; float:right; margin:0 5px 0 0;}
	
	/* contenedor derecha notasUp */
	
	#notasDer { width:310px; height:189px; float:right; margin:5px 15px 0 0; display:inline;}
		
		/* bloques de notas derechas */
		
		#bloque { width:560px; height:289px; margin: 10px;}
			
	
/*  contendoro segundo nivel notas  */

#full { width:969px; height:317px;}

	/*full izquierda*/
	
	#fullIzq { width:590px; height:307px; background:#9EB8CF; margin:10px 0 0 20px; float:left; display:inline;}
	
	/* Full Derecha */
	
	#fullDer { width:339px; height:307px; background: url(../images/4backAd.jpg) #bdbeb4; margin:10px 10px 0 0; float:right; display:inline;}
	

/* publicidad */

#adCuadro { width:300px; height:250px; margin:30px auto; background:#FFFFFF;}

	
/* pie */

#foot { width:936px; height:80px; margin:10px 0 0 20px; background:#9EB8CF; display:block; }	

/* disclaimer */

#disclaimer { white-space:936px; height:54px; margin:10px 0 0 20px;}

/* otros */

#imgGD { float:right; display:inline;}

/****** internas ******/

#fullI { width:969px; height:auto; display: inline-table;}
#fullII { width:600px; height:auto; background:#9EB8CF; margin:10px 0 0 20px; float:left; display:inline;}
#fullDI { width:320px; height:307px; background: url(../images/4backAd.jpg) #bdbeb4; margin:10px 10px 0 0; float:right; display:inline;}
#bloqueI { width:510px; height:auto; margin: 10px;}


/****** Seccion interne de sistema  *****/
#fullSys { width:969px; height:auto; display: inline-table;}
#fullISys { width:949px; height:auto; background:#9EB8CF; margin:10px 0 0 20px; float:left; display:inline; v}

	/* ad interna */
	
	#adCI { width:300px; height:250px; margin:10px 0 10px 10px; background:#FFFFFF;}
	
	/* tipos de letras */
	
	.Titulos { font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:16px; color:#13457e;}
	.Titulos2 { font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:16px; color:#13457e; width:250px; height:25px;}
	.resumen { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding:5px; word-spacing:2px; line-height:17px; text-align:justify;}
	.NotaC { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #000000; padding:5px; word-spacing:2px; line-height:14px; width:90px; text-align:center;}
	.NotaC A:link {text-decoration: none; color: #000000;}
	.NotaC A:visited {text-decoration: none; color: #000000;}
	.NotaC A:active {text-decoration: none}
	.NotaC A:hover {text-decoration: none; color: #0066CC;}
	.MasNews { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#13457e; padding:5px; word-spacing:2px; line-height:14px; text-align:justify; list-style-image:url(../images/bullet.gif); list-style-position:inside;}
	.MasNews A:link {text-decoration: none; color: #000000;}
	.MasNews A:visited {text-decoration: none; color: #000000;}
	.MasNews A:active {text-decoration: none}
	.MasNews A:hover {text-decoration: none; color: #0066CC;}
	.disclaimer { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #FFFFFF; padding:5px; word-spacing:2px; line-height:14px;}
	.resumen2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000000; padding:5px; word-spacing:2px; line-height:14px; text-align:justify;}
	
	
/*   Menú principal  */	

ul.menuPrincipal{
  	margin: 0;
	border: 0 none;
	padding: 0;
  	width: 590px; /*For KHTML*/
  	list-style: none;
  	height: 25px;
	text-align:justify;
	z-index:inherit;
	
 }
 
 ul.menuPrincipal li {
	  font-family: Arial, Helvetica, sans-serif; font-size:12px;
	  margin: 1px;
	  border: none;
	  padding:0 ;
	  float: left; /*For Gecko*/
	  display: inline;
	  list-style: none;
	  position: relative;
	  width: auto;	
	  height: 20px;
	  text-align:center;
	  vertical-align:middle;
	  background-color: #FFFFFF;
  
}


ul.menuPrincipal li a {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	display: block;
    padding: 6px 0 0 0 ;
    width: 80px;	
	height: 15px;
	background-color: #000000;
	text-decoration:none;
	color: #FFFFFF;
}

ul.menuPrincipal li a:hover {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	display: block;
	background-color: #4A4A4A;
	text-decoration:none;
	color: #FFFFFF;
}

ul.menuPrincipal li.actual a{
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	background-color: #FFFFFF;
	border:none;
  	width: 20px;	
  	height: 14px;
	color:#666666;

}

ul.menuPrincipal li a.grande {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	display: block;
    padding: 6px 0 0 0 ;
    width: 140px;	
	height: 15px;
	background-color: #000000;
	text-decoration:none;
	color: #FFFFFF;
}

ul.menuPrincipal li a.grande:hover {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	display: block;
	background-color: #4A4A4A;
	text-decoration:none;
	color: #FFFFFF;
}

/* Para formularios de inicio de sesión */

#contenedorFormularioLogin{
	position:relative;
	display:none;
	padding:0px;

}
#inicioSesionForm{
	position:absolute;
	left: 84px;
	top:-2;
	width: 300px;
	height: 190px;
	padding:0 10px;
	
}
.menuEstudiantes{
	background-image: url(../images/fondoMenuEstudiantes.jpg);
	background-repeat:no-repeat;
	
}
.menuFacilitadores{
	background-image: url(../images/fondoMenuFacilitadores.jpg);
	background-repeat:no-repeat;
}

.labelsInicioSesion{
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:12px;
	color:#FFFFFF;
}

.titulosInicioSesion{
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bolder;
}

.tablaInicioSesion{
	margin: 0px 0px;
	width:280px;
}

.tablaInicioSesion tr{
	padding-top:10px;
}

.errorLogin{
	color: #FFFF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFFFFF;
}

/* Menu Facilitador */
ul.menuFacilitador{
  	margin: 0;
	border: 0 none;
	padding: 0;
  	width: 700px; /*For KHTML*/
  	list-style: none;
  	height: auto;
	z-index:inherit;
	
 }
 
 ul.menuFacilitador li {
  margin: 2px;
  border: #000066 1px solid;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  width: auto;	
  height: 20px;
  text-align:center;
  vertical-align:middle;
  background-color: #FFFFFF;
  
}


ul.menuFacilitador li a {
	display: block;
    width: 90px;	
	height: 20px;
	background-color: #006699;
	text-decoration:none;
	color: #FFFFFF;
}

ul.menuFacilitador li a:hover {
	display: block;
	background-color: #0066CC;
	text-decoration:none;
	color: #FFFFFF;
}

ul.menuFacilitador li.actual a{
	background-color: #FFFFFF;
	border:none;
  	width: 20px;	
  	height: 20px;
	color:#666666;

}