@charset "utf-8";


/* CSS Document */





* {


	margin: 0;


	padding: 0;


}


body {


	background: #000;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


}





#bgtop {


	background:	#aeaeae url(../images/bg-top.jpg) repeat-x;


}


#bgbtm {


	background: transparent url(../images/bg-bottom-repeat.gif) repeat-x bottom;


}


#pagina {


	width: 940px;


}


#top {


	background: url(../images/juegosgratis.jpg) no-repeat;


	height: 258px;


	position: relative


}


#top-categorias {


	position: absolute;


	top: 114px;


	left: 27px;


}


#top-categorias h1 {


	margin: 0 0 3px;


	font-size: 15px;


	color: #FF0;


}


#top-categorias ul {


	list-style-position: inside;


	list-style-type: none;


	list-style: none;


	padding-right: 10px;


	float: left;


	width: auto;


	margin-left: 5px;


}


#top-categorias ul li {


	margin-top: 4px;


	padding: 2px 17px;


}


#top-categorias ul li h2 {


	display: inline;


	font-size: 14px;


	font-weight: normal;


}


#top-categorias ul li h2 a {


	color: #FFF;


	text-decoration: none;


}


#top-categorias ul li h2 a:hover {


	color: #FF0;


}





#busqueda {


	text-align: center;


	margin: 12px 0;


}


#busqueda form {


	padding: 0;


	margin: 0;


	width: auto;


	color: #008;


	font-weight: bold;


}


#busqueda #buscarTexto {


	width: 231px;


	border-width: 1px;


}





#navbar {


	position: absolute;


	bottom: 7px;


	left: 12px;


	font-size: 14px;


}


#navbar ul {


	list-style: none;


	list-style-position: inside;


	list-style-type: none;


}


#navbar ul li {


	display: inline;


}


#navbar ul li a {


	padding: 4px 40px 7px;


	color: #FFF;


	text-decoration: none;


}


#navbar ul li a:hover {


	background: url(../images/menu-hover.jpg) no-repeat bottom center;


}


#col-izq-bg {


	margin: 0px;


	padding: 0px;


	background: url('../images/bg-izq.gif') repeat-y left;


	width: 100%;


}


#col-izq {


	float: left;


	width: 0;


}


#contenido {


	padding: 6px 0 6px 18px;


	margin-right: 333px;


	color: #333;


	text-align: left;	


}


#publicidad-home {


	margin: 6px 0;


	text-align: center;


}





#col-der-bg {


	margin: 0;


	padding: 0;


	background: #FFF url('../images/bg-der.gif') repeat-y right;


	width: 100%;


}





#col-der {


	float: right;


	width: 307px;


	padding: 5px 20px 5px 0;


}


#bottom {


	background: url(../images/bg-bottom.gif) no-repeat top;


	height: 95px;


	color: #525252;


	padding: 5px 38px 0;


	position: relative;


	text-align: center;


}


#bottom #links ul {


	list-style: none;


	list-style-position: inside;


	list-style-type: none;


	margin-top: 12px;


}


#bottom #links ul li {


	display: inline;


}


#bottom #links ul li a {


	padding: 0 45px;


	color: #608800;


	text-decoration: none;


}


#bottom #links ul li a:hover {


	color: #FFF;


}





#lang-selec {


	margin-top: 10px;


	color: #999;


}


#lang-selec ul {


	list-style: none;


	list-style-position: inside;


	list-style-type: none;


}


#lang-selec ul li {


	padding: 0 0 0 20px;


	display: inline;


	margin: 0 5px;


}


#lang-selec ul li a {


	color: #999;


}


#lang-selec ul li a:hover {


	color: #FFF;


}


#lang-selec .en {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 2px;


}


#lang-selec .es {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -98px;


}


#lang-selec .fr {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -138px;


}


#lang-selec .de {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -238px;


}


#lang-selec .pt {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -198px;


}


