/*
 * Hoja de Estilo para el curso de English for Teens
 * Copyright Net Languages
 */
 
/* Estilo que se aplican a la etiqueta body */
body {
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #003366;
	font-size: 13px;  
	margin: 0px; 
	color: #FFFFFF;
}

/* Estilo que se aplican a las celdas de las tablas */
td { font-size: 13px;  color: #FFFFFF; }

/* Estilo que se aplican a un enlace que esten dentro de una celda */
td a { color: #FFFFFF }

/* Estilo que se aplican a la etiqueta h3 */
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; }

/* Estilo que se aplican a la etiqueta h4 */
h4 { color: #FFCC00; font-size: 16px; font-weight: bold }

/* Estilo que se aplican a la etiqueta h5 */
h5 { 
	font-weight: normal; font-size: 13px; color: #FFCC00; 
	text-decoration: none; 
}

/* Estilo que se aplican a las listas desplegables */
select{ 
	font-family: verdana; font-weight: bold; 
	font-size: 10px; color: #003366; background-color:#CCCCCC;
} 

/* Estilo que se aplican a la etiqueta input */
input{ font-size: 11px; }

/* Estilo que se aplican a la etiqueta option */
option{	border: 1px solid #CCCCCC; }

/* Estilo que se aplican a los enlaces */
a {  color: #FFCC00; text-decoration: underline}

/* Estilo que se aplica a los enlaces cuando el ratón pasa por encima */
a:hover {  text-decoration: underline }

/* Estilo que se aplican a la capa que tenga el id = grammar */
#grammar { 
	background-color:#DDDDDD; border: 1px solid #666666;
	width: 600px; color: #000000; padding : 15px; -moz-border-radius: 20px; 
}

/* Estilo que se aplican a las celdas que estén dentro de una capa con id = grammar */
#grammar td { color: #000000; }

/* Estilo que se aplican a la capa que tenga el id = wordlist */ 
#wordlist { margin: 10px}

/* Estilo que se aplican a las celdas que estén dentro de una capa con id = wordlist */
#wordlist td { font-size: 13px; color: #000000; }

/* Estilo que se aplican a los enlaces que estén dentro de una capa con id = wordlist */
#wordlist a {  color: #0000FF; text-decoration: underline }

/* Estilo que se aplican a los parágrafos que esté dentro de una capa con id = wordlist */
#wordlist p { margin: 0px 10px; }

/* Estilo que se aplican a la capa que tenga el id = caRadio. Se utiliza en los
 * ejercicios de radiobuttons */ 
#caRadio{
	border: 2px solid #003366;
}

/* Estilo que se aplican a la capa que tenga el id = caPreguntas. Se utiliza en los
 * ejercicios de radiobuttons */ 
#caPreguntas{
	background-color: #ccc;	color: #003366;	padding: 3px 3px 3px 3px;
}
#caPreguntas a{	color: #003366; }

/* Estilo que se aplican a la capa que tenga el id = caRespuestas. Se utiliza en los
 * ejercicios de radiobuttons */ 
#caRespuestas{
	font-size: 12px; padding: 4px 4px 4px 20px;	background-color: #005588;
}

