@charset "utf-8";
/* CSS Document */
/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
#juego div, #juego dl, #juego dt, #juego dd, #juego ul, #juego ol, #juego li, #juego h1, #juego h2, #juego h3, #juego h4, #juego h5, #juego h6, #juego pre, #juego form, #juego fieldset, #juego input, #juego textarea, #juego p, #juego blockquote, #juego th, #juego td {margin:0; padding:0; background:none;}

#juego table {border-collapse:collapse; border-spacing:0;}

#juego caption, #juego th {text-align:left;}

#juego fieldset, #juego img {border:0;}

#juego a {outline:none;}

#juego h1, #juego h2, #juego h3, #juego h4, #juego h5, #juego h6, #juego span {font-size:1em; font-weight:normal; margin:0px; padding:0px; color:#424242;}

#juego ol, #juego ul {list-style:none;}

#juego address, #juego caption, #juego cite, #juego code, #juego dfn, #juego th, #juego var {font-style:normal; font-weight:normal;}

#juego form label {float:none;}
#juego form { width:260px;}
#juego form input { background:#fff; padding:2px 3px 2px 3px; color:#424242; font-weight:normal;}
#juego form label { width:auto; height:auto; float:none; clear:none; text-align:left; margin:0; }
#juego form label input { background:#FFF; border:none; width:auto; height:auto; color:#424242; padding:0; font:Arial, Helvetica, sans-serif; text-indent:0; overflow:hidden; padding}
#juego form .boto {height:auto!important; width:auto!important;}
/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
#juego {font-family:Arial, Helvetica, sans-serif; font-size:0.95em!important; z-index:1000!important;}

.clearfix {position:relative; clear:both!important;}
.desaparece {display:none!important;}
.alineaCentro {text-align:center!important;}


/*===============================================*/
/*===============================================*/
/*#fondoOscuro {position:fixed; z-index:999!important; background: transparent #000; filter:alpha(opacity=70!important); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#fondoOscuro img {position:absolute; width:100000000px!important; height:100000000px!important; top:0; left:-10000px; }*/

.fonsOpac {position:fixed; z-index:999!important; background:url(../img/trans-negre.png); /*opacity:0.7; filter:alpha(opacity=70);*/ width:1000000px; height:100000px; left:-10000px;  top:-1000px;}


/*LP METHOD INTRO*/
#juego {position:absolute; z-index:1000; width:955px; margin:0 auto; margin-top:65px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.80em; color:#424242; padding:0; }

/*HOME*/

#juego #interface {position:relative; background-repeat:no-repeat; width:504px; height:398px; padding:80px 70px 60px 210px; float:right;}
#juego #interface #cierra {position:absolute; z-index:10; top:13px; right:30px;}
#interface h4 {padding:18px 0 0 30px; float:none; position:relative;}
#interface h5 {margin:0px 0 0 30px; float:none; position:relative;}
#interface h4 span, #interface h5 span, #juego h2 {display:none;}
#interface ul {position:relative; margin:10px 0 10px -70px; height:25px; text-align:left!important;}
#interface ul li {position:relative; float:left;  margin-left:5px;}
#interface ul span {float:left; width:250px; text-align:right;}

#interface form {position:relative; width:260px; margin:0!important; overflow:hidden; background:url(../img/ratlla-separa-demo.gif); background-position:right; background-repeat:no-repeat; padding-left:5px!important;padding-top:25px;}
#interface form p {font-size:0.95em; margin-right:30px; margin-bottom:15px; text-align:right; width:215px;  margin-top:-10px;} #interface form p a {color:#5c5c5c;}
#interface form span {font-size:1em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:60px!important; padding-right:5px; display:table-cell;  margin-top:-5px; }
#interface form  fieldset input {vertical-align:top; font-size:1em; padding-top:3px; font-family:Arial, Helvetica, sans-serif; margin-top:-5px; height:16px;}
#interface form  fieldset {border:none;padding:0; margin:0;}
.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
#interface form .boto {position:relative; margin:5px 0 20px 30px!important;  }

