*{margin:0;padding:0;font-family:verdana;font-size:12px;}
#header{height:95px;position:relative;width:100%;tet-align:center;margin:0 auto;}
#header2{height:210px;background-color:#ff9000;border-top:2px solid #653e26;border-bottom:2px solid #653e26;position:relative;width:100%;tet-align:center;}
.contenedor{width:700px;text-align:left;margin:0 auto;position:relative;}
.clear{clear:both;}

#header .logo{padding:15px 0 0 10px;}
#header .login{position:absolute;right:0;top:10px;width:322px;}
#header .login .formulario{margin-top:5px;width:320px;height:53px;border:1px solid #653e26;background-color:#f8e8d1;border-radius:5px;position:relative;}
#header .login .formulario .text{color:#653e26;font-size:11px;font-weight:bold;}
#header .login .formulario .input input{color:#653e26;font-size:11px;border:1px solid #653e26;border-radius:3px;padding:2px;width:100px;}
#header .login .formulario .boton-login input, #header .login .formulario .boton-password input{color:#fff;font-size:10px;font-weight:bold;padding:3px 7px;background-color:#653e26;border:1px solid #653e26;border-radius:2px;cursor:pointer;}
#header .login .formulario .usuario{position:absolute;top:8px;left:8px;}
#header .login .formulario .input-usuario{position:absolute;top:6px;left:86px;}
#header .login .formulario .password{position:absolute;top:30px;left:8px;}
#header .login .formulario .input-password{position:absolute;top:28px;left:86px;}
#header .login .formulario .boton-login{position:absolute;top:6px;left:200px;}
#header .login .formulario  .recuperar-password{position:absolute;top:31px;left:200px;}
#header .login .formulario  .recuperar-password a{font-size:9px;text-decoration:none;color:#777;}
#header .login .formulario .email{position:absolute;top:8px;left:8px;}
#header .login .formulario .input-email{position:absolute;top:6px;left:86px;}
#header .login .formulario .boton-password{position:absolute;top:28px;left:86px;}

#header2 .registro{position:absolute;right:0;top:10px;width:247px;}
#header2 .registro .formulario{margin-top:2px;width:245px;height:174px;border:1px solid #653e26;background-color:#ed8916;border-radius:5px;position:relative;}
#header2 .registro .formulario .text{color:#fff;font-size:11px;font-weight:bold;}
#header2 .registro .formulario .input input{color:#653e26;font-size:11px;border:1px solid #653e26;border-radius:3px;padding:2px;width:115px;}
#header2 .registro .formulario .boton-login input{color:#fff;font-size:10px;font-weight:bold;padding:3px 7px;background-color:#653e26;border:1px solid #653e26;border-radius:2px;cursor:pointer;width:121px;}
#header2 .registro .formulario .usuario{position:absolute;top:8px;left:8px;}
#header2 .registro .formulario .input-usuario{position:absolute;top:6px;right:5px;}
#header2 .registro .formulario .password{position:absolute;top:31px;left:8px;}
#header2 .registro .formulario .input-password{position:absolute;top:29px;right:5px;}
#header2 .registro .formulario .email{position:absolute;top:54px;left:8px;}
#header2 .registro .formulario .input-email{position:absolute;top:52px;right:5px;}
#header2 .registro .formulario .referido{position:absolute;top:77px;left:8px;}
#header2 .registro .formulario .input-referido{position:absolute;top:75px;right:5px;}
#header2 .registro .formulario .boton-login{position:absolute;top:150px;right:5px;}
#header2 .registro .formulario .checklopd{position:absolute;top:100px;left:8px;}
#header2 .registro .formulario .checklopd .poli{color:#fff;font-size:11px;line-height:16px;margin-top:-2px;}
#header2 .registro .formulario .checklopd input{float:left;margin-right:4px;}
#header2 .registro .formulario .checklopd a{color:white;font-size:11px;text-decoration:none;}


#header2 .capa-galletas{position:absolute;width:420px;height:234px;left:0;top:-10px;background:url("/imatges/web/bol-galletas.png") no-repeat;}
#header2 .jugar-invitado{position:absolute;left:345px;top:112px;}

