.tituloseccion{
	color: #995833;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	padding: 5px;
	margin-left: 50px;
	margin-top: 20px;
	width: 180px;
	font-family: verdana,arial, helvetica, sans-serif;
}

P{
	background: inherit;
	font-size: 10pt;
	font-family: verdana,arial, helvetica, sans-serif;
	text-indent: 0px;
    text-align:left;
  	letter-spacing: 1px;
	color: inherit;
	padding: 10px;
	margin:0px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;

}

a:link {
	font-size: inherit; 
	font-family: arial, helvetica, sans-serif;
	color: #996600; 
	text-decoration:none;
	font-weight: bold;
	border:none;
	outline: none;
}

A:visited{
	font-size: inherit;
	font-family: arial, helvetica, sans-serif;
	color: #996600; 
	text-decoration: none;
	font-weight: bold;
	border:0px;
	outline: none;
}
A:hover{
	font-size: inherit;
	font-family: arial, helvetica, sans-serif;
	color: #996600; 
	text-decoration: underline;
	font-weight: bold;
	border:0px;
	outline: none;
}


.mapalead{
	font-size: 8pt;
	color: #996600;
	margin-right: 0px;
} 

.mapaleadlargo{
	font-size: 8pt;
	color: #996600;
	margin-right: 0px;
} 

.titulo{
    background: #FEDA94;
    /*declare a color together with a contrasting background color*/
    color: #995833;
    margin-left: 0px;
    margin-top: 0px;
    padding-top:7px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;

    width: 100%;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 12pt;
}

.seccion{
background-color: #FEDA94;
    color: #996600;
    
}
DIV.container {
    background: inherit;
    color: inherit;
    margin-top: 10px;
    margin-left:110px;
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}
.blink{
	background: #FEDA94;
	color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}
.lead{
	background: #FEDA94;
	color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}
.mathlet{
	background: #00FF00;
	color: #FF0000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	width: 100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}


a img {
 border: none;
 }

.img{
display:block;
line-height:0;
vertical-align: baseline;
margin-left: auto;
    margin-right: auto;
    border:0px;
    padding: 0px;
}
img.sello{
 	margin-left: 54px;
    margin-right: auto;
    border:none;
}
img.sello2{
	margin-left: 0px;
    margin-right: 0px;
    border:none;
}
.formula{
    background: inherit;
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    margin-left: auto;
    margin-right: auto;
	text-align:center;    
    margin-top: 10px;
    margin-bottom:0px;
    padding: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
}

.centeredImage{
	background: inherit;
	margin-left: auto;
	margin-right: auto;
	border:none;
	text-align:center;    
	margin-top: 20px;
	margin-bottom:20px;
	padding: 0px;
}

.cita{
	background: inherit;
	margin-left: 60px;
	margin-right: 60px;
	border:none;
	margin-top: 5px;
	margin-bottom:0px;
	padding: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-style:italic;
    font-size: 10pt;
    text-align:left;
}
.piefoto{
	background: inherit;
	width:400px; 
	margin-left: 155px;
	margin-right: auto;
	border:none;
	margin-top: 5px;
	margin-bottom:0px;
	padding: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 8pt;
    text-align:left;
  }

.applet{
    background: #FFFFFE;
/*    background: #FFFFFE;*/
    margin-left: 0px;
    margin-right: 0px;
text-align:left;    
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom:0px;
}
.tituloapplet{
    background: #FEDA94;
    /*declare a color together with a contrasting background color*/
    color: #995833;
    margin-left: 0px;
    margin-top: 0px;
    padding-top:7px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;

    width: 100%;
    height:40px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	text-align:center;    
    
  font-size: 18pt;
}
.titulo1{
    background: #FEDA94;
    /*declare a color together with a contrasting background color*/
    color: #995833;
    margin-left: 0px;
    margin-top: 0px;
    padding-top:7px;
    padding-left:40px;
   /*to position the content area to the right of the navigation*/
    margin-right: 0px;
/*    width: 100%;*/
    height:40px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	text-align:left;        
  	font-size: 18pt;
} 
.titulo2{
    background: #fbcc82;
    /*Color de referencias*/
    color: #995833;
    margin-left: 0px;
    margin-top: 0px;
    padding-top:7px;
    padding-left:40px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;
  /*  width: 690px;*/
    height:40px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	text-align:left;        
  	font-size: 14pt;
} 
.comentariosapplet{
	background: #FEEBBD;
    color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}

.parrafo2{
	background: #f9e0a3;
    color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}
.comentarios2{
	background: #FEDA94;
	color: #996600;
	margin-left: auto;
	margin-right: auto;
	text-align:left;    
    margin-bottom: 0px;
	margin-top: 0px;
	/*to position the content area to the right of the navigation*/
	padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	width: auto;
}

.referencias{
	background: #fbcc82;
	/*declare a color together with a contrasting background color*/
	color: #996600;
	margin-left: auto;
	margin-right: auto;
	text-align:left;    
	margin-top: 0px;
	/*to position the content area to the right of the navigation*/
	padding: 10px;
	padding-left: 20px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	width: auto;
}
.referencia{
	background: inherit;
	/*declare a color together with a contrasting background color*/
	color: #996600;
	margin-left: 0px;
	margin-right: auto;
	text-align:left;    
	margin-top: 5px;
	margin-bottom: 5px;
	/*to position the content area to the right of the navigation*/
	padding: 0px;
	padding-left: 20px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}
.enlaces{
	background: #FFFF00;
	/*declare a color together with a contrasting background color*/
	color: #996600;
	margin-left: 0px;
	margin-right: auto;
	text-align:left;    
	margin-top: 0px;
	/*to position the content area to the right of the navigation*/
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;

	width: auto;
}
.enlace{
	background: inherit;
	color: inherit;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	text-align:left;    
	margin-top: 5px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	/*to insure that NN4.xx renders the background-color of the content area*/
}
 
#navcontainer{ 
	width: 160px; 
	background: #DB9759;
	height:100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
}

