/***********  Formatos DIV del cuerpo de la página ***************/

body {overflow:auto;   margin-top: 0em;margin-bottom: 0em;
}
div#marco{  width:1000px; background: white; 
}
div#cabecera { width:1000px; text-align:center;height:141px;
}
div#derecha { width:19%; padding-top:40px; padding-left:0px; float:left; text-align:center; 
}
div#izquierda { width:15%; padding-top:10px; padding-left:0px; float:left; text-align:center; 
}
div#superior {overflow:inherit;width:1000px; background: url(../imagenes/barradegraverde.gif) repeat-x 40px; text-align:left;margin-left:0%;margin-right:0%;padding: 0px 0px 0px 0px;
}
div#caja{float:left; width:73%;margin:0px 0px 0px 0px ;padding:40px 10px 30px 0px; background:white; text-align:justify;
}
div#multi{float:left; text-align:left;padding:20px 20px 2px 20px;  border-left:1px  solid #c1f3c4; 
}
div#pie{clear: both;height:75px; padding: 0em 10px 0em 0em; background-color:#f0ffff; 
}
div#cajalateral{float:left;margin-bottom:20px;/*height:200px;width:200px; overflow:auto; */text-align:left;padding:10px 0px 2px 10px;  border-left:1px  solid #c1f3c4
}
 div#avisos{ width:21%; margin-top:30px;  padding-left:0px;float:left; text-align:center; /*border-bottom:1px  solid #c1f3c4;*/
}
div#cursos{ width: 700px; margin-top:40px; background:#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top; 
padding:7px 20px 20px 20px; /* ;*/text-align:left;
}
/******************* Formatos de texto, clases  *******************/
.formulario{
  text-align:left;
  margin:20px;
	padding:50px;
	color:green /*#0099cc*/ ;
	
	background: #ffffcc;
	font-family:tahoma;
	border:1px  solid green;
}
.caja2v {
  width: 700px;
  background: #f0ffff/*#f5ffff/*#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillabottom2.jpg") no-repeat left bottom;
  margin:20px;
  padding-bottom:50px;	
}
.caja2v h4 {
  background: url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color: #007100/*#006600 /*#336600/*green*/;
	padding: 7px 20px 20px 30px;
	text-align:center;
	
}
.caja2a {
  width: 700px;
  background:#ffffcc/*#fffbeb*/ url("../imagenes/barradegradamarillabottom2.jpg") no-repeat left bottom;
  margin:20px;
  padding-bottom:30px;
	
}

