/*Christian M. DiseNador web, Frontend y Caballero Jedy de la Republica*/
/*Adondejuegos.com*/

/*Reset*/
/*---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*General*/
/*---------------------------------------------------------*/

h1,h2,h3{
  margin-bottom:10px;
  font-weight:bold;
}

strong, label{
  font-weight:bold;
}

h3{
  font-size:1.1em;
}


p, ul{
  margin:10px 0;
}

ul.letter{
  padding-left:20px;
  list-style:lower-alpha;
}

a{
  color:#005C9C;
}

body{
  margin-top:40px;
  background:url(/img/bg.jpg) center top no-repeat #000;
  font-size:75%;
  font-family:"Helvetica Neue",Arial,sans-serif;
  line-height:1.2em;
}

#content #sidebar h2.titu01,
#content #main #mas_jugados h2.titu02,
#content #main #recomendados h2.titu03,
#content #main h2.titu04,
#content #main #misfavoritos h2{
  margin:0 0 5px;
  padding:0;
  background:url(/img/titu01.png) no-repeat;
  width:161px;
  height:25px;
  color:#fff;
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  line-height:1.9em;
}

#content #main div#mas_jugados h2.titu02
,#content #main div#recomendados h2.titu03{
  background:url(/img/titu02.png) no-repeat;
  width:210px;
}

#content #main h2.titu04{
  background:#02a6cf url(/img/bg-titulo.png) repeat-x 0 0;
  float:left;
  width:730px;
}

#content #main #ultimos_jugados span{
  display:block;
  color:#007795;
  font-size:13px;
  font-weight:bold;
  float:left;
  width:140px;
  margin-bottom:10px;
}
#content #main .bloque .titucat span{
  display:block;
  background:url(/img/border-titulo.png) no-repeat 0 0;
  width:10px;
  height:25px;
}

#content #main .bloque div.titucat{
  height:25px;

}
#content #main .bloque .titucat span.clf{
  float:left;
  background-position:0px 0px;
}
#content #main .bloque .titucat span.crg{
  background-position:-10px 0px;
  float:right;
}
/*ultimos jugados*/
#ultimos_jugados ul li a.favorito{
display:block;
margin:-1px 3px 0px 0px;
float:left;
}
 #content #main #misfavoritos h2{
  background:url(/img/titu04.png) no-repeat;
  width:210px;
}
#content #main #categoria #juego h2{
  margin:10px 0;
  font-size:1.5em;
  text-align:center;
}

#content #main h2{
  margin:10px 0;
  padding:0 10px;
  font-size:1.5em;
  color:#007795;
}

#content #main .search_title{
  margin:10px 0;
  padding:0 10px;
  font-size:1.5em;
  color:#007795;
  font-weight:bold;
  margin:10px 0;
  padding:0 10px;
  display:block;
}
#content #main .search_title h1{
  margin:0;
  display:inline;
  background:none;
  color:#007795;
  border:0;
  padding: 0;
  font-weight:bold;
  font-size:1.0em;
}

#content #main #categoria #juego img{
  display:block;
  width:250px;
  height:190px;
  border:solid #f1f1f1 5px ;
}

#content #main #categoria #descripcion a.btn_jugar,  #content #main #btn_jugar a.btn_jugar{
  margin:10px 0;
  padding-top:9px;
  display:block;
  background:url(/img/btn-jugar.png);
  width:100px;
  height:26px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:none;
}

#content #main #btn_jugar a.btn_jugar{
  margin:10px auto;
}

#content #main #btn_jugar{
  float:left;
  background:#fff;
  width:100%;
}

#content .fan_facebook a{
  font-weight:bold;
}


#content #main div.banner728x90{
  float:left;
  width:750px;
  height:90px;
  text-align:center;
  /* position:relative; */
}

#content #main div.banner300x250{
  float:right;
  background:#333;
  width:300px;
  height:250px;
}

#content #main div.facebook_widget{
  float:right;
  background:#fff;
  width:300px;
  height:250px;
  overflow:hidden;
}

#content #main div.btnsuscribirse{
  background-color:#fff;
  height:40px;
  width:300px;
  float:right;
margin-top:6px;
}

#content #main div.btnsuscribirse a{
  background:#fff url(/img/btn-boletin.png) 0 0 no-repeat;
  display:block;
  height:40px;
   width:300px;
}

