@charset "UTF-8";

/* CSS Document */
*{margin: 0;padding: 0;}

body{
  font-size: 11px;
  text-align: center;
  font-family: verdana, helvetica, arial, sans-serif;
	background-image: url('../images/fondo.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-color: #FE6603;
	
}
a:hover{text-decoration: none;}
a:visited{color: #32cff5;}
.clear{clear: both;}

/* contenedor principal */
#frame{
  margin: 0px auto 0px auto;
	width: 953px;
	height:100%;
	padding: 0 0 0 0;
	text-align: left;
	background: url(../images/frame_bg.gif) repeat-y left top;
}
#header{margin: 0 4px 20px;background: url(../images/cabecera.gif) left top;height: 174px;}
#header h1,#header h2,#header h3, #header  p{margin-left: 10px;}
#header h1{font-size: 18px;}
h1 { text-indent:-5000px}

/* BANNER */
#banner { margin-bottom:10px; }
#main{display:inline;float:left;margin-left: 4px;width: 503px;height: 100%;}

/* search-box */
#main #buscar{
	background-image: url(../images/buscar.gif);background-repeat:no-repeat; background-position:center;
	height: 97px;
	width: 503px;
}

#main #buscar #buscar_cont {width:289px;height:35px;position:relative;left:78px;top:55px;margin-right:4px;}
#main #buscar #buscar_cont #submit { display:block;
float:left;
height:35px;
width:145px; }
#main #buscar #buscar_txtbox
{
	width:133px; height:35px;
	font-size:14px;
	border-width:0px;
	background-color:Transparent;
	border-color:Transparent;
  vertical-align: top;
	padding-left:7px;
	padding-top:6px;
	float:left;
	color:#FE7002;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
}

#main #juegos_gratis{margin-left: 4px;background: url(../images/juegos_bg.jpg) repeat-y left top;height:100%;}

#juegos_gratis h1{height: 90px;background: url(../images/titulo_juegos.gif) no-repeat top left;}

#juegos_buscar h1{height: 90px;background: url(../images/titulo_buscar.gif) no-repeat top left;}

#buscador_publi{height: 350px;height: 280px;clear: both;margin-left: 33px;}

/* listado de juegos a la izquierda */

.juego{height: 120px;padding-right: 30px;padding-left: 30px;}
.juego .marco {height: 112px;width: 155px;padding: 5px 0px 0px 5px;background: url(../images/marco.gif) no-repeat left top;float: left;}

.juego .marco:hover {
	height: 112px;
	width: 155px;
	padding: 5px 0px 0px 5px;
	background: url(../images/marco_over.gif) no-repeat left top;
	float: left;
}

.juego .info{float: right;width: 275px;height:100%;}

.juego .info h3 a{
	color:#CC0F11;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 4px;
	margin-left: -1px;
	text-decoration:none
}

.juego .info h3 a:hover{
	color: #ff530e;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 4px;
	text-decoration:underline;
}

.descripcion {
	color:#191919;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:11px;
	padding:5px 0px;
}

.tags  a{
	color:#999999;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:11px;
	text-decoration: none;
}

.tags  a:hover{
	color:#999999;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:11px;
	text-decoration: underline;
}

.tags {
	color:#999999;
	font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;
	font-size:11px;
	text-decoration: none;
}

/* paginado */

#paginas {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #32cff5;	
	font-weight:bold;
	font-size:16px;
	background-image: url(../images/paginas_bg.jpg);
	height: 80px;
	clear: both;
	text-align: center;
	margin: auto;
}
#paginas p{padding-top: 15px;margin-left:-20px;}
#paginas a{color: #32cff5;text-decoration: none;}
#paginas a:hover{color: #ff7f11;text-decoration: none;}
#paginas a.nextlink {background: url(../images/mas.gif) no-repeat right 3px;padding-right:45px;padding-top:20px;}

/* ************************** 
    NOTE: secundario CONTENT AREA  
*************************** */

#secundario{
	display:inline;
	float:right;
	margin:0;
	margin-right:4px;
	width: 410px;
	height:100%;
}

#categorias{
	background: url(../images/titulo_categorias.gif) no-repeat left top;
	padding-top: 51px;
	color: #07bced;
	font-family: Verdana , sans-serif;
	font-size: 11px;
	line-height:16px;
	text-align:left;
	
}

#categorias div {padding-right: 50px;padding-left: 30px;}
#categorias a{color: #07bced;text-decoration: none;margin-right:1px;}
#categorias a:hover{color: #FE571B;}
#categorias span{background: url(../images/categorias_abajo.gif) no-repeat left -6px;height: 40px;display: block;}
#favoritos h1{height: 80px;background: url(../images/titulo_favoritos.gif) no-repeat left top;}
#fav_thumbs {width: 95%;float: right;height:100%;}