#interface form .recordar {padding-left:147px; color:#6d6d6d; margin-top:-25px!important; padding-top:0!iomportant; font-size:0.85em; height:20px;}
#interface form .recordar input {float:left;}
#interface form .recordar span {font-weight:100; width:300px!important; text-align:left; display:inline; color:#5c5c5c;  margin:0; padding:0; margin:-10px 0 0 2px;}

#interface p {font-size:0.85em; color:#6d6d6d; margin-top:5px; text-align:justify; width:470px; }

#interface #logo {position:absolute; z-index:10; margin:75px 0 0 -250px;}
#interface #introDemo {position:absolute; width:200px; margin:-110px 0 0 270px!important; height:100px; font-size:1.2em; text-align:center;}
#interface #introDemo p {text-align:center; width:200px; font-weight:bold!important; margin-top:20px;}
#interface #introDemo p a { font-weight:bold!important; color:#6d6d6d; }
#interface #introDemo img {margin-top:24px;}

.textoLegalJoc {padding-top:25px!important;} 
.logoLegal {margin-top:100px!important;}

/*LP METHOD INTERIOR*/

#lpzone {position:relative; background-repeat:no-repeat; width:955px; float:right; top:0px; right:10px; z-index:1;}
#lpzone #pagina {position:relative; background-repeat:no-repeat; width:955px; padding-top:95px; z-index:10;}
#lpzone #pagina #contingut {position:relative; background-repeat:repeat-y; min-height:100px; width:955px;}
#lpzone #footer {position:relative; background-repeat:no-repeat; height:167px; width:955px; overflow:hidden; z-index:9;}
#lpzone #cap {position:relative; background-repeat:no-repeat;  height:165px; width:955px; z-index:10;}
#lpzone #cierra {position:absolute; z-index:10; top:12px; right:20px;}

/*footer*/
#lpzone #footer img {position:relative; z-index:1; }
#lpzone #footer img.logo {position:relative; z-index:1000; top:-85px; left:650px;}

/*header*/
#juego #lpzone h3 {color:#3a3932; font-size:2.3em; position:relative; top:130px; width:600px; /*width:460px;*/ overflow:hidden; padding-left:275px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#leyenda {position:absolute; font-size:1.1em; padding:0!important; top:80px; left:310px;}
#leyenda li {display:inline; margin:0; padding:0;}
#leyenda li a {color:#3a3932; text-decoration:none;} #leyenda a:hover, #leyenda a u {text-decoration:underline;}

/*contingut*/
#esquerra {position:relative; width:172px; float:left; text-align:right; z-index:2!important;}
#dreta {position:relative; width:690px; float:left; padding:10px 20px; z-index:1!important;}

#dreta div {font-family:Geneva, Arial, Helvetica, sans-serif!important;}

/*MENUS*/
#esquerra ul {position:relative; list-style:none; margin:0; padding:0; margin:-40px 5px 0 0;}
#esquerra ul li {padding:0; float:right; clear:right;}
#esquerra ul li a {height:32px; text-decoration:none; display:block;}
#esquerra ul li a:hover, #esquerra ul li a.marcado {background-position:bottom;}
#esquerra ul li a span {display:none;}

/*#colors {position:relative; float:right; padding:0; margin:15px 5px 0 0!important; font-size:1.2em;}
#colors p, #colors ul {display:inline; margin-left:5px; width:auto!important; color:#fff!important;}
#colors ul li {display:inline; width:19px!important; float:left; margin-left:4px;}*/

#colors {position:absolute; left:210px; top:80px; padding:0; font-size:1.2em; z-index:100!important;}
#colors p, #colors ul {display:inline; margin-left:5px; width:auto!important; color:#fff!important; float:left;}
#colors ul li {display:inline; width:19px!important; float:left; margin-left:4px;}