#content #main div.btnsuscribirse a span{
  display:none;
}
#content #sidebar div.banner160x600, #content div.banner160x600_der{
  float:left;
  background:#333;
  width:160px;
  height:600px;
}

#content div.banner160x600_der{
  float:right;
}

#content #main h1{
  padding:5px 10px;
  background:#a5cd00;
  font-size:1.2em;
  border-bottom:solid #ccc 1px;
  color:#fff;
}

#content #main h1 a{
  color:#fff;
}

/*layout*/
/*---------------------------------------------------------*/

#container{
  margin:auto;
  width:960px;
}

#container01{
  float:left;
  margin-bottom:70px;
  background:#d7eef4;
  width:960px;
}

#header{
  float:left;
  background:url(/img/bg-header.png) no-repeat #87cdde;
  width:960px;
  height:100px;
  border-bottom:solid #87cdde 10px;
}

#header h1{
    float:left;
    margin:0;
    width:960px;
    height:35px;
    position:relative;
  }

  #header h1 a{
    display:block;
    background:url(/img/logo.png) no-repeat;
    position:absolute;
    top:-50px;
    left:220px;
    width:500px;
    height:90px;
  }

  #header h1 a span{
    display:none;
  }

  #header #nav{
    float:left;
    padding-left:20px;
    margin-top:11px;
  }

  #header #nav li{
    float:left;
  }

  #header #nav li a{
    padding-top:10px;
    background:url(/img/btn.png) no-repeat;
    display:block;
    width:165px;
    height:20px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
  }

  #header #nav li.marca a, #header #nav li a:hover, #header #nav li a.activo{
    background:url(/img/btn.png) no-repeat 0 -30px;
    color:#006680;
  }

  #header #secnav{
    float:right;
    margin:10px 15px 0 0;
  }

  #header #secnav li{
    float:left;
    margin-left:10px;
  }

  #header #secnav li a{
    color:#fff;
    font-weight:bold;
  }

  #header #search_box{
    float:right;
    margin-right:10px;
  }

    #header #search_box .txt_search{
      float:left;
      margin:3px 5px 0 0;
      padding:5px 10px 0;
      background:url(/img/txt-buscar.png) no-repeat;
      width:180px;
      height:20px;
      border:0;
      color:#535d6c;
      font-weight:bold;
    }

