/* CSS Document */
body {
background-color:#FFFFFF;
background-image: url(../img/bg_ing.jpg);
background-repeat:repeat-x;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
margin:auto;
}

#div_principal{
width:740px;
margin:0 auto;
text-align:left;
}

#div_principal2{
background-image:url(../img/city_ing3.gif);
background-repeat:no-repeat;
background-position:top right;
float:left;
}

/********************** Header ***************/
#header {
padding:50px 0 0 0;
}

#header h1 {
padding:0px;
margin:0px;
text-decoration:none;
background-image: url(../img/ciudadingle9.pn);
background-repeat:no-repeat;
}

#header h1 a:link{
font-family:Arial, Helvetica, sans-serif;
display:block;
width:740px !important;
height:53px;
font-size:0px;
margin-top:30px;
color:#fffffe;
text-decoration:none !important;
}

#header h1 a:visited{
display:block;
width:740px !important;
height:53px;
font-size:0px;
margin-top:30px;
color:#fffffe;
text-decoration:none !important;
}

/********************** Header ***************/

/********************** Genericos ***************/

input { 
border:1px solid #000;
color:#000000;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}


.boton {
border:0;
margin-bottom:5px;
color:#000000;
background-color:#fff;
font-size:18.5px;
width:86px;
font-weight:bold;
text-decoration:underline;
cursor: pointer;
}
.boton a:visited{color:#000 !important;}
.boton a:link{color:#000 !important;}
.boton a:hover{color:#000 !important;}

.boton2 {
border:0px solid #000;
color:#000000;
background-color:#fff;
font-size:30px;
width:140px !important;
font-weight:bold;
text-decoration:underline;
}

.boton3 {
background-image:url(../img/boton.gif);
width:120px;
height:25px;
border:0;
color:#000000;
font-size:14px;
font-weight:bold;
display:block;
text-align:center;
padding:9px 0 0 0;
background-repeat:no-repeat;
margin:0 10px 0 0;
float:left;
}

.boton3 a:visited{color:#000 !important; }
.boton3 a:link{color:#000 !important; }
.boton3 a:hover{color:#000 !important;}

h1
{
margin:0;
font-size:18px;
color:#000000;
text-decoration:underline;
}

h2 {
margin:0;
padding:0;
font-size:16px;
text-decoration:underline;
}

.info{
font-size:10px;
color:#888888;
line-height:normal;
}


.texto1 {
font-size:13px;
line-height:normal;
padding:10px 0 10px 0;
}

a:link{
color:#67c8e8;
text-decoration:none;
}

a:hover{
color:#67c8e8;
text-decoration:underline;
}

a:visited{
color:#67c8e8;
text-decoration:none;
}

/********************** Genericos ***************/

/********************** HOME ******************************************************************************************/
#link2{
color:#000000;
text-decoration:underline;
}

#div_resp_ajax {
color:#ed1c24;
font-size:11px;
font-weight:bold;
padding-bottom:10px;
}

#contenido {
padding:20px 0 0 10px;
background-image: url(../img/city_ing.gif);
background-repeat:no-repeat;
background-position:top right;
height:350px;
}  

#resena {
font-size:18px;
color:#333;
padding-right:370px;
line-height:30px;
padding-bottom:33px;
}

/* Bloques ***********/
#block1 {
background-image:url(../img/personajes/02a.gif);
background-repeat:no-repeat;
background-position:left bottom;
width:165px;
height:192px;
float:left;
margin:0 0 0 0;
color:#000000;
font-size:12px;
font-weight:bold;
}
#block1a {
background-image:url(../img/burbuja2.gif);
background-repeat:no-repeat;
width:165px;
height:137px;
padding:3px 0 0 0;
}



#mail {
width:124px;
}

#div_form_login {
padding:0 0 0 0;
margin:10px 15px 0 15px;
}

#span_llenado_user #passw {
padding:0 0 0 0;
margin:0 0 0 0;

}

#span_llenado_passw #passw {width:124px;}

.texto_ultimas_lecc {
padding:1px 0 5px 0;
}

#block2a {
background-image:url(../img/burbuja2.gif);
background-repeat:no-repeat;
width:165px;
height:137px;
text-align:center;
padding:41px 0 0 0;
}

#block2 {
background-image:url(../img/personajes/01a.gif);
background-repeat:no-repeat;
background-position:left bottom;
width:165px;
height:192px;
float:left;
margin:0 0 0 10px;
}

/* Bloques ***********/


/* Home Fondo blanco ***********/

#news {
color:#333;
width:350px;
float:left;
padding-right:20px;
border-right:2px dotted #ccc;
}

.news-texto {
font-size:14px;
color:#333;
line-height:25px;
font-weight:bold;
}

#div_ultimas_lecc{
font-size:15px;
color:#333;
width:349px;
font-weight:bold;
float:left;
padding-left:19px;
}

/********************** HOME ******************************************************************************************/



/********************** Template 1 ******************************************************************************************/

#contenido-template1 {
padding-bottom:55px;
background-image:url(../img/personajes/01a.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:auto;
width:544px;
float:left;
}


#template1-medio {
background-image:url(../img/burbujas/template3-medio.gif);
background-repeat:repeat-y;
font-size:14px;
line-height:20px;
color:#333;
font-weight:bold;
padding-left:20px;
padding-right:20px;
}