#idiomes {position:absolute; z-index:1000!important; margin:-25px 0 0 10px!important; padding:10px 0 0 10px!important; background-image:url(../img/fons-idioma.png)!important; width:210px; height:27px;}
#idiomes p {font-size:1.1em; width:auto!important;}
#idiomes p, #idiomes ul {position:relative; padding:0; margin:0!important; display:inline; margin-left:5px;}
#idiomes ul li {float:left; height:16px; margin-left:7px; margin-top:-2px; border:2px solid #dadada;}
#idiomes .close {position:absolute; top:5px; right:7px;}

#menuROI {position:absolute; /*border-top:1px solid #d3d3d3; */list-style:none; margin:0!important; padding:0!important;/*left:450px;*/ left:570px; top:200px;z-index:1000!important;}
#menuROI li {position:relative; padding:0; margin:0; height:25px; display:inline-table; text-align:right!important;} 
#menuROI li a {position:relative; height:25px!important; overflow:hidden; text-decoration:none;  display:block;/*display:block;*/}
#menuROI li a:hover, #menuROI li a.marcado {background-position:bottom;}
#menuROI li a span {display:none;}

/*CATEGORIAS*/

#categoria {position:relative; list-style:none; margin:0; padding:0; left:30px; margin-top:-10px!important; min-height:80px!important; z-index:1;}
#categoria li {position:relative;  text-align:center; float:left; width:160px; height:91px; display:inline; font-size:1.6em!important; text-transform:uppercase; margin:5px;}
#categoria li a {color:#fff; background-image:url(../img/categoria.gif); text-decoration:none; font-weight:bold!important; font-family:Arial, Helvetica, sans-serif!important; width:140px; height:51px; display:block; padding:30px 10px 10px 10px;}
#categoria li a:hover, #categoria li a.marcado { background-image:url(../img/categoria-hover.gif); width:140px; height:51px; padding:30px 10px 10px 10px;}
#categoria .subCategoria a {color:#727062; background-image:url(../img/categoria-sub.gif)!important;}
#categoria .subCategoria a:hover {color:#fff; background-image:url(../img/categoria-sub-hover.gif)!important;}