#lang-selec .kr {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -38px;


}


#lang-selec .cn {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -178px;


}


#lang-selec .jp {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -218px;


}


#lang-selec .it {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -158px;


}


#lang-selec .br {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -118px;


}


#lang-selec .pl {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -58px;


}


#lang-selec .ro {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -18px;


}


#lang-selec .hu {


	background:transparent url(../images/banderas.png) no-repeat scroll 0 -78px;


}





h1 {


	margin: 5px;


	font-size: 20px;


	font-weight: bold;


	color: #6666;


}


h1 a {


	color: #666;


	text-decoration: none;


}


#marco h1 a:hover {


	color: #333;


	text-decoration: underline;


}


h2 {


	margin: 0 0 7px;


	font-size: 16px;


	font-weight: bold;


	color: #000;


}


h2 a {


	color: #004499;


	text-decoration: none;


}


h3 {


	margin: 0 0 5px;


	font-size: 12px;


	font-weight: bold;


	color: #000;


}


h3 a {


	color: #000;


	text-decoration: none;


}


p {


	padding: 0 0 10px;


}


a {


	color: #333;


	text-decoration: underline;


}


a:hover, a:active {


	color: #000;


}





.clear {


	clear: both;


	display: block;


	height: 1px;


	overflow: hidden;


	margin: 0;


	padding: 0;


}





.alerta {


	display: none;


}





#ultimos {


	text-align: center;


}


#ultimos ul {


	list-style: none;


	list-style-position: inside;


	list-style-type: none;


}


#ultimos ul li {


	display: inline;


	float: left;


	width: 33.33%;


	height: 120px;


	text-align: center;


	overflow: hidden;


}


#ultimos li img {


	padding: 1px;


	border: solid 1px #006;


}


#ultimos li img:hover {


	border: solid 1px #F30;


}





#ranking {


}


#ranking ul {


	list-style: none;


	list-style-position: inside;


	list-style-type: none;


}


#ranking ul li {


	margin-bottom: 4px;


}


#ranking .rank-img {


	float: right;


	padding: 1px;


	border: solid 1px #006;


}


#ranking .rank-img:hover {


	border: solid 1px #F30;


}





#mipanel {


	background: transparent url(../images/box-der-2-mid.gif) repeat-y top;


}


#mipanel #mipanel-header {


	background: url(../images/box-der-2-naranja.gif) no-repeat;


	height: 28px;


}


#mipanel #mipanel-header div.wrap {


	float: left;


	width: 49.90%;


	padding: 7px 0;


}


#mipanel #mipanel-header div.wrap h3 {


	font-size: 12px;


	color: #FFF;


	margin-left: 12px;


	display: inline;


}


#mipanel #mipanel-bottom {


	background: url(../images/box-der-2-footer.gif) no-repeat;


	height: 7px;


}


#favoritos, #ultimos-jugados {


	float: left;


	width: 49.90%;


}


#favoritos div.wrap {


	margin-right: 8px;


	margin-left: 15px;


}


#ultimos-jugados div.wrap {


	margin-left: 15px;


}


#favoritos ul, #ultimos-jugados ul {


	list-style: none;


	list-style-position: outside;


	list-style-type: none;


	font-size: 11px;


}


#favoritos ul li, #ultimos-jugados ul li {


	background: url(../images/bullet_blue_right.gif) no-repeat scroll 10px 3px;


	padding: 0 0 0 25px;


	margin-left: -16px;


}





.box-der {


	background: url(../images/box-der-mid.gif);


	margin: 3px 0;


	padding: 0 10px;


}


.box-der h3 {


	background: url(../images/box-der-naranja-header.gif);


	font-size: 12px;


	color: #FFF;


	padding: 6px 15px 0;


	text-align: left;


	margin: 0 -10px 5px;


	height: 22px;


}


.box-der-footer {


	background: url(../images/box-der-footer.gif);


	height: 6px;


	margin: 0 -10px;


}





