/* Página */
html {height: 100%;}

/* Cuerpo */
body {margin: 0; padding: 0; font-family: Trebuchet MS; font-size: 90%; background:#f9f9f9}  

/* Viñetas */
ul {list-style-image: url("../img/icono.gif");}
li {margin:6 3 6 6; padding:0em 0em 0em 0.2em; line-height: 1.9em; font-size: 1em; color: #333; text-align: left;}
td li {margin:6 3 6 -6; padding:0em 0em 0em 0.2em; line-height: 1.9em; font-size: 1em; color: #333; text-align: left;}

/* Títulos */
h3 {font-family: Helvetica, Verdana, sans-serif; font-size: 12pt; border:1px solid #a4c2c2; font-weight: bold; margin:6pt 6pt;  background: #ffcbb3; text-align:left; color: #c60; padding: 0.2em 0.4em; -moz-border-radius: 6px;}

h4 {font-family: Helvetica, Verdana, sans-serif; font-size : 10pt; border:1px solid #a4c2c2; margin:6pt 6pt; background: #f4f4f4; padding: 0.2em 0.4em; -moz-border-radius: 6px;} 
h5 { margin: 10pt 10pt 10pt; font-size: 1.2em; font-weight: bold; margin-bottom: 1em; color: #aaa;}
h6 { font-size: 12pt; border:1px solid #a4c2c2; margin:6pt 6pt;  background: #fcfafc; text-align:left; color: #669; padding: 0.2em 0.4em; -moz-border-radius: 6px;} 

/* Línea separación */
hr {background-color: #cc0; height: 1px; border: 0; color: #cc0;}

/* Tablas */
caption {font-family: Arial, sans-serif; color: #993333; padding-bottom: 6px; font-size: 150%; margin: 0% auto; }
table {margin: 0 20pt auto;	margin-bottom: 1em; border-top: 1px solid #3f3f3f; border-left: 1px solid #3f3f3f; border-collapse: collapse; font-size: 100%;}
td, th {text-align: left; padding: 4px 8px 4px 8px; border-right: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; line-height: 1.9em;}
th {font-family: Arial, sans-serif; background-color: #d8d8d8; font-weight: bold; text-align: center;}

/* Párrafo normal */
p {margin: 10pt 10pt 10pt; padding:0em 0.4em; text-align: left; line-height: 165%; color: #333;}
td p {margin: 0pt 0pt 0pt; padding:0em 0em; text-align: left; line-height: 1.9em; color: #333;}

/* Hipervínculos*/
a:link, a:visited {color: #d30; text-decoration: none; font-weight: normal;}
a:hover {color: #00c; text-decoration: none; font-weight: normal;}
a:active { background:#ffc;  color:#006699;}


/* Apartados del panel izquierdo */
.apartados{float:left; width:160px; min-height: 100%; height: 100%; margin-top:0; margin-left:0; margin-bottom:0; background: url(../img/logo_geogebra.gif); background-repeat: no-repeat; padding:90px 0px 0px; }
.apartados p{font-family: Helvetica, Verdana, sans-serif; line-height: 1em; margin:8px 10px; padding:1px;} 


/* Encabezado: Guía y Temas */
.guia {margin: 0; text-align: right; line-height: 1.2em; font-family: Helvetica, Verdana, sans-serif;}
.guia2 {margin: 0 10; padding: 0 10; text-align: left; line-height: 1.2em;}
.guia li{display:inline; margin:0px; padding:0px;}
.temas {margin: 0px; line-height: 1.2em;}
.temas li{font-family: Helvetica, Verdana, sans-serif; display:inline; margin:0px; padding:2px; line-height: 1.1em;}
.temas li a{display:inline-block; vertical-align:baseline; padding:2px; border:1px solid #00c2c2; padding: 0.2em 0.4em; -moz-border-radius: 6px; text-decoration:none;}
.temas li a:hover{display:inline-block; background-color:#346888; color:#fff;}


/* Cuadros contenido */
.principal{float: left; margin-left:0; width:825px;}

.cuadro1 {float: right; width: 98%; margin: 6pt 1%; border:1px solid #cedff2; background: #b9ccaf; vertical-align:top; color: #000; padding: 0; -moz-border-radius: 4px;}

.cuadro2 {float: right; width: 98%; margin: 6pt 1%; border:1px solid #cedff2; background: #e9eecd; text-align:left; padding: 0; -moz-border-radius: 4px;}
.cuadro2  td{padding: 10px 8px 10px 8px;}

.cuadro2b {float: right; width: 98%; margin: 6pt 1%; border:1px solid #cedff2; background: #fcfccc; text-align:left; padding: 0; -moz-border-radius: 4px;}
.cuadro2b  td{padding: 10px 8px 10px 8px;}

.cuadro2c {float: right; width: 98%; margin: 6pt 1%; border:1px solid #cedff2; background: #fdf; text-align:left; padding: 0; -moz-border-radius: 4px;}
.cuadro2c  td{padding: 10px 8px 10px 8px;}

.cuadro3 {float: right; width: 98%; margin: 6pt 1%; border:1px solid #cedff2; background: #e9eecd; text-align:left; padding: 0; -moz-border-radius: 4px;}
.cuadro3 td{padding: 1 0 1 6;}

.contenido {background: #EAFCDE; border-width: 2px; border-style: solid; border-color: #CCC #999 #999 #CCC; padding: 10 10px;}

.tema1 {margin-top: 0; margin-bottom: 0; font-family: Helvetica, Verdana, sans-serif; font-size: 12pt; margin:3pt 0; color:#069;}
.tema2 {margin-top: 0; margin-bottom: 0; font-family: Helvetica, Verdana, sans-serif; font-size: 11pt; margin:0pt 0; color:#069;}
.practica {margin-top: 0; margin-bottom: 0; font-family: Helvetica, Verdana, sans-serif; font-size: 11pt; margin:0pt 0; color:#607C50;}
.modulo {color:#808080;}
.propuesta {margin-top: 0; margin-bottom: 0;  font-size: 12pt; font-weight: bold; margin:0pt 0; color:#c60;}
.contenido li{line-height: 1em; margin:0px;padding:1px;}

.thtecla {font-weight: normal;}
/*.geoboton {margin: 0 0 0 0;	padding: 1px 1px 1px 1px; background-color:#f5f4f9;}*/
.geoboton {margin: 0 0 0 0;	padding: 1px 1px 1px 1px;}
.geomenu {background-color:#f5f4f9;}
.geoherramienta {text-align: left;}


/* Alineación imágenes */
.centrar {text-align: center; margin-top: 4px;} 
.izquierda {text-align: left; margin-top: 4px; margin-left: 4px;}


/* Estilos texto */
span.alfabeto {font-family: "Arial"; font-size : 18pt; color:#fff;}
span.altpulsa {font-size: 9pt; letter-spacing:1px; color:#393; border-width: 1px; border-style: solid; border-color: #999 #333 #333 #999; -moz-border-radius: 4px; padding: 0 3px; background-color: #F8F8F8;}
span.cas {font-family: "DejaVu Sans"; color: #3366FF;}
span.objeto {font-family: Helvetica, Verdana, sans-serif; font-weight: bold; color:#B80;}
span.otros {font-family: "Arial"; font-size : 8pt;}
span.pestaña {background-color: #d0d0d0; border-width: 1px; border-style: solid; border-color: #CCC #999 #999 #CCC; -moz-border-radius: 4px; padding: 0px 2px 0px 0px;}
span.pie {font-family: "Times New Roman"; font-size : 9pt; 	color:#333;}
span.pieFoto {font-size : 8pt; color:#FCFAFC;}
span.pulsaImagen {font-size: 8pt; color:#933;}
span.simbolo {font-family: "Times New Roman"; font-size : 13pt;}
span.simboloE {font-family: "Times New Roman"; font-size : 13pt;	font-style:italic;}
span.simboloOpcion {font-family: Helvetica, Verdana, sans-serif; font-size : 15pt; font-weight: bold; color:#090;}
span.simboloX {font-family: "Times New Roman"; font-size : 12pt;	font-style:italic;}
span.subtemas {font-family: "Arial"; font-size : 9pt; color:#51505A;}
span.tecla {font-family: Helvetica, Verdana, sans-serif; border-width: 2px; border-style: solid; border-color: #CCC #999 #999 #CCC; -moz-border-radius: 4px; padding: 0px 2px; background-color: #F8F8F8;}
span.teclado {font-family: Helvetica, Verdana, sans-serif; border-width: 2px; border-style: solid; border-color: #CCC #999 #999 #CCC; -moz-border-radius: 4px; padding: 0px 2px; background-color: #C0C0C0;}
span.video {font-size: 9pt; letter-spacing:1px; border-width: 1px; border-style: solid; border-color: #999 #333 #333 #999; -moz-border-radius: 4px; padding: 0 3px; background-color: #F8F8F8;}

/* COLORES */
span.yAzul {color: #00f;}
span.yMagenta {color: #f0f;}
span.yPurpura {color:#800080;}
span.yGrisClaro {color: #a0a0a0;}