body { 

	font: 11px Verdana, sans-serif !important;

	color: #333333; 

	margin:4px; 

	background-color:#F8FAFC;

 }



body a:link    { text-decoration: none; color:#333333;}

body a:visited { text-decoration: none; color:#333333;}

body a:hover   { text-decoration: underline; color:#FF9900;}

body a:active  { text-decoration: none; color:#333333;}



#cuadro .titulo {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #006600;

	background-color: #E8E8E8;

	border: 1px solid #CCCCCC;

	text-align: center;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 2px;



}

#cuadro .enlaces {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #999999;

	list-style-type: none;

	list-style:none;

	text-transform: none;

	font-variant: normal;

	

	border: 1px solid #CCCCCC;

}

#contenido {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 10px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}

#contenido .tit{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #4F4F4F;

	font-weight: bold;

	text-decoration: underline;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

#contenido .texto{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;
	
	color: #716F64;

	/* margin: 10px; */

	border: 1px solid #CCCCCC;

	background-color: #EFEFEF;

	padding: 10px;

	margin-bottom: 25px;

}

#contenido .rojo {

	color: #990000;

}



#contenido a {

	color: #666666;

	font-weight: bold;

	text-decoration: none;

}

#contenido a:hover {

	color: #990000;

	font-weight: bold;

	text-decoration: underline;

}
#contenido2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 10px;

	margin-top: 0px;

	margin-right: 10px;

	/*margin-bottom: 10px;*/

	margin-left: 10px;

}

#contenido2 .tit{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #4F4F4F;

	font-weight: bold;

	text-decoration: underline;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

#contenido2 .texto{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;
	
	color: #716F64;

	/* margin: 10px; */

	border: 1px solid #CCCCCC;

	background-color: #EFEFEF;

	padding: 10px;

	/*margin-bottom: 25px;*/

}

#contenido2 .rojo {

	color: #990000;

}



#contenido2 a {

	color: #666666;

	font-weight: bold;

	text-decoration: none;

}

#contenido2 a:hover {

	color: #990000;

	font-weight: bold;

	text-decoration: underline;

}


#acceso {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006600;

	font-weight: bold;

	border: 1px dashed #999999;

}

#acceso .entrada {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

}



#cuadro .enlaces li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	list-style-type: none;

	margin-left: 0px;

	margin-bottom:2px;

	margin-top:2px;

	text-align: left;

	padding-left: 0px;

	text-decoration: none;

}

#cuadro .enlaces a{

	color: #666666;

	margin-left: 0px;

	padding-left: 0px;

	text-decoration: none;

}

#cuadro .enlaces  a:hover {

	color: #0000FF;

	text-decoration: underline;

	font-size: 9px;

}





#cuadro .enlaces ul {list-style: none; margin: 0px; padding: 0px 0px 0px 4px; }

#estadistica {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-align: left;

	margin-left: 5px;

}



#cabecera {

	font-weight: bold;

	color: #84A5C6;

	background-position: center;

	text-align: center;

	border: 1px solid #666666;

	padding-top: 2px;

	padding-bottom: 2px;

	margin-bottom: 10px;

	margin-top: 5px;

}

#encabezado .borde {

	background-color: #EBF1F0;

	border: 1px solid #006600;

}



#cabecera .izquierda {

	text-align: left;

}

#cabecera .derecha {

	text-align: right;

}

#cabecera .enlaces a {

	color: #666666;

	text-decoration: none;

}



#cabecera .enlaces a:hover {

	color: #990000;

	text-decoration: none;

}



#autor {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 10px;

	padding: 10px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	color: #CCCCCC;

}

#encabezado {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	text-decoration: none;

}





#encabezado .rojo a {

	color: #990000;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

}

#encabezado a{

	text-decoration: none;

	color: #333333;

}



#encabezado  a:hover {

	color: #333399;

	text-decoration: underline;

}

#Titulo_ejercicio {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color: #666666;

	text-align: center;

	padding-top: 15px;

}





#encabezado .gris a {

	color: #666666;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

	margin-top: 8px;

}

#encabezado .pie {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006600;

	text-decoration: none;

	background-color: #E7F0F5;

	text-align: center;

	height: 18px;

	width: 750px;

	border: 1px solid #CCCCCC;

	padding-top: 5px;

	padding-bottom: 2px;

	margin-bottom: 3px;

}

