html {
padding: 0;
margin: 0;
}
body {
margin: 0;
font-size:62.5%;
font-family: Tahoma, sans-serif;
background-color: #000;
text-align: center;
color: #000;
}
/* ============ TAGS GLOBALES ============ */
img {border: 0;}
ul, ol, li, dl, dt, dd {
list-style-type: none;
margin: 0;
padding: 0;
}
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}
form,fieldset,label,input {padding: 0;margin: 0;}
fieldset {border: 0;}
p {margin: 1em 0;}
.hidden {display: none;}
.clear {clear: both;}
/* ============ ORGANIZACION ESTRUCTURAL ============ */
#wrapper {
width: 990px;
margin: 10px auto 0 auto;
text-align: left;
position: relative;
overflow: hidden;
z-index: 1;
background-color: #FFC34E;
}
#top {background: #69850c url(../img/right-corner.gif) no-repeat right 0; position: relative; text-align: center; padding: 18px 0; }
#top #leftCorner {display: block; width: 15px; height: 15px; position: absolute; top: 0; left: 0; background: url(../img/left-corner.gif) no-repeat; }
#mario {display: block; width: 85px; height: 193px; background: url(../img/mario.png) no-repeat; position: absolute; left: 15px; margin: -140px 0 0 0; }
#logo {background: #2c3804 url(../img/fondo-logo.gif) repeat-y; overflow: hidden; }
#logo h1 a {display: block; text-indent: -9000px; width: 334px; height: 80px; background: url(../img/logo.gif) no-repeat; margin-left: 107px; float: left; }
#buscador {background: #e94d00 url(../img/fondo-buscador.gif) repeat-x; height: 35px; text-align: center; }
#buscador input, #buscador label {margin-top: 6px; }
#buscador label {vertical-align: 1px; }
#buscador #sbb {padding: 0 4px; margin-right: 5px; }
#buscador #ss0, #buscador #ss1 {vertical-align: -2px; }
#sombra {width: 990px; height: 8px; display: block; background: url(../img/sombra.png) repeat-x; position: absolute; }
#principal {background-color: #ffc34e; font-size: 11px; width: 502px; float: left; padding-left: 15px; padding-bottom: 5000px; margin-bottom: -5000px; }
#principal h2 {width: 482px; }
#principal h2, #juego h2 {height: 78px; background: url(../img/fondo-h2.gif) no-repeat right 0; margin-top: 22px; }
#principal h2 a, #juego h2 a {display: block; text-indent: -9000px; width: 482px; height: 78px; background-repeat: no-repeat; overflow: hidden; }
#principal .subcategoria a, #juego .subcategoria a {text-transform: uppercase; font-style: normal; color: #fff; font-size: 11px; display: block; float: right; margin: -48px 35px 0 0; text-align: right; position: relative; }
#principal #tit35 a, #juego #tit35 a {background-image: url(../img/tit-cat35.gif); }
#principal #tit36 a, #juego #tit36 a {background-image: url(../img/tit-cat36.gif); }
#principal #tit37 a, #juego #tit37 a {background-image: url(../img/tit-cat37.gif); }
#principal #tit38 a, #juego #tit38 a {background-image: url(../img/tit-cat38.gif); }
#principal #tit39 a, #juego #tit39 a {background-image: url(../img/tit-cat39.gif); }
#principal #tit40 a, #juego #tit40 a {background-image: url(../img/tit-cat40.gif); }
#principal #tit41 a, #juego #tit41 a {background-image: url(../img/tit-cat41.gif); }
#principal #tit42 a, #juego #tit42 a {background-image: url(../img/tit-cat42.gif); }
#principal #tit43 a, #juego #tit43 a {background-image: url(../img/tit-cat43.gif); }
#principal .col {width: 210px; padding: 0 13px 10px 13px; float: left; border-right: 1px solid #b28836; margin-left: 5px; font-size: 11px; }
#principal .col img {border: 5px solid #4c3a17; margin-bottom: 3px; }
#principal #col2 {border-right: 0; border-left: 1px solid #b28836; margin-left: -1px; }
#principal h3, #juego h3 {font-size: 20px; margin-bottom: 5px; } #principal h3 a {color: #000; }
#principal h3 {font-size: 15px; }
#principal .juego {font-size: 13px; }
#juego h3 {text-align: center; }
#principal h3 a:hover {text-decoration: underline; }
#principal .col .division {display: block; border-top: 1px solid #b28836; margin: 8px 0 5px 0; }
#principal .col .star {border: 0; margin: 0;}
#principal #juegoonline, #juego #juegoonline {background: url(../img/juegos-online-corto.gif) no-repeat; width: 477px; height: 12px; text-indent: -9000px; margin: 20px 0 10px 8px; }
#juego #juegoonline {background-image: url(../img/juegos-online.gif); width: auto; }
.modulo {width: 157px; float: left; margin: 3px; background: url(../img/pie-modulo.gif) no-repeat 0 bottom; padding-bottom: 8px; font-size: 11px; }
#principal .modulo h3 { margin-bottom: 0; }
#principal .modulo h3 a {display: block; text-indent: -9000px; width: 157px; height: 56px; overflow: hidden;}
#cat1 a {background-image: url(../img/cat1.gif);}
#cat2 a {background-image: url(../img/cat2.gif);}
#cat3 a {background-image: url(../img/cat3.gif);}
#cat4 a {background-image: url(../img/cat4.gif);}
#cat5 a {background-image: url(../img/cat5.gif);}
#cat6 a {background-image: url(../img/cat6.gif);}
#cat7 a {background-image: url(../img/cat7.gif);}
#cat8 a {background-image: url(../img/cat8.gif);}
#cat9 a {background-image: url(../img/cat9.gif);}
.modulo ul {width: 129px; height: 182px; background-color: #cc9c3e; font-weight: bold; padding: 0 7px 7px 7px; margin-left: 6px;}
.modulo li {background: url(../img/bullet-modulo.gif) no-repeat 0 4px; padding-left: 9px; }
.modulo li a {color: #000; } .modulo li a:hover {text-decoration: underline; }
.modulo .amas {background-color: #918e20; color: #fff; display: block; width: 50px; text-align: center; font-weight: bold; padding: 2px 0; margin-left: 14px; }
.paginador {clear:both; width: 447px; margin: 10px 0 10px 18px; font: normal 20px Tahoma, sans-serif; float: left; border: 1px solid #b28836; border-width: 1px 0; padding: 5px 0; text-align: center; }
.paginador a {color: #000; text-decoration: underline; }
.paginador .sig, .paginador .ant {color: #c41c00; font-size: 14px; font-weight: bold; padding: 0 13px 0 8px; background: url(../img/siguiente.gif) no-repeat right 5px; }
.paginador .ant {padding: 0 8px 0 13px; font-size: 14px; background: url(../img/anterior.gif) no-repeat 0 5px; }
.paginador strong {padding: 0 5px; }
.subpagina {display: block; font-size: 11px; text-align: center; clear: both;}
.otros {margin-left: 15px; margin-top: 20px; }
#principal .otros h3 {display: block; font-size: 11px; text-transform: uppercase; background-color: #4c3a17; color: #fff; padding: 6px; font-weight: bold; width: 440px; margin: 0 0 5px 0; }
.otros a {display: block; width: 139px; font-size: 11px; color: #000; font-weight: bold; display: block; float: left; overflow: hidden; padding-left: 10px; background: url(../img/bullet-li.gif) no-repeat 0 3px; }
.otros a:hover {text-decoration: underline; }
#wrapper .formularios {padding-left: 20px; width: 497px;}
#wrapper .formularios #juegoonline {margin-left: 3px; }
#wrapper .formularios p {font-size: 13px; border-bottom: 1px solid #b28836; padding-bottom: 10px; }
.formularios form {}
.formularios legend, .formularios br {display: none; }
.formularios label {display: block; font-size: 12px; color: #c41c00; font-weight: bold; text-align: right; width: 160px; float: left; }
.formularios input {padding: 3px 2px 2px 2px; width: 240px; font-size: 13px; margin: -4px 0 10px 5px; }
.formularios textarea {width: 244px; margin: -4px 0 10px 5px; }
.formularios button {display: block; margin-left: 165px; padding: 2px 8px; margin-bottom: 10px; }
#juego {width: 760px; border-right: 1px solid #b28836; padding: 0 20px; float: left; background-color: #ffc34e; padding-bottom: 5000px; margin-bottom: -5000px; }
#wrapper .search {padding-top: 50px; }
#juegoFlash {border: 5px solid #4c3a17; margin: 0 auto 20px auto;}
.infoJuego {border-right: 1px solid #b28836; width: 57%; margin-right: 14px; float: left; font-size: 11px; padding-right: 9px; padding-left: 5px; }
.infoJuego h4, .infoOtros h4 {font-size: 11px; background-color: #4c3a17; color: #fff; padding: 3px 0 3px 5px; margin-left: -5px; margin-bottom: 6px; text-transform: uppercase; }
.infoOtros h4 a {text-transform: none; text-decoration: underline; color: #fff; }
.infoOtros {width: 39%; float: left; font-size: 11px; }
.infoOtros li {width: 45%; float: left; padding-left: 10px; background: url(../img/bullet-li.gif) no-repeat 0 4px; margin-bottom: 3px; }
.infoOtros li a {color: #000; text-decoration: underline; }
#juego .division {display: block; padding-top: 10px; clear: both; border-bottom: 1px solid #b28836; }
#sec {/*width: 96%;*/ width: 730px; background: #cc9c3e url(../img/fondo-dark.png); margin: 14px auto 0 auto; padding: 15px; overflow: hidden; font-size: 11px; }
#sec img {display: block; float: left;margin-right: 5px; margin-left: 3px; }
.listin {width: 134px; float: left; margin: 9px 5px 8px 5px; height: 205px; }
.listin h4 {font-size: 11px; text-transform: uppercase; color: #fff; background: url(../img/tit-chico.png) no-repeat; height: 24px; padding: 4px 0 0 10px; }
.listin ul {margin-left: 8px; }
.listin li {padding-left: 9px; background: url(../img/bullet-blanco.gif) no-repeat 0 4px; font-weight: bold; }
.listin li a {color: #000; } .listin li a:hover {text-decoration: underline; }
.listin .mas {background-color: #918e20; color: #fff; font-weight: bold; padding: 2px 0; text-align: center; width: 45px; margin-top: 5px; display: block; }
#controles {width: 175px; float: right; margin-top: -24px; font-size: 11px; font-weight: bold; color: #c41c00; }
#controles span {text-decoration: underline; cursor: pointer; }
#controles #reducir {background: url(../img/reducir.gif) no-repeat right 0; padding: 5px 28px 5px 0; }
#controles #aumentar {background: url(../img/aumentar.gif) no-repeat 6px 0; padding: 5px 0 5px 32px; margin-left: 3px; border-left: 1px solid #b28836; }
#destacados {width: 250px; float: left; background: #fff url(../img/fondo-destacados.gif) repeat-y; padding-left: 17px; padding-right: 17px; padding-bottom: 5000px; margin-bottom: -5000px; }
#destacados h2 {color: #69850c; font: bold 24px Tahoma, sans-serif; margin-top: 15px; background: url(../img/estrella-destacado.gif) no-repeat 140px 0; }
#destacados .cuadro {background-color: #a5b66d; padding: 10px; margin: 8px 0; font-size: 11px; overflow: hidden; }
.cuadro h3 {font-size: 17px; } .cuadro h3 a {color: #000; }
.cuadro h4 {font-size: 11px; color: #fff; }
.cuadro a img {border: 5px solid #313620; display: block; float: left; margin: 5px 10px 0 0; }
.cuadro p {margin: 2px 0; }
.cuadro .division {display: block; border-top: 1px solid #849257; margin: 8px 0 5px 0; }
.nube {text-align: justify; line-height: 2em; padding: 15px 0;}
.nube a {color: #91ac36; font-size: 11px; }
.nube a:hover {text-decoration: underline; }
.nube .nb1, .nube .nb2, .nube .nb3 {font-weight: bold; }
.nube .nb2 {font-size: 17px; }
.nube .nb3 {font-size: 23px; }
#publis {width: 165px; font-size: 11px; background-color: #ffc34e; float: right; padding-top: 12px; padding-left: 12px; padding-right: 12px; padding-bottom: 5000px; margin-bottom: -5000px; }
#publis h3 {width: 160px; height: 52px; text-indent: -9000px; background: url(../img/top10.gif) no-repeat; }
#publis ol {background-color: #000; color: #fff; font-weight: bold; width: 130px; padding: 5px 15px 3px 15px; margin-bottom: 0px;}
#publis li { list-style-type: decimal-leading-zero; list-style-position: inside; padding-left: 25px; text-indent: -25px; margin-bottom: 3px; color: #fff; }
#publis li a {color: #e94d00; } #publis li a:hover {text-decoration: underline; }
#publis #top100 {text-align: center; background: #e94d00 url(../img/pie-top10.gif) no-repeat 0 bottom; padding: 3px 15px 8px 15px; font-weight: bold; font-size: 13px; margin-bottom: 20px; color: #000; display: block; width: 130px; }
#publis h4 {margin-top: 5px; text-transform: uppercase; font-size: 11px; color: #b93d00; padding-bottom: 5px; border-bottom: 1px solid #f6942f; }
#publis .plugin {font-weight: bold; padding-top: 8px; color: #e94d00; text-decoration: underline; display: block; height: 23px; background-repeat: no-repeat; border-bottom: 1px solid #f6942f; padding-left: 35px; }
#publis #pFlash {background-image: url(../img/plug-flash.gif); }
#publis #pJava {background-image: url(../img/plug-java.gif); }
#publis #pShock {background-image: url(../img/plug-shock.gif); }
#pie {width: 990px; clear: both; background: #ffc34e url(../img/pie-right.gif) no-repeat right 0; height: 14px; margin: 0 auto 10px auto; position: relative; }
#pie .leftPie {display: block; width: 14px; height: 14px; background: url(../img/pie-left.gif) no-repeat; left: 0; position: absolute; }