body{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#050505; margin:0px auto;}

h1 { font-size:30px; color:#EEE; letter-spacing:-1px; }
h2 { font-size: 24px; font-weight:normal; color:#050505; margin:5px; }
h3 { color:#333; font-weight:normal; font-size: 16px; margin: 5px; }
h4 { font-size:15px; margin-bottom:11px; padding:10px 0 0px 20px; font-weight:bold; }

img {border: none; }
ul { list-style:none; padding: 0;}
a { color:#333; text-decoration: none; }
a:hover {text-decoration: underline; }

#cse-search-box{ float: right; height: 26px; }

#encabezado { width:1000px;  margin:6px auto; }
#logo { margin-top:20px; margin-bottom:20px; width:500px; }
#logo a { color:#FFF; }
#logo a:hover { text-decoration:none; }

#contenedor{ width: 1000px; margin:0 auto; background: #FFFFFF; }
#contenedor .cont-esq-izq-top { background:url(images/cont-esq-izq-top.gif) no-repeat left top; }
#contenedor .cont-esq-der-top { background:url(images/cont-esq-der-top.gif) no-repeat right top; }
#contenedor .cont-esq-izq-bot { background:url(images/cont-esq-izq-bot.gif) no-repeat left bottom; }
#contenedor .cont-esq-der-bot { background:url(images/cont-esq-der-bot.gif) no-repeat right bottom; }

.flotar-i { float: left; }
.flotar-d { float: right; }
.clear { clear: both; }
.espacio10 { height:10px; }
.espacio20 { height:20px; }
.clear { clear:both; }
.intercambios a { color:#000; }

#sitio-nav { margin: 5px; }
#sitio-nav li { display:inline; }
#sitio-nav li a { display:block; background: url(images/sitio-menu-bg.png); width:180px; font-size:11px; color:#EEE; text-transform:uppercase; text-indent:10px; text-decoration:none; line-height:28px; }
#sitio-nav li a:hover { text-decoration:underline; }

.columna-1, .columna-2, .columna-3 { float: left; }
.columna-1 { width: 190px; padding: 0px; }
.columna-1 { margin:5px 10px 0px 5px; }

.columna-2 { width: 560px; margin-top:5px; }

.columna-3 { width: 220px; margin-left: 9px; margin-top:5px; font-size:10px; }
.columna-3 h4 { margin: 0px; }

.titulo-caja-izq { background:url(images/titulo-bg-izq.jpg) no-repeat; width: 190px; height: 40px; margin-bottom: 3px; }
.titulo-caja-der { background:url(images/titulo-bg-der.jpg) no-repeat; width: 220px; height: 40px; margin-bottom: 3px; }
.titulo-caja-izq h4, .titulo-caja-der h4 { margin: 0px; color:#EEE; }

.caja1 { margin-bottom: 10px; }
.caja1 .contenido { padding-top: 10px; padding-bottom: 10px; }

.caja2 { margin-bottom: 10px; }
.caja2 .contenido { padding: 1px 0px 1px 0px; }
.caja2 h4 {height: 30px; margin: 0px 10px 10px 10px; padding:10px 0 0 20px; font-weight:bold; background: url(images/linea-hor.gif) bottom repeat-x;}

.lista1 { margin: 10px;}
.lista1 li { margin-bottom:10px; height: 110px; background:url(images/linea-horizontal2.gif) repeat-x bottom; }
.lista1 a { font-size: 12px; font-weight: bold; margin-top: 10px; }
.lista1 p { margin: 0px 0px 10px 0px; }
.lista1 li img { width:125px; height:104px; border:2px solid #000; float:left; margin-right:10px; }

.lista2 { list-style-image: url(images/lista-style-img.gif); margin-left: 30px; margin-top: 0px; }
.lista2 li { line-height: 20px; }
.lista2 a { font-size: 14px; }

.lista3 { list-style-image: url(images/lista-style-img.gif); margin-left: 30px; margin-top: 0px; }
.lista3 li { line-height: 20px; }
.lista3 a { font-size: 12px; }

.enlaces { text-align: center; color: #000; margin-bottom:10px; }
.enlaces a {margin: 10px; font-size:12px; line-height: 20px;}

.textboxbottom {display: block; height: 23px; margin-bottom: 10px; padding-top: 5px; text-align: center; font-weight:bold;}
.textboxbottom  a {color: #666; padding:1px; font-size:12px; }
.textboxbottom  a:hover {color: #000; border: 1px solid #FFF; background: #FFF;}

#seccion-juego-bg { width:100%; height:100%; }
#info-juego { margin:10px; width:600px; height:228px; color:#000; font-size:12px; text-align:left; }
#cont-juego{ float: left; }
#info-juego h3 { color: #050505; }

.cont-top-juego { width: 100px; height: 110px; float: left; margin: 0; padding: 5px; text-align:center; }
.cont-top-juego img { margin: 3px 2px 4px 5px; width: 90px; height: 60px; border:1px solid #FFF; }

.cont-rand-juegos { margin:6px 0px 6px 12px; width:988px; }

.random-juegos { float: left; width: 125px; height: 146px; margin: 10px 7px 10px 7px;  text-align:center; }
.random-juegos a { color: #050505; font-weight: bold; font-size: 12px; }
.random-juegos a:hover {text-decoration: underline;}
.random-juegos img {width: 125px; height: 104px; border: 1px solid #000; }

#pie { text-align:center; margin:40px auto; width:1000px; color:#999; }
#pie a { font-weight:bold; color:#EEE; }
#pie a:hover {text-decoration:underline; }
