body { text-align: center; font-family: verdana; font-size: 10px;
	margin:0px; padding:0px; margin-top:0px; margin-bottom:0px;color:Black;
	background-color: #3b3218; background-image: url(../img/backMain.gif); background-position: center; background-repeat: repeat-y;
}


#homeMain 
{ background-image: url(../img/homeBack_en.gif); background-position: top center ; background-repeat: no-repeat;
width: 786px; margin: 0px auto; height: 560px; position: relative}
#homeSecc 
{ position: absolute; left: 188px; top:244px; text-align: right;}
#homeIdiomas 
{ position: absolute; left: 555px; top:244px; text-align: left;}
.linkHome 
{text-decoration: none; color: Black;cursor: pointer}
.linkHome:hover
{text-decoration: underline}
#homeLogin
{ position: absolute; left: 341px; top:440px; text-align: left;}
.inputHome 
{border: 1px solid black; background-color: #ebebeb; font-family: Verdana; font-size: 10px; width: 130px; margin: 5px 0px; }



#mainContainer 
{background-image: url(../img/mainBack_en.gif); background-position: top center ; background-repeat: no-repeat;
width: 786px; margin: 0px auto; position: relative; height: 570px;}
#mainIdiomas 
{ width: 100px;left: 425px; position: absolute; top:1px; text-align: left;}
#mainUser 
{ width: 200px;left: 500px; position: absolute; top:3px; text-align: left; line-height: 17px;font-size: 10px}
.linkIdiomas 
{margin: 5px 0px;}
#linkLogo
{ width: 33px; height: 55px; cursor: pointer; position: absolute; top: 1px; left: 363px;}


#cursos 
{background-image: url(../img/cursosBack_en.gif); background-position: top center ; background-repeat: no-repeat;
width: 548px; margin: 0px auto; height: 500px; position: relative; top: 64px;}
#cursosGlobo
{position: absolute; left: 120px; top:46px; text-align: left; font-size: 11px; width: 280px;}
.imgBook 
{margin-top:7px;}
#libroA2_01 
{position: absolute; left: 13px; top:160px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
#libroB1_01 
{position: absolute; left: 121px; top:160px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
#libroB2_01 
{position: absolute; left: 232px; top:160px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
#libroB2_02 
{position: absolute; left: 232px; top:318px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
#libroC1_01 
{position: absolute; left: 343px; top:160px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
#libroC1_02 
{position: absolute; left: 341px; top:318px; text-align: left; font-size: 11px; width: 94px; text-align: center;}
#libroC2_01 
{position: absolute; left: 450px; top:160px; text-align: left; font-size: 11px; width: 90px; text-align: center;}
	
#menu01
{position: absolute; float:left; left: 53px; top:10px; text-align: left; font-size: 11px;}
#menu02
{position: absolute; float:left; left: 125px; top:10px; text-align: left; font-size: 11px;}
#menu03
{position: absolute; float:left; left: 235px; top:10px; text-align: left; font-size: 11px;}
#menu04
{position: absolute; float:left; left: 382px; top:10px; text-align: left; font-size: 11px;}


#libroGolgrim 
{background-image: url(../img/libroGolgrimBack_en.gif); background-position: top center ; background-repeat: no-repeat;
width: 548px; margin: 0px auto; height: 495px; position: relative; top: 64px;}
.libroImg
{position: absolute; left: 376px; top:136px; cursor: pointer;}
.libroAveImg
{position: absolute; left: 376px; top:349px; cursor: pointer;}
#libroSecciones 
{position: absolute; left: 238px; top:182px; text-align: right; font-size: 11px;}
#libroAvenSecciones 
{position: absolute; left: 215px; top:400px; text-align: right; font-size: 11px;}
.linkLibro
{text-decoration: none; color: Black; font-size: 11px;}
.linkLibro:hover
{text-decoration: underline}


#ejerciciosGolgrim 
{background-image: url(../img/ejerciciosGolgrimBack_en.gif); background-position: top center ; background-repeat: no-repeat;
width: 548px; margin: 0px auto;  position: relative; top: 64px;}
.ejerLibroImg
{position: absolute; left: 467px; top:15px;}
#ejerciciosContainer
{background-color: #b4a57b;position: relative; left: 8px; top:126px; width: 532px; height: 500px; 
 background-image: url(../img/ejerciciosContSombra.gif); background-position: bottom; background-repeat: no-repeat; text-align: right; font-size: 11px;}
.ejerTipo01
{z-index: 10;background-image: url(../img/ejerA_open.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 0px; top:0px; width: 133px; height: 70px; padding-top:10px; text-align: center; font-size: 11px}
.ejerTipo02
{z-index: 10;background-image: url(../img/ejerB.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 133px; top:0px; width: 133px; height: 70px; padding-top:10px; text-align: center; font-size: 11px;}
.ejerTipo03
{z-index: 10;background-image: url(../img/ejerA.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 266px; top:0px; width: 133px; height: 70px; padding-top:10px; text-align: center; font-size: 11px;}
.ejerTipo04
{z-index: 10;background-image: url(../img/ejerB.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 399px; top:0px; width: 133px; height: 70px; padding-top:10px; text-align: center; font-size: 11px;}

.ejerNumber1
{position: absolute; left: 30px; top:80px;cursor: pointer; }
.ejerNumber2
{position: absolute; left: 135px; top:80px;cursor: pointer}
.ejerNumber3
{position: absolute; left: 240px; top:80px;cursor: pointer}
.ejerNumber4
{position: absolute; left: 342px; top:80px;cursor: pointer}
.ejerNumber5
{position: absolute; left: 440px; top:80px;cursor: pointer}
.ejerNumber1:hover
{text-decoration:underline}
.ejerNumber2:hover
{text-decoration:underline}
.ejerNumber3:hover
{text-decoration:underline}

.ejercicio 
{position: absolute; left: 20px; top:120px; width: 490px; text-align: justify; display: none}
.grupoEjercicios
{position: absolute; left: 20px; top:80px; width: 490px; text-align: justify; display: none}

.cita {text-indent: 30px;padding:0px 15px; font-size: 12px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: justify;}
.respuestaOk {color: #050;text-align: center}
.respuestaMal {color: #800;text-align: center}

.wqTipo01
{z-index: 10;background-image: url(../img/ejerB_open.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 0px; top:0px; width: 177px; height: 70px; padding-top:10px; text-align: center; font-size: 11px}
.wqTipo02
{z-index: 10;background-image: url(../img/ejerA.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 177px; top:0px; width: 178px; height: 70px; padding-top:10px; text-align: center; font-size: 11px;}
.wqTipo03
{z-index: 10;background-image: url(../img/ejerB.png); background-repeat: repeat-x; background-position: top;position: absolute; left: 355px; top:0px; width: 177px; height: 70px; padding-top:10px; text-align: center; font-size: 11px;}

.wqNumber1
{position: absolute; left: 57px; top:80px;cursor: pointer; }
.wqNumber2
{position: absolute; left: 230px; top:80px;cursor: pointer}
.wqNumber3
{position: absolute; left: 407px; top:80px;cursor: pointer}
.wqNumber1:hover
{text-decoration:underline}
.wqNumber2:hover
{text-decoration:underline}
.wqNumber3:hover
{text-decoration:underline}

.webquest 
{position: absolute; left: 20px; top:120px; width: 490px; text-align: justify; display: none}
.grupoWebquest
{position: absolute; left: 20px; top:80px; width: 490px; text-align: justify; display: none}

.parteWq
{font-weight: bold; margin: 15px 0px; font-size: 12px; text-align: center;}

#webQuestGolgrim 
{background-image: url(../img/wqGolgrimBack.gif); background-position: top center ; background-repeat: no-repeat;
width: 548px; margin: 0px auto;  position: relative; top: 64px;}




#libroAventuraGolgrim 
{height: 158px;background-image: url(../img/mapaGolgrimBack.gif); background-position: top center ; background-repeat: no-repeat;
width: 548px; margin: 0px auto;  position: relative; top: 64px;}
#mapaContainer
{background-color: #b4a57b;position: relative; left: 10px; top:64px; width: 760px; height: 570px; border:5px solid #b87071;text-align: right; font-size: 11px;}
#faux
{color: #777;font-size: 9px;position: absolute; left: 130px; top:205px;cursor: pointer;}
#elBosque
{background-image: url(../img/ejerciciosContSombra.gif); background-position: bottom; background-repeat: no-repeat;
position: absolute; left: 120px; top:222px; width: 532px; height: 1146px; text-align: left;padding-top: 7px }
#elBosqueContainer
{text-align: justify;background-color: #b4a57b;font-size: 11px; width: 532px; height: 1050px;padding: 40px 15px 10px 15px}
.volverMapa
{padding: 16px 15px;position: absolute; left: 375px; top:0px;background-image: url(../img/volverMapa.gif); background-position: top left ; background-repeat: no-repeat; width: 131px; height: 60px }
#titMundoMirluc
{position: absolute; left: 300px; top:190px; }
#titElBosque
{position: relative; left: 400px; top:35px; }
.escena
{margin-left: 8px; margin-bottom: 8px; border:2px solid #b87071; cursor:pointer; float: right}
.character
{margin-right: 8px; margin-bottom: 8px; border:2px solid #b87071; cursor:pointer; float: left}






#footer
{background-color: #b4a57b; width: 850px; margin: 10px auto; height: 35px; position: relative }
#footerCopy 
{position: absolute; left: 90px; top:10px; text-align: left;}
#footerSecc01
{position: absolute; left: 560px; top:10px; text-align: left;}
#footerSecc02
{position: absolute; left: 660px; top:10px; text-align: left;}
#footerSecc03
{position: absolute; left: 750px; top:10px; text-align: left;}