body {
	font: 14px Verdana, sans-serif !important;
	color: #333333;
	margin: 4px;
	/*	background-color:#F8FAFC; */
	background-color: #FFFFFF;
	font-family: Verdana, sans-serif;
 }

body a:link    { text-decoration: none; color:#333333;}
body a:hover   { text-decoration: none; color:purple;}
/*body a:visited { text-decoration: none; color:#333333;}

body a:active  { text-decoration: none; color:#333333;}
*/
h1 {
/*	font-weight: bold;
	color: #698DC5; */
	text-align: center;
	margin: 8px;
	font-size: 18px;
}

#cuadro .titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	color: white;
	background-color: purple;
	border: 1px solid purple;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;

}
#cuadro .enlaces {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	list-style-type: none;
	list-style:none;
	text-transform: none;
	font-variant: normal;
	
	border: 1px solid purple;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}
#cuadro .enlaces2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	list-style-type: none;
	list-style:none;
	text-transform: none;
	font-variant: normal;
	
	border: 1px solid #CCCCCC;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

#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: 16px;
	/*color: #4F4F4F;*/
	color: purple;
	font-weight: bold;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contenido .texto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #716F64;
	/* margin: 10px; */
	border: 1px solid purple;
	background-color: #FEF1FE;
	padding: 10px;
	margin-bottom: 25px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-weight:100;
	text-decoration: none;
}
#contenido .rojo {
	color: #990000;
}

#contenido a {
	color:purple;
	font-weight: bold;
	text-decoration: none;
}
#contenido a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}
#acceso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	font-weight: bold;
	border: 1px dashed #999999;
}
#acceso .entrada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}

#cuadro .enlaces li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: 11px;
}
#cuadro .enlaces2 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin-left: 0px;
	margin-bottom:2px;
	margin-top:2px;
	text-align: left;
	padding-left: 0px;
	text-decoration: none;
}
#cuadro .enlaces2 a{
	color: #666666;
	margin-left: 0px;
	padding-left: 0px;
	text-decoration: none;
}
#cuadro .enlaces2  a:hover {
	color: #0000FF;
	text-decoration: underline;
	font-size: 14px;
}
.grafica {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F93;
	background-color: #BEDFB3;
	background-position: center center;
	border: medium none #03F;
	margin: 4px;
	padding: 4px;
}



#cuadro .enlaces ul {
	list-style: none; 
	margin: 0px; padding: 0px 0px 0px 4px; 
	}
#cuadro .enlaces2 ul {
	list-style: none; 
	margin: 0px; padding: 0px 0px 0px 4px; 
	}
#estadistica {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	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: 20px;
	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/intentalo.gif);
	background-repeat: no-repeat;
	border: 1px purple solid;
	background-position: left top;
	position:relative;
	background-color: #EAFCE9;
	padding: 10px 10px 10px 5px;
	margin:5px;
	padding-top:70px;
	font: 14px "Bookman Old Style";
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
.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: 13px;
	text-decoration: none;
	background-color:#FEF1FE;
	padding:20px;
	border: 1px solid purple;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.recuadro a {
text-decoration:none;
color:#333333;
}
.pasos {
	font-family: "Book Antiqua";
	font-size: 14px;
	text-decoration: none;
	background-color: #F2F2F4;
	padding:20px;
	border: 1px solid #999999;
}
.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: 14px;
	color: #666666;
	padding:10px;

/*	background-color: #E6F1BE;*/
}

.entrada li{
	 padding:5px;
}
.respuesta {
	font-size: 12px;
	color: #006633;
	background-color: white;
	text-align:right;
}

.exponente {
	font-size: 9px;
	color: #006600;
	background-color: white;
}

.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: 12px;
}
#gestion .borde {
	border: 1px solid #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#gestion .texto a:active a:visited a:link {
	color: #006600;
}
#estadistica .titulo {
	font-weight: bold;
	color: #698DC5;
	text-align: center;
	margin: 8px;
	font-size: 18px;
}
#estadistica  h1{
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 8px;
	font-size: 18px;
	text-transform: uppercase;
}
#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:100%;
	border:1px solid purple;
}
#mapa .titulo {
	color:white;
	font-weight:bold;
	padding:3px;
	background-color:purple;
	text-align:center;
	font-size:14px;
}