/* Se utiliza en las páginas de indice de cada unidad para colorear el fondo del encabezado */
.bg-red { background-color: #CC3333; }

/* Se utiliza en las páginas de indice de cada unidad para colorear el fondo del encabezado */
.bg-grey { background-color: #999999; }

/* Se utiliza en las páginas de indice de cada unidad para formatear el título de la unidad */
.unit-title { font-size: 20px; color: #FFCC00; }

/* Se utiliza para formatear textos largos de las unidades */
.fuente-texto {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Se utiliza en las páginas de indice de cada unidad para formatear el enlace de HOME
 * que va al indice del curso A o B  */
.unit-path { 
	font-size: 13px; font-weight: bold; 
	background-color: #CC3333; 					
	text-align: right; text-indent: -30px; 
	padding-right: 40px;
}
.unit-path a { text-decoration: none; color: #FFCC00;}

/* se utiliza para colorear los botones de los ejercicios de javascript */
.color_botones { color: #FFCC00; background-color: #CC3333; }

/* Se utiliza en las páginas top-frame-title.htm para formatear el nombre de la 
 * unidad y sección */
.top-frame-title { 
	color: #FFCC00; font-weight: bold; 
	font-size: 16px; }

/* Se utiliza en las páginas wordlist.htm para formatear el encabezado de la página */
.wordlist-title { color: #FFFFFF; font-size: 24px; }

/* Hay que modificarlo!! */
.azul { color: #003366; }

/* Se utiliza para enfatizar partes de los cuadros de gramática*/
.highlight { color: #0000FF; }

/* Se utiliza en las pçaginas wordlist.htm para enfatizar la palabra en la definición*/
.highlight2 { color: #FF0000; }

/* Se utiliza para aumentar el espaciado entre lineas que contienen reproductores 
 * del tipo botón */
.lines-with-reps { line-height: 3; }

/* Se utiliza para aumentar el espaciado entre lineas que contienen listas desplegables */
.lines-with-lists { line-height: 2; }
.lines-with-lists select { margin-top:2; margin-bottom:2 }

/* Se utiliza para justificar cualquier texto */
.texto_justificado { text-align: justify; }

/* Se utiliza para decorar la parte derecha de una celda */
.bordeTablaDch 
{ 
	border-color: #005588; border-style: solid; border-top-width: 0px; 
	border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;
}

/* Se utiliza para decorar las partes derecha e inferior de una celda */
.bordeTablaDchInf 
{ 
	border-color: #005588; border-style: solid; border-top-width: 0px; 
	border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;
}

/* Se utiliza para decorar la parte inferior de una celda */
.bordeTablaInf 
{ 
	border-color: #005588; border-style: solid; border-top-width: 0px; 
	border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}

/* Sirve para enmarcar un texto. Las esquinas se verán redondeadas sólo en Mozilla */
.tabla-texto 
{ 
	border: 2px solid #999999; width: 600px; padding: 15px;
	-moz-border-radius: 20px; 
}
.tabla-texto a { color: #FFFFFF; }

/* Estilo que se aplica a los números que acompañan a las listas desplegables que
 * están incluidas dentro de un texto */
.num_dropdown {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; color: #999999;
}

#enlaces-indice { 
	padding: 10px; margin-top: 5px; margin-right: 5px;
	background-image: url("../images/interface/fondo_tabla.jpg");
}

/* Estilo para los enlaces del indice la las unidades */
#enlaces-indice a {	text-decoration:none; display:block; width:300px; }

/* Estilo que se aplica a los enlaces cuando el ratón pasa por encima */
#enlaces-indice a:hover {  background-color:#CC3333; }

/* Estilo que se utiliza en las páginas index.htm para formatear los
 * nombres de las secciones en la tabla de índice */
.enlace-seccion { color: #FFCC00; font-weight: bold; font-size: 14px; }

.imagenes { width: 530px; }

/* Se utiliza en las páginas de indice de cada unidad para formatear el el texto del copyright */
/*.copyright { font-size: 10px; text-align: center; }*/
#copyright {
	padding: 30px;
	font-size: 10px;
	text-align: center;
}

.mainContent {
	width:600px;
	margin-left:40px;
	margin-top: 20px;
}

table.border {border-top:0px #CC3333 solid; border-left:0px #CC3333 solid}
table.border td {border-bottom:0px #CC3333 solid; border-right:0px #CC3333 solid}

.ExternalHeader {
	position:relative;
	height:83px;
	font-size: 22px;
	font-weight:bold;
	color:#fc0;
	background:url(../images/netlogo.gif) right top no-repeat;
	margin: 20px 20px 20px 33px;
}
body.big-header .ExternalHeader {
	height:158px;
}
.course-logo {
	position:absolute;
	top:0px;
	left:0px;
}
.unit-name {
	position:absolute;
	top:55px;
	left:190px;
}
body.big-header .ExternalHeader .unit-name {
	top:120px;
	left:328px;
	font-size: 30px;
}
.lesson-name {
}