#template1-medio input { width:100px; margin:0 !important; }

#template1-top {
background-image:url(../img/burbujas/template3-top.gif);
background-repeat:no-repeat;
height:26px;
margin:50px 0 0 0;
} 
#template1-bottom{
background-image:url(../img/burbujas/template3-bottom.gif);
background-repeat:no-repeat;
height:54px;}



/********************** Template 1 ******************************************************************************************/

/********************** Template 2 ******************************************************************************************/

#contenido-template2 {
padding-bottom:110px;
background-image:url(../img/burbujas/template2-bottom2.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:auto;
width:342px;
float:left;
}


#template2-medio {
background-image:url(../img/burbujas/template2-medio.gif);
background-repeat:repeat-y;
font-size:14px;
line-height:22px;
color:#333;
font-weight:bold;
padding-left:20px;
padding-right:20px;
}

#template2-medio input { width:100px; margin:0 !important; }

#template2-top {
background-image:url(../img/burbujas/template2-top.gif);
background-repeat:no-repeat;
height:25px;
margin:50px 0 0 0;
} 




/********************** Template 2 ******************************************************************************************/

/********************** Template 3 ******************************************************************************************/

#contenido-template3 {
padding-bottom:55px;
background-image:url(../img/personajes/01a.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:auto;
width:544px;
float:left;
}


#template3-medio {
background-image:url(../img/burbujas/template3-medio.gif);
background-repeat:repeat-y;
font-size:14px;
line-height:30px;
color:#333;
font-weight:bold;
padding-left:20px;
padding-right:20px;
}

#template3-medio input { width:100px; margin:0 !important; }

#template3-top {
background-image:url(../img/burbujas/template3-top.gif);
background-repeat:no-repeat;
height:26px;
background-position:left bottom;
padding:50px 0 0 0;
} 
#template3-bottom{
background-image:url(../img/burbujas/template3-bottom.gif);
background-repeat:no-repeat;
height:54px;}

#div_opciones_top {
margin:19px 0 0 30px;
width:700px;
position:absolute;
}

/********************** Template 3 ******************************************************************************************/

/********************** columnas ******************************************************************************************/

#columna1 {
float:left;
width:181px;
padding-bottom:60px;
margin:50px 20px 0 0;
background-image:url(../img/personajes/01a.gif);
background-position:bottom left;
background-repeat:no-repeat;
}


#columna2 {
float:right;
width:181px;
padding-bottom:60px;
margin-top:150px;
background-position:bottom left;
background-repeat:no-repeat;
}

#columna-top {
background-image:url(../img/block/block-top.gif);
background-repeat:no-repeat;
height:26px;
} 
#columna-medio {
background-image:url(../img/block/block-medio.gif);
background-repeat:repeat-y;
height:auto;
padding:0 10px 0 10px;
} 
#columna-bottom{
background-image:url(../img/block/block-bottom.gif);
background-repeat:no-repeat;
height:54px;
}

/********************** columna 2 ******************************************************************************************/

.english_word{
	color:#67c8e8;
}

/********************** footer ******************************************************************************************/

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#888888;
text-align:center;
width:740px;
float:left;
margin-top:50px;
line-height:15px;
}
#footer a:link {
color:#666666;
text-decoration:underline;}
#footer a:hover {
color:#000;
text-decoration:underline;}
#footer a:visited {
color:#888888;
text-decoration:underline;}

/********************** Ventanas de diálogo ******************************************************************************************/

.texto_dialog {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:normal;
}
/********************** cometarios /leccion ******************************************************************************************/

#less_name {
color:#888888;
font-size:30px;
font-weight:normal;
margin-top:20px;
}
#less_name img {
float:right;
padding-top:0px;
}
#load_less {
background:#FFFFFF none repeat scroll 0% 50%;
border:1px solid #000000;
color:#000000;
margin-bottom:7px;
margin-top:10px;
text-align:center;
width:150px;
}
#less_desc {
}
#less_comments {
background:#F2F2F2 none repeat scroll 0%;
border:1px solid #CCCCCC;
margin-top:20px;
padding:10px;
margin-bottom:20px;
}

#less_com {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
margin-top:20px;
}
#less_com_a {
background:#fff;
border:1px solid #ccc;;
width:100px;
text-align:center;
}
#less_com_date {
color:#555555;
float:right;
font-size:11px;
padding-right:20px;
text-align:right;
}
#less_com_user {
}
#less_com_user img {
}
#less_com_comment {
color:#333333;
font-size:11px;
font-weight:normal;
line-height:15px;
padding:10px 50px 20px;
}

.prev {
border:0;
margin-bottom:5px;
color:#000000;
background-color:#fff;
font-size:15px;
font-weight:bold;
text-decoration:underline;
cursor: pointer;
}

.next {
border:0;
margin-bottom:5px;
color:#000000;
background-color:#fff;
font-size:15px;
font-weight:bold;
text-decoration:underline;
cursor: pointer;
}

.starting_levels {
background:#F2F2F2 none repeat scroll 0%;
border:1px solid #CCCCCC;
height:110px;
margin-top:20px;
margin-bottom:20px;
}

.starting_levels_txt {
font-size:11px;
color:#888888;
line-height:normal;
}

#recaptcha_image {
border:1px solid #CCCCCC;	
}