/*TEXT*/
.text {position:relative; padding:0; margin:0; font-size:1em; top:-20px; padding:0px 0 0 60px!important; line-height:1.3em;}
.text p {position:relative; margin:10px 0!important; text-align:justify; clear:both; font-size:1.2em;}
.text ul {font-size:1.3em; color:#4d4d4c; margin:10px 0 20px 20px!important;}
.text ul li {list-style:url(../img/lista2.gif); padding-left:15px;}

.botones {position:relative; clear:both!important; margin-top:30px!important;}
.botones img {float:right; margin-left:10px;}
.empiezaLP {position:relative; clear:both!important;  margin-bottom:-20px;}

/*final*/
#mistakes {overflow-y:auto!important; max-height:600px!important; overflow-x:hidden;}
#mistakes, #mistakesTest {position:relative; font-size:1.2em;}
#mistakes p {font-size:0.95em; padding-left:20px;}
#mistakes img, #mistakesTest img {position:relative; margin:0 5px 20px 23px!important; padding-top:2px;}
#mistakes ul, #mistakesTest ul {position:relative; padding:6px; clear:both!important; border-bottom:1px dotted #c3c3c3; font-size:1em;}
#mistakes ul#misTop, #mistakesTest ul#misTop {background-color:#f2f2f2; height:16px; margin-top:30px;}
#mistakes ul#misTop li, #mistakesTest ul#misTop li {font-weight:bold!important; color:#353535!important;}
#mistakes ul li, #mistakesTest ul li {display:inline; float:left; margin-left:10px;}
.error {color:#cc0010;}
.misN {width:20px; text-align:right; font-weight:bold; }
.misQ {width:200px!important; }
.misY {width:150px; color:#c10101!important;}
.misA {width:150px; color:#2d7538!important;}

#mistakesTest ul li.misY {overflow:visible;}
#mistakesTest ul li.misA {overflow:visible;}

.resuFinal {position:relative; background:#eeeeee!important; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; height:1.8em; padding:5px 10px 2px 10px!important; margin-bottom:30px!important; left:-20px!important; width:620px!important;}
.resuFinal li {float:left!important; width:auto!important; font-size:1.0em; margin-right:25px!important; list-style:none!important; background:none!important;}
.resuFinal li u { font-weight:bold; margin-right:4px;}

#nomFinal, #puntsFinal, #puntsTotal, #mrwZonaFinal, #mrwLevelFinal {font-weight:bold!important;}

/*ZONAS*/
#reminder {overflow-y:auto!important; max-height:600px!important; }
.opcioSup {position:relative; z-index:1000!important; padding:0!important; background-color:#fff!important; width:350px; margin:-20px 100px 0 386px!important; /*height:auto!important;*/ min-height:320px!important; overflow:hidden;}
.opcioSup div {background-color:#fff!important; padding:20px 20px 20px 20px!important; font-size:1.35em!important; position:relative; margin-top:0!important; width:310px!important; overflow:hidden; left:0px!important; height:auto!important; min-height:100px!important;}
.opcioSup div p {width:310px; /*text-align:justify; */line-height:1.4em; margin:5px 0!important;}

.opcioSup div h4 {margin-bottom:10px!important;}
.opcioSup div h4 span {display:none;}
.opcioSup .botones {left:-20px!important; margin-bottom:10px!important;}
.opcioSup img.blanc {position:relative; z-index:20!important; margin-top:-85px; bottom:-77px;}
.opcioSup div em {font-style:italic!important; font-size:1em!important; color:#4d4d4c!important;}
.opcioSup div strong {font-size:1em!important; font-weight:bold!important;}
.opcioSup div u {text-decoration:underline!important; font-size:1em!important;}
.opcioSup div em strong, .opcioSup div strong em {font-style:italic!important; font-weight:bold!important;}
.opcioSup div u strong, .opcioSup div strong u {text-decoration:underline!important; font-weight:bold!important;}
.opcioSup div u em, .opcioSup div em u {text-decoration:underline!important; font-style:italic!important;}

/*estes estilos sólo para cuando el boton esta fuera del form*/
.opcioSup input.boto {text-align:center!important; margin:10px 0 10px 65px!important;}

/*FORMULARI*/
/*
.opcioSup div form {position:relative; padding-top:40px!important; font-size:1.1em; overflow:hidden; width:312px!important;}
.opcioSup div form label {margin-top:10px!important; padding-top:2px!important;}
.opcioSup div form span {font-size:1.1em; text-align:right; font-weight:bold!important;  width:130px!important; padding-right:4px!important; display:table-cell; margin-top:2px!important; clear:both; overflow:hidden; height:28px;}
.opcioSup div form fieldset input, .opcioSup div form fieldset select {font-size:1.05em; font-family:Arial, Helvetica, sans-serif; border:1px solid #c0c0c0!important; height:18px!important;}
.opcioSup div form fieldset select {height:25px!important; width:60px!important; margin-top:5px;}
.opcioSup div form fieldset input {height:18px!important; width:50px!important;}
.opcioSup div form fieldset {border:none; background:url(../img/fons-form-objective.gif)!important; background-repeat:no-repeat; width:402px!important; height:113px; padding:30px 0 0 40px!important;}
.opcioSup div form .boto {position:relative; border:none!important; float:right; margin-top:5px!important; width:auto; padding:0!important;}
*/


#eleccio {position:absolute; padding-top:40px!important; padding-left:12px!important; font-size:1.1em; overflow:hidden; /*width:312px!important;*/  width:322px!important; z-index:100!important; /*background:url(../img/fons-eleccio.png)!important; background-repeat:no-repeat!important; */height:205px; left:30px;}
#eleccio label {margin-top:10px!important; padding-top:2px!important;}
#eleccio span {font-size:1.1em; text-align:right; font-weight:bold!important;  width:120px!important; padding-right:4px!important; display:table-cell; margin-top:2px!important; clear:both; overflow:hidden; height:28px;}
#eleccio fieldset input, #eleccio fieldset select {font-size:1.05em; font-family:Arial, Helvetica, sans-serif; border:1px solid #c0c0c0!important; height:18px!important;}
#eleccio fieldset select {height:25px!important; width:60px!important; margin-top:5px;}
#eleccio fieldset input {height:18px!important; width:50px!important;}
#eleccio fieldset {border:none; background:url(../img/fons-form-objective.gif)!important; background-repeat:no-repeat!important; width:402px!important; height:113px; padding:30px 0 0 40px!important; margin:0 auto;}
#eleccio .boto {position:relative; border:none!important; float:right; margin:5px 10px 20px 0!important; width:auto; padding:0!important;}

.resposta {position:relative!important; margin:0!important; padding:0!important; top:0!important; z-index:10!important; left:0!important; width:auto!important; height:auto!important; float:left!important; }


/*zona ver clic*/

.zonaVerClic {position:relative; font-size:1.4em!important; z-index:10!important; margin-top:-40px!important; }
.zonaVerClic div ul {position:relative; margin-top:100px!important; margin-left:400px!important; font-size:1.45em; font-weight:bold; /*height:220px;*/ height:200px;}
.zonaVerClic div ul li {clear:left; text-transform:uppercase; overflow:hidden; height:2.6em;}
.zonaVerClic div ul.de8 li {clear:none; float:left; width:142px; margin-left:3px!important;}
.zonaVerClic div ul li span { margin-top:20px!important; width:auto!important;}
.zonaVerClic div ul li span a {text-decoration:none; padding:4px 8px 4px 10px!important; line-height:1.6em; background-image:url(../img/lista2.gif); background-repeat:no-repeat; background-position:left top;}
.zonaVerClic div ul li span a:hover  {color:#fff; background:#a8a8a8; padding:4px 8px 4px 10px!important;}
.zonaVerClic .resposta {position:absolute!important; margin-left:470px!important; margin-top:230px!important; /*margin-left:400px!important; si el volem alineat a esquerres*/}


.zonaVerClic img {position:relative; z-index:2;}
.objectesVaris {position:relative; height:15px; display:table-cell; top:0px; z-index:10!important;}
.objectesVaris .verClic {position:absolute; z-index:10!important; top:10px!important; left:-10px;}
.objectesVaris div {position:absolute; z-index:12!important; top:10px!important; left:135px;}
.objectesVaris div p {position:absolute;color:#ffffff!important; font-size:1.8em!important; width:300px; height:3.5em; vertical-align:middle; font-weight:bold; text-align:right; overflow:hidden; top:130px!important; left:-90px;}
.objectesVaris div img {position:absolute; top:27px; left:8px;}
.objectesVaris div img.transparent {position:absolute; z-index:10!important; top:0!important; left:0;}

#reves {position:relative; margin-left:100px!important; z-index:11!important;}
#reves div ul {position:relative; margin:100px 370px 0 0!important; z-index:10!important;}
#reves div ul li {float:right; clear:right; font-size:1.1em!important; height:2.5em;}
#reves div ul li span a {background:none!important; color:#fff;}
#reves div ul li span a:hover {color:#e4e4e4; background:#716e67!important;}
#revesAns p {font-size:2.5em!important; font-weight:bold; width:320px; overflow:hidden; margin:-130px 0 0 390px!important; text-transform:uppercase; text-align:center!important;}

#reves .resposta {position:absolute!important; margin-left:393px!important; margin-top:200px!important; }

/*ESCUCHAR*/
#zonaEscuchar {position:relative;z-index:10; margin-top:100px!important; height:150px;}
#zonaEscuchar div div {position:relative; top:65px; font-size:3em; text-transform:uppercase; z-index:20!important; width:735px; text-align:center!important;}
#zonaEscuchar div div strong {padding:5px;}
#zonaEscuchar div div strong.escuchar1 {background:#363636; color:#fff;}
#zonaEscuchar div div strong.escuchar2 {color:#363636; background:#fff;}
#zonaEscuchar div div strong.escuchar3 {background:#065f04; color:#fff;}
#zonaEscuchar img {position:absolute; z-index:1; top:0; left:0;}
#zonaEscuchar img.so {position:absolute; z-index:10!important; top:20px;}



/*ZONA OIR ESCRIBIR*/

#zonaOir, #zonaVer {position:relative; margin-top:10px!important; height:280px; background-color:#00CC00; z-index:10!important;}
#zonaOir p, #zonaVer p {position:absolute; font-size:2.5em; font-weight:bold; width:330px; top:105px; left:380px; text-transform:uppercase; height:1.4em; overflow:hidden;}
#zonaOir form, #zonaVer form {position:absolute; font-size:2em; margin:0!important; overflow:hidden; top:145px; left:380px;}
#zonaOir form input, #zonaVer form input { background-color:#fff; padding:0px; height:1.6em; line-height:1.5em;width:130px;  z-index:100!important;}
#zonaOir .resposta {position:absolute!important; top:145px!important; left:525px!important;}

#zonaVer {height:240px; margin-top:50px!important;}
#zonaVer p {color:#fff; left:20px!important; width:390px!important; text-align:center; min-height:1.4em; overflow:visible; }
#zonaVer form {top:105px; left:410px;}
#zonaVer form input {width:200px;}
#zonaVer .resposta {position:absolute!important; top:105px!important; left:615px!important;}

#zonaOir .fondo {height:10px!important; margin-top:-300px; bottom:-100px!important;}
#zonaVer .fondo {height:10px!important; margin-top:-320px; bottom:-100px!important;}
#zonaEscuchar .fondo { margin-top:-290px;}
#zonaObserva .fondo {margin-top:-272px; height:200px!important;}

/*ZONA OBSERVAR*/

#zonaObserva {position:relative; height:240px; top:45px; left:50px;}
#zonaObserva div div {position:absolute; font-size:2.4em; left:60px; font-weight:bold; width:500px; text-align:center; text-transform:uppercase; height:1.4em; overflow:hidden; color:#FFFFFF;}
#zonaObserva div div span {float:none!important; clear:none!important; font-weight:bold;}
#zonaObserva div div#arriba {top:100px;} #zonaObserva div div#abajo {top:170px;}
#zonaObserva .altre {color:#e86801!important;}

/*ZONA RESPUESTA MULTIPLE*/
#zonaMultiple {position:relative; height:282px; top:37px; left:0;}
#zonaMultiple p {font-size:2em; height:1.4em; overflow:hidden; margin:20px 0 10px 20px;}
#zonaMultiple ul {position:absolute; width:200px!important; padding:0!important; margin:0!important; left:0!important; overflow:hidden!important; font-size:2.3em; top:130px;}
#zonaMultiple ul li {height:2em;}
#zonaMultiple ul li a {color:#fff; text-decoration:none; padding:7px 10px;} 
#zonaMultiple ul li a:hover, #zonaMultiple ul li a.marcat {color:#414141; background:#fff;}

#zonaMultiple ul.llista1 {left:30px!important;}
#zonaMultiple ul.llista2 {left:290px!important;}
#zonaMultiple ul.llista3 {left:520px!important;} 
#zonaMultiple ul.llista3 li a {color:#414141;} #zonaMultiple ul.llista3 li a:hover, #zonaMultiple ul.llista3 li a.marcat {color:#fff; background-color:#bbbbba;}

#zonaMultiple .fondo {position:relative; margin-top:-320px!important; bottom:-54px!important;height:200px!important; vertical-align:bottom!important;}


/*ZONA COMPLETAR FRASE*/
#zonaCompletar {position:relative; height:200px; margin:-15px 0 20px 37px!important; padding-top:110px!important;}
#zonaCompletar p {position:relative; color:#fff!important; clear:both; z-index:10!important; color:#f00; font-size:2em; margin:20px 0 10px 20px; text-align:center; height:1.4em; overflow:hidden;}
#zonaCompletar ul {font-size:2.3em!important; text-align:center; padding:0!important; margin:0!important; float:left!important; top:0!important; padding-left:130px!important;}
#zonaCompletar ul li {position:relative; float:left!important; margin:10px!important; width:200px; padding:0!important; left:0; top:0!important; z-index:10!important; }
#zonaCompletar ul li a {color:#414141; background-color:#FFFFFF; text-decoration:none; padding:3px 4px;}
#zonaCompletar ul li a:hover {color:#fff; background:#414141;}
#zonaCompletar img {position:absolute; z-index:1; top:0; left:0;}

#zonaCompletar.fondo {position:relative; height:250px; z-index:1!important; vertical-align:top!important; margin-top:-400px!important;}

#zonaCompletar .resposta {position:absolute!important; top:300px!important; left:287px!important;}


/*INFORMACIÓN DE ZONAS MIENTRA JUEGAS*/
.puntua {position:absolute; background:#eeeeee!important; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; width:300px; left:365px!important; margin-top:-75px!important; padding:10px 20px!important; font-size:1.4em;}
.puntua li {float:left!important; clear:none!important; width:145px; margin:4px 2px!important;}
.puntua li span {font-weight:bold!important; width:70px!important; display:inline!important; text-align:right; margin-right:3px!important;}
.puntua p {position:absolute; top:0; right:0;}

/*LPTEST*/
.lpTest {position:relative; font-size:1.0em; min-height:100px!important;}
.lpTest p {font-weight:bold; margin-bottom:20px!important;} .lpTest p strong {font-size:1.5em; margin-right:10px;}
.lpTest form {position:relative; clear:both; padding:20px 20px 20px 30px!important; background-color:#f0f0f0!important; width:585px!important;}
.lpTest form label {font-size:1.3em; line-height:2em;}
.lpTest form input {margin-right:4px!important; background:none!important;}
.lpTestAn {font-size:1.0em;}
#nomTest {font-weight:bold!important;}
.firma {text-align:right!important;}
.firma p {text-align:right!important; right:30px!important;}
.firma p, .firma p strong {font-size:1.1em!important;}

/*MY STATS*/
.myStats {position:relative; margin:0!important; padding:0!important; width:600px; margin-left:70px!important; border-bottom:1px dotted #c3c3c3; padding-bottom:20px!important; margin-bottom:30px!important;}
.myStats h3 {position:relative; margin:0!important; padding:0!important; top:0!important; font-size:2em!important;}
.myStats div {position:relative; margin:0!important; padding:0!important; clear:both; top:20px!important;}
.myStats div h4 {position:relative; float:left; width:270px; font-size:1.4em!important; font-weight:bold!important;} 
.myStats div ul {position:relative; float:left; width:330px; font-size:1.5em!important;}
.myStats div ul li {margin:0!important; padding:0!important; clear:both; height:25px!important; margin-bottom:10px!important;}
.myStats div ul li div, .myStats div ul li span, .myStats div ul li a, .myStats div ul li em {float:left!important;}
.myStats div ul li em {width:55px!important; margin:0!important; padding:0!important;}
.myStats div ul li div {width:150px!important; background-color:#eaeaea!important; height:23px!important; top:0!important; padding:0!important; margin:-17px 3px 0 60px!important; overflow:hidden;}
.myStats div ul li span {width:50px!important; text-align:right; padding:0!important; margin:-14px 5px 0 0!important; font-weight:bold!important;}
.myStats div ul li a {margin:-14px 0 0 70px;}

.myStatsDetalle {position:relative; padding-left:80px!important; min-height:100px;}
.myStatsDetalle h3 {padding:0!important; top:0!important; margin-top:-40px!important; font-size:1.9em!important;}
.myStatsDetalle ul {position:relative; width:590px; }
.myStatsDetalle ul li {display:inline!important;}
.myStatsDetalle ul.resuFinal { padding:5px 15px 5px 15px!important; font-size:1.1em; clear:both!important;}

.myStatsDetalle div {margin:0!important; padding:0!important; margin-left:-20px!important;}
.myStatsDetalle div ul {font-size:1.4em; width:650px!important; border-bottom:1px dotted #999; min-height:1em; clear:both; }
.myStatsDetalle div ul li {overflow:hidden!important; float:left!important; padding:10px 2px 4px 2px!important; text-align:center; }
.myStatsDetalle div ul.top {background-color:#f2f2f2!important; height:3.2em!important; padding:3px 0!important; margin:0!important; font-size:1.3em; }
.myStatsDetalle div ul.top li {font-weight:bold!important; vertical-align:text-bottom!important; padding-top:5px!important;}

.myStatsDetalle div ul.bottom {background-color:#f2f2f2!important; border-bottom:none!important; padding-bottom:5px!important;}
.myStatsDetalle div ul.bottom li {font-weight:bold; color:#777;}
.myStatsDetalle .botones {margin-top:50px!important;}

.mSession {width:150px; text-align:left!important; font-weight:bold; font-size:0.90em; padding-top:5px!important;}
.mNeutre {width:322px!important;}
.mCAns {width:65px!important;}
.mNSets {width:60px!important;}
.mNQues {width:90px!important;}
.mTantoCAns {width:90px!important;}
.mPoints {width:50px!important;}
.mPointsAc {width:90px!important;}
.mesSchol {width:20px!important;}


.myStatsDetalle div ul.bottom li.mPointsAc {text-align:right;}

.afegirSchol {position:relative; top:10px!important; clear:both!important;}
.afegirSchol img, .afegirSchol span {float:left; margin-right:5px;}
.afegirSchol span { width:600px; font-size:1.2em!important; color:#777;}

#mystatsbars { position:relative;overflow-y:auto!important; max-height:600px!important; overflow-x:hidden;}
#listadoStats { position:relative;overflow-y:auto!important; max-height:420px!important; overflow-x:hidden; margin-right:-20px!important;  padding-left:20px!important; width:650px!important;}

#listaErrores { position:relative; overflow-y:auto!important; max-height:420px!important; overflow-x:hidden;}

.opcioSup div span.blau {color:#2793b6!important; font-weight:bold!important; clear:none!important; float:none!important;}
.opcioSup div span.taronja {color:#ff8200!important; font-weight:bold!important;  clear:none!important; float:none!important;}
/*.opcioSup div p.alinearCentro {text-align:center!important;}*/
.opcioSup div span.alinearCentro {text-align:center!important; width:310px!important;}
.opcioSup div p.alinearCentro {text-align:center!important; width:310px!important;}

/*loader*/
.loader {text-align:left!important;}


/*DEMO*/
#mrwLoginKO {width:260px; padding-left:0!important; margin-top:5px!important; margin-bottom:5px!important; text-align:left;}
#lpzone #cap .h3Demo {margin-top:-20px;}
#lpzone #cap h4 {position:relative; color:#333333; top:134px; left:273px; font-size:1.1em; font-weight:bold;}
#lpzone #cap p {position:relative; color:#444; top:130px; left:273px; z-index:10!important; width:600px!important;}
#lpzone #cap p a {color:#2fa5cb; font-size:1em;} #lpzone #cap p a:hover {color:#666;}

#footDemo {position:absolute; color:#444; top:25px; left:212px; z-index:10!important; width:650px!important;}
#footDemo a {color:#2fa5cb; font-size:1em;} #footDemo a:hover {color:#666;}

#textStatsDemo {font-size:1.2em; margin:-50px 0 10px 60px!important; padding-right:0!important;}
#textStatsDemo a, #textLpTestDemo a {color:#2fa5cb; font-size:1em; }
#textLpTestDemo {background:#fc0!important; padding-right:0!important; font-size:1em;}
#textLpTestDemo p {padding:0!important; margin:0!important;text-align:center;}

.textMistakes {font-size:14px!important; margin-bottom:25px!important;}
 
 #tomredsays {font-size:12px!important;}
.mensajeTom {position:relative; text-align:right; font-size:12px!important; font-weight:bold; min-height:25px;}
.mensajeTom strong {margin-top:5px; float:right;}
.mensajeTom img {margin-right:10px;}

#textCat {color:#000!important; position:relative; float:none!important; font-size:1.2em; margin:-60px 0 20px 40px!important;}