#badge {float: left; border: 1px solid #999; margin: 20px 20px 20px; width: 895px; padding: 10px; background: url(http://base.imagen-programa.com/breadcrumb-bkg.png) bottom #fff repeat-x;} #badge_cod {float: left; background-color:#d8f2ff; padding: 10px; margin: 10px 10px 10px 0pt; border: 1px solid #4cc2ff; width: 720px;} /* /////////////////////////////// FICHA PROGRAMA /////////////////////////////////////////// */ /* Fichas del programa */ #tabs { margin: 0 0 0 10px; height: 27px; } #tabs ul li { display: inline; /* Fix IE Step Down */ font-size: 11px;} #tabs ul li a, #navbar ul li a:visited { display: block; height: 27px; float: left; background: url(http://base.imagen-programa.com/sprite.png) right -827px no-repeat; margin: 0 1px 0 1px; text-decoration: none;} #tabs ul li a span { display: block; height: 18px; float: left; /* IE 6 Fix */ padding: 8px 7px 0px 7px; color: #000; background: url(http://base.imagen-programa.com/sprite.png) -251px -596px no-repeat;} #tabs ul li a:hover, #navbar ul li a:active {background-position: right -863px;} #tabs ul li a:hover span { background-position: -251px -632px; color: #fff;cursor: pointer; /* Remind IE which cursor to use! */} #tabs ul li a.actual {background-position: right -863px; color: #fff;cursor: pointer; /* Remind IE which cursor to use! */} #tabs ul li a.actual span { background-position: -251px -632px; color: #fff;cursor: pointer; /* Remind IE which cursor to use! */} #tabs ul li.pestdest a.actual span {background-position: 0 -2px;} #tabs ul li.pestdest a.actual {background-position: right -76px;} #progrecomendados, #progsimilares, #progcomentarios, #progtrucos, #progdudas, #progversiones, #progblogs, #progplataforma {width:715px; margin:auto; float:left; margin-top: 20px; margin-left:20px; } /* Añadir a zona tematica */ #ficha .anadirzona {float: right } #ficha {padding: 10px; background-color:#fff} #ficha .abajo { height: 155px} #ficha .abajo a {color: #59BADD;} #ficha h2 {background: none; color: #000; font-size: 22px; line-height: 22px; } #ficha .visto { background: url('http://base.imagen-programa.com/silk/control_play.png') top left no-repeat; padding: 5px 5px 5px 18px; font-size:12px; color:#999; margin:0 0 10px 3px;padding:0 5px 5px 18px; display:block;} #ficha h3 {font-size: 10px} #ficha .appvideo {border: 0;} #ficha .appvideo img {position:absolute; border: 0; } #ficha .imagen {float: left; margin:0 10px 0 0; width:200px; height:144px} #ficha .imagen span {position: absolute;background: url('http://base.imagen-programa.com/recomendado.png') top left no-repeat; width:76px; height: 71px;} #ficha .screenshot {} #ficha ul.categoria { } #ficha ul.categoria li { display: inline;color: #45a4dc; font-size: 11px; } #ficha ul.categoria li a {color: #45a4dc } #ficha p.minidescripcion { font-size: 12px; font-weight: bold; margin:5px 0 5px 0; height: 40px;} #ficha .puntuacion {margin: 0 0 0 208px} #ficha .puntuacion p {font-size:11px; float:left; padding:2px 0 0 0} #ficha .puntuacion a {color: #45a4dc; font-size:11px} #ficha .boton {margin: 0 8px 0 0;} #ficha .bkg {background: url(http://base.imagen-programa.com/ficha-data-bkg.jpg) top left repeat-y; position:absolute; display:block; width:936px;height: 9px; z-index:0; bottom:-10px} /* Recuadro de mini-ficha (parte azul) */ #minificha { background:#C6E9FD url(http://base.imagen-programa.com/minificha-bkg.png) top left repeat-x; font-size:12px; border:1px solid #4cc2ff; float: left;position:relative; padding:10px 0 10px 0} #minificha a {color: #59BADD} #minificha div.categoria { background: url(http://base.imagen-programa.com/minificha-categoria-bkg.png) top left repeat-x; padding:5px 5px 5px 1px; width:728px;} #minificha div.categoria p {padding: 0;} #minificha div.categoria a { color:#fff; padding: 0 2px 0 2px} #minificha div.zonas ul {display: block; margin: 0 0 0 100px; } #minificha div.version a {padding: 0 0 0 5px;} #minificha p {float:left; width:130px; text-align:right; font-weight:bold; padding:0 5px 0 5px} #minificha div.so ul {display: block; margin:0 0 0 110px} #minificha div.so li {display:block; float:left; width:27px; height:16px; margin:2px; text-indent:-999em; background: url('http://base.imagen-programa.com/sprite.png') top left no-repeat;} #minificha div.so li.w98 {background-position: -4px -1322px;} #minificha div.so li.w7 {background-position: -210px -1322px;} #minificha div.so li.wNT {background-position: -180px -1322px;} #minificha div.so li.w2000 {background-position: -33px -1322px;} #minificha div.so li.wME {background-position: -63px -1322px;} #minificha div.so li.wXP {background-position: -120px -1322px;} #minificha div.so li.w95 {background-position: -150px -1322px;} #minificha div.so li.Vista {background: url('http://base.imagen-programa.com/so_vista.png') top left no-repeat;} #minificha div.desarrollador a { float:left; width:180px; /*height: 30px;*/} #minificha div {width: 320px; float: left;padding:2px;} #minificha div.so { width:110px; clear:left} #minificha div.so ul {margin: 0 0 0 120px; width:550px; } #minificha ul li {display: inline } #minificha a.descargar {background: url(http://base.imagen-programa.com/sprite.png) -4px -210px no-repeat; width: 126px; height: 55px; display:block; position:absolute; right:20px; top: 25px; text-indent:-9999px} #minificha a.nodescargar {background: url(http://base.imagen-programa.com/sprite.png) -132px -210px no-repeat; width: 126px; height: 55px; display:block; position:absolute; right:10px; top: 40px; text-indent:-9999px} div.zonas span {display:block; float:left; height:12px; width:16px; text-indent:-9999px; margin:0 1px 0 1px;} div.zonas span {background-position: center left; text-indent:-9999em; display:inline; padding:0 2px 0 2px; background: url('http://base.imagen-programa.com/sprite.png')} div.zonas span.es {background-position: -56px -1296px} div.zonas span.gb {background-position: -20px -1296px} div.zonas span.fr {background-position: -38px -1296px} div.zonas span.pt {background-position: -128px -1296px} div.zonas span.de {background-position: -74px -1296px} div.zonas span.it {background-position: -2px -1296px} div.zonas span.cat {background-position: -92px -1296px} div.zonas span.br {background-position: -110px -1296px} /* Datos de la ficha principal */ #ficha #data { width: 915px;} #data p.descripcion {font-size: 14px; margin: 0 0 0 0 ; padding: 8px; } #data p.nota_descripcion {font-size: 13px; margin: 0 0 0 0 ; padding: 8px; font-style:italic;} #data p.nota_descripcion_titulo {font-size: 13px; margin: 0 0 0 0 ; padding: 8px; font-style:italic;font-weight:bold;} #data #adsense {top: left no-repeat; width:300px; height:250px; float:left; margin: 10px 10px 10px 0} #data .botones {width: 714px; margin:auto; float:left; margin: 20px 0 10px 160px;} #data .abajo {width: 915px; float:left; margin:20px 0 0 0; height:auto;font-size:10px; border-top:1px solid #4cc2ff; background:url(http://base.imagen-programa.com/ficha_abajo_fondo.png) repeat-y center;} #data .abajo h3 {background: url(http://base.imagen-programa.com/minificha-categoria-bkg.png) top left repeat-x; padding:5px; font-weight: 100 ; } #data .abajo h3 a {color: #fff; padding-left:70px;} #data .abajo .imagenes {width: 50%; float: left; height: 155px; margin:0} #data .abajo .imagenes p {padding-left:7px;} #data .abajo p.sinimagenes {text-align:center; line-height:100px} #data .abajo .imagenes img {margin: 6px; border:1px solid #ccc; width:130px; height:100px; overflow:hidden} #data .abajo .otrosdatos { float:left; width:50%; } #data .abajo .otrosdatos p {padding:10px; /*margin-top:20px*/} #data .abajo .otrosdatos p.header {background: url(http://base.imagen-programa.com/minificha-categoria-bkg.png) top left repeat-x; padding:6px 4px 5px 3px; font-size: 10px; color: #000;font-weight: 100 ; } #data .abajo .otrosdatos img {border: 0; margin: 0 5px 5px 0} #data .abajo p.necesarios, #data .abajo p.requisitos { padding: 10px; margin: 4px } #data .abajo p.editor {line-height:14px} #data .abajo p.editor img {float: left; width: 38px; height:39px; border: 1px solid #000; margin: 0 10px 0 0;} #data .abajo p.editor em {display: block; } #data .proscontras {width: 100%; float:left; margin-top: 10px; font-size:12px; padding: 15px 0 0 10px ;background: url('http://base.imagen-programa.com/bkg-editor.jpg') center top no-repeat;} #data .proscontras li {list-style: none;} #data .proscontras span {display: block; margin:0 5px 0 5px; font-size:14px; font-weight:bold} #data .proscontras ul {list-style-position: inside; float:left;} #data .proscontras ul ul {margin:7px 0 7px 0; } #data .proscontras ul.pros, #data .proscontras ul.contras {width: 450px; } #data .proscontras ul.pros li {background:url("http://base.imagen-programa.com/silk/tick.png") top left no-repeat; color:#205114;margin:4px 0 8px 5px;padding:1px 0 0 30px;} #data .proscontras ul.contras li {background:url("http://base.imagen-programa.com/silk/cross.png") no-repeat top left; padding: 1px 0 0 30px; color:#FF6D6F; margin:4px 0 8px 5px } #data .limitaciones {width: 100%;font-size:12px; float: left; padding: 10px 0 0 10px ; background: url('http://base.imagen-programa.com/bkg-editor.jpg') center top no-repeat;} #data .limitaciones h3 {font-size: 14px; font-weight: bold;} #data .limitaciones p { margin:10px 0 10px 0} #data .limitaciones ul {list-style-position: inside; padding:10px} #data .limitaciones li { left: padding:5px} #data .requisitos {width: 100%;font-size:12px; float: left; padding: 10px 0 0 10px ; background: url('http://base.imagen-programa.com/bkg-editor.jpg') center top no-repeat;} #data .requisitos h3 {font-size: 14px; font-weight: bold; margin:0 0 0 5px; padding:5px} #data .requisitos ul {list-style-position: outside; padding:10px; margin:0 0 0 11px} #data .requisitos li {width:290px; float: left; padding:5px; margin: 0 25px 0 0;} #data .necesario {width: 100%;font-size:12px; float: left; padding: 10px 0 0 0 ; background: url('http://base.imagen-programa.com/bkg-editor.jpg') center top no-repeat;} #data .necesario h3 {font-size: 14px; font-weight: bold; padding:5px 5px 5px 15px;} #data .necesario p {padding: 10px;} #data .necesario ul {list-style-position: inside; padding: 5px 5px 5px 15px} #data .necesario li { padding: 5px 0 0 4px} #data .fanpage {float:left; font-size:12px} #data .fanpage p {width: 490px; margin:20px 0 10px 0} #data .fanpage iframe {margin:0 0 0 150px; } .ficha_editor { height: 70px; background: url('http://base.imagen-programa.com/bkg-editor.jpg') top left no-repeat; padding:5px; padding: 10px; font-size:11px; line-height:18px; width:714px; float:left; margin:10px 0 0 0} .ficha_editor img { margin:2px 5px 2px 2px; border:0} .ficha_editor a {color: #59BADD;} /* Ficha imagenes */ #data #imagenes {width:655px; margin: auto; margin-top:10px} #data #imagenes img { margin: 5px; border:0} /* Ficha comentarios */ #comentarios .comentario {padding: 10px; background: url(http://base.imagen-programa.com/separator-bkg.png) bottom center no-repeat; margin: 0 0 10px 0;} #comentarios .comentario a {color: #4caed8; } #comentarios .comentario span {font-size: 12px; color: #999; } #comentarios h3 {padding:5px 0 0 5px; color:#4caed8; font-size:14px} #comentarios img {float: left; width: 64px; height: 64px; overflow: hidden;margin:0 5px 0 0; border:0;} #comentarios .comentario p {margin: 8px 0 0 50px; font-size:11px} #comentarios .botones {width: 200px; height: 45px; margin:auto } #comentarios .acciones {font-size: 10px; margin: 8px 0 20px 70px} #comentarios .acciones p {margin: 0;} #comentarios .acciones .nomegusta span {color: #fff;} #comentarios .acciones .inutil {color: #f00;} #comentarios .acciones .megusta span, #data #comentarios .acciones .util {color: #205114;} #comentarios .acciones p span {font-size: 10px;} #comentarios .acciones a.spam {background: url(http://base.imagen-programa.com/stop_16.png) center left no-repeat; color:#f00;} #comentarios .header {background:#caedff url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -380px repeat-x;} #comentarios .header h2 { background:url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -150px no-repeat; height:56px; font-size:18px; padding:10px 0 10px 100px} #comentarios .header h2 span {font-size: 14px; display: block; color: #48abd6; } /* Enviar comentario */ #comentarios form { font-size:11px} #comentarios label {display:block; } #comentarios input, #data #comentarios textarea {border: 1px solid #5fc0fb; background:#F2F9FE url('http://base.imagen-programa.com/profile-input-bkg.png') top left repeat-x; } #comentarios textarea {height:90px;} #comentarios .enviar {border: 1px solid #5fc0fb; background: url('http://base.imagen-programa.com/minificha-categoria-bkg.png') top left repeat-x; color:#fff;} /* Descargar */ #descargar { background: url('http://base.imagen-programa.com/logo_descarga.jpg') right 90px no-repeat;} #descargar .header {background:#caedff url('http://base.imagen-programa.com/trucos-bkg.png') 0 -242px repeat-x;height:100px; padding:10px 0 10px 10px} #descargar .header div { background:url('http://base.imagen-programa.com/down_descarga.jpg') 0 -10px no-repeat; height: 90px; float:left} #descargar .header h2 { font-size:18px; padding:0 0 10px 100px} #descargar .header h2 span {font-size: 14px; display: block; color: #48abd6; } #descargar .header p {padding: 0 0 0 100px; color:#48ABD6} #descargar .header p.error { color: #f00; padding:5px 0 15px 140px; font-size:12px; background: url(http://base.imagen-programa.com/warning_32.png) 100px center no-repeat; float:left} #descargar ol {padding: 5px; margin: 0 0 0 10px; } #descargar strong.solo_espania {background: url('http://base.imagen-programa.com/solo_espania.png') top right no-repeat; padding: 0 32px 5px 0;} #descargar strong.movil {background: url('http://base.imagen-programa.com/mobile-phone--pencil.png') top right no-repeat; padding: 0 18px 5px 0;} #descargar strong.telefono {background: url('http://base.imagen-programa.com/phone.png') top right no-repeat; padding: 0 18px 5px 0;} #descargar li {padding: 0 0 0 30px; list-style-position: inside; list-style: none; line-height:27px; margin:5px 0 5px 0} #descargar li.l1 {background: url('http://base.imagen-programa.com/lista_ol.png') top left no-repeat; } #descargar li.l2 {background: url('http://base.imagen-programa.com/lista_ol.png') 0 -30px no-repeat; } #descargar li.l3 {background: url('http://base.imagen-programa.com/lista_ol.png') 0 -58px no-repeat; } #descargar li.l4 {background: url('http://base.imagen-programa.com/lista_ol.png') 0 -85px no-repeat; } #descargar form {display: inline;} #descargar div.autor {} #descargar p.autord {background:#43A7D0 url('http://base.imagen-programa.com/minificha-categoria-bkg.png') top left repeat-x; padding: 8px; color:#fff} #descargar input.text_privada {padding: 8px;border-top:1px solid #ffcc00; border-bottom:1px solid #ffcc00;border-left:1px solid #ffcc00;font-size:11px;} #descargar input.descargap {background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; text-align:left; text-decoration:none; padding:6px} #descargar p.disclaimer {font-size: 10px; /*border: 1px solid #ccc;*/ padding:10px; margin: 8px; /*background-color:#eee*/ color:#999} #data #descargar p.disclaimer strong {display: block;} #data #descargar p.descarga {text-align: center; /*height:30px; */margin:30px 0 10px 0; padding:0px;} /*#descargar p.descarga span { background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; display:inline line-height:26px; padding: 0 0 0 8px; text-align:left; text-decoration:none; padding:6px}*/ /*#descargar p.descarga a { background: url('http://base.imagen-programa.com/basic/down_16.png') top left no-repeat; padding: 0 0 5px 18px; color:#000; text-decoration:none}*/ #descargar p.descarga a { background: url("http://base.imagen-programa.com/descarga_grande.png") no-repeat scroll left top transparent; display: block; font-size: 18px; font-weight: bold; height: 69px; margin: auto; padding: 5px; text-decoration: none; text-indent: -9999em; width: 326px; } #descargar p.o {padding: 0 0 0 20px; color:#000;} #descargar ol p { margin: 5px } #descargar a {color: #59BADD;} #web_autor {padding: 10px;} .item_alta {display:block;} #data .vacio { background: url('http://base.imagen-programa.com/fondo_vacio.jpg') 0 -30px no-repeat; padding:40px 20px 20px 20px; border-top:1px solid #fff; /*height:198px;*/ } #data .vacio div { line-height: 30px; background: url('http://base.imagen-programa.com/basic/plus_48.png') top left no-repeat; padding: 0 0 0 55px; width:600px; margin:auto;} #data .vacio h4 {color: #38a5f5; font-size: 24px;} #data .vacio span {background: url('http://base.imagen-programa.com/hand-point-270.png') top right no-repeat; padding: 0 20px 0 0;} /* Boton de descargar de debajo de la ficha */ .descargar2 {background: url(http://base.imagen-programa.com/buton-download-ficha2.png) top left no-repeat; width:209px; height:51px; display:block;clear:left; margin:auto; text-indent:-9999px} /* /////////////////////////////// TRUCOS & DUDAS /////////////////////////////////////////// */ #data #trucos, #data #dudas { background:#fff} #data #trucos .header, #data #dudas .header {background:#caedff url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -380px repeat-x;} #data #trucos .header h2 { background:url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 0px no-repeat; height:56px; font-size:18px; padding:10px 0 10px 75px} #data #dudas .header h2 { background:url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -76px no-repeat; height:56px; font-size:18px; padding:10px 0 10px 100px} #data #trucos .header h2 span, #data #dudas .header h2 span {font-size: 14px; display: block; color: #48abd6; } #data #trucos .header h2 a, #data #dudas .header h2 a {color: #000; text-decoration: none;} #data #trucos .header li, #data #dudas .header li {list-style-image: url('http://base.imagen-programa.com/bullet.png'); list-style-position: inside; } #data #trucos .header li a, #data #dudas .header li a { color:#000} #data #dudas .pregunta {padding: 0 0 20px 0;} #data #comentarios .comentario, #data #trucos .truco, #data #dudas .respuesta, #data #dudas .duda {background: url('http://base.imagen-programa.com/respuesta-bkg.png') top left no-repeat; padding:10px 0 0 40px; font-size:12px} #progtrucos .truco, #progdudas .duda {padding:10px 0 0 25px; font-size:12px} #progtrucos .truco p.header, #progdudas .duda p.header {font-size:16px; background:none} #progtrucos .truco p.header a, #progdudas .duda p.header a{ color: #000; text-decoration: none; background: url('http://base.imagen-programa.com/bullet.png') 0 -13px no-repeat; padding: 0 5px 0 25px; font-size: 16px;} #progtrucos .truco p, #progdudas .duda p, #progdudas .respuesta p { margin: 5px 0 5px 25px; font-size: 12px } #progtrucos span.enviado, #progdudas span.enviado { margin:0 0 0 25px; font-size: 11px; color: #999; } #data #dudas .top {background: url('http://base.imagen-programa.com/respuesta-top-bkg.png') top left no-repeat; padding:10px 0 0 40px} #data #dudas .top em {font-size:11px; font-weight:bold; text-align:center; padding:5px; color:#205114; display:block} #data #trucos .truco, #data #dudas .duda {margin: 10px;} #data #trucos .truco h3, #data #dudas .duda h3 {font-size:16px; padding:0 0 0 25px} #data #trucos .truco h3 a, #data #dudas .duda h3 a{ color: #000; text-decoration: none; background: url('http://base.imagen-programa.com/bullet.png') 0 -13px no-repeat; padding: 0 5px 0 25px; font-size: 16px;} #data #dudas .respuesta h4 { padding: 0 0 0 25px; font-size:14px} #data #trucos span.enviado, #data #dudas span.enviado { margin:0 0 0 25px; font-size: 11px; color: #999; } #data #trucos .truco span a, #data #dudas span.enviado a {color: #00a1fa } #data #trucos .truco p, #data #dudas .duda p, #data #dudas .respuesta p { margin: 5px 0 5px 25px; font-size: 12px } #data #trucos .truco div, #data #dudas .duda div, #data #dudas .respuesta div {text-align:right} #data #trucos .acciones p , #data #dudas .acciones p, #data #comentarios .acciones p {color: #000; font-size: 10px;} #data #trucos a.megusta, #data #trucos a.nomegusta, #data #dudas a.nomegusta, #data #dudas a.megusta, #data #comentarios a.megusta, #data #comentarios a.nomegusta { background: url('http://base.imagen-programa.com/gusta-nomegusta-bkg.png') top left repeat-x; padding: 3px 10px 4px 10px; text-decoration:none; line-height:24px;color:#fff; font-size:11px } #data #trucos a.megusta, #data #dudas a.megusta, #data #comentarios a.megusta {border: 1px solid #66ff00; color:#205114 } #data #trucos a.nomegusta, #data #dudas a.nomegusta, #data #comentarios a.nomegusta {background-position: 0 -28px; border: 1px solid #f00; color:#fff} #data #trucos .util, #data #dudas .util, #data #comentarios .util {color: #205114; font-size:10px } #data #trucos .inutil, #data #dudas .inutil, #data #comentarios .inutil {color: #f00; font-size:10px } #data #trucos .megusta span, #data #dudas .megusta span, #data #comentarios .megusta span {background: url('http://base.imagen-programa.com/gusta-nomegusta-bkg.png') 0 -54px no-repeat; padding:2px 0 3px 20px; overflow:hidden} #data #trucos .nomegusta span, #data #dudas .nomegusta span, #data #comentarios .nomegusta span {background: url('http://base.imagen-programa.com/gusta-nomegusta-bkg.png') 0 -82px no-repeat; padding:3px 0 3px 20px} /* /////////////////////////////// MANUALES /////////////////////////////////////////// */ #manual { border: 1px solid #3A97D4; clear: left; font-size: 12px; overflow: hidden; padding: 20px;} #manual a {color: #00a1fa } #manual p {font-weight:bold;font-size:14px;color:#0F5D65; font-style:italic; display:block; padding:5px; background-color:#F2F9FC; border:1px solid #0F5D65;} #manual img { margin:0 5px 5px 0} #manual font { font-size:12px;} /* //////////////////////////// BLOGS (ficha de programa)/////////////////////// */ #data #blogs {} #data #blogs .post { padding:10px; border-bottom:1px dotted #3a97d4;} #data #blogs .post a { color:#3a97d4; font-weight:bold; display:block;} #data #blogs .post span {color:#ccc; display:block; font-size:12px; padding:5px 0 5px 0;} #data #blogs .post img {float:left;} #data #blogs .header {background:#caedff url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -380px repeat-x;padding:5px 0 0 0} #data #blogs .header h2 { background:url('http://base.imagen-programa.com/truco-bkg2.jpg') 0 -228px no-repeat; height:56px; font-size:18px; padding:10px 0 10px 100px;} #data #blogs .header h2 span {font-size: 14px; display: block; color: #48abd6; } /* //////////////////////////// BLprogstopOGS LISTADO /////////////////////// */ #listadoblogs {padding: 5px;} #listadoblogs h3 a {color: #01AEFF;} #listadoblogs h2{background: none; color: #000; height:70px; background: url('http://base.imagen-programa.com/mini-logo.png') top left no-repeat; margin:50px 0 0 0; font-size:32px; padding:40px 0 0 110px} #listadoblogs h2 span { color:#999999; display:block; font-size:24px; line-height:35px; } #listadoblogs h3 {background: url('http://base.imagen-programa.com/basic/globe_32.png') top left no-repeat; padding: 0 0 0 40px; line-height: 32px;} bk#listadoblogs p.fecha {font-size: 10px; color: #666;} #listadoblogs .post {width: 720px; background:#C0EBFE url('http://base.imagen-programa.com/minificha-bkg.png') top left repeat-x; float:left; margin:10px 0 10px 0; padding:5px; border:1px solid #4CC2FF;} #listadoblogs img {float: left; width:100px; height:100px; margin:0 10px 10px 0;} #listadoblogs .content {padding: 10px; font-size: 12px;} #listadoblogs .more { background: url('http://base.imagen-programa.com/minificha-categoria-bkg.png') top left repeat-x; float: right; height: 20px; width: 100px; line-height: 20px; color:#fff; font-size: 12px; text-decoration:none; font-style: normal; text-align:center} /* //////////////////////////// EDITORES LISTADO /////////////////////// */ #editores { background:none; padding-top:10px} #editores h2{background: none; color: #000; height:70px; background: url('http://base.imagen-programa.com/mini-logo.png') top left no-repeat; margin:50px 0 0 0; font-size:32px; padding:40px 0 0 110px} #editores h2 span { color:#999999; display:block; font-size:24px; line-height:35px; } /*#editores h2 {background: none; font-size: 24px; color: #000; margin: 20px 0 0 0; }*/ #editores .editor {background:#CEEFFF url('http://base.imagen-programa.com/minificha-bkg.png') top left repeat-x; padding:5px 0 5px 5px; height:65px; width:335px; float: left; margin:10px; border:1px solid #3A9EE4} #editores img {float: left; width:64px; height:64px; margin:0 10px 0 0} #editores .blog a {background: url('http://base.imagen-programa.com/basic/globe_16.png') bottom left no-repeat; padding: 0 0 0 20px} #editores .nombre a {background: url('http://base.imagen-programa.com/basic/bookmark_16.png') bottom left no-repeat; padding: 0 0 0 20px} /* Amigos */ #amigos a {border: 0; color: #01AEFF;} #amigos { width: 714px;border: 1px solid #3a97d4; padding: 0 0 0 0; float:left; margin: 0 0 20px 11px; background:#fff url('http://base.imagen-programa.com/private-profile-bkg.png') 0 -150px repeat-x;} #amigos #peticiones {float: left; width: inherit} #peticiones .tematica_alert {text-align: center; width:702px} #peticiones .tematica_alert span {width: 210px; background: url('http://base.imagen-programa.com/basic/heart_32.png') center left no-repeat; margin: auto; display: block; height: 32px; line-height:32px; } #amigos #peticiones .ninguna {background: url('http://base.imagen-programa.com/minificha-categoria-bkg.png') top left repeat-x; padding:5px; font-size: 10px; } #amigos .bar { background: url(http://base.imagen-programa.com/breadcrumb-bkg.png) top left repeat-x; height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px; line-height:30px} #amigos .bar label {padding:0 10px 0 10px;} #amigos .bar input {border: 1px solid #5fc0fb; background: url('http://base.imagen-programa.com/profile-input-bkg.png') top left repeat-x; padding:4px} #amigos #buscador_amigos {float:left; width:inherit;} #amigos .paginacion {float: left; height: 40px; width:751px; text-align:center} #amigos #misamigos {float:left; width:inherit} #amigos .amigo {float: left; width:72px; color:#000; display: block; margin:2px; font-size:10px;height:120px; float:left} #amigos .amigo p {text-align: center;} #peticiones .amigo {height: 140px; } #amigos .amigo a.avatar{ width:71px; height: 72px; padding-top: 4px; float:left; background: url('http://base.imagen-programa.com/fondo-avatar.png') top left no-repeat; margin: 4px; padding-top: 4px; } #amigos .amigo img {border: 0; width:64px; height:64px; display:block; margin:auto} #amigos .amigo p a {color: #000; padding:2px; text-decoration:none; color:#01AEFF; margin:0 0 2px 0;} #amigos .amigo a.eliminar_amigo {color:#f00; background: url('http://base.imagen-programa.com/basic/delete_16.png') bottom left no-repeat; padding: 8px 0 2px 20px; line-height:18px;} #amigos .amigo a.solicitud_amistad {color:#b3d23d; background: url('http://base.imagen-programa.com/basic/left_16.png') bottom left no-repeat; padding: 8px 0 2px 20px; line-height:18px;} #amigos .amigo a.aceptar {color:#b3d23d; background: url('http://base.imagen-programa.com/basic/tick_16.png') bottom left no-repeat; padding: 8px 0 2px 20px; line-height:18px; } #amigos .amigo a.nombrea {text-align: center; display:block} #amigos .amigo a.rechazar {color:#f00; background: url('http://base.imagen-programa.com/basic/delete_16.png') bottom left no-repeat; padding: 8px 0 2px 20px; line-height:18px; } #amigos #resultados_busqueda_amigos .amigo, #profileamigos #pendientes .amigo { /*background: url('http://base.imagen-programa.com/news-bkg.png') top left repeat-x; border: 1px solid #d9d9d9;*/ height:140px} /* Trucos, Dudas, Versiones */ #progtrucos, #progdudas, #progversiones, #progsimages { margin-left:20px;} #progtrucos h2,#progdudas h2, #progversiones h2, #progcomentarios h2, #progblogs h2, #progsimages h2 { margin:0 0 0 0; padding: 0; height:29px; position:relative; padding:0 0 0 50px; line-height:29px; background: url('http://base.imagen-programa.com/bkg-bar.jpg') top left repeat-x; width:867px; font-size:12px; color:white;} #progtrucos h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/sprite.png') 0 -1062px;position:absolute; top:-9px; left:5px} #progdudas h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/sprite.png') 0 -1111px;position:absolute; top:-9px; left:5px} #progversiones h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/sprite.png') 0 -1160px;position:absolute; top:-9px; left:5px} #progcomentarios h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/sprite.png') 0 -1013px; position:absolute; top:-9px; left:5px} #progblogs h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/h2-blogs.png');position:absolute; top:-9px; left:5px} #progtrucos .content, #progdudas .content, #progversiones .content, #progcomentarios .content, #progblogs .content, #progsimages .content {background:url('http://base.imagen-programa.com/blue-bkg.png') 0 0 repeat-x ; float: left; border:1px solid #000;width:915px; padding-top:5px} #progversiones .content {padding-top:10px;} .vertodos {display: block; margin: auto; font-size: 12px; width: 400px; background:url("http://base.imagen-programa.com/minificha-bkg.png") repeat-x scroll left top #C6E9FD; border:1px solid #4CC2FF; padding:5px; text-align:center; margin-top: 10px;margin-bottom:20px} /* Programas recomendados */ #progrecomendados { margin-bottom: 20px; margin-left:20px;} #progrecomendados h2 , #progsimilares h2, #progplataforma h2, #progstop h2, #progsimages h2, #progsvideos h2, #progsbusquedas h2{ margin:0 0 0 0; padding: 0; height:29px; position:relative; padding:0 0 0 50px; line-height:29px; background: url('http://base.imagen-programa.com/bkg-bar.jpg') top left repeat-x; width:867px; font-size:12px; color:white;} #progrecomendados h2 span, #progsimilares h2 span, #progplataforma h2 span, #progsimages h2 span, #progsvideos h2 span, #progsbusquedas h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/sprite.png') 0 -1160px;position:absolute; top:-9px; left:5px} #progrecomendados .content, #progsimilares .content, #progplataforma .content, #progstop .content, #progsimages .content, #progsvideos .content, #progsbusquedas .content {background:url('http://base.imagen-programa.com/blue-bkg.png') 0 0 repeat-x ; float: left; border:1px solid #000;width:915px; padding-top:5px} #progrecomendados .program, #progsimilares .program, #progplataforma .program, #progstop .program, #progsimages .program, #progsvideos .program {float: left; width: 31%; height: 70px; padding:5px} #progrecomendados h3 , #progsimilares h3, #progplataforma h3, #progstop h3 , #progsimages h3, #progsvideos h3, #progsbusquedas h3 {padding:5px 0 0 5px;} #progrecomendados h3 a , #progsimilares h3 a, #progplataforma h3 a, #progstop h3 a, #progsimages h3 a, #progsvideos h3 a, #progsbusquedas h3 a {color: #000; text-decoration: none; font-size:12px} #progrecomendados h3 span, #progsimilares h3 span, #progplataforma h3 span, #progstop h3 span, #progsimages h3 span, #progsvideos h3 span {color:#999; font-size:14px} #progrecomendados a , #progsimilares a {color: transparent;} #progstop {color: #000;} #progrecomendados img, #progsimilares img, #progplataforma img, #progstop img {float: left; margin:0 5px 0 0; width:75px; height:60px} #progrecomendados p, #progsimilares p, #progplataforma p, #progstop p {padding: 0 0 0 100px; font-size:11px} #progrecomendados .votes, #progsimilares .votes, #progstop .votes {margin: 5px 0 0 80px} /* Programas similares */ #progsimilares p.boton_descargar_similares{ margin:10px 0px; padding-left:80px; } /* Top programas */ #progstop {float: left; margin: 20px;} #progstop h2 {float:left; } #progstop a {border: 0; color: transparent;} #progstop h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/topdescargas.png') top left;position:absolute; top:-9px; left:5px} #progstop p.boton_descargar_progstop{margin:5px 0px;padding-left:80px;} /* Imagenes del programa */ #progsimages h2 {float: left; } #progsimages img {margin: 10px;} #progsimages a {border: 0; color: transparent;} #progsimages h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/topimagenes.png') top left;position:absolute; top:-9px; left:5px} /* Imagenes del programa */ #progsvideos {float: left; margin: 20px;} #progsvideos .content {padding-bottom: 20px;} #progsvideos h2 {float: left; } #progsvideos img {margin: 10px;} #progsvideos a {border: 0; color: transparent;} #progsvideos h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/topvideos.png') top left;position:absolute; top:-9px; left:5px} #progsvideos .imagen { float:left; height:144px; margin:10px; width:200px; } #progsvideos .appvideo img { border:0 none; position:absolute; } /* Búsquedas del programa */ #progsbusquedas {float: left; margin: 10px 20px;} #progsbusquedas .content {padding: 8px 0 20px 0; font-size:12px} #progsbusquedas h2 {float: left;} #progsbusquedas h2 span { width: 43px; height: 49px; background: url('http://base.imagen-programa.com/topbusquedas.png') top left;position:absolute; top:-9px; left:5px} #progsbusquedas a {padding:5px} /* Llamada a la accion */ #llamada { background: url('http://base.imagen-programa.com/llamada-bkg-ancho.png') top left no-repeat; height: 65px; padding:20px 0 0 0; clear:left; color:#fff; text-align:center} #llamada a{ background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; width:140px; display:block; height:25px; margin:auto; margin-top:10px; line-height:25px; text-decoration:none; } #llamada p { text-shadow: 1px 1px 1px #000;} #llamada a span { background: url('http://base.imagen-programa.com/basic/plus_16.png') top left no-repeat; padding: 0 0 4px 20px} /* Llamada a la accion en la ficha principal */ #llamadaaccion { background: url('http://base.imagen-programa.com/llamada-bkg-ancho.png') top right no-repeat; height: 75px; padding:20px 0 0 0; color:#fff; text-align:center;border:1px solid #000000;float:left;width:914px; margin-left:20px; padding-top:5px;} #llamadaaccion .botones { margin:auto; width:500px} #llamadaaccion a{ background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; width:140px; display:block; height:25px; margin:auto; margin-top:10px; line-height:25px; text-decoration:none; float: left; margin: 10px} #llamadaaccion a span { background: url('http://base.imagen-programa.com/basic/plus_16.png') top left no-repeat; padding: 0 0 4px 20px} /* Aparciones del programa en Foros, Blogs y Comentarios (de la parte de abajo ) */ #progforos,#progblogs {width:713px; margin-left:20px; margin-top: 20px; background:url('http://base.imagen-programa.com/blue-bkg.png') 0 20px repeat-x ;} #progcomentarios .comentario,#progforos .comentario, #progblogs .comentario, #progblogs .comentario {padding: 10px; background: url(http://base.imagen-programa.com/separator-bkg.png) bottom center no-repeat; margin: 0 0 10px 0; } #progcomentarios .comentario a, #progforos .comentario a, #progblogs .comentario a, #progblogs .comentario a {color: #4caed8; } #progcomentarios div.header, #progforos div.header, #progblogs div.header, #progblogs div.header {padding: 0 ; } #progcomentarios .header a, #progforos .header a, #progblogs .header a { color: #01AEFF; font-size: 16px; line-height:15px; padding:0 4px 0 0; text-decoration:none} #progcomentarios .comentario span, #progforos .comentario span, #progblogs .comentario span, #progblogs .comentario span {font-size: 12px; color: #999; } #progcomentarios p.header ,#progforos p.header, #progblogs p.header, #progblogs p.header {padding:5px 0 0 5px; color:#4caed8; font-size:12px; background:none; display:block; color:#000; text-align:left; float:none;} #progcomentarios img, #progforos img, #progblogs img, #progblogs img {float: left; witdh:64px; height:64px; margin:0 5px 0 0; border:1px solid #000} #progcomentarios .comentario p, #progforos .comentario p {margin: 8px 0 0 57px; font-size:11px} #progblogs .comentario p {margin: 8px 0 0 10px; font-size:11px} #progcomentarios .votes ,#progforos .votes, #progblogs .votes, #progblogs .votes {margin: 5px} #progcomentarios .botones ,#progforos .botones, #progblogs .botones, #progblogs .botones {width: 400px; height: 45px} #progrecomendados, #progsimilares, #progcomentarios, #progtrucos, #progdudas, #progversiones, #progblogs {width:715px; margin:auto; float:left; margin-top: 20px; margin-left:20px; font-size: 15px; } /*#progsimilares {margin-bottom: 40px;}*/ #progrecomendados .vacio, #progsimilares .vacio, #progplataforma .vacio, #progcomentarios .vacio, #progtrucos .vacio , #progdudas .vacio, #progversiones .vacio, #progblogs .vacio { text-align:center; font-size:14px; } .vacio a{ background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; width:140px; display:block; height:25px; margin:auto; margin-top:10px; margin-bottom: 10px; line-height:25px; text-decoration:none} .vacio a span { background: url('http://base.imagen-programa.com/basic/plus_16.png') top left no-repeat; padding: 0 0 4px 20px} .vacio h3 {color: #000; font-size: 14px;} #progcomentarios .vacio h3, #progblogs .vacio {color: #000; font-size: 14px;} /* Botones */ .botones {margin:auto; } .boton {font-size: 11px; color:#5e4e01; width:153px; height:40px; float:left; margin: 0 18px} .boton a{ background: #FDEC6A url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; display:block; line-height:26px; padding: 0 0 0 8px; text-align:left; text-decoration:none} p.yaesta { padding-top:12px} .comentar a span {background: url('http://base.imagen-programa.com/sprite.png') 0 -138px no-repeat; padding: 4px 0 4px 30px } .favoritos a span {background: url('http://base.imagen-programa.com/sprite.png') 0 -166px no-repeat; padding: 2px 0 2px 30px;} .enviar a span {background: url('http://base.imagen-programa.com/basic/right_16.png') bottom left no-repeat; padding: 4px 0 4px 20px;} .boton .existe {color: #000; background: url('http://base.imagen-programa.com/basic/warning_32.png') center left no-repeat; padding: 10px 0 2px 32px; display:block} .boton .exito {color: #000; background: url('http://base.imagen-programa.com/basic/tick_32.png') center left no-repeat; padding: 10px 0 2px 32px; display:block; color:#71C43C; font-weight:bold} .botones_superior {/*height: 40px;*/ margin:40px 0 20px 0} .botones_superior .boton {float: right;} .compartir {position:relative; width: 325px; } .compartir a {float: left;} .compartir a span {padding: 2px 0 2px 18px;} .compartir a.twitter { width: 60px} .compartir a.facebook { width: 70px} .compartir a.rss { width: 55px} .compartir a.twitter span { background: url('http://base.imagen-programa.com/sprite.png') -243px -1272px no-repeat; color:#7DB8B9;} .compartir a.facebook span { background: url('http://base.imagen-programa.com/sprite.png') -128px -1272px no-repeat; color:#47649E} .compartir a.rss span { background: url('http://base.imagen-programa.com/sprite.png') -4px -1272px no-repeat; color:#DE702F} .editar a span {background: url('http://base.imagen-programa.com/basic/pencil_16.png') bottom left no-repeat; padding: 4px 0 0 25px } .borrar a span {background: url('http://base.imagen-programa.com/basic/delete_16.png') bottom left no-repeat; padding: 4px 0 0 25px } .borrar a {background: #f00 url('http://base.imagen-programa.com/gusta-nomegusta-bkg.png') 0 -26px repeat-x; color:#fff; border:1px solid #f00} .borrar p {color: #f00;} .abandonar a span {background: url('http://base.imagen-programa.com/basic/stop_16.png') bottom left no-repeat; padding: 4px 0 0 25px } /* /////////////////////////////// LISTADO ////////////////////////// */ #opciones_orden_listado {background: url('http://base.imagen-programa.com/minificha-categoria-bkg.png') top left repeat-x; padding:5px; font-size: 10px; color:#000; } #opciones_orden_listado a {color:#eee; font-size:12px; padding:0 4px 0 4px} #opciones_orden_listado .seleccionado {font-weight: bold; color:#fff; text-decoration:none;} /* ///////////////// VOTOS /////////////// */ #votos {padding: 15px 40px 15px 10px; margin:10px} #votos div {} #votos em {float: right; position:relative; z-index:2; right:-40px} #votos a {outline: 0;} .ui-slider-range {background: url("http://www.programas.com/base/minificha-categoria-bkg.png") repeat-x scroll left top transparent} .ui-slider-handle {background: url("http://www.programas.com/base/micro-logo.png") no-repeat scroll left top transparent} .ui-state-default, .ui-widget-content .ui-state-default {background: url("http://www.programas.com/base/slider-handle.png") no-repeat scroll left top transparent;border:0; color:#555555;font-weight:normal;} .ui-widget-content { background:url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;border:1px solid #000;color:#222222; margin: 5px 0 5px 0; } .ui-state-default, .ui-widget-content .ui-state-default {background:url("http://www.programas.com/base/slider-handle.png") repeat-x scroll 50% 50%;color:#555555;font-weight:normal;} .form_ajax {background: url('http://base.imagen-programa.com/respuesta-bkg.png') top center no-repeat; width:700px; margin:auto; padding:10px; font-size: 12px; } .form_ajax div {padding:10px; width: 550px; margin: auto; } .form_ajax input, .form_ajax textarea {border: 1px solid #5fc0fb; background:#F2F9FE url('http://base.imagen-programa.com/profile-input-bkg.png') top left repeat-x;width:540px; height:20px; font-size:12px} .form_ajax label {display:block; text-align:left} .form_ajax input.enviar {background: url('http://base.imagen-programa.com/button-action-bkg.png') top left repeat-x; border:1px solid #ffcc00; font-size:11px; color:#5e4e01; width:140px; display:block; height:25px; margin:auto; margin-top:10px; line-height:25px; text-decoration:none } .form_ajax textarea { height:70px; } .form_ajax p {color: red; font-weight: bold; margin:5px 0 5px 0} .form_ajax p.error {color: red; background: url('http://base.imagen-programa.com/basic/stop_32.png') top left no-repeat; padding: 0 0 0 35px; line-height: 32px; font-size:24px; margin:0 0 20px 0} .contenedor_enviar_truco, .contenedor_enviar_duda, .contenedor_enviar_comentario, .contenedor_enviar_respuesta_duda { text-align:center } /* PARA LA NUEVA FICHA */ #ficha-center { background-color: #fff; } .sobreficha { /*width: 450px;*/ width: 570px; padding: 10px; } /* Recuadro de mini-ficha (parte azul) */ #minificha2 { /*background:#C6E9FD url(http://base.imagen-programa.com/minificha-bkg.png) top left repeat-x;*/ font-size:12px; /*border:1px solid #4cc2ff;*/ float: right;position:relative; padding:10px 0 10px 0; width:350px} #minificha2 a {color: #59BADD} #minificha2 div.categoria { background: url(http://base.imagen-programa.com/minificha-categoria-bkg.png) top left repeat-x; padding:5px 5px 5px 1px; width:728px;} #minificha2 div.categoria p {padding: 0;} #minificha2 div.categoria a { color:#fff; padding: 0 2px 0 2px} #minificha2 div.zonas ul {display: block; margin: 0 0 0 100px; } #minificha2 div.version a {padding: 0 0 0 5px;} #minificha2 p {float:left; width:130px; text-align:right; font-weight:bold; padding:0 5px 0 5px} #minificha2 div.so ul {display: block; margin:0 0 0 110px} #minificha2 div.so li {display:block; float:left; width:27px; height:16px; margin:2px; text-indent:-999em; background: url('http://base.imagen-programa.com/sprite.png') top left no-repeat;} #minificha2 div.so li.w98 {background-position: -4px -1322px;} #minificha2 div.so li.w7 {background-position: -210px -1322px;} #minificha2 div.so li.wNT {background-position: -180px -1322px;} #minificha2 div.so li.w2000 {background-position: -33px -1322px;} #minificha2 div.so li.wME {background-position: -63px -1322px;} #minificha2 div.so li.wXP {background-position: -120px -1322px;} #minificha2 div.so li.w95 {background-position: -150px -1322px;} #minificha2 div.so li.Vista {background: url('http://base.imagen-programa.com/so_vista.png') top left no-repeat;} #minificha2 div.desarrollador a { float:left; width:180px; /*height: 30px;*/} #minificha2 div {width: 320px; float: left;padding:2px;} #ficha p.minidescripcion { margin:0 0 0 210px;} #minificha2 div.so { width:110px; clear:left} #minificha2 div.so ul { margin:0 0 0 140px; padding:0; width:200px; } #minificha2 ul li {display: inline } /*a.descargar {background: url(http://base.imagen-programa.com/sprite.png) -4px -210px no-repeat; width: 126px; height: 55px; display:block; text-indent:-9999px;}*/ /*a.descargar {background: url(http://base.imagen-programa.com/descargar_azul.png) top left no-repeat; width: 289px; height: 60px; margin: 10px 0;display:block; text-indent:-9999px;}*/ a.descargar { background: url("http://base.imagen-programa.com/descarga_grande.png") no-repeat scroll left top transparent; display: block; font-size: 18px; font-weight: bold; height: 69px; margin: auto; padding: 5px; text-decoration: none; text-indent: -9999em; width: 326px; } #minificha2 a.nodescargar {background: url(http://base.imagen-programa.com/sprite.png) -132px -210px no-repeat; width: 126px; height: 55px; display:block; position:absolute; right:10px; top: 40px; text-indent:-9999px} div.zonas span {display:block; float:left; height:12px; width:16px; text-indent:-9999px; margin:0 1px 0 1px;} div.zonas span {background-position: center left; text-indent:-9999em; display:inline; padding:0 2px 0 2px; background: url('http://base.imagen-programa.com/sprite.png')} div.zonas span.es {background-position: -56px -1296px} div.zonas span.gb {background-position: -20px -1296px} div.zonas span.fr {background-position: -38px -1296px} div.zonas span.pt {background-position: -128px -1296px} div.zonas span.de {background-position: -74px -1296px} div.zonas span.it {background-position: -2px -1296px} div.zonas span.cat {background-position: -92px -1296px} div.zonas span.br {background-position: -110px -1296px}