#content{
  float:left;
  padding:20px;
  width:920px;
}

  #content #sidebar{
    float:left;
    width:160px;
  }

    #content #sidebar ul#categories{
      float:left;
      margin:0 0 10px;
      padding:10px 0;
      background:#fff;
      width:160px;
    }

    #content #sidebar ul#categories li a{
      padding:5px 0 5px 40px;
      background:url(/img/bg-categoria.png) no-repeat 10px 2px;
      display:block;
      text-decoration:none;
    }

    #content #sidebar ul#categories li.marca a, #content #sidebar ul#categories li a:hover{
      background:#5fbcd3 url(/img/bg-categoria01.png) no-repeat scroll 10px 2px ;
      color:#fff;
      font-weight:bold;
    }

    #content #sidebar ul#categories li.activo a{
      background:#5fbcd3 url(/img/bg-categoria01.png) no-repeat scroll 10px 2px ;
      font-weight:bold;
      color:#fff;
    }

  #content .fan_facebook{
    float:left;
    margin-top:10px;
    padding:10px;
    background:#fff;
    text-align:center;
  }

  #content #main{
    float:right;
    width:750px;
  }

  #content #main div.bloque{
    float:left;
    margin:0  0 10px;
    width:750px;
  }

  #content #main div.bloque1{
    float:left;
    background:#fff;
    margin:0 0 10px;
    width:440px;
    height:250px;
  }

    #content #main #mas_votados{
      border:solid 2px #A3E2F2;
      float:left;
      padding:10px;
      background-color:#ffffff;
      position:relative;
      width:417px;
      height:227px;
      overflow:hidden;
    }

      #content #main #mas_votados img{
        display:block;
        width:250px;
        height:190px;
        border:solid #f1f1f1 5px ;
      }

    #content #main #recomendados, #content #main #mas_jugados{
      float:left;
      background:url(/img/bg-recomen.png) repeat-x #fff;
      padding:0 5px 10px;
      width:210px;
    }

    #content #main #recomendados ul, #content #main #mas_jugados ul{
      padding-top:6px;
    }

    #content #main #recomendados ul li, #content #main #mas_jugados ul li{
      float:left;
      margin:0 6px 10px;
      position:relative;
    }

    #content #main #recomendados ul li img, #content #main #mas_jugados ul li img{
      display:block;
      width:90px;
      height:70px;
      border:solid #ccc 1px;
    }

    #content #main #recomendados ul li a, #content #main #mas_jugados ul li a{
      color:#fff;
    }

    #content #main #recomendados ul li a span, #content #main #mas_jugados ul li a span{
      display:none;
    }

    #content #main #recomendados ul li a:hover span, #content #main #mas_jugados ul li a:hover span{
      padding-top:5px;
      display:block;
      background:url(/img/bg-jugar.png) no-repeat #1a1a1a 60px 40px;;
      width:90px;
      height:65px;
      position:absolute;
      top:0;
      border:solid #333 1px;
      text-align:center;
    }

    #content #main #ultimos_jugados, #content #main #misfavoritos{
      padding:10px 0;
      background:#fff;
    }

    #content #main #ultimos_jugados span, #content #main #misfavoritos h2{
      float:left;
      margin:5px 0 0 10px;
    }

    #content #main #ultimos_jugados ul, #content #main #misfavoritos ul {
      float:left;
      margin:0;
      padding-top:5px;
    }

    #content #main #ultimos_jugados li, #content #main #misfavoritos li{
      float:left;
      margin-left:10px;
    }

    #content #main #todas_categorias, #content #main #letra{
        float:left;
        padding:5px;
        background:#fff;
        width:740px;
      }

      #content #main #todas_categorias ul a.nombre{
        margin-bottom:10px;
        padding:2px 0;
        background:#5fbcd3;
        display:block;
        color:#fff;
        text-align:center;
        text-decoration:none;
        font-size:1.1em;
        font-weight:bold;
      }

      #content #main #letra ul a.nombre{
        display:block;
        font-size:2.5em;
        width:730px;
        text-align:center;
        text-decoration:none;
        font-weight:bold;
      }

      #content #main #todas_categorias ul li.categorias{
        float:left;
        margin:5px;
        padding:10px;
        background:#f9f9f9;
        border:solid #ccc 1px;
        width:153px;
        height:270px;
      }

      #content #main #letra ul li.categorias ul li{
        float:left;
        margin:5px;
        padding:10px;
        background:#f9f9f9;
        width:155px;
      }

      #content #main #todas_categorias ul li.categorias ul{
        padding-left:20px;
        list-style:disc;
      }

      #content #main #todas_categorias ul li.categorias ul li{
        padding:2px 0;
      }

      #content #main #todas_categorias ul li.categorias ul li.mas-juegos a{
        font-weight:bold;
        color:#a00;
      }



      #content #main #banner_isil{
        position:absolute;
        left:-210px;
        z-index:1000;
      }


      #content #main #categoria{
        float:left;
        width:750px;
      }

        #content #main #top{
          float:left;
          padding:5px;
          background:#fff;
          width:260px;
          height:300px;
        }

          #content #main #juego{
            float:left;
            padding:10px;
            width:260px;
          }

          #content #main #descripcion{
            float:left;
            padding:10px 0;
            width:160px;
          }


            #content #main #descripcion a#v-negativo, #content #main #descripcion a#v-positivo{
              background:transparent url(../img/votos.gif) no-repeat scroll 0 0;
              float:left;
              display:block;
              width:17px;
              height:19px;
              text-decoration:none;
             }

             #content #main #descripcion #dedos{
                display:block;
                width:140px;
                height:20px;
              }

             #content #main #descripcion #dedos span{
                float:left;
              }

            #content #main #descripcion a#v-negativo:hover {
              background:transparent url(../img/votos.gif) no-repeat scroll 0 -19px;
            }

            #content #main #descripcion a#v-positivo{
              background:transparent url(../img/votos.gif) no-repeat scroll -19px 0;
             }

            #content #main #descripcion a#v-positivo:hover{
              background:transparent url(../img/votos.gif) no-repeat scroll -19px -19px;
            }


        #content #main #listado{
          float:left;
          padding:10px;
          background:#fff;
          width:560px;
        }

        #content #main div.item{
          float:left;
          margin-bottom:10px;
          width:560px;
          border-bottom:solid #ccc 1px;
        }

        #content #main div.item img{
          float:left;
          margin:0  10px 10px 0;
          border:solid #f1f1f1 5px;
        }

        #conent #main #jugando{
          float:left;
        }

        #content #main #comentarios{
          float:left;
          padding:10px;
          background:#fff;
          width:560px;
          overflow:hidden;
        }

        #content #main #comentar{
          float:left;
          margin:10px 0;
          padding:10px;
          background:#fff;
          width:558px;
          border:solid #ccc 1px;
        }

        #content #main #recomiendalo2{
          float:left;
          margin:10px 0;
          padding:10px;
          background:#fff;
          width:730px;
        }

      #content #main #jugar{
        float:left;
        width:750px;
      }

      #content #main #jugando{
        float:left;
        width:750px;
        text-align:center;
      }

      #content #main #pantalla{
        padding:0 0 0 80px;
        margin:10px 0;
        float:left;
        width:600px;
        text-align:center;
      }

      #content #main #compartir{
       float:left;
       width:50px;
      }

      #content #main #datos{
        float:left;
        padding:10px 0;
        background:#fff;
        width:750px;
      }

      #content #main #relacionados{
        float:left;
        margin:10px 0;
        padding:10px 40px;
        background:#fff;
        position:relative;
        width:670px;
      }

      #content #main #relacionados ul{
        margin:0;
      }

      #content #main #relacionados ul li{
        float:left;
      }

      #content #main #relacionados ul li img{
        margin:5px;
        display:block;
        width:90px;
        height:70px;
        border:solid #f1f1f1 5px;
      }

      #content #main #pagina{
        float:left;
        padding:10px;
        background:#fff;
        width:730px;
      }

        #content #main #pagina h2{
          padding:0;
          font-size:1.2em;
        }

      #content #main #paginado{
        margin:10px 0;
        padding:10px;
        float:left;
        background:#fff;
      }

      #content #main #paginado a{
        margin:1px;
        float:left;
        padding:5px;
        background:#ccc;
        border:solid #666 1px;
        color:#333;
        text-decoration:none;
      }

      #content #main #paginado a:hover{
        padding:5px;
        background:#333;
        color:#fff;
        border:solid #ccc 1px;
      }

      #content #main #paginado span{
        float:left;
        margin:1px;
        padding:5px;
        color:#333;
        text-decoration:none;
      }