#juegosxcat {


}


#juegosxcat .categoria {


	float: left;


	width: 33.33%;


	height: 233px;


	background: url(../images/box.gif) no-repeat;


}


#juegosxcat .categoria-int {


	padding: 6px 5px 5px 8px;


	margin: 3px;


	height: 216px;


	overflow: hidden;


}


#juegosxcat .categoria-int a {


	font-size: 11px;


}


#juegosxcat .categoria-int h3 {


	padding: 0 5px 6px;


}


#juegosxcat .categoria-int h3 a {


	color: #FFF;


	font-size: 12px;


}


#juegosxcat .jue-cat-top {


	float: left;


	width: 50%;


	text-align: center;


	height: 105px;


	overflow: hidden;


}


#juegosxcat .jue-cat-top a img {


	border: solid 1px #003;


}


#juegosxcat .jue-cat-top a img:hover {


	border: solid 1px #F30;


}


#juegosxcat .categoria-int ul {


	list-style: none;


	list-style-image: none;


	list-style-type: none;


	margin-top: 5px;


}


#juegosxcat .categoria-int ul li {


	background: url(../images/bullet_blue_right.gif) no-repeat scroll 10px 3px;


	padding: 0 0 0 25px;


	margin-left: -5px;


}


#juegosxcat .categoria-int ul li.mas {


	background: url(../images/bullet_orange.gif) no-repeat scroll 10px 3px;


	margin-top: 5px;


}





#presentacion {


	margin: 0;


	background: url(../images/bg-presentacion.gif) no-repeat;


	width: 580px;


	height: 285px;


	padding: 4px 4px 0;


	font-family: "Times New Roman", Times, serif;


}





#presentacion h1 {


	margin: 0;


	padding: 6px 15px 0;


	font-size: 14px;


	color: #036;


	font-family: Arial, Helvetica, sans-serif;


}





#juegos {


}


.desc-cat {


	margin: 3px;


	text-align: justify;


}


#juegos ul {


	list-style: none;


	list-style-type: none;


	list-style-position: outside;


}


#juegos ul li {


	float: left;


}


#juegos ul li.juego-wrap {


	width: 50%;


}


#juegos ul li .juego {


	height: 100px;


	padding: 5px 3px 5px 3px;


	margin: 1px;


	overflow: hidden;
	
	


}


#juegos ul li .jue-img img {


	border: solid 1px #333;


}


#juegos ul li .jue-img img:hover {


	border: solid 1px #000;	


}


#juegos ul li.juego-wrap .jue-img {


	float: left;


}


#juegos ul li.juego-wrap .texto {


	margin-left: 110px;


	height: 100px;


	overflow: hidden;
	
	width: 170px;


}


#juegos ul li .jue-lnk {


	color: #607700;


	font-size: 11px;


	font-weight: bold;


}


#juegos ul li .jue-desc {


	text-align: justify;


	font-size: 11px;


}





#oxus-logo {


	text-align: center;


	background: #000;


	padding-bottom: 10px;


}


#oxus-logo-wrap {


	margin-left: 730px;


}


#oxus-logo a {


	background: url(../images/oxusmedia.jpg) no-repeat;


	display: block;


	width: 160px;


	height: 26px;


	color: #555;


	text-decoration: none;


	text-align: right;


}





.paginador {


	margin: 20px 5px 3px;


}


.paginador a {


	text-decoration: none;


}


.paginador .cantPaginas {


	float: left;


	width: auto;


	padding: 6px 0 0;


}


.paginador .selector-paginas {


	float: right;


	width: auto;


}


.paginador .box {


	background: none;


	border: solid 1px #999;


	padding: 2px 6px;


}


.paginador .ant, .paginador .sig {


	background: #999;


	border: none;


	padding: 2px 6px;


}


.paginador .pagina {


	background: #666;


	color: #000;


	border: none;


	padding: 2px 6px;


}



