body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,strong{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} span, span strong { font-weight: bold; } .clear { clear: both; } .left { float: left; } .right { float: right; } div.mensaje div {  padding: 0.4em 0.4em 0.4em 32px;  margin: 0.4em 0 0.2em 0;  font-weight: bold;  border-style: solid;  border-width: 1px; } div.mensaje .uno ul {   } div.mensaje .dos ul {  padding-left: 1em; } div.mensaje .dos li {  list-style-type: square; } div.mensaje .error {  background: #fee url("../../../lib/mensaje/img/error.png") no-repeat 0.55em center;  border-color: #a22;  color: #a22; } div.mensaje .error ul { background: #fee; } div.mensaje .ok {  background: #efe url("../../../lib/mensaje/img/ok.png") no-repeat 0.55em center;  border-color: #492;  color: #492; } div.mensaje .ok ul { background: #efe; } div.mensaje .mas {  background: #efe no-repeat 0.55em center url("../../../lib/mensaje/img/mas.png");  border-color: #492;  color: #492; } div.mensaje .mas ul { background: #efe; } div.mensaje .info {  background: #eef url("../../../lib/mensaje/img/info.png") no-repeat 0.55em center;  border-color: #038;  color: #429; } div.mensaje .info ul { background: #eef; } .paginador {  clear: both;  text-align: center;  padding: 1em 0;  padding: 2em 0 0.5em 0;  font-size: 1.1em; } .paginador .deshabilitado {  color: #777; } .paginador .habilitado {  font-weight: bold;  text-decoration: none; } .paginador .actual {  font-weight: bold; } .paginador a {  padding: 0 0.2em; } body {  background: #F6F1DE url("../../../css/bg.gif") no-repeat 0px 170px;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #3A3121; } a, a:link {  color: #A0302C; } a:hover, a:active {  color: #3A3121; } .contenido {  width: 1000px;  margin: 0 auto; } .clear {  clear:both; } div.derecha {  float:right;  text-align: right; } div.izquierda {  float:left;  text-align: left; } h2, h3 {  font-weight: bold;  text-transform: uppercase;  padding: 0.6em 0 0.3em 0; } h2 span, h3 span {  color: #A0302C; } h2 { font-size: 1.3em; letter-spacing: 0.3em; } h3 { font-size: 1.1em; letter-spacing: 0.1em; } p {  padding-bottom: 0.2em; } p span {  font-weight: bold; } #encabeza {  height: 121px;  background: #DA4328 url("../../../css/encabeza1-bg.jpg") repeat-x bottom; } #encabeza, #encabeza a {  color: #ffd; } #encabeza2 {  height: 11px;  border-bottom: 1px solid #DABB9F; } #encabeza2 div {  background: #E84618;  height: 10px; } * html #encabeza2 {  height: 12px;  font-size: 0.0001em; } #guerra strong, #slogan span {  display:none; } #guerra a, #slogan {  background:url("../../../css/guerra-sexy.jpg") no-repeat;  width:266px; } #guerra a {  display:block;  margin-top:23px;  background-position:top;  height:42px; } #slogan {  background-position:bottom;  height:24px; } #encabeza .derecha {  float: right;  width: 468px;  padding-top:18px;  height: 77px; } #encabeza div.sesion {  clear: both; } #encabeza .sesion ul {  text-align: right; } #encabeza .sesion ul li {  display: inline;  padding: 5px 8px 5px 0;  *padding: 0 3px 0 0;   background: #E84618 url("../../../css/sesion2.gif") no-repeat right top;  margin-left: 12px;  font-size: 14px;  line-height: 26px; } #encabeza .sesion a {  padding: 5px 12px 5px 20px;  text-decoration: none;  background: #E84618 url("../../../css/sesion1.gif") no-repeat left; } #encabeza .sesion a:hover, #encabeza .sesion a:active {  text-decoration: underline;  color: #fff; } #menu {  height:42px;  background: url("../../../css/menu.gif") center bottom no-repeat;  text-align: center;  padding-top: 5px;  margin-bottom:0.7em; } #menu ul li {  display: inline; } #menu ul li a {  display:inline-block;  padding:7px 12px 5px 22px;  background: url("../../../css/estrella-li.gif") 0 8px no-repeat;  text-transform: uppercase;  font-weight: bold;  color: #3A3121;  text-decoration: none;  font-family: Arial, Helvetica, sans-serif;  font-size: 17px; } #menu ul li a:hover, #menu ul li a:active {  background-position: 0 -41px;  color: #A0302C; } #contenido {  padding-bottom:1em;  min-height: 200px; } #contenido .anuncio {  clear: both;  text-align: center;  padding-top:1em; } #pie {  border-top: 8px solid #E6D7A4;  background-color: #DF582D; } #pie .anuncio {  padding: 0.9em 0;  text-align: center;  border: 1px solid #E6D7A4;  background-color: #CD452B;  margin: 1em 0; } #pie p {  padding-bottom: 1em;  font-size: 0.7em;  text-align: center; } #pie, #pie a {  color: #eec; } #titulo_batalla {  font-size: 1.4em;  font-weight: bold;  line-height: 1.6em;  text-align: center; } #titulo_batalla a, #titulo_batalla a:link, #titulo_batalla a:visited {  text-decoration: none;  text-transform:lowercase; } #titulo_batalla a:hover, #titulo_batalla a:active {  text-decoration: underline; } #batalla #quien {  text-align: center;  text-transform: uppercase;  padding: 0.2em 0 0.5em 0;  font-size: 0.8em;  font-weight: bold;  letter-spacing: 0.2em;  color: #6F6045; } #columnas {  position: relative;  height: 400px;  clear: both; } #columnas div { position: absolute; } #columnas div div { position: static; } #columnas div.fotos { z-index: 1; } #columnas div.versus { z-index: 2; } #columnas div.links { z-index: 3; } #columnas .links a {  width: 500px;  height: 400px; } #columnas .uno {  width: 500px;  float: left;  text-align: right; } #columnas .dos {  width: 500px;  float: right; } #columnas .links a {  display: block; } * html #columnas a {  background-image: url("../../../css//ima/spacer.gif");  } #batalla #versus {  position: absolute;  text-align:center;  top:150px;  left: 340px;  width: 320px;  height: 100px; } .gana_uno {  background-position: left; } .gana_dos {  background-position: right; } #ranking div.previa {  width: 249px;  height: 260px;  text-align: center;  float: left; } div.previa img {  border: 1px solid #DABB9F;  padding: 7px;  background-color: #EFE8DB; } #usuario .izquierda, #usuario .derecha {  padding-bottom:1em;  width: 355px; } #panel .izquierda, #panel .derecha {  padding-bottom:2em; } #panel .izquierda {  padding-left: 18px;  width: 480px; } #panel .derecha {  float: right;  width: 250px;  text-align: right; } #panel .derecha p {  padding:0.2em; } div.guerras div.previa {  text-align: right;  width: 250px;  float: left;  padding: 0.3em 1em 1.7em 0; } div.guerras p {  padding: 0.2em 0; } div.guerras div.porciento {  margin-top: 0.5em; } div.guerras div.porciento div {  height: 25px;  float:left;  font-size: 0.00001em; } div.guerras div.porciento div.gana {  background: #7E9D3F url("../../../css/gana.jpg") left repeat-y; } div.guerras div.porciento div.pierde {  background: #D04241 url("../../../css/pierde.jpg") right repeat-y; } div.mensaje div {  padding: 0.4em 2em;  margin: 0.4em 0 0.2em 0;  font-weight: bold;  line-height: 1.2em;  border-style: solid;  border-width: 1px; } div.mensaje div ul {  list-style-type: disc;  padding-left: 1em; } div.mensaje div.error {  background: #fee url("../../../css/mensaje/error.png") no-repeat 0.55em 0.55em;  border-color: #a22;  color: #a22; } div.mensaje div.ok,div.mensaje div.mas {  background: #efe url("../../../css/mensaje/ok.png") no-repeat 0.55em 0.55em;  border-color: #492;  color: #492; } div.mensaje div.mas {  background: #efe url("../../../css/mensaje/mas.png") no-repeat 0.55em 0.55em; } div.mensaje div.info {  background: #eef url("../../../css/mensaje/info.png") no-repeat 0.55em 0.55em;  border-color: #429;  color: #429;  border-color: #038;  color: #429; } .paginador {  clear: both;  text-align: center;  padding: 0.5em 0; } .paginador .deshabilitado {  color: #777; } .paginador .habilitado {  font-weight: bold;  text-decoration: none; } .paginador .actual {  font-weight: bold; } .paginador a {  padding: 0 0.2em; } .sitiosamigos {  font-size:0.8em;  padding:1em 1em 3em;  text-align:center; } .sitiosamigos li {  display:inline;  padding:0 0.3em; }