.caja2a h4 {
  background: url("../imagenes/barradegradamarillatop1.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color: #007100/*#006600 /*#336600/*green*/;
	padding: 5px 20px 20px 30px;
	text-align:center;
	
	}
.caja1 {
  width: 200px;
/*background: #f5ffff/*#f0ffff*//* url("../imagenes/fondbarraverdeclarobottom1.jpg") no-repeat left bottom;*/
  margin:10px;	
	text-align:center;
	float:none;
	}

.caja1 h4 {
  background: url("../imagenes/fondonaranja.gif") no-repeat left top;
  font: bold 12px Verdana, sans-serif;
	color: green;
	padding-top: 5px;
	text-align:center;
}
.caja3 {
  width: 900px;
	background:#ffffcc  url("../imagenes/barradegradamarillabottom3.jpg") no-repeat left bottom;
  margin: 10px;
	padding-bottom: 30px;
}
.caja3 h4 {
  background: url("../imagenes/barradegradamarillatop5.jpg") no-repeat left top;
  font: bold 18px Verdana, sans-serif;
	color:  #007100;
	padding: 7px 20px 25px 30px;
	text-align:center;
}
.titulo {
background: url(../imagenes/barradegradamarillatop1.jpg) repeat-y;
font: bold 18px Verdana, sans-serif;
color:  green;
text-align:center;
/*background-color:#ffcc66;*/
margin:40px 0px 30px 10px;
/*margin-left:10px;*/
}
.fecha{
font: normal 14px Verdana, sans-serif;
color:#993333;
text-align:center;
margin:20px 20px 30px 40px;

}
.quien{
font: normal 14px Verdana, sans-serif;
color:#ff9900;
text-align:center; 
margin:20px 20px 20px 12px;
/*padding:0px 20px 0px 40px;*/ 
}
.objetivo{
text-align:justify;
font: 14px/20px "Lucida Grande", verdana, sans-serif;
color: #000000;
margin:20px 20px 20px 20px;
/*padding:0px 40px 0px 40px;*/ 
}
.citas{
text-align:left;
font: italic 14px Verdana, sans-serif;
color:#999999;
padding:0px 20px 0px 40px;
}
.nombre{
font: bold 14px Verdana, sans-serif;
color:  green;
padding:0px 20px 0px 10px;
}
.nombre1{
font: bold 16px Verdana, sans-serif;
color: green;

}
.titulo1 {
background:#ffcc00;
font: bold 16px Verdana, sans-serif;
color:  green;
text-align:center;
padding:0px 20px 0px 20px; 
}
.indice
{
background:#ffffff;
text-align:left;
font: 9px "Lucida Grande", verdana, sans-serif;
color:green;
padding-left:0px;
}
.foto{
padding:20px 20px 2px 20px;
border:1px  solid #c1f3c4;
}

/****************** Formatos de navegaci�n de listas y de links ********************/
#navcontainer ul li 
{
list-style-type: none;
padding: 0px;
margin: 0px;
display: block;
float: left;
text-align: center;
color:black;
width: 111px;
background: url(../imagenes/barradegraverde.gif) repeat-x 40px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 111px;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
#navcontainer ol 
{
list-style-type: none;
padding-left: 50px;
margin: 0px;
display: block;
float: right;
text-align: left;
color:black;
width: 111px;
background-color: #e9fdeb;/* #ccffcc;/*url(../imagenes/barradegraverde.gif) repeat-x 80px;*/
font: 10px/20px "Lucida Grande", verdana, sans-serif;
}
#content {
	width: 34em;
	background-color: #f4ecd9;
	padding: 1em 0;
	border: 6px double #7d6340;
	margin: auto;
}	
ul {
		padding: 0;
	margin: 0;
}

#nav a {
	text-decoration: none;
}
li {
  position: relative;    
  display: block;
	float: left; 
	width: 10em;
		
}
li#actual{
background-color: orange;
color: green;
}
li#first {
	border-left-width: 0em;
	}
li#last {
		width:115px;
}
a#ancho{
	width:170px;	
}
a#ancho1{
	width:270px;	
}
li ul {
	display: none;
	position:  absolute;
	top: 100%;
	left: 0;
	font-weight: normal;	
	padding: 0em 0 0em 0px;
}

li>ul {
	top: auto;
	left: auto;
}
li li {
	display:  block;
	float: none;
  background-color: transparent;
	border: 0;
}
li:hover ul, li.over ul {
	display: block;
  float:left;
}

#navcontainer a:hover { background: url(../imagenes/barradegraverdeclaro.gif) repeat-x 40px;}
#navcontainer li#active { background-color : orange; }
#navcontainer a#active { background-color : orange; text-decoration:none;}

#subnavcontainer ul  
{
width:168px;
list-style-type: square;
padding: 0px;
margin: 0px;
display: block;
float: left;
background: url(../imagenes/bg-top2_1.gif) no-repeat ;
background-color: #e9fdeb;
font:  11px/24px "Lucida Grande", verdana, sans-serif;
text-align: justify;
color:green;
}
#subnavcontainer li 
{
list-style-type: square;
width:168px;
text-align:center;
color:green;

}
#subnavcontainer a
{
list-style-type: disc;
color: green;
text-decoration: none;
width:  168px;
text-align:center;
border-bottom:1px solid #c1f3c4;
}
#subnavcontainer a:hover{text-decoration:underline;
 }
#subnavcontainer li#active { background: url(../imagenes/barradegraceleste.gif) repeat-x 40px; }


#pie a
{
text-decoration:none; 
color:green; 	
font-size:12px;
}

#pie a:hover{text-decoration:underline;
}

#subnavderecha ul  
{
width:200px;
list-style-type: square;
margin: 0px;
display: block;
float: left;
background: url(../imagenes/bg-top2_1.gif) no-repeat ;
background-color: #e9fdeb;
font:  11px/16px "Lucida Grande", verdana, sans-serif;
text-align: justify;
color:green;
}
#subnavderecha li 
{
padding-top:5px;
list-style-type: square;
width:200px;
text-align:center;
color:green;
border-bottom:1px solid #c1f3c4;
}
#subnavderecha a
{
list-style-type: disc;
color: green;
text-decoration: none;
width:  200px;
text-align:center;
}
#subnavderecha a:hover{text-decoration:underline;
}
#subnavderecha li#active { background: url(../imagenes/barradegraceleste.gif) repeat-x 40px; 
}