#navcontainer ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana,arial, helvetica, sans-serif;
}

#navlist a:link, #navlist a:visited{
	display:block;
	color: #995833;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	padding: 10px;
	width: 140px;
	font-family: verdana,arial, helvetica, sans-serif;
}
#navlist a:hover{
	display:block;
	color: #FEEBBD;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	padding: 10px;
	width: 140px;
	font-family: verdana,arial, helvetica, sans-serif;
}

.espacio{
	width: 140px;
	height:25px;
}

#navcontainer a.seccionactual:visited
{
display:block;
padding: 10px;
width: 140px;
background-color: inherit;
color:#FFFFFF;
/*color: #542A03;*/
font-family: verdana,arial, helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;

}

#cuerpoPrincipal {
	background: #FEEBBD; //#FEDA94;
	color: #996600;
	margin:0px;
	padding: 0px;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 	
}
#cuerpoPrincipalMinimo {
	background: #FEDA94;
	color: #996600;
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;/*breathing space for the text*/
	margin-bottom: 0px;
	padding: 0px;/*space to separate navigation and content*/
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	height: 600px;
}

.menuHorizontal{
	background: #FEDA94;
	color: #996600;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;/*breathing space for the text*/
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	text-indent: 10px;

}
.menuHorizontalClaro{
	background: #FEEBBD;
	color: #996600;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;/*breathing space for the text*/

	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	width: 100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	text-indent: 10px;

}
.pie{
	background: #DB9759;
	color: #00FF00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;/*breathing space for the text*/

	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
	width: 100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	text-indent: 10px;
}
.nextlinks{
	background: #FEDA94;
	color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}

.linkitem{
	background: inherit;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;/*breathing space for the text*/
	overflow:hidden;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-right: 0px;
	width: 100%;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}
img.sellolink{
	float:left;
	color:inherit;
	margin-left: 20px;
    margin-right: 0px;
	border:0px solid #021a40;
}
.linktitle{
	background: inherit;
	margin-left: 100px;
	padding-left:20px;
	padding-top: 5px;
	padding-right:20px;

}
.linkdescription{
	background: inherit;
    color: #996600;
    margin-left: 100px;
    margin-right: 0px;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 30px;
	font-size: 8pt;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto
}

.answercontainer{
	display: block;
	position:relative;
	background: #FEDA94;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 400px;
    height:60px;
	text-align:center;    
}
.answercontainer:focus{
	outline: none;
}

.answerbutton{
	position:absolute;
	top:0px;
	left:370px;
}
.answerbutton:focus{
	outline: none;
}

.answerformula{
	display: block;
	margin-left: auto;
    margin-right: auto;
	text-align:center;    
	background: red; //inherit;
}
.answerformula:focus{
	outline: none;
}

.lead3{
	background: #FEDA94;
	color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
}