#footer{
  float:left;
  /*background:#000 url(/img/bg-footer.png) no-repeat scroll 0px 0px ;*/
  background:#fff;
  padding:20px 0 0 0;
  width:960px;
  text-align:center;
  color:#999;
}

  #footer a{
    color:#999;
    text-decoration:none;
  }

  #footer #bgpie {
    background:#000 url(/img/bgpie.jpg) no-repeat scroll 0px 0px ;
    width:960px;
    height:181px;
    float:left;
    margin:-9px 0px 5px 0px;
    padding:0px;
    }



/*slider*/
/*---------------------------------------------------------*/

#slider{
  margin:auto;
  }

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{
	width:260px;
	height:230px;
	overflow:hidden;
  text-align:center;
  float:left;
	}
#slider li a{
  margin-top:5px;
  display:block;
  font-weight:bold;
  font-size:1.1em;
}

#prevBtn, #nextBtn{
	display:block;
	position:absolute;
	left:10px;
	top:100px;
  text-align:center;
	}
#nextBtn{
	left:360px;
	}
#prevBtn a, #nextBtn a{
  padding:5px 0;
	display:block;
  width:60px;
  height:25px;
	background:url(/img/btn-des.png) no-repeat;
  color:#540;
  font-weight:bold;
  text-decoration:none;
	}
#nextBtn a{
	background:url(/img/btn-des.png) no-repeat;
	}

/*suscribers*/
/*-------------------------------------*/
#pagina #body_text form{
border:1px solid #a4cd00;
padding:10px;
}
#pagina #body_text p{
color:#333;
font-size:1.2em;
margin-left:10px;
}
#pagina #body_text form div{
margin: 10px 0px;
}

#pagina #body_text form div span{
 font-size: 1.2em;
 color:#333;
 display:block;
 width:150px;
}
#pagina #body_text form div input{
border: 1px solid #a4cd00;
padding:2px;
color:#333;
display:block;
height:18px;
width:240px;
}
#pagina #body_text form div span.button input{
background:transparent url(/img/btnsuscribete.png) no-repeat scroll 0 0px;
border:none;
color:#FFFFFF;
cursor:pointer;
font-size:1.2em;
font-weighti:bold;
height:31px;
padding:0;
width:156px;
margin-left:30px;
}