html{height:100%;}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px; line-height: 14px;
color:#8c8c8c;
background:#d1dafe url(images/body-top.jpg) repeat-x top;
height:100%;
}
.input{
padding-top:4px;
width:146px;
height:18px;
border:none;
background-color:#676767;
color:#FFFFFF;
margin-bottom:5px;
font-family:Tahoma;
}
/* general links */
a, a:active, a:link, a:visited{ text-decoration:none; color:#9dc13f;}
a:hover{}
.campocambiadatos{
float:right;
margin-right:26px;
text-align:left;
padding-top:2px;
}
.labcambiadatos{
float:left;
width:116px;
padding-top:7px;
}
#cambiar-datos{
background:url('images/reply.png') no-repeat 2px 2px;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
}
#datosconex{
display:none;
padding-top:5px;
}
#juegos-favoritos{
background:url('images/heart.png') no-repeat 2px 2px;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
}
#cuadrofavoritos{
display:none;
padding-top:5px;
}
#desconectar{
background:url('images/stop.png') no-repeat 2px 2px;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
}
/* colores en textos */
.t_dd2305_re{color:#dd2305 !important;}
.t_7581ad_azulclaro{color:#7581ad !important;}
.t_0093d7_azul{color:#0093d7 !important;}
.t_66777e_grisazulado{color:#66777e !important;}
.t_89a5b1_grisazuladoclaro{color:#89a5b1 !important;}
.t_ffde00_amarillo{color:#ffde00 !important;}
.t_9dc13f_verde{color:#9dc13f !important;}
/* general */
strong{font-weight:bold !important;}
.hidden{visibility:hidden; display:none;}
.clearAll{font-size:0px; line-height:0px; height:0px; clear:both; width:1%;}
.floatLeft{float:left;}
.floatRight{float:right;}
.fl{float:left;}
.fr{float:right;}
/* main styles */
#main{}
#mainwrap{width:966px; margin: 0 auto; position:relative; }
#logo{position:absolute; top:129px; left:172px; width:285px; height:99px; display:block;}
#mascota{position:absolute; top:0px; left:-96px; }
#favoritos{position:absolute; top:80px; left:130px;}
#publicidad{position:absolute; top:232px; left:186px; width:768px; height:115px; background:transparent url(images/publicidad.png) no-repeat;}
#publicidad img{margin-top:14px; margin-left:27px;}
#header a:hover, a#favoritos:hover{color:#9dc13f !important; font-weight:bold;}
/* icons */
.ico_favoritos{background:transparent url(images/ico_favoritos.gif) no-repeat top left; padding-left:25px; line-height:18px; color:#89a5b1 !important;}
.ico_inicio{background:transparent url(images/ico_inicio.gif) no-repeat top left; padding-left:25px; line-height:18px; color:#89a5b1 !important;}
.ico_registro{background:transparent url(images/ico_registro.gif) no-repeat top left; padding-left:25px; line-height:18px; color:#89a5b1 !important;}
.ico_contacto{background:transparent url(images/ico_contacto.gif) no-repeat top left; padding-left:25px; line-height:18px; color:#89a5b1 !important;}
/* #header */
#header{height:228px; background:transparent url(images/header.jpg) no-repeat top;}
#header .top{width:843px; margin-left:109px;}
#header .top .fl{margin-top:44px; width:480px;}
#header .top .fl img{float:right; margin-left:5px;}
#header .top .fl span{float:left; margin-top:5px;}
#header .top .fr{margin-top:48px;}
#header .mid{width:843px; margin-left:109px; margin-top:16px; text-align:right;}
#header .mid a{margin-left:17px;}
#header .thumbs{float:right; margin-right:12px; margin-top:20px;}
/* #maincontent */
#maincontent{background:transparent url(images/maincontent.jpg) repeat-y; padding-top:73px; height:1%; }
#maincontent-bot{background:transparent url(images/maincontent-bot.jpg) no-repeat; height:34px;}
/* #prefooter */
#prefooter{text-align:center; width:966px; margin:0 auto 40px auto; color:#dee4f9;}
#prefooter span{color:#a5a9b9 !important;}
#prefooter span strong{color:#888d9e !important;}
#prefooter a{color:#a5a9b9 !important; margin:0 10px;}
#prefooter a:hover{color:#97a1ca !important; font-weight:bold;}
/* #footer */
#footer{text-align:center; background:transparent url(images/body-bot.jpg) repeat-x bottom; height:116px;}
#footer .wrap{background:transparent url(images/footer.gif) no-repeat bottom; width:966px; height:116px; margin: 0 auto;}
/* #sidebar */
#sidebar{width:174px; float:left; margin-left:15px; padding-bottom:20px;}
#sidebar h2{height:40px; line-height:32px; width:164px; padding-left:10px; margin-bottom:11px; color:#fff; font-weight:bold; font-size: 13px;}
#sidebar h2.red{background:transparent url(images/sidebar-red.gif) no-repeat;}
#sidebar h2.blue{background:transparent url(images/sidebar-blue.gif) no-repeat; margin-top:16px;}
#sidebar h2.green{background:transparent url(images/sidebar-green.gif) no-repeat; margin-top:16px;}
#sidebar ul{width:161px;}
#sidebar ul li a{padding:7px 0 6px 27px; display:block; color:#9fa5ba;}
#sidebar ul li a:hover, #sidebar ul li.current a{font-weight:bold;}
ul.folder li a{background:transparent url(images/ico_folder.gif) no-repeat 5px -78px;}
ul.folder li a:hover, ul.folder li.current a{color:#dd2305 !important; background-position:5px 5px}
ul.folder li.ev{background:#eef1fc;}
ul.stars li a{background:transparent url(images/ico_stars.gif) no-repeat 5px -78px;color:#9ba6d0 !important;}
ul.stars li a:hover, ul.stars li.current a{color:#7581ad !important; background-position:5px 5px}
ul.stars li.ev{background:#d1d9f6;}
ul.arrows li a{background:transparent url(images/ico_arrow.gif) no-repeat 5px -78px;color:#9ba6d0 !important;}
ul.arrows li a:hover, ul.arrows li.current a{color:#7581ad !important; background-position:5px 6px}
ul.arrows li.ev{background:#d1d9f6;}
/* #sidebarL */
#sidebarL{width:300px; float:left; margin-left:13px; padding-top:55px; padding-bottom:12px;}
#sidebarL h2{height:40px; line-height:32px; width:290px; padding-left:10px; margin-bottom:0px; color:#fff; }
#sidebarL h2.grey{background:transparent url(images/sidebarL-h2-grey.gif) no-repeat;}
#sidebarL h2.green{background:transparent url(images/sidebarL-h2-green.gif) no-repeat; /*margin-top:16px;*/}
#sidebarL .sidebarLBox{margin:12px 0;}
#sidebarL .sidebarLBox .top{height:15px; line-height:15px; font-size:15px; background:transparent url(images/sidebarL-top.gif) no-repeat;}
#sidebarL .sidebarLBox .mid{height:1%; background:transparent url(images/sidebarL-bg.gif) repeat-y;}
#sidebarL .sidebarLBox .bot{height:15px; line-height:15px; font-size:15px; background:transparent url(images/sidebarL-bot.gif) no-repeat;}
#tag-cloud{width:280px; margin:0 auto; text-align:center; line-height:20px;}
#tag-cloud a{color:#b0b0b0; padding:0 3px;}
#tag-cloud a:hover, #tag-cloud a.current{color:#0093d7;}
#tag-cloud .tag-1{font-size:9px;}
#tag-cloud .tag-2{font-size:10px;}
#tag-cloud .tag-3{font-size:11px;}
#tag-cloud .tag-4{font-size:12px;}
#tag-cloud .tag-5{font-size:14px;}
#tag-cloud .tag-6{font-size:16px;}
#tag-cloud .tag-7{font-size:18px;}
#tag-cloud .tag-8{font-size:20px;}
#tag-cloud .tag-9{font-size:22px;}
#tag-cloud .tag-10{font-size:24px;}
#form-tags{width:280px; margin:0 auto 12px auto;}
#form-tags .boxsearch{width:240px; height:28px; background:transparent url(images/form-search-bg.gif) no-repeat;}
#form-tags .boxsearch input{border:0; background:none; color:#b0b0b0; margin-left:28px; padding-top:5px;}
ul.list-favoritos{width:280px; margin:0 auto}
ul.list-favoritos li{padding-bottom:12px;}
ul.list-favoritos .thumb{float:left; border:1px solid #b3cfdd; padding:1px;}
ul.list-favoritos .thumb:hover{border:1px solid #0170B0;}
ul.list-favoritos .title {width:155px; float:right;}
ul.list-favoritos h3{margin-bottom:2px;}
ul.list-favoritos .vote{color:#76929d;}
ul.list-favoritos .desc{color:#a4a4a4; line-height:12px; font-size:11px; padding:4px;}
ul.list-favoritos .cat{color:#c6c6c6;}
ul.list-favoritos .cat:hover{color:#009be0;}
ul.list-favoritos-mini{width:280px; margin:0 auto;}
ul.list-favoritos-mini li{padding:6px 0;}
ul.list-favoritos-mini li a{padding-left:22px; background:transparent url(images/ico_book.gif) no-repeat 0 0;}
ul.list-favoritos-mini li a span{color:#c7c7c7 !important;}
ul.list-favoritos-mini li a:hover{background-position:0 -85px;}
/* #content */
#ficha{width:762px; float:left; margin-left:0px; padding-top:55px;}
#ficha .wrap{width:739px; margin:0 auto;}
#ficha .top{height:17px; line-height:17px; font-size:17px; background:transparent url(images/ficha-top.gif) no-repeat;}
#ficha .mid{height:1%; background:transparent url(images/ficha-bg.gif) repeat-y;}
#ficha .bot{height:17px; line-height:17px; font-size:17px; background:transparent url(images/ficha-bot.gif) no-repeat;}
#ficha .title{height:30px; color:#fff; background:transparent url(images/ficha-nav.gif) no-repeat; line-height:29px; margin-bottom:14px;}
#ficha .bigimage{padding:5px; border:1px solid #d1dafe; margin-bottom:12px;}
/* boxleft */
#ficha .boxleft{float:left; width:381px;}
#ficha .boxleft .top{height:17px; line-height:17px; font-size:17px; background:transparent url(images/ficha-l-top.gif) no-repeat !important;}
#ficha .boxleft .mid{height:133px; background:transparent url(images/ficha-l-bg.gif) repeat-y !important;}
#ficha .boxleft .bot{height:5px !important; line-height:5px !important; font-size:5px !important; background:transparent url(images/ficha-l-bot.gif) no-repeat !important;}
#ficha .boxleft .wrap{width:363px !important; margin:0 auto;}
#ficha .boxleft .thumb{float:left; border:1px solid #b3cfdd; padding:1px; margin-right:12px; margin-bottom:6px;}
#ficha .boxleft h2{font-size:18px; font-weight:bold; margin-bottom:6px;}
#ficha .boxleft h3{height:40px; line-height:32px; padding-left:10px; color:#bce652; }
#ficha .boxleft h3.green{background:transparent url(images/ficha-l-green-bg.gif) no-repeat;}
#ficha .boxleft h3.green a{color:#fff; font-weight:bold; padding:0 7px;}
#ficha .boxleft h3.green a:hover, #ficha .boxleft h3.green a.current{color:#384b16;}
/* boxright */
#ficha .boxright{float:right; width:347px;}
#ficha .boxright .top{height:17px; line-height:17px; font-size:17px; background:transparent url(images/ficha-r-top.gif) no-repeat !important;}
#ficha .boxright .mid{height:133px; background:transparent url(images/ficha-r-bg.gif) repeat-y !important;}
#ficha .boxright .bot{height:5px !important; line-height:5px !important; font-size:5px !important; background:transparent url(images/ficha-r-bot.gif) no-repeat !important;}
#ficha .boxright .wrap{width:323px !important; margin:0 auto;}
#ficha .boxright h3{height:40px; line-height:32px; padding-left:10px; color:#fff; font-weight:bold; }
#ficha .boxright h3.red{background:transparent url(images/ficha-r-red-bg.gif) no-repeat;}
#ficha .boxright p{font-size:18px; line-height:22px; margin-bottom:12px;}
#ficha .boxright p strong{color:#7f7f7f;}
/* boxmedium */
#ficha .boxmedium{width:739px; padding-top:12px;}
#ficha .boxmedium .top{height:17px; line-height:17px; font-size:17px; background:transparent url(images/ficha-m-top.gif) no-repeat !important;}
#ficha .boxmedium .mid{height:1%; background:transparent url(images/ficha-m-bg.gif) repeat-y !important;}
#ficha .boxmedium .bot{height:5px !important; line-height:5px !important; font-size:5px !important; background:transparent url(images/ficha-m-bot.gif) no-repeat !important;}
#ficha .boxmedium h3{height:40px; line-height:32px; padding-left:10px; color:#fff; font-weight:bold; }
#ficha .boxmedium h3.blue{background:transparent url(images/ficha-m-blue-bg.gif) no-repeat;}
ul.list-thumb{padding:4px;}
ul.list-thumb li{float:left; margin:0 9px 8px 12px; }
ul.list-thumb li a img{border:1px solid #b3cfdd; padding:1px;}
ul.list-thumb li a img:hover, ul.list-thumb a:hover img{border:1px solid #0170B0;}
#content{width:447px; float:left; margin-left:0px; padding-top:55px;}
#user{margin-bottom:12px; position:relative; min-height:114px;}
#user .top{height:10px; line-height:10px; font-size:10px; background:transparent url(images/user-top.gif) no-repeat;}
#user .mid{height:1%; background:transparent url(images/user-bg.gif) repeat-y;}
#user .bot{height:10px; line-height:10px; font-size:10px; background:transparent url(images/user-bot.gif) no-repeat;}
#user h2{height:30px; background:transparent url(images/user-h2-bg.gif) no-repeat; color:#fff; padding-left:125px; line-height:29px;}
#user .avatar{position:absolute; top:7px; left:5px; width:114px;height:111px;}
#form-registro{width:304px; margin-left:125px;}
#form-registro .boxuser{width:129px; height:28px; background:transparent url(images/form-user-bg.gif) no-repeat; }
#form-registro .boxuser input{border:0; background:none; color:#b0b0b0; margin-left:28px; padding-top:5px; width:90px;}
#form-registro .boxpass{width:129px; height:28px; background:transparent url(images/form-pass-bg.gif) no-repeat; margin-left:8px; }
#form-registro .boxpass input{border:0; background:none; color:#b0b0b0; margin-left:28px; padding-top:5px; width:90px;}
#form-registro p{padding:5px 0; color:#8b8f9f;}
#form-registro a{color:#737787;}
#form-registro a:hover{color:#9dc13f;}
#entries{margin-bottom:12px;}
#entries .top{height:16px; line-height:16px; font-size:16px; background:transparent url(images/entries-top.gif) no-repeat;}
#entries .mid{height:1%; background:transparent url(images/entries-bg.gif) repeat-y;}
#entries .bot{height:16px; line-height:16px; font-size:16px; background:transparent url(images/entries-bot.gif) no-repeat;}
#entries .wrap{width:414px; margin:0 auto;}
#entries .title{height:30px; color:#fff; background:transparent url(images/entries-bar-red.gif) no-repeat; line-height:29px; margin-bottom:14px;}
#entries .title .fl{width:165px; display:block; background:transparent url(images/entries-bar-red-sep.gif) no-repeat right 6px;}
.pager{width:414px; height:34px; margin:6px auto 0 auto; background:transparent url(images/pager-bg.gif) no-repeat; font-size:14px; line-height:34px; overflow:hidden; text-align:center;}
.pager a{font-weight:bold; color:#fff !important;}
.pager a.bt{color:#a03726 !important;}
.pager a.bt:hover{color:#fff !important;}
.pager a:hover, .pager a.current{color:#ffd100 !important;}
.nav{color:#fdb2b2;}
.nav a{color:#ffd100 !important; font-weight:bold;}
.nav a:hover{color:#fff !important;}
.nav span{color:#fff !important;}
.nav span a{color:#fff !important; font-weight:normal !important;}
.nav span a:hover{color:#ffd100 !important;}
/* ul.catlist */
ul.catlist{}
ul.catlist li{padding-bottom:12px;}
ul.catlist .thumb{float:left; border:1px solid #b3cfdd; padding:1px;}
ul.catlist .thumb:hover{border:1px solid #0170B0;}
ul.catlist .fr{width:283px;}
ul.catlist .frdir{width:95%;}
ul.catlist .c{float:left;}
ul.catlist .d{float:right;}
ul.catlist h2, ul.catlist h2 a{font-size:18px; font-weight:bold; color:#9dc13f; margin-bottom:6px;}
ul.catlist .info, ul.catlist .info a{color:#c6c6c6; margin-bottom:12px;}
ul.catlist .info a:hover{color:#9dc13f !important;}
ul.catlist .tags{padding-top:12px;}
ul.catlist .tags .top{height:7px !important; line-height:7px !important; font-size:7px !important; background:transparent url(images/tags-top.gif) no-repeat !important;}
ul.catlist .tags .mid{height:1%; background:transparent url(images/tags-bg.gif) repeat-y !important;}
ul.catlist .tags .bot{height:7px !important; line-height:7px !important; font-size:7px !important; background:transparent url(images/tags-bot.gif) no-repeat !important;}
ul.catlist .tags .wrap{width:394px !important; margin:0 auto;}
ul.catlist .tags, ul.catlist .tags a{color:#76929d !important;}
ul.catlist .tags a:hover{color:#9dc13f !important;}
ul.catlist .tags .ico_tags{display:block; float:left; background:transparent url(images/ico_tags.gif) no-repeat 0px 2px; padding:3px 0 2px 22px; width:294px;}
ul.catlist .tags .ico_votes{display:block; float:right; /*background:transparent url(images/ico_votes.gif) no-repeat left top;*/ padding:1px 0 2px 22px;}
ul.catlist .cat-sep{height:2px; font-size:2px; line-height:2px; background:transparent url(images/cat-sep.gif) repeat-x; margin:18px 0 5px 0;}
.bubbleInfo {
position: relative;
}
.trigger {
/* position: absolute; */
}
/* Bubble pop-up */
.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
margin-left:260px;
}
.popup td.corner {
height: 15px;
width: 19px;
}
.popup td#topleft { background-image: url('images/coda/bubble-1.png'); }
.popup td.topb { background-image: url('images/coda/bubble-2.png'); }
.popup td#topright { background-image: url('images/coda/bubble-3.png'); }
.popup td.left { background-image: url('images/coda/bubble-4.png'); }
.popup td.right { background-image: url('images/coda/bubble-5.png'); }
.popup td#bottomleft { background-image: url('images/coda/bubble-6.png'); }
.popup td.bottom { background-image: url('images/coda/bubble-7.png'); text-align: center; padding-left:90px;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url('images/coda/bubble-8.png'); }
.popup table.popup-contents {
font-size: 12px;
line-height: 1.2em;
background-color: #fff;
color: #666;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
table.popup-contents th {
text-align: right;
text-transform: lowercase;
}
table.popup-contents td {
text-align: left;
}
tr#release-notes th {
text-align: left;
text-indent: -9999px;
background: url('images/coda/starburst.gif') no-repeat top right;
height: 17px;
}
tr#release-notes td a {
color: #333;
}
div#spillpre_loader {
background-color:#FFFFFF;
border:1px solid #18ACEA;
height:10px;
margin:auto auto 3px;
overflow:hidden;
text-align:left;
width:300px;
}
#spillpre_bar {
background-color:#CBECFD;
font-size:10px;
width:0;
}
div#spillpre_click2close, div#spillpre_percent {
float:left;
font-family:Tahoma,Arial,Verdana;
font-size:10px;
height:15px;
line-height:20px;
}
div#spillpre_click2close a {
color:#000000;
font-family:Tahoma,Arial,Verdana;
font-size:10px;
text-decoration:underline;
}
div#spillpre_percent {
color:#000000 !important;
font-size:10px;
font-weight:bold;
text-align:right;
}
div#spillpre_ad {
margin:auto;
text-align:center;
}
div#spillpre_adcont {
margin:0 auto 11px;
width:300px;
}
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 920px; margin: 1em auto; }
.FavoritosPerfil {
padding-bottom:5px;
padding-top:5px;
padding-left:25px;
}
.FavoritoPerfilTitulo {
font-size:14px;
color: black;
text-align:center;
padding: 0px;
}
.Perfil {
padding:10px;
}
.Perfil li {
margin-bottom:5px;
padding: 5px;
}
.img {
float:left;
}
.PerfilDatos {
width:280px;
float:right;
padding:20px;
}
.PerfilNombre {
font-size:25px;
}
.PerfilDetalle {
font-size:12px;
color:black;
margin-top:10px;
}
.jugadores_semanales {
padding-left:25px;
}
.jugadores_semanales li {
padding:5px;
}
.verPerfil {
float:right;
margin-right:20px;
margin-top:5px;
}
.bloquePerfilFavoritos {
width:200px;background-color:white;height:200px;color:black;padding: 10px;float:left;margin-top:5px;
}
.bloquePerfilUltimosJugados {
width:200px;background-color:white;height:200px;color:black;padding: 10px;float:right;margin-top:5px;
}
.mid h2.red{background:transparent url(images/sidebar-red.gif) no-repeat;}