body { 
	font: 12px 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;
	-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: 10px;
	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: 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;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#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;
}
#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;
}
.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; 
	}
#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: 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/intentalo.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: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: 11px;
	text-decoration: none;
	background-color: #F2F2F4;
	padding:20px;
	border: 1px solid #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.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: 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: bold;
	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;
}
.example {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #F2F2F4;
	padding:20px;
	padding-top:78px;
	border: 1px solid #999999;
	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;
}