#mapa ul  {
	color:#666666;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	text-align:left;
	list-style:none;
	font-size:12px;
}
#mapa li {
	padding-top:10px;	
}
.solucion {

	color: #FFFFFF;
/*	background-image:url(profe.gif);
	background-image:url(pizarra.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:392px;
	height:262px;
	padding-left:90px;
	padding-top:35px;
/*	height:202px;
	width:362px;
	padding-left:290px;
	padding-top:20px;*/
	text-align: left;
	text-decoration: none;
	background-color:#000;
	padding:20px;
	border: 1px solid white;

	background-position:top left;
	background-repeat:no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.example {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	background-color: #F2F2F4;
	background-color:#FEF1FE;
	padding:20px;
	padding-top:78px;
	border: 1px solid purple;
	background-image:url(imagenes/ejemplo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* --------------- BOTONES --------------- */

.button, .button:visited { /* botones genéricos */
background: #222 url(./imagenes/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.button:hover { /* el efecto hover */
background-color: #111;
color: #FFF;
}

.button:active{ /* el efecto click */
top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
font-size: 11px ;
}

/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* botones grandes */
.large.button, .large.button:visited {
font-size:14px;
padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.button, .super.button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }

.error {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: bold;
	width: 750px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #900;
	border-bottom-color: #900;
	text-align: center;
}
/* crear una tabla a dos columnas a dos columnas*/

ul.columnas {
Float: left;
width: 100%; /*Este ancho será el total que ocupen muestras columnas */
List-style-type: none; /*Eliminamos las viñetas */
}

/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

ul.columnas li{
Display:inline; /*Se declara que las propiedades ser&aacute;n otorgadas a cada linea*/
Float: left;
Width:50%;}
#bandera, #globo, #libro {
  padding-left: 0px;
  background-image: url("imagenes/grupo_portada.png");
  background-repeat: no-repeat;
}
#bandera {
  background-position: 0 0;
  height: 14px;
  line-height: 14px;

}
/* Encabezado p&uacute;rpura */

.menu ul {
    float: left;
    width: 1000px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;

}

.menu a {
    float: left;
	cursor:pointer;
	font-size:12px;
   /* width:6em;*/
    text-decoration: none;
	text-align:center;
    color: white;
    background-color: purple;
    padding: 0.2em 0.2em;
/*    border-right: 1px solid black;*/
		/*box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.menu a:hover {
    background-color: white;
	color:purple;
	/*border:1px solid purple;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

}

/*menu inverso en colores a menu */

.menu2 ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
	overflow:hidden;
}

.menu2 a {
    float: left;
	cursor:pointer;
    text-decoration: none;
	text-align:center;
    color: purple;
    background-color: white;
    padding: 0.2em 0.4em;
	margin-right:0.4em;
    border:1px solid purple;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

.menu2 a:hover {
    background-color: purple;
	color:white;
	/*border:1px solid purple;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/

}
/*menu inverso en colores a menu */

.menu3 ul {
    float: left;
    width: 1000px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
	
}
.menu3 {
	color: white;
}
.menu3 a {
    float: left;
	cursor:pointer;
   /* width:6em;*/
    text-decoration: none;
	text-align:center;
    color: white;
    background-color: purple;
    padding: 0.4em 0.8em;
	margin-right:0.8em;
    border:1px solid purple;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border-right: 1px solid black;*/
		/*box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
}
.menu3 a:hover {
    background-color: purple;
	color:white;
	/*border:1px solid purple;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/

}

.menu4 a {
    float: left;
	cursor:pointer;
   /* width:6em;*/
    text-decoration: none;
	text-align:center;
    color: black;
    background-color: white;
	padding-top:0.5em;
    /*padding: 0.4em 0.4em; */ 
	margin-right:1em;
	margin-bottom:0.4em;	
}
.menu4 a:hover {
	border-bottom:3px solid black;
	color:black;
   }

#submit  {
   /* float: left;
    width:6em;*/
    text-decoration: none;
	text-align:center;
    color: white;
    background-color: purple;
    padding: 0.4em 0.8em;
/*    border-right: 1px solid black;*/
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
	border-color: transparent;
	cursor:pointer;
	
}
#submit:hover {
    background-color: white;
	color:purple;
	/*border:1px solid purple;*/
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

}


.menu li {
    display: inline;

	
}
.desplegable {
	color:#000;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	position:relative;
}
.desplegable table {
	padding-left:4px;
	margin-left:auto; 
    margin-right:auto;

	background-color:white;
	
	border:purple solid 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 	margin-top:2px;

}
.desplegable a {
	color:black;
	text-decoration:none;
	font-size:13px;
}
.menu table {
	background-color:purple;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	padding-top:3px;

}
.menu a:link {
	color:white;
}
.menu a:hover {
	color:purple;
}
/*  fin encabezado p&uacute;rpura */