.contenedor {width:901px; margin:0px; padding:0px;}

.encabezado { width:900px; height:216px; float:left;}

.cuadrorojodevideo {width:179px; height:140px; margin:0px; padding-bottom:5px; padding-top:10px; padding-left:0px; padding-right:0px; float:left; background-repeat:repeat; background-image:url(../images/pagina/fondo%20180%20x%2015%20rojo%20degradado%20ambos.jpg); }

.calendarioweb {width:179px; height:240px; margin:0px; padding-bottom:5px; padding-top:5px; padding-left:0px; padding-right:0px; float:left; background:#23613E;}

.banner_left {width:179px; margin:0px; padding-bottom:5px; padding-top:5px; padding-left:0px; padding-right:0px; float:left; background:#23613E; cursor:pointer;}

.avancesylogros {width:179px; margin:0px; padding-bottom:5px; padding-top:5px; padding-left:0px; padding-right:0px; float:left; background:#23613E; }

.cuerpo {width:528px; height:auto; margin:0px; padding:5px; float:left;}

.cuadroscroll {width:169px; height:400px; margin:0px; padding:5px; float:right; background-image:url(../images/pagina/fondo%2022%20x%2089%20verde%2010.jpg);}

.encuestas {width:169px; height:auto; margin:0px; padding:5px; float:right; background-color:#047058;}

.bienvenida { width:509px; height:75px; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:5px; padding:0px; float:left; background-image: url(../images/pagina/bienvenido%20subheader.jpg);}



.barraizquierda { 
width:180px; float:left; background-color:#FFF;
}

.barraderecha { 
width:180px; float:left; background-color:#FFF;
}

.cuerpocentral { 
width:538px; float:left; background-color:#FFF;
}

.sidebarmenu ul{
margin: 0px;
padding-left:0px;
padding-bottom:25px;
padding-top:5px;
list-style-type: none;
font: bold 13px Arial;
width: 179px;
float:left;
background-image:url(../images/pagina/fondo%20180%20x%2013%20verde%20degradado%20ambos.jpg);
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
color: white;
text-decoration: none;
padding-left:5px;
padding-bottom:15px;
/* border-bottom: 1px solid #778;
border-right: 1px solid #778; */
}
.cuadro {
 	background-color:#4682b4;
 	color: #fff;
 	padding: 5px;
 	width: 400px;
 	border-width: 2px;
 	border-color: #000;
 	border-style: solid;
 }

.menutitulo {display:block; padding-top:5px; padding-bottom:5px; font: bold 20px Arial; color:#FFF;}

.titulos {display:block; padding-top:2px; padding-bottom:2px; font: bold 14px Arial; color:#FFF;}

.text {font: bold 11px Arial;}

.text1 {font: bold 13px Arial; color:#FFF;}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
/* background-color: #3E6A4E; background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
/* color: white; */
}

.sidebarmenu ul li a:hover{
/* background-color: #207752; */
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position:absolute;
width: 178px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
.text2 {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

#popupbox{
  margin: 0; 
  margin-left: 40%; /* This gets it relatively center on the screen */
  margin-right: 40%; /* This gets it relatively center on the screen */
  margin-top: 250px; /* Makes it a little off the top of the screen */
  padding-top: 10px; /*  Make the text not touching the top on the login box */
  width: 20%; /* For centering it on the screen */
  height: 170px; /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #97C5BB; /* Login Box background color. Change this if desired. */
  border: solid #000000 2px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font-family: arial; font-size:12px; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
  } 
  
  
  
  #cargador {
	/* background-color: GrayText; */
	width: 160px;
	padding: 10px;
	text-align: center;
	color: white;
	font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:200;
	position: absolute;
	left: 435px;
	top: 400px;
	visibility: hidden;
}

#menuv {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 150px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	border-bottom: 1px solid #ACCFE8;
}

#menuv a {
	text-decoration: none;
	color: #ffffff;
	background: #338c7a;
	display: block;
	padding: 3px 6px;
	width: 138px;
}

#menuv a:hover {
	background: #96c5bd;
}

#menuh {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	float:right;
	color: #ffffff;
	background:#CC0000;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
}

#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
	background:#FF6600;
}

#menuhv {
	font: 80% Arial;
	margin-top: 5px;
}

#menuhv ul, li {
	list-style-type: none;
}

#menuhv ul {
	margin: 0;
	padding: 0;
}

#menuhv li {
	float: left;
}

#menuhv a {
	text-decoration: none;
	float:left;
	color: #ffffff;
	background:#338c7a;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
}

#menuhv a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuhv a:hover {
	background:#96c5bd;
}






.Estilo38 {color: #FFFFFF}
.Indice {
	font: Myriad Pro;
	font-size: 14px;
	font-family: "Myriad Pro";
	text-align: justify;
}
.indice3 {
	font-family: "Myriad Pro";
	font-size: 24px;
}



.Contenido {
	font: Arial;
	font-weight: bold;
	font-size: 48px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.indice2 {
	font-weight: bold;
}
.Directorio {
	font: Trebuchet MS;
	font-family: "Myriad Pro";
	font-size: 24px;
	color: #999;
}
.Directorio2 {
	font: Trebuchet MS;
	font-size: 14px;
	color: #999;
	font-family: "Myriad Pro";
	text-align: justify;
}
.Directorio3 {
	font: Trebuchet MS;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: justify;
}
.Editorial {
	font: Arial;
	font-weight: bold;
	font-size: 48px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
}
.Editorial2 {
	font: Arial;
	font-size: 16px;
	font-family: "Myriad Pro";
	color: #FFF;
	font-weight: bold;
	text-align: right;
}
.Editorial3 {
	font: Arial;
	font-size: 14px;
	font-family: "Myriad Pro";
	color: #FFF;
}

.marco1 {
   padding:8px;
   background-color: #f5f5f5;
   width: 230px;
   height:310px;
   border: 1px solid #999999;
   float:left;
   margin-left:5px;
   margin-top:5px;
} 
.marco2 {
   padding:8px;
   background-color: #f5f5f5;
   width: 485px;
   border: 1px solid #999999;
   float:left;
   margin-left:5px;
   margin-top:5px;
} 
.marconota {
   padding:2px;
   background-color: #f5f5f5;
   font: bold 11px Arial;
   width: 520px;
   border: 1px solid #999999;
   float:left;
   margin-left:2px;
   margin-top:2px;
} 
.tablas {
	border: 1px; border-style: ridge;
   padding:2px;
   background-color: #f5f5f5;
   font: bold 11px Arial;
   float:left;
   margin-left:2px;
   margin-top:2px;
}