/*** JUGANDING 2009 ***/ /*** COLORES - WEB VERDE AZUL 01 #E6F0E5 02 #AEC4DC 03 #92C4DF 04 #6995C6 05 #003983 */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) */ /* @font-face { font-family: 'FooRegular'; src: url('foo-webfont.eot'); src: local('?'), url('foo-webfont.woff') format('woff'), url('foo-webfont.ttf') format('truetype'), url('foo-webfont.svg#webfontS5CNcZnH') format('svg'); font-weight: normal; font-style: normal; } */ body { background: url(../imag/bg.jpg) top center repeat-x #003983; margin:0px; padding:0px; font-family: verdana; font-size:11px; text-decoration:none; text-align:center; } /**********************************************************************************************************************************************************************************************************************************/ /*** ELEMENTOS ********************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ a, a:visited, a:link { color:#27547F; text-decoration: none; font-weight: bold; outline:none; } input:focus { outline:none; } img { border:none; } p { margin:0px; padding:0px; } /* ESPECIFICOS */ .bgnone { background:none !important; } /* COLORES */ .verde { color: #477B26; } /**********************************************************************************************************************************************************************************************************************************/ /*** JUGANDING (BASE) *************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ .bgjuganding { background:url(../imag/bgjuganding.jpg) center -10px no-repeat; width:100%; height:372px; margin:0px auto; } #Juganding { width:980px; margin:0 auto; padding:10px 0px; text-align:left;} #Juganding a, #Juganding a:link, #Juganding a:visited { color:#477B26; text-decoration: none; font-weight: normal; } #Juganding a:hover { text-decoration: underline;} /**********************************************************************************************************************************************************************************************************************************/ /*** CABECERA *********************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ #Cabecera { background:url(../imag/bg_cabecera.jpg) top center no-repeat transparent; float:left; width:100%; } #Cabecera #Cab_Contenido { float:left; width:960px;} #Cab_Contenido .logo { float:left; height: 135px; margin:0px; padding:0; } #Cab_Contenido .logo a { display:block; margin:70px 0px 0px 60px; } /* Formualario búsqueda */ #Cab_Search { background:url(../imag/bg_cab_search.png) center right no-repeat; float:right; width:500px; height:30px; text-align:right; margin:10px -5px 0 0; padding:0; } #Cab_Search .formbusq { float:right; font-weight: bold; color:#6190BE; font-size:11px; margin:4px 5px 0 0; } #Cab_Search .formbusq h3{ display:inline; font-size:11px; } /* Idiomas EN - DE */ #Cab_Search .formtext { border: none; background: transparent; width:225px; height: 20px; margin:0 0 0 10px; padding:2px; font-size:12px; color:#6995C6; font-weight: bold; text-align:center; } #Cab_Search .formboton { border: none; background: transparent; width:27px; height: 22px; margin:0; padding:0px; cursor:pointer; } /* #Cab_Search h2, #Cab_Search h3 { display:inline; font-size:11px; } */ /* Login de usuarios */ /* #Cab_Login { float:left; width:300px; margin:10px 0 0 0; display:none;} #Cab_Login .content { background:url(../imag/bg_cab_login.png) center center no-repeat; float:right; width:300px; height: 55px; text-align:center; } #Cab_Login .content form { margin:0; padding:0 0 5px 0;} #Cab_Login .content form input { background: none; width:65px; height: 20px; margin:4px 0 0 0; font-weight: bold; font-size:12px; color:#444;} #Cab_Login .content form .login { border:none; background: none; margin:4px 4px 0 0; padding:4px; font-size: 11px; cursor: text; text-align:center;} #Cab_Login .content form .pass { border:none; background: none; margin:4px 0 0 5px; padding:4px; font-size: 11px; cursor: text; text-align:center;} #Cab_Login .content form .submitlogin { background: none; margin:1px 0 0 5px; cursor:pointer; } #Cab_Login .content form .submitlogin:hover { color:white;} #Cab_Login .content form span { position:relative; margin:-5px 0 0 0;} */ /* Menu cabecera */ #Cab_Menus { float:right; height: 55px; margin:10px 10px 0 0; display:none; } #Cab_Menus .cab_menu { float:right; background:url(../imag/bg_cab_menu.png) center center no-repeat; width: 106px; height: 30px; text-align: center; line-height: 28px; margin:11px 0 0 0;} #Cab_Menus .cab_menu a { color: #444; font-weight: bold; text-decoration:none !important;} #Cab_Menus .cab_menu a:hover { color: white; } /* Información cabecera */ #Cab_Datos { float:right; width:450px; } #Cab_Datos #Cab_Titulo_Count { float:right; width:100%; margin:10px 0px 0 0; font-weight: bold; color:white; text-align:right; text-shadow:0px 1px #777777; } #Cab_Datos #Cab_Titulo_Count span img { margin:4px 0px -4px 0; } #Cab_Datos #Cab_Titulo_Count span a { color: white; font-weight: bold; } #Cab_Datos #Cab_Titulo_Count h1, #Cab_Datos #Cab_Titulo_Count h2, #Cab_Datos #Cab_Titulo_Count h3 { display:inline;font-size:11px; } /* Texto descriptivo */ #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Text { float:left; width:100%; height:20px; margin:10px 0 0 0px; text-align:right; } #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Text h1 { display:inline; float:right; width:100%; margin:0px; text-align:right; font-size:11px; font-weight:bold; color:#7B8F14; } #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Text h2 { display:inline; float:right; margin:0px; font-size:11px; font-weight:bold; color: #7B8F14; } #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Text img { margin:0 0 -7px 0; } /* Idiomas */ #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Idiom { float:right; margin:5px 0 0 0; width:100%; text-align: right; color:#6190BE; font-weight:bold } #Cab_Datos #Cab_Titulo_Sup #Cab_Titulo_Idiom a { color:#6190BE; font-weight:bold; } /* Publicidad */ #Publi_Cab { float:left; background:url(../imag/bg_cuerpo.png) repeat-y transparent; width: 980px;padding-left:15px; margin:0; } #Publi_Cab #Pub_Cab_L { float:left; width:728px; height:90px; } #Publi_Cab #Pub_Cab_R { float:right; margin-right:30px; _margin-right:15px; width:200px; height:90px; } /**********************************************************************************************************************************************************************************************************************************/ /*** CONTENIDO ********************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ #Cuerpo { background:url(../imag/bg_cuerpo.png) repeat-y transparent; clear: both; float:left; width: 980px; padding:5px 0px; } #ContBar { float:left; width:635px; margin:0 0 0 10px; } #ContBar #Pre_Cont { border:0px dashed red; float:left; width:100%;margin-bottom:10px; } /* JUEGOS DESTACADOS */ #ContBar #Pre_Cont .juego_dest { float:left; width:100%; } #ContBar #Pre_Cont .juego_dest .sup { float:left; background:url(../imag/bg_boxdes_sup.jpg) top center no-repeat; width: 100%; height: 45px; } #ContBar #Pre_Cont .juego_dest .sup h2, #ContBar #Pre_Cont .juego_dest .sup h3 { float:left; margin:13px 0 0 0px; width:615px; color: white; text-align: center; font-size:14px; line-height: 20px; overflow: hidden; } #ContBar #Pre_Cont .juego_dest .med { background:url(../imag/bg_lista_content.jpg) repeat-y; float:left; width:640px; } #ContBar #Pre_Cont .juego_dest .med .content { float:left; width:615px; margin:0 0 0 15px; padding:0px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado { float:left; display:inline-block; width:200px; text-align:center; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .img_dest { float:left; width:200px; margin:0px; padding:0px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .img_dest .marco_juedest { background:url(../imag/bg_img_lista_juego.png) -162px 0px; float: none; height: 124px; margin: 0px auto; width: 162px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .img_dest .estrella_juedest { background:url(../imag/estrella_juedest.png) center center no-repeat; position:absolute; width:41px; height:41px; margin:-30px 0 0 150px; _margin:-30px 0 0 50px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .img_dest .marco_juedest img { float:left; margin:5px 6px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest { float:left; width:200px; margin:0px; padding:0px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_titulo { height:25px; margin:5px; font-weight: bold; text-align: center; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_titulo a { color:#870301 !important; font-size:13px; font-weight:bold !important; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_titulo h3 { margin:0px; padding:0px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_cat { margin:0px; padding:0px; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_cat img { position:relative; margin:3px 0px -3px 0; } #ContBar #Pre_Cont .juego_dest .med .content .juego_destacado .txt_dest .dest_desc { text-align: justify;color:#444444;} #ContBar #Pre_Cont .juego_dest .inf { background:url(../imag/bg_jue_list_pag.jpg) bottom center no-repeat; float:left; width:100%; height: 25px; } /* CAJA LISTAS DESTACADOS */ #Lat_Dest { float:left; width:320px; } #Lat_Dest .sup { float:left; background:url(../imag/bg_box320_sup.jpg) top center no-repeat; width: 100%; height: 50px; } #Lat_Dest .sup h2 { float:left; margin:13px 0 0 10px; width:300px; color: white; text-align: center; font-size:16px; line-height: 20px; overflow: hidden; } #Lat_Dest .med { background:url(../imag/bg_box320_med.jpg) center center repeat-y; float:left; width:320px; } #Lat_Dest .med .content_lat { float:left; width:290px; margin:0 0 0 15px; } #Lat_Dest .med .content_lat ul { color:#0090E1; float:left; margin:0px; list-style: circle outside;} #Lat_Dest .inf { background:url(../imag/bg_box320_inf.jpg) top center no-repeat; float:left; width:100%; height: 20px; } /* Lista de juegos */ .lista_juegos, .lista_juegos_sintexto { float:left; width:635px; } /* Titulo */ .lista_juegos .titulo, .lista_juegos_sintexto .titulo { background: url(../imag/bg_titulo_lista_juegos.jpg) bottom center no-repeat; float:left; width:100%; height:60px; margin-bottom:-10px; } .lista_juegos .titulo h1, .lista_juegos .titulo h2, .lista_juegos .titulo h3, .lista_juegos_sintexto .titulo h1, .lista_juegos_sintexto .titulo h2, .lista_juegos_sintexto .titulo h3 { border:none !important; margin:0px; padding:0px; color:white !important; font-size:14px; font-weight: bold; text-align:center; overflow: hidden; } /*En Portada y Busquedas */ .lista_juegos .titulo h2, .lista_juegos_sintexto .titulo h2, /*En la Ficha de un juego */ .lista_juegos .titulo h3, .lista_juegos_sintexto .titulo h3 { height:25px; margin:18px 0 0 0; padding:0 10px; line-height: 20px; overflow:hidden; text-transform:uppercase; } /*Ajustes Tamaño Texto */ .lista_juegos .size1 h1, .lista_juegos .size1 h2, .lista_juegos .size1 h3, .lista_juegos_sintexto .size1 h1, .lista_juegos_sintexto .size1 h2, .lista_juegos_sintexto .size1 h3 { font-size:12px !important; } .lista_juegos .size2 h1, .lista_juegos .size2 h2, .lista_juegos .size2 h3, .lista_juegos_sintexto .size2 h1, .lista_juegos_sintexto .size2 h2, .lista_juegos_sintexto .size2 h3 { font-size:11px !important; } .lista_juegos .size3 h1, .lista_juegos .size3 h2, .lista_juegos .size3 h3, .lista_juegos_sintexto .size3 h1, .lista_juegos_sintexto .size3 h2, .lista_juegos_sintexto .size3 h3 { font-size:10px !important; } .lista_juegos .lista_content, .lista_juegos_sintexto .lista_content { background:url(../imag/bg_lista_content.jpg) repeat-y; float:left; width:100%; } .lista_juegos .lista_content .jue_list_NoRes { float:left; width: 605px; margin:10px 0 0 20px; font-size:12px; font-style:italic; } .lista_juegos .lista_content .lista_juego { float:left; width:605px; margin:10px 0 0 15px; } .lista_juegos .lista_content .lista_juego .sup { background:url(../imag/bg_lista_juego_sup.jpg) bottom center no-repeat; float:left; width:100%; height:10px;} .lista_juegos .lista_content .lista_juego .med { background:url(../imag/bg_lista_juego_med.jpg) repeat-y; float:left; width:100%; } .lista_juegos .lista_content .lista_juego .inf { background:url(../imag/bg_lista_juego_inf.jpg) top center no-repeat; float:left; width:100%; height:10px;} .lista_juegos .lista_content .med .lista_juego_img { background:url(../imag/bg_img_lista_juego.png) 0px 0px no-repeat; float:left; width:162px; height: 124px; margin:0 0 0 10px; } .lista_juegos .lista_content .med .lista_juego_img img { float:left; margin:5px 6px; } /* JUEGOS SIN TEXTO - JUEGOS RELACIONADOS */ .lista_juegos_sintexto .lista_content .lista_juego { background:#FFF; float:left; width:295px; margin:10px 0 0 15px; } .lista_juegos_sintexto .lista_content .lista_juego .sup { background:url(../imag/juego_sintexto.jpg) top center no-repeat; float:left; width:100%; height:10px; font-size:1px; } .lista_juegos_sintexto .lista_content .lista_juego .med { background:url(../imag/juego_sintexto.jpg) 0px -10px no-repeat; float:left; width:100%; text-align: center; } .lista_juegos_sintexto .lista_content .lista_juego .inf { background:; float:left; width:100%; height:10px; } .lista_juegos_sintexto .lista_content .med .lista_juego_img { background:url(../imag/bg_img_lista_juego.png) 0px 0px no-repeat; width:162px; height: 124px; display:inline-block; } .lista_juegos_sintexto .lista_content .med .lista_juego_img img { float:left; margin:5px 6px; } .lista_juegos_sintexto .lista_content .med .lista_juego_img a { display:inline-block; } .lista_juegos_sintexto .lista_content .med .lista_juego_cont { width:275px; margin:0 0 0 10px; } .lista_juegos_sintexto .lista_content .med .lista_juego_cont .lista_juego_cont_link { text-align:center; height:35px; margin:5px 0 0 0; } .lista_juegos_sintexto .lista_content .med .lista_juego_cont .lista_juego_cont_cats { text-align:center; } .lista_juegos_sintexto .lista_content .med .lista_juego_cont .lista_juego_cont_fecha { display:none; } .lista_juegos_sintexto .lista_content .med .lista_juego_cont .lista_juego_cont_descrip { display:none; } .lista_juego_cont { border:0px dashed red; float:left; margin:0px 0 0 10px; width: 410px; } .lista_juego_cont_fecha { float:left; width:100%; text-align:right; color:#477B26; font-weight: bold; font-size: 10px; } .lista_juego_cont_link { float:left; width:100%; } .lista_juego_cont_link a { font-weight: bold !important; font-size: 14px; } .lista_juego_cont_link h3 { margin:0px; } .lista_juego_cont_cats { float:left; width:100%; margin:0px; } .lista_juego_cont_cats img { position:relative; margin:4px 0 -4px 0; } .lista_juego_cont_descrip { float:left; width:100%; text-align: justify; margin:10px 0 0 0;color:#444444; } .lista_juegos .lista_pie { background:url(../imag/bg_jue_list_pag.jpg) center top no-repeat; float:left; width:100%; height:45px; text-align: center; } .lista_juegos_sintexto .lista_pie { background:url(../imag/bg_jue_list_pag.jpg) center -25px no-repeat; float:left; width:100%; height:25px; text-align: center; } .lista_juegos .jue_list_pag { float:right; margin:0 12px 0 0;} .lista_juegos .jue_list_pag .page, .lista_juegos .jue_list_pag .page_selected { float:left; } .lista_juegos .jue_list_pag .page a, .lista_juegos .jue_list_pag .page_selected { display:block; margin:6px 3px; width:30px; height:27px; font-weight: bold; color: #477B4B; text-align: center; line-height: 24px; } .lista_juegos .jue_list_pag .page a { background:url(../imag/bg_page.jpg) 0px 0px no-repeat; text-decoration:none !important; } .lista_juegos .jue_list_pag .page a:hover { background:url(../imag/bg_page.jpg) -30px 0px no-repeat; text-decoration:none !important; } .lista_juegos .jue_list_pag .page_selected { background:url(../imag/bg_page.jpg) -60px 0px no-repeat; color:white; cursor: default; } /*** FICHA JUEGO ***/ #Juego { float:left; width:100%; } #Juego .sup { background:url(../imag/bg_titulo_lista_juegos.jpg) bottom center no-repeat; float:left; width:100%; height: 60px; } #Juego .sup h2, #Juego .sup h1 { height:30px; margin:15px 0px 0px 0px; padding:0 10px; color:white; text-align:center; font-size:18px; line-height: 24px; text-transform: uppercase; overflow:hidden; } #Juego .sup h2 a, #Juego .sup h1 a { color:white; font-weight: bold; } #Juego .med { background:url(../imag/bg_lista_content.jpg) center repeat-y; float:left; width:635px; text-align:center; } #Juego .med #JugGameDiv { margin:0 auto; } #Juego .inf { background:url(../imag/bg_boxjuego_inf.jpg) top center no-repeat; float:left; width:100%; height: 30px; } /*Ajuste Tamaño Texto */ .size1 h2{ font-size:16px !important; } .size2 h2{ font-size:14px !important; } .size3 h2{ font-size:11px !important; } /* Redes Sociales */ #Juego .redes_sociales { width:600px; margin:0 auto; padding:0; text-align:center; } #Juego .redes_sociales .texto { float:left; width:100%; text-align:left; margin:0 0 10px 0; font-weight: bold; color: #477B26; } #Juego .redes_sociales a { float:left; display:block; margin:0 0 0 16px; padding:0px; width:32px; height: 32px; } /* Opciones */ #Juego .opciones { width:600px; margin:0 auto; padding:0; text-align:center; } #Juego .opciones .texto { float:left; width:100%; text-align:left; margin:0 0 10px 0; font-weight: bold; color: #477B26; } #Juego .opciones .option { float:left;margin:0 10px;width:80px;} #Juego #jug_juego .iframe { margin:5px 20px 0; } /**********************************************************************************************************************************************************************************************************************************/ /*** PANTALLA COMPLETA ************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ #JugandingFull { float:left; width:100%; overflow:hidden; margin:-10px 0 0 0; padding:0; } #JugandingFull #JugPubli #LoadEnd { color:#173DAC; } #JugandingFull #JugPubli #progNum { background: none; position:inherit; margin:-32px auto; width: 35px; height:25px; color:#FFF; font-size:12px; font-weight: bold; font-family: Arial; line-height: 25px; } #JugandingFull .full_link_index { float:left; text-align:left; padding-left:10px; } #CabeceraFull { float:left; width:100%; margin:0; padding:5px 0px; } #CabeceraFull #Cab_Titulo { background:url(../imag/cab_titulo.png) top center repeat-x transparent; float:left; width: 100%; height: 40px; overflow:hidden; margin:0px; padding:0px; } #CabeceraFull #Cab_Titulo_Text { float:left; height:100%; margin:0px; line-height: 35px; } #CabeceraFull #Cab_Titulo_Text span { float:left; _display: block; height:35px; _margin:8px 0 0 0; } #CabeceraFull #Cab_Titulo_Text span img { vertical-align:middle; } #CabeceraFull #Cab_Titulo_Text span a:hover { text-decoration: underline; } #CabeceraFull #Cab_Titulo_Text h2 { float:left; margin:0 5px; padding:0; color:#27547F; font-size:14px; } #CabeceraFull #Cab_Titulo_Text h1 { float:left; margin:0 5px; padding:0; color:#27547F; font-size:11px; } #CabeceraFull #Cab_Titulo_Text b { margin:0px; padding:0; color:#8BB7DF; font-size:12px; } #CabeceraFull #Cab_Titulo_Text a, #CabeceraFull #Cab_Titulo_Text h1 a { color:#27547F !important; font-weight:bold; } #CabeceraFull #Cab_Titulo_Count{ float:right; width:200px; margin:0px !important; color:#27547F; line-height:35px; text-align:right; } #CabeceraFull #Publi_Cab { background: transparent; width:100%; margin: 0 auto; text-align:center; } #CabeceraFull #Cab_Titulo_Text h1, #CabeceraFull #Cab_Titulo_Text h1 a { color:#27547F !important; } #CuerpoFull { background:none transparent; float:left; width:100%; height:800px; text-align:center; } #CuerpoFull h1 { background: url(../imag/juegofull_titulo.png) center center no-repeat; font-size:24px; } #CuerpoFull h2 { background: url(../imag/juegofull_titulo.png) center center no-repeat; font-size:24px; color: #0A4C96; } #CuerpoFull #Juego_Banner { width:970px; height:90px; text-align:center; margin:5px auto; } #CuerpoFull #ContFull { float:left; background:transparent; width:100%; height:800px; margin:0; padding:0; } /*#CuerpoFull #ContFull object #JugGame { float:left; height:800px; background-color:transparent;}*/ #PieFull { background:none transparent; float:left; width:100%; height: 200px; margin:0; padding:0; text-align:center; } #PieFull a { color:#CCCCCC; } #PieFull a:hover { color:#EEEEEE; } #PieFull .Pie_Links { padding:5px 0px; } /**********************************************************************************************************************************************************************************************************************************/ /*** SIDEBAR - LATERAL ************************************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************************************************/ #LatBar { float:left; width:320px; margin:0 0 0 5px; _margin:0px; } #LatBar a:hover { text-decoration:underline;} /* Titulos */ #LatBar .titulo_lat a { color:white; font-weight: bold; } #LatBar .titulo_lat h4 { float:left; margin:13px 0 0 10px; width:300px; color: white; text-align: center; font-size:14px; line-height: 20px; font-weight:bold; } /* ZONA COMUN */ #LatBar .content_lat ul { font-size:12px; } /* Listados */ #LatBar ul li { margin:0 0 3px 0; } #LatBar .colsimple { width:90%; padding-left:30px; } #LatBar .ulcol { width:40%; padding-left:25px; } * html #LatBar .ulcol{ width: 50%; } #LatBar .numlist { position:absolute; margin: 0 0 0 -20px; } #Lat_Top, #Lat_Instruc, #Lat_Publi, #Lat_DestPort, #Lat_Links, #Lat_Tags, #Lat_Busq, #Lat_UltPort, #LatFich_Opt { color:black; float:left; margin:0px 0 10px 0; padding:0px; width:320px; } #LatBar .sup { background:url(../imag/bg_box320_sup.jpg) top center no-repeat; float:left; width: 100%; height: 50px; } #LatBar .med { background:url(../imag/bg_box320_med.jpg) center center repeat-y; float:left; width: 100%; } #LatBar .med .sombra_content { float:left; width:310px; margin:0 0 0 5px; } #LatBar .med .sombra_content .opciones { border-top:2px dotted #6191BF; float:left; margin:5px 0 0 0; } #LatBar .med .sombra_content .content_lat { float:left; width:290px; margin:0 0 0 10px; } #LatBar .med .sombra_content .content_lat .tags { border-top:2px dotted #B0D0E9; float:left; width:100%; margin:5px 0 0 0; } #LatBar .med .sombra_content .content_lat .tags ul { float:left; width:100%; margin:5px 0 0 0; padding:0px; list-style:none; text-align:center; } #LatBar .med .sombra_content .content_lat .tags ul li { display:inline-block; width:100px; height:16px; line-height:16px; } #LatBar .med .sombra_content .content_lat .tags ul li a { color: #6090BE; font-weight: bold; } #LatBar .inf { float:left; width: 100%; height: 20px; background:url(../imag/bg_box320_inf.jpg) top center no-repeat; } .Lat_Opt { float:left; width:320px; margin:5px 0; text-align: center; } .Lat_Opt .option { display:inline; width:150px; height:25px; margin:0 5px 0 0; text-align:center; } .Lat_Opt .option img{ margin:4px 0px -4px 0px; } /* Categorias - OK */ #Lat_Cat { float:left; margin:0 0 10px 0;} #Lat_Cat .sup { background:url(../imag/bg_boxcat_sup.jpg) top center no-repeat; float:left; width:100%; height:50px; } #Lat_Cat .med { background:url(../imag/bg_boxcat_med.jpg) bottom center repeat-y; float:left; width:320px; /*Opera necesita (px) y no (%) */ } #Lat_Cat .med .sombra_content { background:url(../imag/bg_sombra_content.jpg) bottom repeat-x transparent; float:left; width:310px; margin:0px; padding:0px; margin:0 0 0 5px; } #Lat_Cat .med .sombra_content .content_lat { float:left; width:290px; margin:0 0 0 10px; } #Lat_Cat .med .sombra_content .content_lat .categoria { float:left; width:50%; margin:0 0 5px; } #Lat_Cat .med .sombra_content .content_lat .categoria img { position:relative; margin:8px 0 -4px 0; } #Lat_Cat .categoria .cat_middle { height:25px; position:relative; width:100%; } /*#Lat_Cat .categoria .cat_sel { }*/ #Lat_Cat .categoria .cat_sel .cat_txt, #Lat_Cat .categoria .cat_sel .cat_txt2, #Lat_Cat .categoria .cat_sel .cat_txt3 { border-bottom:2px dotted #7B8F14; padding:0 0 2px 0; } #Lat_Cat .categoria .cat_sel .cat_txt a:hover, #Lat_Cat .categoria .cat_sel .cat_txt2 a:hover, #Lat_Cat .categoria .cat_sel .cat_txt3 a:hover { text-decoration: none !important; } #Lat_Cat .categoria .cat_middle_de { height:40px; } #Lat_Cat .categoria .cat_middle .cat_img { margin-top:-18px; position:absolute; top:50%; } #Lat_Cat .categoria .cat_middle .cat_txt { display:block; left:20px; margin-top:-7px; position:absolute; top:50%; } #Lat_Cat .categoria .cat_middle .cat_txt2 { display:block; left:20px; margin-top:-14px; position:absolute; top:50%; } #Lat_Cat .categoria .cat_middle .cat_txt3 { display:block; left:20px; margin-top:-21px; position:absolute; top:50%; } #Lat_Cat .inf { background:url(../imag/bg_boxcat_inf.jpg) top center no-repeat; float:left; width:100%; height:20px; } /* Top */ #Lat_Top .med ul{ border:0px dashed red; color:#0090E1; float:left; margin:0px; list-style: none;} /* Instrucciones */ #Lat_Instruc p { text-align: justify;} #Lat_Instruc img { float:left; margin:0 29px;} /* Destacados */ #Lat_DestPort .med ul{ color:#0090E1; float:left; margin:0px; list-style: circle outside; } /* Recomendados */ #Lat_Links .med ul { float:left; margin:0 0 0 10px; padding:0 0 0 5px; list-style: url(../imag/list_star.png) inside;} /* Tags y Lo + buscado */ #Lat_Tags, #Lat_Busq { text-align:center; } /* Lo ultimo y Destacados */ #Lat_UltPort .med ul { color:#0090E1; float:left; margin:0px; list-style: circle outside;} #LatFich_Opt .option img { margin:5px; } /* Publicidad Lateral */ #Lat_Publi { float: right; width:300px; height: 250px; margin:0 10px 10px 0;} /*Categorias lateral ficha juego*/ #LatFich_Cat .cat_enlace { float:left; width:100%; margin:0 0 8px 0; } #LatFich_Cat .cat_enlace a.cat { color:#628EBB; } #LatFich_Cat .cat_enlace .cat_img { float:left; margin:0 5px 0 0; } #LatFich_Cat .cat_enlace .cat_img img { } #LatFich_Cat .cat_enlace .cat_txt, #LatFich_Cat .cat_enlace .cat_txt2 { float:left; width:255px; font-size:12px; line-height:18px; } /* Opciones del Juego */ #LatFich_Opt .option{ float:left; width:120px; height: 50px; margin:0px 7px; padding:5px; text-align: center; font-size:10px; } /* Descripcion juego */ #LatFich_Des { text-align: justify; } #LatFich_Des .img_juego { float:right; width:100px; height:75px; margin:0px 0px 2px 7px; _margin:0px 0px 0px 7px; } #LatFich_Des .img_juego .sup { float:left; position:relative; width:100px; height: 7px; margin:0 0 -7px 0; _margin:0 0 -9px 0; background:url(../imag/img_juego.png) 0px 0px no-repeat; font-size:1px; } #LatFich_Des .img_juego .med { float:left; width:100px; } #LatFich_Des .img_juego .med img { width:100px; height:75px; } #LatFich_Des .img_juego .inf { float:left; position:relative; width:100px; height: 7px; margin:-7px 0 0 0; _margin:-9px 0 0 0; background:url(../imag/img_juego.png) 0px -7px no-repeat; font-size:1px; } /* Tags (Grupos) */ #LatJue_Tag .med ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; text-align:left; } #LatJue_Tag .med ul li { background:url(../imag/tag_li.png ) center left no-repeat; float:left; width:270px; height:25px; padding:0 0 0 25px; line-height:25px; } #LatJue_Tag .med ul li a { color: #628EBB; } /* Etiquetas */ #LatJue_Eti .med ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; text-align:center; } #LatJue_Eti .med ul li { display:inline; font-size:12px; color: #628EBB; line-height:18px; } #LatJue_Eti .med ul li.size1 { font-size:12px; color:#13509F; } #LatJue_Eti .med ul li.size2 { font-size:13px; color:#1C6FB3; } #LatJue_Eti .med ul li.size3 { font-size:14px; color:#6995C6; } /*********************************************************************************************************************************************************************************************************************************/ /*** PIE *************************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #Pie { background: url(../imag/bg_pie.png) top center no-repeat transparent; float:left; width:980px; height:125px; margin:0; padding:20px 0 0 0; } #Pie .Pie_Links { width:100%; text-align:center; padding:5px 0; } /*** Encabezados ***/ h1 { margin:0; padding:0; } /*********************************************************************************************************************************************************************************************************************************/ /*** PUBLICIDAD ******************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ .jue_bloq_sup_banner { float:left; width:300px; height: 250px; margin:10px 0 0 5px; } #Pre_Cont .pre_cont_publi { display:none; float:left; width:300px; height: 250px; margin:40px 0 0 8px; } .publi_ongame { float:left; width: 640px; margin:10px 0 0 0; } /*********************************************************************************************************************************************************************************************************************************/ /*** COMPARTIR *******************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ .ficha_comparte { float:left; width:605px; margin:0 0 0 15px; } .ficha_comparte .redes_sociales { float:left; width:100%; margin:0 0 10px 0; padding:0px; text-align:center; } .ficha_comparte .redes_sociales .texto { float:left; width:100%; margin:0 0 10px 0; text-align:left; } .ficha_comparte .redes_sociales a { display:inline-block; margin:0 20px 0 0; } .ficha_comparte #Contacto { float:left; width:605px; margin:10px 0; padding:0 0 10px 0; } .ficha_comparte #Contacto table { width:440px; } /*********************************************************************************************************************************************************************************************************************************/ /*** COMUNIDAD *******************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #ContBar #jue_titulo { float:left; width: 100%; height:; margin:20px 0 0 0; font-size:14px; text-align:center; font-weight: bold; color:white; } #ContBar #jue_titulo h2 { border-bottom:2px dotted #A6CDEE; margin:0 0 5px 0; padding:0 0 10px 0; color:#6190BE; font-size:16px; text-align:center; } /*#ContBar #jue_titulo { font-size:14px; text-align:center; font-weight: bold; color:white; }*/ #ContBar #Jug_Contruc{ float:left; width:100%; font-size:20px; margin:20px; color:gray; text-align:center; } /*********************************************************************************************************************************************************************************************************************************/ /*** INFORMACIÓN LEGAL ***********************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ .titulo_contenido{ float:left; width: 100%; height:; margin:10px 0 0 0; } /* #Contbar .titulo_contenido .size1 h2{ font-size:13px; } #Contbar .titulo_contenido .size2 h2{ font-size:12px; } #Contbar .titulo_contenido .size3 h2{ font-size:11px; } */ #ContBar .titulo_contenido h2{ background:url(../imag/bg_h2_comunidad.jpg) top center no-repeat; color:white; font-size:14px; text-align:center; margin:0 0 10px 0; padding:0px; width:635px; height:36px; line-height:35px; } #Info_Legal { float:left; padding:15px; margin:10px auto; color: #444; text-align: justify; } #Info_Legal .titulo { color:#477B26; font-weight: bold; font-size:12px; } /*********************************************************************************************************************************************************************************************************************************/ /*** CONTACTO ********************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #ContBar p { margin:0 0 0 10px; } #Contacto { border-bottom:2px dotted #A6CDEE; float:left; width:100%; padding:10px; margin:10px auto; text-align: justify; } #Contacto td { font-size:12px; font-weight: bold; color:#444444;} #Contacto input { font-family: Verdana,Arial; font-size:12px; } #Contacto #Nombre, #Contacto #Email, #Contacto #Asunto, #Contacto #NombreAmigo, #Contacto #EmailAmigo { border:none; background:url(../imag/formulario.png) 0px -27px no-repeat; height:27px !important; width:304px !important; margin:0; padding:3px 10px; font-size:14px; } #Contacto #Mensaje { border:none; background:url(../imag/formulario.png) 0px -54px no-repeat; width:304px !important; height:204px !important; margin:0; padding:5px; font-size:14px; color: #444; overflow:hidden; } #Contacto #Suma { border:none; background:url(../imag/formulario.png) -230px 0px no-repeat; width:74px !important; height:27px !important; margin:0px; padding:3px 10px; font-size:14px; color:#003983; font-weight: bold; text-align:center; } #Contacto .recomendar_submit { border:none; background:transparent url(../imag/formulario.png) no-repeat scroll -86px bottom; float:right; width:109px; height:33px; margin:0 20px 0 0; padding:0 0 3px 0; color:#FFF; cursor: pointer; text-align:center; font-weight:bold; } #Contacto .recomendar_submit:hover { border:none; background:transparent url(../imag/formulario.png) no-repeat scroll -195px bottom; } #Contacto .contacto_submit { border:none; background:transparent url(../imag/formulario.png) no-repeat scroll -86px bottom; float:right; width:109px; height:33px; margin:0 50px 0 0; padding:0 0 3px 0; color:#FFF; cursor: pointer; text-align:center; font-weight:bold; } #Contacto .contacto_submit:hover { border:none; background:transparent url(../imag/formulario.png) no-repeat scroll -195px bottom; } .info_contacto { float:left; width:620px; _width:635px; padding:10px; text-align:justify; } .info_contacto .titulo { color:#477B26; font-weight: bold; font-size:12px; margin:0 0 10px 0; } /*********************************************************************************************************************************************************************************************************************************/ /*** ERROR 404 *******************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #Error404 { float:left; width:100%; height: 600px; margin:0; padding:0; } #Error404 h2 { text-align:center; color: #6190BE; } #Error404 .img404 { background:url(../imag/error404.jpg) top center no-repeat white; float:left; margin:10px 0px; padding:0px; width:100%; height: 300px; } #Error404 .info404 { margin:0 auto; padding:0; width:450px; font-size:12px; color:#385E8D; } #Error404 .info404 ul { list-style: circle; } /*********************************************************************************************************************************************************************************************************************************/ /*** ERROR DOWN ******************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #Error_down { background:url(../imag/error_down.jpg) 150px 100px no-repeat; float:left; width:100%; height:400px; } #Error_down .texto { float:right; width:600px; margin:100px 50px 0 0; } #Error_down .texto b { color: #6487B3; } /*********************************************************************************************************************************************************************************************************************************/ /*** BARRA DE CARGA **************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ #JugPubli { width:614px; height:435px; margin:0 auto; } #JugPubli .banner { width:336px; height:280px; margin:10px auto; } #JugPubli .progbar { background:url(../imag/progbar.png) center no-repeat; width:216px; height:41px; margin:0 auto; overflow:hidden; text-align:left; } #JugPubli .progreso { background:url(../imag/progreso.gif) left center no-repeat; width:0%; height:41px; margin:0 0 0 8px; } #JugPubli #progNum { background:url(../imag/bg_porcentaje.png) center center no-repeat; position:inherit; margin:-32px auto; width: 35px; height:25px; color:#000; font-size:12px; font-weight: bold; font-family: Arial; line-height: 25px; } #JugPubli #LoadEnd { position:relative; margin:40px 0 0 0; cursor:pointer; color:#99BCDF; text-decoration: underline; } /*********************************************************************************************************************************************************************************************************************************/ /*********************************************************************************************************************************************************************************************************************************/ /* .jue_list_pag_sitemap .page, .jue_list_pag_sitemap .page_selected { float:left; margin: 0px 5px; } */ .lista_subtitulo { float:left; width:605px; margin:-4px 0 0 15px; _margin:0 0 0 15px; } .lista_subtitulo .med { background:url("../imag/bg_lista_juego_med.jpg") repeat-y scroll 0 0 transparent; float:left; width:100%; padding-top:10px; color:#444444; } .lista_subtitulo .med strong p { font-weight:normal; margin:0px !important; padding:0 10px; } .lista_subtitulo .inf { background:url("../imag/bg_lista_juego_inf.jpg") no-repeat scroll center top transparent; float:left; width:100%; height:10px; } .lista_juegos .titulo{ _margin-bottom:-15px; } #LatFich_Des .opciones { float: left; text-align: center; } #LatFich_Des .opciones .option_iframe { float:left; width:100%; margin:5px 0px; } #LatFich_Des .opciones .option_iframe iframe{ float:left; } #LatFich_Des .opciones .option { float:left; width:95px; margin:0px; } #LatFich_Des .opciones .option a { display:block; width:90px; } #LatFich_Des .opciones .option img { text-align: center; width:20px; height:18px; }