html {padding:0;margin:0;}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#desplegable {
margin: 0;
padding: 0;
background-color: #E1EEFF;
width: 470px;
visibility: hidden;
}
.contenedor {
width: 770px;
}
.linea {
padding: 0 0px 0 0px;
}
. hr{
border: 1px solid #C1C1C1;
}
.botones {
border-top: 0px;
margin: 0;
padding: 0 0 4px 0;
z-index: 101;
}
.botones a{
display: block;
width: 450px;
font-size: 11px;
padding: 4px 0 4px 8px;
margin: 0;
text-decoration: none;
color: #020FC3;
}
.botones a:hover{
color: #BD0048;
}
.t_problema h2 {
font-size: 14px;
color: #000000;
padding: 1px 10px 1px 10px;
background-color: #ffffff;
}
.asignatura_peq  {
font-weight: bold;
font-size: 9px;
color: #000000;
padding: 8px 10px 8px 10px;
background-color: #ffffff;
}
.palabras_clave  {
font-size: 10px;
color: #878686;
padding: 6px 10px 15px 10px;
width: 760px;
text-align: justify;
}
.top_titulo h2 {
font-size: 18px;
color: #6B75FF;
margin: 8px 1px 6px 10px;
background-color: #ffffff;
}
.top_seccion {
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
padding: 5px 10px 5px 10px;
background-color: #6B75FF;
border: 0px 1px 0px 0px;
border-color: #FFFFFF;
clear: both;
}
.top_seccion a{
color: #FFFFFF;
text-decoration: none;
}
.top_seccion a:hover{
color: #FFFFFF;
text-decoration: underline;
}
.top_apartado {
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
background-color: #8EA1FF;
}
.top_apartado a{
display: block;
width: 400px;
color: #FFFFFF;
padding: 5px 10px 5px 10px;
text-decoration: none;
}
.top_apartado a:visited{
color: #FFFFFF;
text-decoration: none;
}
.top_apartado a:hover{
color: #FFFFFF;
text-decoration: underline;
}
.blank {
padding: 2px 4px 6px 2px;
background-color: #FFFFFF;
}
.bread{
font-weight: bold;
font-size: 10px;
color: #0334AC;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
}
.bread h3{
font-size: 10px;
color: #0334AC;
display: inline
}
.bread a{
color: #618AEE;
text-decoration: none;
}
.bread a:hover {
color: #BD0048;
text-decoration: none;
}
.footer{
width:970px;
height:27px;
text-align:center;
font-size: 11px;
color: #ccc;
background:url(../imagenes/fondo_footer_asignaturas.gif) repeat-x;
display:block;
line-height:26px;
}
.footer p{margin:0;padding:0;text-align:center}
.footer a{
color: #f3f3f3;
text-decoration: none;
padding:0 10px;
}
.footer a:hover {
color: #ccc;
text-decoration: underline;
}
.enlaceweb {background:#fff;color:#000;font-size:11px;width:965px;text-align:center;margin:5px 0 10px 0}
.enlaceweb a{color:#666666;font-weight:normal;text-decoration:none}
.enlaceweb a:hover{color:#000}
.enlaceweb img {vertical-align:middle;margin:0 6px 0 0}
.ant_sig {
font-size: 11px;
font-weight: bold;
}
.ant_sig a{
text-decoration: none;
color: #000000;
}
.ant_sig a:hover{
text-decoration: underline;
color: #000000;
}

/*Subfooter*/

.subfooter {
padding: 0;
margin: 20px 0 0 0;
background:url(../imagenes/fondo_footer.gif) bottom repeat-x;
width: 970px;
clear: both;
border-bottom:1px solid #333;
font-family:Arial;
}
.subfooter .top_seccion {background:#4e4e4e}
.subfooter .borde {text-align:left;border-right:1px solid #f3f3f3}

.subfooter div.asignaturafooter {
width:97px;  
float: left;
padding-top: 8px;
}
.subfooter div.asignaturafooter h4{
margin: 0 0 10px 0!important;
padding: 0 3px!important;
}
.subfooter div.asignaturafooter h4 a{
text-decoration: none;
font-size: 12px;
color: #333;
margin: 0 !important;
padding: 0 !important;
}
.subfooter div.asignaturafooter h5{
margin: 0 2px 0 4px!important;
padding: 0 0 5px 0!important;
line-height:12px;

}
.subfooter div.asignaturafooter h5 a{
text-decoration: none;
font-size: 10px;
color: #666;
margin: 0 !important;
padding: 0px 0!important;
font-weight: normal;
display:block;
}
.subfooter div.asignaturafooter h5 a:hover, .subfooter div.asignaturafooter h4 a:hover{color:#000;text-decoration:underline}

.subfooter div.asignaturafooter h6{
margin: 0 !important;
padding: 1px 2px !important;
}
.subfooter div.asignaturafooter h6 a{
text-decoration: none;
font-size: 9px;
margin: 0 !important;
padding: 0 !important;
color: #7799cc;
font-weight: normal;
}
.borde {
border-right: 1px solid #E9F2FF;
}

/*Portada*/

.portada {
/*border: 1px solid red;*/
background:url(../imagenes/fondo_cabecera.gif) left no-repeat;
height: 106px;
width: 965px;
margin-bottom: 10px;
}
.portada h1 {
font-family:Arial;
letter-spacing:-0.3;
color:#4e4e4e;
font-size: 24px;
font-weight:normal;
margin: 0 0 0 135px;
padding:0;
}
.portada h1 a, .portada h2 a  {text-decoration:none !important;color:#4e4e4e}


.portada h2 {
font-family:Arial;
color:#4e4e4e;
font-size: 15px;
font-weight:normal;
margin:  0 0 0 135px;
padding:0;
}

.busqueda_google {
float: right;
margin: 17px 21px 0 0;
}
.contactar {
width:955px;
text-align: right;
padding: 5px 0 21px;
margin:0;
font-size:11px;
color:#CCCCCC;
}

.contactar a{color:#fff}
.contactar a:hover{color:#CCCCCC}

.allgoogle {top:112px !important;left:777px !important}


/* LISTADO ENTRADA */

.entrada_index{font-family:Arial;font-size:13px}

.entrada_index .titulo_y_foto {float:left;width:85px}

.listado_entrada {margin:0 0 0px 0;border:1px solid #ccc;padding:0 0 10px 0;background:url(../imagenes/fondo_listado.gif) bottom repeat-x;border-top:none}
.listado_entrada img{background:#ccc;width:60px;height:60px;margin:1px 0 0 5px;border:1px solid #999}
.listado_entrada h4 {font-size:16px;margin:0 0 4px 0;background:#666666;padding:2px 10px;font-weight:normal}
.listado_entrada h4 a{color:#fff;text-decoration:none}
.listado_entrada a:hover {text-decoration:underline !important}

.listado_entrada .bloque {padding:0 0 0 20px;margin: 0 0 0 85px;}
.listado_entrada .bloque strong {display:block;margin:10px 0 0 0 }
.listado_entrada .bloque strong a{color:#6699FF;}
.listado_entrada .bloque a{color:#333333;text-decoration:none}

/* Redes sociales */

.social {padding-left: 175px; margin-bottom: 15px}
.social img {border: none}


.caja {border:1px solid #ccc;padding:0 10px;margin:10px 0;background:url(../imagenes/fondo_listado.gif) bottom repeat-x;color:#555;font-size:15px;font-family:Georgia;font-style:oblique}
.caja a {color:#6699FF}
.caja a:hover {color:#000}


/*fichero de estilos primero*/

.titulo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #CC3333;
}
.texto_base {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;

}
.texto_glos {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #6633CC;
text-align: justify;
font-style: italic;
}
.consejos{
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-variant: small-caps;
color: #666666;
text-align: left;
}
.consejos2{
width: 260px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-variant: small-caps;
color: #666666;
}
.consejos2_txt{
width: 260px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
}
.consejos_glos{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
font-variant: small-caps;
color: #6633CC;
}
.glosario {
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #6633CC;
font-style: normal;
text-align: left;
}

.enunciado {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
font-style: normal;
text-decoration: none;
}

.enunciado:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
font-style: normal;
text-decoration: none;
}

.enunciado:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999999;
font-style: normal;
text-decoration: underline;
}

.enunciado:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
font-style: normal;
text-decoration: none;

}
.imagen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #6633CC;
text-align: center;
}

.imagen img{
border: 4px solid #D4C5F1;
margin: 4px 0;
}
.enlaces {
margin-top: 20px;
margin-left: 8px;
width: 190px;
color: 333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
}
.enlaces h2 {
font-variant: small-caps;
font-size: 12px;
margin: 6px 1px;
}
.enlaces a {
color: #3B45bF;
text-decoration: none;
}
.enlaces a:hover {
text-decoration: underline;
}
.lista {
width: 550px;
clear: both;
margin: 25px 0 0 0;
padding: 0;
}
.lista h2 {
font-weight: bold;
font-size: 16px;
color: #6B75FF;
padding: 12px 0 0 0;
margin: 0;
}
.lista h3 {
font-weight: bold;
font-size: 13px;
color: #444444;
padding: 5px 0 4px 0;
margin: 0;
}
.lista a:visited {
font-size: 12px;
color: #696969;
}
.lista a {
font-size: 12px;
color: #444444;
}
.lista a:hover {
font-size: 12px;
color: #b70000;
}
.profe {
width: 550px;
margin: 20px 0 0 0;
}
.profe h3{
font-weight: bold;
font-size: 14px;
color: #6B75FF;
padding: 0;
margin: 5px 0 9px 5px;
}
.profe p{
width: 450px;
font-size: 12px;
padding: 0;
margin: 0 0 5px 5px;
}
.entrada h1 {
font-size: 12px;
font-weight: normal;
margin-right: 0;
padding-right: 0;
}
.entrada a {
font-size: 13px;
font-weight: bold;
color: #333333;
display: block;
text-decoration: none;
margin-bottom: 2px;
}
.entrada a:hover {
text-decoration: underline;
}
.entrada p {
font-size:12px;
}
.entrada ul li {
font-size:12px;
list-style-type: square;
}



.texto_ingles {
float: left;
width: 370px;
margin: 10px 10px 30px 5px;
border: 1px solid #777777;
background-color: #f6f6f6;
text-align: left;
}
.texto_ingles p {
font-size: 11px;
margin: 10px;
}
.texto_ingles h1 {
font-size: 12px;
margin: 20px;
}
.texto_ingles img {
margin: 10px;
float: left;
}
.texto_ingles ul {
font-size: 11px;
margin: 10px 15px 10px 28px;
}
.texto_ingles ul li{
list-style-type: square;
}
.solucion_ingles {
float: left;
width: 370px;
margin: 10px 10px 30px 0;
border: 1px solid #777777;
}
.solucion_ingles p {
font-size: 11px;
margin: 10px;
}
.solucion_ingles i {
font-size: 12px;
}
.solucion_ingles strong {
color: #b70000;
}
.tooltip {
font-weight: bold;
color: #b70000;
cursor: help;
}
.amarillo {
color: yellow;
}
.completar {
border-bottom: 1px dashed #b70000;
color: #b70000;
}


/* CONFIGURADOR WIDGET */
.form_widget {margin:20px;font-family:Arial;font-size:14px}
.form_widget h2{font-size:18px;font-weight:normal;color:#6699CC;margin:30px 0 20px 0 }
.form_widget ul {list-style:none;margin:0 0 0 30px;padding:0;}
.form_widget ul li {display:block;width:172px;float:left;height:40px;font-size:12px}
.form_widget ul li input {margin:0}
.form_widget ul li img {width:30px;vertical-align:middle;padding:2px;border:1px solid #ccc}
.form_widget #codigo { border:1px solid #ccc; display:block; font-family: Arial; font-size: 11px !important;;padding:10px;background:#FFFFEC;width:320px;margin:20px 0 5px 0}
.form_widget #ejemplo {float:right;width:320px;margin:10px 0;text-align:center}

.escoge_diseno li {height:100px !important;display:block;float:left;width:214px !important}
.escoge_diseno img{width:176px !important;display:block;height:80px;margin:0 0 10px 0}

.boton_codigo {background:url(../imagenes/boton_codigo.gif) 0 0  no-repeat;padding:3px 10px 4px 31px;border:1px solid #666666;text-decoration:none;color:#333333}
.boton_codigo:hover {background-position:0 -23px;color:#fff}

.caja_corta {float:left;width:365px;}
.caja_corta em {font-size:13px;color:#666666}

.ejemplo_preview {border:1px dotted #666;width:363px;margin:0 0 20px 0;background:url(../imagenes/fondo_listado.gif) bottom repeat-x; }
.ejemplo_preview h2 {color:#666;margin:10px 0 5px 15px;}

/*Estilos API*/

.apiGeneral {border:1px solid #999;}
.topAPI{
font-size: 15px;
background:#fff;
height: 20px;
line-height:20px;
padding:0 10px;
color:#666;
overflow:hidden;
font-family:Arial;
}
.topAPIhtml{
font-size: 14px;
background:#fff;
padding:0 10px;
color:#666;
font-family:Arial;
}
.topAPI strong {color:#6699CC}
.topAPIhtml strong {color:#6699CC}
.bottomAPI{
color:#666;
font-size: 11px;
height: 40px;
line-height:25px;
display:block;
background:#fff;
text-align:center;
padding:0 10px 0 0;
}
.bottomAPI a{color:#6699CC;font-weight:bold}

.problemAPI{
font-family:Arial;
background:#fff;

}


/* COMENTARIOS */

.barra_comentarios {border:1px solid #ccc;padding: 6px 10px;background:#FFFFF0;background:url("../imagenes/fondo_listado.gif") repeat-x bottom;margin:20px 10px 2px 10px}
.barra_comentarios h3 {font-size: 15px; margin: 0; padding: 0;}

#caja_comentarios {border:1px solid #ccc;padding:2px 10px 0 10px;background:#FFFFF0;background:url("../imagenes/fondo_listado.gif") repeat-x bottom;margin:0 10px}
#idc-commentcount_label {display: none !important}
#idc-commentcount_wrap {display: none !important}
.idc-loginbtn_intensedebate {display: none !important}
.idc-loginbtn_wordpress {display: none !important}
.idc-c-b div.idc-right a {background-image: url(../imagenes/fondo_btn.jpg) !important; background-repeat: no-repeat; text-align: center; display: block; width: 80px; color: black; border: 1px solid black; padding: 4px 6px; text-decoration: none}
.idc-c-b div.idc-right a.idc-btn_l {display: inline !important; background-image: none !important; width: auto}

/* BOTONERA DE LOS EJERCICIOS */

.botonera_problema {font-size:13px;font-family:Arial;margin:10px;padding:0 10px;width:97%;height:24px}
.botonera_problema a{ text-decoration:none;color:#555}
.botonera_problema img {border:1px solid #8b8b8b;float:left;margin:0 0 0 1px}
.botonera_problema a:hover img {border:1px solid #222;}
.boton {border:1px solid #8b8b8b;padding:3px 10px 3px 30px;float:left;margin:0 0 0 1px}
.boton:hover {border:1px solid #222;color:#333}
.fullscreen {background:url(../imagenes/boton_fullscreen.gif) 0 0 no-repeat}
.imprimirPDF {background:url(../imagenes/boton_imprimirPDF.gif) 0 0 no-repeat}
.insert_api {background:url(../imagenes/boton_insert_api.gif) 0 0 no-repeat}

.caja_insert_api {font-size:13px;font-weight:bold;margin:0 20px;border:1px solid #ccc;padding:10px;font-family:Arial}
#codigo_insertar {border:1px solid #ccc;display:block;font-family:Courier;padding:10px;margin:10px 0 0 0;background:#FFFFEC;font-size:12px;font-weight:normal}
.aviso_codigo {font-size:11px;color:#555;font-weight:normal;margin:5px 0 0 0;font-style:oblique}

.copiar_codigo {font-weight: normal; color: #b70000}


.botones_ant_sig {float:right}

.enlace_inicio {position: absolute; width: 130px; height: 100px;}
.enlace_inicio a {display: block; text-decoration: none; width: 130px; height: 100px; margin: 0; padding: 0}

/* BANNER API */

.banner_api {margin:10px;font-size:14px; font-family:Arial;background:url(../imagenes/banner_widget.jpg) no-repeat;width:181px;height:162px;text-align:right;}
.banner_api p {color:#323232;font-size:15px;padding:10px 10px 0 0}
.banner_api strong {color:#1a6dd3;font-size:16px;display:block}
.banner_api div {margin:50px 8px 0 0}
.banner_api div a{color:#fff;text-decoration:none;font-weight:bold}
.banner_api div a:hover{text-decoration:underline;color:#FFFF99}

/*SpeakingImage*/

#speakingimage {margin-bottom: 5px; width: 185px; height: 270px; border: 1px solid #aaaaaa; background:url(../imagenes/speakingimage.jpg) no-repeat}

#speakingimage p {margin: 0; padding: 0; text-align: center;}
#speakingimage p a {display: block; color: #444444; text-decoration: none; font-size: 9px; font-weight: normal; margin: 0 4px}
#speakingimage p a:hover {text-decoration: underline}

#speakingimage p span {display: block; text-align: center; margin-top: 7px}
#speakingimage p span a {color: #44aa44 !important; font-weight: bold !important; text-decoration: none; font-size: 10px}
#speakingimage p span a:hover {text-decoration: underline}

#enlace_speakingimage a {display: block; text-align: center; height: 208px; width: 100%; text-decoration: none}