.centeredImage3{
	background: inherit;
	margin-left: auto;
	margin-right: auto;
	border:none;
	text-align:center;    
	margin-top: 20px;
	margin-bottom:0px;
	padding: 0px;
}
.comentariosapplet3{
	background: #FEEBBD;
    color: #996600;
    margin-left: 0px;
    margin-right: auto;
	text-align:left;    
    margin-top: 0px;
    margin-bottom: 0px;
    /*to position the content area to the right of the navigation*/
    padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
    width: auto;
    border:2px;
}


.heading {
	margin: 0px;
    color: #995833;
	padding: 0px;
	cursor: pointer;
	position: relative;
	margin-left: 0px;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:5px;
	margin-top:0px;
	background-color:#FEDA94;
}

/** Son los títulos de los párrafos que se despliegan con jquery **/
.headingtitle {
	margin: 0px;
    color: #995833;
	padding: 0px;
	cursor: pointer;
	position: absolute;
	left:50px;
	top:10px;
	margin-left: 40px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	background-color:inherit;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12pt;
}
img.headingUpDown{
	margin-left:20px;
	padding:5px;

}

.content {
	background: #FEEBBD;
	color: inherit;
	font-size: 10pt;
	font-family: verdana,arial, helvetica, sans-serif;
	text-indent: 0px;
    text-align:left;
  	letter-spacing: 1px;
	padding: 0px;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;	
	margin-left: 0px;
	margin-bottom:0px;	
}


/*Nuevos estilos para el carrusel */
.imageButton{
	position:absolute;
	top:0px;
	left:0px;
	width:20px; 
	height":20px; 
	background:#FEEBBD;
	border:0px;
	border-style:solid;
	border-color:#FEEBBD;
}

.carruselcontainer{
	display: block;
	position:relative;
	background: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0px;
    width: 100%px;
    height:440px;
	text-align:center;    
}
.carruselimagecontainer{
	display: block;
	position:relative;
	background: inherit;
	color:blue;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0px;
    width: 100%;
    height:400px;
	text-align:center;    
	overflow:hidden;
}
.carruselbuttonscontainer{
	display: block;
	position:relative;
    margin-left: auto;
    margin-right: auto;
    border-color:inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    width: 400px;
    height:40px;
	text-align:center;    
}
.imagebuttonContainer{
	position:absolute;
	top:14px;
	width:20px;
	height:20px;
	background:inherit;
	border:0px;
	padding:2px;
	border-style:solid;
	border-color:inherit;
	overflow:hidden;
}
.imagebuttonContainer2{
	position:absolute;
	top:2px;
	left:2px;
	width:20px;
	height:20px;
	background:#FEEBBD;
	border:0px;
	padding:0px;
	border-style:solid;
	border-color:#FEEBBD;
	overflow:hidden;
}

.carruselimage{
	position:relative;
	background: inherit;
    margin-left: auto;
    margin-right: auto;
    height:400px;
}



.controles{
	display: block;
	position:relative;
    background: #FEDA94;
    /*declare a color together with a contrasting background color*/
    color: #995833;
    margin-left: 0px;
    margin-top: 0px;
    padding-top:0px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;
	height:50px;
}
.canvasclass{
 	margin: none;
 	margin-bottom: 0;
    padding: none;
    background: #ffffff;
 	display:block;
}

.contadorNum{	
    width: 40px;
    font-size:18pt;
    background: #ffffff;
    color: #995833;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	text-align:center;    
}
.countercontainer{
 	display:inline;
    width: 100px;
    height:35px;
    background: #000000;
}
.controlesText{
    color:  #995833;
    padding-left: 0px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12pt;
   background:inherit;
   
}

.It1 {/*this is the main content area*/
    background: inherit;
    /*declare a color together with a contrasting background color*/
    color: #996600;
    margin-left: 30px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    border: 0.1px solid inherit; 
   /*to insure that NN4.xx renders the background-color of the content area*/
	text-align:left;    
}
.It2Bis {
    background: inherit;
    /*declare a color together with a contrasting background color*/
    color: #996600;
    margin-left: 0px;
    margin-top:0px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    border: 0.1px solid inherit; 
   /*to insure that NN4.xx renders the background-color of the content area*/
	font-size: 10pt;
}    
.It3Bis {/*this is the main content area*/
    background: inherit;
    /*declare a color together with a contrasting background color*/
    color: #996600;
    margin-left: 5px;
    /*to position the content area to the right of the navigation*/
    margin-right: 30px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
  font-size: 8pt;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto
    }