ul.juegos_fav{width: 100%;height:100%;margin-top: 6px;list-style: none;padding-left:15px;}
ul.juegos_fav li { float:left; height:90px; margin:0 11px 4px 0px;}
ul.juegos_fav li a.img img { padding: 1px;border: 1px dashed #99d0ff;}
ul.juegos_fav li a.img img:hover { border: 1px dashed #f97b00; padding:1px;}
ul.juegos_fav li a { font: 11px Tahoma, Verdana, sans-serif;color: #e65021; display:block; text-align:center; margin-top:5px; text-decoration:none;}
ul.juegos_fav li a:hover { text-decoration:underline;}

#buscado {clear: both;height:100%;}
#buscado h1{background: url(../images/titulo_buscados.gif) no-repeat left top;height: 74px;}
#buscado p{color: #07bced;margin:auto;text-align:justify;width: 290px;font: 11px Verdana, sans-serif;	}
#buscado a{color: #07bced;text-decoration: none;}
#buscado a:hover{color: #ff7f11;text-decoration: none;}

#trucos {clear: both;height:100%;}
#trucos h1{background: url(../images/titulo_trucos.gif) no-repeat left top;height: 74px;}
#trucos p{color: #07bced;margin:auto;text-align:justify;width: 290px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#trucos a{color: #07bced;text-decoration: none;}
#trucos a:hover{color: #ff7f11;text-decoration: none;}

#amigos h1 {background: url(../images/titulo_amigos.gif) no-repeat left top; height: 74px;}
#amigos ul { list-style-type:none; padding:15px 0 0 60px; }
#amigos ul li { display:block; float:left; width:130px; margin-right:15px; }
#amigos ul li a {color:#07BCED;text-decoration:none; }

#extra{margin: 0px 20px;text-align: center;height: auto;clear: both;color:#07BCED;}
#extra a { color:#07BCED;text-decoration:none; }
#extra p { color:black; margin-bottom:12px; }
#extra .texto-pie a{color:#CC0F11;}

#pie{padding: 0 0 0 0;margin: 0px auto 0 auto;text-align: left;height: 111px;clear: both;background: url(../images/footer_bg.gif) repeat-x  bottom center;}
#pie_adentro{width: 953px;margin: auto;height: 111px;background: url(../images/footer.gif) no-repeat left top;}
#pie_adentro h3 { text-indent:-5000px;}


/* play template styles */

/* #frame.play #extra { height:10px;}  */
#play { margin:0 ; }
h1.titulo-juego { text-indent:0px; margin-left:30px; color:#07BCED; text-align:center;}
h1.titulo-juego span { color:#09A2CC;}
#game { float:center; width:100%;height:auto; }
#aux {height:20px;width:640px;margin:auto}
#megusta{color:#3B5998}
#zoom { float:right; margin-left:10px;}
#zoom a.zoom-in {float:right; background: url(../images/zoom_in.gif) no-repeat left top; width:20px; height:20px; display:block;  text-decoration:none;margin-bottom:7px}
#zoom a.zoom-out {float:right; background: url(../images/zoom_out.gif) no-repeat left top; width:20px; height:20px; display:block;  text-decoration:none;}
#game-abajo { margin-left:20px;height:280px }
#banner-izq {  float:left; width:100px; padding:20px; height:200px;}
#info {  float:left; width:400px; padding:20px; }
#info h2.instrucciones {background: url(../images/play_instr.gif) no-repeat left top; height: 32px; text-indent:-5000px; }
#info h2.descripcion {background: url(../images/play_descr.gif) no-repeat left 6px; height: 32px; text-indent:-5000px; }
#info .tags { margin:5px 0px;}
#info p {color:#191919;font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;font-size:11px;padding:5px;}

#info2 {width:700px; padding:20px;margin-left:70px; }
#info2 h2.instrucciones2 {background: url(../images/play_instr.gif) no-repeat left top; height: 32px; text-indent:-5000px; }
#info2 h2.descripcion2 {background: url(../images/play_descr.gif) no-repeat left 6px; height: 38px; text-indent:-5000px; }
#info2 p {color:#191919;font-family:Tahoma,Lucida,Verdana,"Lucida Grande",sans-serif;font-size:11px;padding:5px;}
#info2 .tags2 { margin:5px 0px;}
#megusta2{color:#3B5998}

#similares { background: url(../images/similares.gif) no-repeat left -5px; height:162px; padding:70px 35px 0px;}
#similares ul.juegos_fav { height:auto; margin-left:30px;}
#similares  ul.juegos_fav li { margin-right:25px;}

/* rating /*

/*  styles for the unit rater     */
.ratingblock {
	display:block;
	width:150px; text-align:center;
	padding-bottom:8px;
	margin:0px 0px 8px 8px;
	}

.loading {height: 30px;background: url('../images/working.gif') 50% 50% no-repeat;}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{text-indent: -90000px;padding:0px;margin:0px;float: left;}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{background: url('../images/starrating.gif') left center;z-index: 2;left: 0px;}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

#publicidad {	width:370px;text-align:left; display:none;}
#progreso{font-family:tahoma, verdana; font-size:12px; font-weight:bold;}
#enlace{font-family:tahoma, verdana; font-size:12px; font-weight:bold; float:left;}
#bar{background-color:#ab2e1c; width:0px; overflow:hidden; }
#contenedor{}
#bar_cont{float:left; width:200px; height:12px; border:2px solid #ab2e1c; text-align:left; overflow:hidden;}