.borde_inferior_gris {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}





#cuestion{

	background-image: url(./imagenes/yourturn.gif);

	background-repeat: no-repeat;

	border-color: #cccccc;

	border: 1px #cccccc solid;

	background-position: left top;

	position:relative;

	background-color:#ffffef;

	padding: 10px 10px 10px 5px;
	padding-top:90px;


	}

.puntos {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	background-color: #F2F2F4;

	margin: 5px;

	padding: 5px;

	border: 1px dashed #999999;

}



.recuadro {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	background-color: #F2F2F4;

	padding:20px;

	border: 1px solid #999999;

}

.example {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	background-color: #F2F2F4;

	padding:20px;
	padding-top:78px;

	border: 1px solid #999999;
	background-image:url(imagenes/example1.gif);
	background-position:top left;
	background-repeat:no-repeat;

}
.boton {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #333333;

	background-color: #E8E8E8;

	border: 1px solid #666666;

	text-align: center;

}

.boton a {

	color: #BBD0D0;

	text-decoration: underline;

}

.pulsar {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	background-color: #CCCCCC;

	text-align: center;

	margin: 2px;

	padding: 3px;

	width: 200px;

	border: 1px solid #666666;

}

.entrada {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	background-color: #E6F1BE;

}

.respuesta {

	font-size: 12px;

	color: #006633;

	background-color: #F1DFCD;

}

.exponente {

	font-size: 9px;

	color: #006600;

	background-color: #F2F2F2;

}



.pulsar a:hover {

	color: #FF6633;

	text-decoration: underline;

}

#cuestion .tamano14 {

	font-size: 14px;

}

#gestion {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

}

#gestion .encabezado {

	font-size: 12px;

	font-weight: bold;

	background-color: #E6EDEE;

}

#gestion .texto {

	color: #006600;

	font-size: 9px;

}

#gestion .borde {

	border: 1px solid #999999;

}



#gestion .texto a:active a:visited a:link {

	color: #006600;

}

#estadistica .titulo {
	font-weight: normal;
	color: #698DC5;
	text-align: center;
	margin: 8px;
	font-size: 14px;

}

#estadistica .enunciado {

	font-weight: bold;

	color: #666666;

	text-align: left;

	margin-top: 5px;

	margin-bottom: 5px;

}

.funcion {

	font-family: "Times New Roman";

	font-size: 16px;

	font-style: italic;

	font-weight: normal;

}

#mapa {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	text-decoration: none;

	text-align: left;

	list-style-type: none;

	list-style:none;

	width:220px;

	border:1px solid #CCCCCC;

}

#mapa .titulo {

	color:#333333;

	font-weight:bold;

	padding:3px;

	background-color:#CCCCCC;

	text-align:center;

}



#mapa ul  {

	color:#666666;

	margin:0px;

	padding-top:3px;

	padding-bottom:3px;

	padding-left:10px;

	text-align:left;

	list-style:none;

	font-size:11px;

}

.solucion {



	color: #FFFFFF;

	background-image:url(profe.gif);

	background-position:center top;

	background-repeat:no-repeat;

	height:202px;

	width:362px;

	padding-left:290px;

	padding-top:20px;

	text-align: left;

}

#desplegable {border:1px solid #CCCCCC;}

#desplegable .titulo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366;  margin-left:5px;}

#desplegable .enlaces li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	list-style-type: none;

	margin-left: 5px;

	margin-bottom:2px;

	margin-top:2px;

	text-align: left;

	padding-left: 15px;

	text-decoration: none;

}

#desplegable .enlaces a{

	color: #666666;

	margin-left: 0px;

	padding-left: 0px;

	text-decoration: none;

}

#desplegable .enlaces  a:hover {

	color: #0000FF;

	text-decoration: underline;

	font-size: 9px;

}





#desplegable .enlaces ul {list-style: none; margin: 0px; padding: 0px 0px 0px 0px; }



#recuadro{position:absolute;left:25px;width:180px;z-Index:2;}

#recuadro-dcha {

	float: right;

	width: 130px;

	z-index: 3;

	position: static;

}