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

/* background del la plantilla*/
BODY {
 	background-color:#fafbfd;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	text-align: justify;	
	/*line-height: 1.5;*/	
}


A {
  color: #3366CC;
  text-decoration: none;
  font-size: x-small;
}

a:link {
	text-decoration: none;
	color: #36C;
}
a:visited {
	text-decoration: none;
	color: #5680D6;
}
a:hover {
	text-decoration: none;
	color: #88A5E1;
}

A:hover { /* tomado de la Libreria*/
  color: #AABBDD;
  text-decoration: none;
  cursor: pointer;
}

a:active {
	text-decoration: none;
}

.ilistas {
	list-style-image: url(../images/ilistas01.png);
	text-align: justify;
	line-height: 20px;
	list-style-position: inside;
}

TD.main, P.main {
	font-family: Verdana, Arial, sans-serif;
/*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 12px;
  line-height: 1.5;
  text-align:justify;
  padding: 10px;
  text-align: justify;
}

.textbolt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: rigth;
}

.SubTituloBlanco {
	font-weight: bold;
	color: #FFFFFF;
	background-image:url(../images/bk_gradient_azul.gif);
	padding: 5px;
}

.textblanco {
	color: #FFFFFF;
	text-align:right;
}

.ResaltadoAzulOscuro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #000066;
	text-align:left;
}

.ResaltadoAzulClaro {
	color: #36C;
	font-weight: bold;
}

.ResaltadoParrafillo {
    font-family: calibri;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-style: oblique;
	font-size: 15px;
	color: #2D3F55;
	letter-spacing: 0.05em;
	vertical-align: middle;
	padding-left: 50px;
	padding-right: 50px;
}

.ResaltadoRosado {
	font-family: 'Trebuchet MS', Helvetica, sans-serif; 
	color:#CC0066;
	font-size:12px;
	font-weight:200;
	padding:15px;
}

.Vineta {
	height: auto;
	color: #747474;
	font-family: Calibri;
	font-size: 18px;
	font-weight: lighter;
	font-style: italic;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-color:#F1F4FA;
}

.Banner {
	background-image:url(../images/banner-bk.png);
	color: #2E2E2E;
	font-family: Calibri;
	font-size: 18px;
	font-style: italic;
	font-variant: small-caps;
	/*text-transform: capitalize; 
	vertical-align:middle;*/	
	font-weight: bold; 
	text-align:left;
	height: 40px;
	letter-spacing: 2px;
	padding-left: 9px;
	padding-top:9px;
	cursor:pointer;	
}

.BannerSac {
	background-image:url(../images/bannersac.png);
	color: #FFF;	
	font-family: Calibri;
	font-size: 20px;
	font-style: italic;
	font-variant: small-caps;	
	font-weight: bold;	
	padding-left: 9px;
	padding-top:9px;
	margin-left: -10px;
	cursor:pointer;
	width: 234px;
	height: 48px;
}

.Borde{
 border-bottom:#333333 1px solid;
 }

.TituloTema {
	font-size: 25px;
	/*font-family:times;*/
	font-family: Calibri;
	font-weight: lighter;
	font-style: italic;
	
	color: #2E2E2E;
	line-height: 25px;
	font-variant: small-caps;
	/*text-transform: capitalize;
	letter-spacing: 5px;
	padding-left: 20px;
	*/
}  
.SubTituloTema {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #2D3F55;	
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	line-height: 40px;
}

.Grande {
	font-size: xx-large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
}

/* esta es la clase de span para primera letra del resumen */
.LLL {
	float:left;
	color:#000066;
	font-size:90px;
	line-height:70px;
	padding-top:7px;
	padding-right:5px;
	font-family:times;
}

.borde-punteado {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: lighter;
	font-size: 11px;	
	/*background-color: #FEF0B8;*/
	border-right: 1px  dashed #B1C2D6;
	border-bottom: 2px solid #B1C2D6;
	border-left: 1px  dashed #B1C2D6;
	border-top: 1px dashed #B1C2D6;
	color: #004A95;
	line-height: 25px;	
	padding: 5px;
}

/* Este es el Div del Menu Superior para que siempre este fijo arriba */
#MenuSuperior{
	/*background-image:url(../images/bk-wb-superior.png);*/
	background-repeat: repeat;
	position: fixed;
	visibility: visible;
	width: 100%;
	height:270px;
	top: 0px;
	left: 0px;
	z-index: -12;
}
#MenuSuperiorSub{
	background-image:url(../images/bn-superior.png);
	background-position:center;
	position: fixed;
	visibility: visible;
	width: 920px;
	height:40px;
	top: 0px;	
	z-index: 12;
}

#MenuInferior{
	background-image:url(../images/bk-inf-0001.png);
	background-repeat:repeat;
	position: fixed;
	visibility: visible;
	width: 100%;
	height:90px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}

#MenuInferiorSub{
	position: fixed;
	visibility: visible;
	width: 100%;
	background-image: url(../images/bn-inferior.png);
	background-position: center;
	bottom: 0px;
	width:920px;
	height: 90px;
	margin-bottom: -20px;	
	z-index: 11;
}

#MenuInferiorSublogos{
	margin-top: -50px; padding-top: 30px; height:90px;
}

#MenuDerecha{
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	position: absolute;
	visibility: hidden;
	width: 200px;
	right: 0px;
	top: 50px;
	z-index: -9;
}

#MenuIzquierda{
	background-position-x: 50%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	position: fixed;
	left:18px;
	top: 0px;
	visibility: visible;
	width: 100%;
	z-index: -8;
}

#MenuLibreria{
	background-position-x: 50%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	position: fixed;
	right: 0px;
	bottom:50px;
	visibility: visible;
	width: 150px;
	height:350px;
	z-index: 2008;
}


#MenuMedio{
	background-position-y: 0%;
	background-repeat: no-repeat;
	visibility: visible;
	width: 100%;
	z-index: 7;
/*	text-align:center;*/
	margin-top:-10px;
	left:11px;
}

#iconocis {
	position:absolute;
	visibility: visible;
	left:60%;
	top:220px;
	width:245px;
	height:55px;
	z-index:1000;	
}

/* Este pone una imagen expandida en el fondo de la pagina web*/
/*#FondoBk {
	background-image: url(../images/bk-cis-2011.jpg);
	width:100%; 
	height:100%; 
	top: 0;
	left:0;
	position: relative;
}*/


#fondow {
	width:100%; 
	height:100%; 
	position: absolute; 	
	/*position: fixed;*/
	z-index: -3; 
	top: 0; 
	left:0;
}

/* Este escala ca una imagen expandida en el fondo de la pagina web*/
#escalado {
	position:relative;
	vertical-align: center;	
	z-index: -2; 
}

/* Este es el Div del Menu para que siempre este fijo a la derecha */
#Ayuda{
	background-position-x: 50%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	position: fixed;
	top: 180px;
	visibility: visible;
	width: 100%;
}

/* Borrar -utlizar para otros menus */
#Cubo{
	background-position-y: 0%;
	background-repeat: no-repeat;
	position: fixed;
	visibility: visible;
	width: 230px;
	background-color: #FFFFFF;
	top: 0px;
	z-index: 2010;
}

/* Borrar -utlizar para otros menus */
#Cubo1 {
	background-position-y: 0%;
	background-repeat: no-repeat;
	position:absolute;
	visibility: visible;
	width:230px;
	height:200px;
	top: 113px;
	z-index:1011;
	left: 2011px;
}