#content .te-paga{margin-top:35px;text-align:center;}
#content .pasos{margin-top:35px;text-align:center;}
#content .por-que{margin-top:35px;margin-bottom:25px;text-align:center;}

#content .textos{margin-bottom:35px;}
#content p{color:#653e26;margin-bottom:15px;font-size:15px;}
#content p span{color:#e6b062;font-size:15px;}
#content strong{font-size:15px;}

#footer{background-color:#ff9000;border-top:2px solid #653e26;padding:20px 0;}
#footer .contenedor{text-align:center;}
#footer a{color:#FFF;font-size:11px;}
#footer a:hover{color:#653e26;}
#footer p{margin:0 10px;color:#653e26;}

.ui-widget-header{background-color:#653e26;background-image:none;color:#FFF;border:1px solid #e6b062;}
.ui-widget-content{background-color:#f8eee1;background-image:none;color:#653e26;border:1px solid #e6b062;}
.ui-button-text{color:#653e26;}

/* popup */
body.pgwModalOpen {overflow:hidden;}#pgwModalBackdrop {width:100%;height:100%;position:fixed;top:0;left:0;z-index:9000;}#pgwModal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:9010;overflow-x:auto;overflow-y:scroll;text-align:center;}#pgwModal .pm-container {margin:10px;}#pgwModal .pm-body {display:inline-block;max-width:800px;min-width:300px;position:relative;width:100%;z-index:9020;margin-top:10px;}
.pgwModalBackdrop {background:#000;opacity:0.6;filter:alpha(opacity=60);}.pgwModal .pm-body {background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0px 5px 5px #555;box-shadow:0 0px 5px 5px #555;}.pgwModal .pm-title {background:#e6b062;padding:8px 0 3px;border-bottom:1px solid #653e26;border-radius:5px 5px 0 0;font-size:14px;min-height:25px;color:#000;}.pgwModal .pm-content {color:#333;background:#fff;padding:10px;border-radius:5px;text-align:left;}.pgwModal .pm-close {cursor:pointer;position:absolute;right:15px;top:9px;}.pgwModal .pm-close span.pm-icon {display:block;height:20px; width:20px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);}

.pgwModal .pm-content .no div,.pgwModal .pm-content .si div{background-color:#aaa;border-radius:3px;padding: 6px 10px;cursor: pointer;}
.pgwModal .pm-content .no,.pgwModal .pm-content .si{color:#FFF;}
.pgwModal .pm-content .si div{background-color:green;float:left;margin:15px 15px 0 0;}
.pgwModal .pm-content .no div{float:right;margin:15px 0 0 0;}
.pgwModal .pm-content .no div:hover{color:#653e26;}
.pgwModal .pm-content .si div:hover{color:#e6b062;}


/* Fitxa usuari */
#fitxa{margin-top:30px;margin-bottom:20px;}
#fitxa .titol{color:#653e26;font-weight:bold;text-align:center;font-size:50px;}
#fitxa .frase{color:#653e26;text-align:center;font-style:italic;font-size:24px;}
#fitxa .banner{margin:15px 0;}


/* perfil usuari */
#miperfil{width:690px;height:168px;position:relative;margin-bottom:10px;}
#miperfil .pastilla{padding:5px;background-color:#eee0cb;opacity:0.9;box-shadow:0px 0px 5px 3px #653e26;border-radius:5px;position:relative;}

#miperfil .usuario{position:absolute;left:20px;top:20px;width:307px;height:116px;}
#miperfil .usuario .info{position:relative;width:307px;height:116px;}
#miperfil .usuario .imagen{position:absolute;top:15px;left:12px;}
#miperfil .usuario .nombre{position:absolute;top:15px;left:87px;width:205px;text-align:center;text-transform:uppercase;background-color:#653e26;color:#fff;padding:3px 0;border-radius:12px;}
#miperfil .usuario .nivell{position:absolute;top:52px;left:71px;width:235px;}
#miperfil .usuario .patrocinador{position:absolute;top:86px;left:87px;font-size:10px;color:#777;font-weight:bold;}
#miperfil .usuario .patrocinador span a{font-size:12px;color:#333;text-decoration:none;}

#miperfil .bonificadores{position:absolute;right:20px;top:20px;width:307px;height:115px;}
#miperfil .bonificadores .titulo{background-color:#653e26;color:#fff;text-align:center;padding:2px 0;border-radius:4px;margin-bottom:10px;}
#miperfil .bonificadores .nivelitem{margin-bottom:6px;font-size:10px;padding:2px 5px;}
#miperfil .bonificadores .nivelitem.curt{width:142px;float:left;}


/* Barra nivells */
.barralvl{margin:0 15px 0;}
#barralvl{position:relative;height:20px;overflow:hidden;}
#barralvl .bg{position:absolute;top:0;left:0;height:20px;background-color:#e6b062;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
#barralvl .ocupat{position:absolute;top:0;left:1px;height:20px;background-color:#653e26;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);border-radius:4px;}
#barralvl .text{position:absolute;top:4px;font-size:11px;color:#fff;}


/* cocina */
#cocina{width:692px;height:450px;position:relative;float:left;}
#cocina .modulo{position:absolute;}

#cocina .modulo.modulo-1{left:0px;top:215px;}
#cocina .modulo.modulo-2{left:0;top:-2px;}

#cocina .modulo.modulo-3{left:72px;top:50px;}

#cocina .modulo.modulo-4{left:335px;top:153px;}

#cocina .modulo.modulo-7{left:285px;top:167px;}
#cocina .modulo.modulo-15{left:251px;top:180px;}
#cocina .modulo.modulo-14{left:202px;top:188px;}
#cocina .modulo.modulo-16{left:170px;top:202px;}
#cocina .modulo.modulo-17{left:138px;top:210px;}
#cocina .modulo.modulo-18{left:105px;top:219px;}

#cocina .modulo.modulo-10{left:90px;top:228px;}
#cocina .modulo.modulo-11{left:57px;top:261px;}

#cocina .modulo.modulo-6{left:392px;top:168px;}
#cocina .modulo.modulo-8{left:398px;top:171px;}
#cocina .modulo.modulo-12{left:434px;top:184px;}
#cocina .modulo.modulo-13{left:474px;top:199px;}

#cocina .modulo.modulo-5{left:520px;top:153px;z-index:7;}

#cocina .modulo.modulo-9{left:273px;top:222px;}

#cocina .modulo.modulo-21{left:85px;top:125px;}

#cocina .modulo.modulo-22{left:297px;top:55px;}

#cocina .modulo.modulo-23{left:223px;top:100px;}
#cocina .modulo.modulo-24{left:192px;top:113px;}
#cocina .modulo.modulo-25{left:175px;top:122px;}

#cocina .modulo.modulo-26{right:252px;top:81px;z-index:3;}
#cocina .modulo.modulo-27{right:141px;top:123px;z-index:6;}
#cocina .modulo.modulo-28{right:210px;top:97px;z-index:4;}
#cocina .modulo.modulo-30{right:183px;top:112px;z-index:5;}

/* Politica cookies */
#divcookies{position:fixed;bottom:0;background-color:white;color:black;text-align:center;z-index:500000;width:100%;opacity:0.9;font-size:10px;padding:10px;}
#divcookies .textaccepta{cursor:pointer;font-weight:bold;font-size:11px;color:#653e26;}
#divcookies a{font-weight:bold;font-size:11px;color:#333;}

/* logros */
.logros{width:690px;float:left;margin-bottom:30px;}
.logro{width:48px;height:48px;margin:3px;float:left;background-image:url("/imatges/logros/sprite.png");background-position-x:-48px;}
.logro:hover, .logro.conseguido{background-position-x:0px !important;cursor:pointer;}

/* tip */
.qtip{background:url("/imatges/disseny/icon-ayuda.png") no-repeat #e6b062 10px 10px;border:3px solid #653e26;border-radius:5px;color:#653e26;padding:7px 4px 6px 27px;}