* { font-family: Helvetica,Arial;} img {border:0px} div#general{ width:984px; margin: 0 auto;} div#header { width:984px; margin-top: 10px; background: #f2f2f2; height: 90px; } div#header div#logo { float: left; padding-top: 15px; padding-left: 15px; width: 350px; } /* Fecha */ div#header div#fecha { float:left; width: 180px; border-right: 2px solid #a60000; text-align: right; padding: 5px; padding-right: 10px; margin-top: 15px; } div#header div#fecha div#dia{ color:#958D7A; font-weight: bold; } div#header div#fecha div#completa { color: black; font-size: .8em; font-weight: bold; } div#header div#fecha div#hora { color: #a60000; font-weight: bold; font-size: .8em; margin-top: 3px; } div#header div#fecha div#hora img.reloj {vertical-align:bottom; margin-right: 3px; } /*Weather*/ div#header div#tiempo { float: left; width: 200px; margin-top: 15px; margin-left: 5px; } div#header div#tiempo div.location { float:left; width: 60px; } div#header div#tiempo div.location div.nombre { background: url('/images/icons/icon_separador.gif') repeat-y left top; font-size: .8em; color: #958D7A; height: 30px; padding-left: 7px; } div#header div#tiempo div#mallorca div.nombre { background:none; } div#header div#tiempo div.location div.icono { width: 60px; text-align: center; } /*Searcher*/ div#header div#buscador { background: white; float: right; height:90px; margin-right: 10px; width: 180px; } div#header div#buscador form { margin: 0 15px; font-size:0.8em; } div#header div#buscador div.terms { margin-top: 15px; text-align: right; } div#header div#buscador div.terms input{ border: solid 1px #ccc; background: white url(../images/icons/search16.png) no-repeat scroll left center; -moz-border-radius: 3px; padding-left: 20px; width: 120px; } div#header div#buscador div.search { margin-top: 15px; text-align: right; } div#header div#buscador div.search input { border: outset 1px; font-weight: bold; padding: 0 1em; background: url(/images/icons/button_bg.gif) repeat-x top left; } /*main*/ div#content { width:984px; background: url(/images/fondo/separador.gif) repeat-y 665px; } div#content_main { width: 650px; float:left; } div#content_bar { width: 304px; float:right; } div#menu { width:984px; margin: 0; margin-top: 15px} div#menu ul#apartats { padding:0px; list-style-type: none; margin: 0; width: 100%;} div#menu ul#apartats li { float:left; padding: 0.3em 0em; font-family: georgia, serif; font-size: .95em; font-weight: bold; background: url('/images/icons/icon_separador.gif') no-repeat left} div#menu ul#apartats li:first-child { background: none; margin-left:0px} div#menu ul#apartats li a { text-decoration: none; font-family: georgia, serif; font-weight: bold; padding: 3px 8px;} div#menu ul#apartats li span {margin-left: 1px} /* RSS Menu */ li.ico_subsecciones { float:right!important; border: none; background: none!important; } .ico_subsecciones a { float: left!important; display:block!important; padding: 0!important; border: 0!important; height: 24px; text-indent:-9999em;} .ico_subsecciones a.twitter {background:transparent url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -90px; height:1.6em; width: 25px;} .ico_subsecciones a.twitter:hover {background:transparent url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -119px; } .ico_subsecciones a.facebook {background:transparent url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -34px; height:1.6em; width: 25px;} .ico_subsecciones a.facebook:hover {background:transparent url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -60px; } .ico_subsecciones a.rss {background: url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -2px; height:1.6em; width: 25px;} .ico_subsecciones a.rss:hover { background: url(../images/iconos/ico_subsecciones2.png) no-repeat scroll left -889px!important;} .ico_subsecciones a.kiosko { background: url(../images/layout/boton_portada_KyM_DB.png) no-repeat top left; width: 220px; } div#menu div.rss { float: right; height: 25px; margin-right: 5px;} div#menu div.rss img { top: 5px; position: relative} /*colores*/ div#menu ul#apartats li.inici {background-image: none;} div#menu ul#apartats li.inici a { color:#828282; } div#menu ul#apartats li.inici a:hover { background: #828282; color: white; } div#menu ul#apartats li.inici span a { background: #828282; color: white; margin-left:0px} div#menu ul#apartats li.actualitat a {color:#a60000;} div#menu ul#apartats li.actualitat a:hover {background: #a60000; color: white;} div#menu ul#apartats li.actualitat span a { background: #a60000; color: white;} div#menu ul#apartats li.arxiu a { color:#7B331c; } div#menu ul#apartats li.arxiu a:hover { background: #7B331c; color: white; } div#menu ul#apartats li.arxiu span a { background: #7B331c; color: white; } div#menu ul#apartats li.els10 a{ color:#006b01; } div#menu ul#apartats li.els10 a:hover { background: #006b01; color: white} div#menu ul#apartats li.els10 span a { background: #006b01; color: white} div#menu ul#apartats li.blogs a{ color:#7e9500; } div#menu ul#apartats li.blogs a:hover { background: #7e9500; color: white} div#menu ul#apartats li.blogs span a { background: #7e9500; color: white} div#menu ul#apartats li.fotogaleria a { color:#f07901; } div#menu ul#apartats li.fotogaleria a:hover { background: #f07901; color: white; } div#menu ul#apartats li.fotogaleria span a { background: #f07901; color: white; } div#menu ul#apartats li.video a { color: #bf3600; } div#menu ul#apartats li.video a:hover { background: #bf3600; color: white; } div#menu ul#apartats li.video span a { background: #bf3600; color: white; } div#menu ul#apartats li.comptam a{ color:#0065a7; } div#menu ul#apartats li.comptam a:hover { background: #0065a7; color: white} div#menu ul#apartats li.comptam span a { background: #0065a7; color: white} div#menu ul#apartats li.agenda a { color:#256571; } div#menu ul#apartats li.agenda a:hover { background: #256571; color: white} div#menu ul#apartats li.agenda span a { background: #256571; color: white} div#menu ul#apartats li.especial a { color:#0091B8; } div#menu ul#apartats li.especial a:hover { background: #0091B8; color: white} div#menu ul#apartats li.especial span a { background: #0091B8; color: white} div.pointer { height: 10px; font-size:0pt} div#submenu { /*width:984px;*/ font-size: 0.95em; height: 1.7em; margin-bottom: 0.5em; } div#back_especial div#submenu { height: 1.3em;} /*Display:inline para corregir el bug del double-margin de los floats en IE */ div#submenu ul#seccions { float:left; list-style-type: none; margin: 0; padding: 0px; width:944px; margin-left: 40px; display:inline} div#submenu ul#seccions a { color: white; } div#submenu ul#seccions li { float:left; margin-left: 1em; padding: 0.3em 0 0 0; font-family: georgia, serif; } div#submenu ul#seccions li a { font-family: georgia, serif;} div#submenu ul#seccions li.current { font-weight: bold; } div#submenu ul#seccions li.hilo_destacado { float: right; height: 25px; font-size:0; padding-top:0; } h1 {font-family: Times } div.info { font-size: 0.8em; color: #98989c; } div.numero {font-size:40px; float:left; border:3px solid black; background:#a60000; width: 50px; height:50px; text-align: center; color: white; margin-right: 20px;} div.fin { clear: both; } div.ruler { border-top: #958D7A 1px solid; border-bottom: #958D7A 1px solid; padding: 4px 0 7px; font-size: 0.8em; ; margin-top: 1em; } div.header { background: #f2f2f2} h1.header { font-size:1.8em; } h2.subheader { font-size:1.1em; height: 30px; } div.blog { margin-bottom: 10px; } div.blog h3.titol { margin-bottom: 0px; } /* Separadores y rules */ div.separator { height: 10px; background: #f2f2f2; margin: 0.8em 0; font-size: 0px} /*Footer*/ div#footer {width:984px; font-size: 0.8em; color: #333333} div#footer h5 {text-transform: uppercase; margin:0; margin: 0.8em 0 } div#footer ul { float:left; padding:0; margin:0; list-style-type: none; display: inline; } div#footer ul li { float:left; padding:0; margin:0; margin-left: 10px; } div#footer ul li a {text-decoration: none; color: #333333 } div#footer ul li a:hover {text-decoration: underline } div#footer div#links {margin-bottom: 0.8em; } div#footer div#links li { margin-left: 3em;} div#footer div#contacto {float: right; margin-right: 15px; display: inline; } div#footer div#contacto a { text-decoration: none; color: #333} div#footer div#legal {border-top: #333333 1px dotted; border-bottom: #333333 1px dotted; background: #f2f2f2; margin-bottom: 0.8em; font-size: 0.9em; padding: .5em 0; margin-top: 10px; } div#footer div#legal ul{ font-weight: bold; } /* publicidad */ div.publicidad { text-align: center; } div#content_bar div.publicidad { margin-top: 10px } /* submits */ input.enviar { background: url(/images/icons/button_bg.gif) repeat-x top left } div.portadillas { margin-bottom: 5px; } div.portadillas div.header{ display: none; } div.portadillas div.miniatura { float:left; margin-left: 3px; font-size:.8em; font-weight: bold; width: 125px;} div#sidebar-giny { display: none; } div#giny-container { margin-left: 45px; } div.box.fan { margin-top: 1em; border: 1px solid #B0B9EC; background: #E8EBF2; } .clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /*Trot*/ div#trot { background: url(/images/trot/fondo_trot_balear.jpg) no-repeat top left; height: 250px; width: 300px;} div#trot div.enlaces { padding-top: 200px; padding-left: 3px; text-align: center; } /* Publicidad */ div.publicidad>div.robapaginas { background: url(/images/publi/publicitat_robapaginas.gif) no-repeat top center; padding-top: 14px} div.publicidad div.megabanner{ background: url(/images/publi/publicitat_megabaner.gif) no-repeat top left; padding-left: 14px; height: 90px;} div.publicidad div.megabanner div { float: left; display: inline; margin-right: 2px;} div.publicidad div.texto { background: url(/images/publi/publicitat_robapaginas.gif) no-repeat top center; padding-top: 14px; border: 1px solid silver} div.publicidad div.patrocini { background: url(/images/publi/publicitat_patrocini.gif) no-repeat center left; padding-left: 12px;} div.publicidad div.texto { text-align: justify; font-size: 11px; padding: 10px; padding-top: 20px;} div.publicidad div.patrocinio { background: url(/images/publi/publicitat_patrocinio.gif) no-repeat top center; padding-top: 14px; } /* Lo mas de noticias */ div.lesmes {margin: 10px 0 25px;} ul.tab { margin: 0px; padding: 0px; list-style: none; font-size:0.75em; font-weight:bold; padding-bottom: 4px; margin-top: 15px; } ul.tab li { display:inline; border:1px solid #d8dcdd; background: #A60000; padding: 4px; margin-left: 2px; } ul.tab li a {color: white; text-decoration: none; } ul.tab li.header { background: #d8dcdd; color: black; margin-left: 0px; padding: 4px 8px; } ul.tab li.active { background: white; color: #A60000; border-bottom: solid white 1px;} ul.tab li.active a { color: #A60000; } div#lesMesDeLesMes { border:1px solid #d8dcdd; } div.ultimas { margin-top: 1em;} div.ultimas div.header { background: #a60000 url(/images/icons/gt_blanc.gif) 4px center no-repeat; margin-top: 1em; height: 30px; } div.ultimas div.header span { padding-top: 5px; padding-left: 22px; display: block; font-weight: bold; color: white; } div.ultimas div.arxiu {text-align: center; } div.ultimas ol { margin: 0; padding-left: 30px; margin-bottom: 15px; } div.ultimas ol li { margin: 0; padding: 0; margin-bottom: .3em; font-size: .8em;} div.ultimas ol li a { color: #a60000 } div.ultimas ul {margin: 0; padding: 0 1.2em; list-style-type: none} div.ultimas ul li { margin: 0; padding: 0; border-top: dotted 1px gray; margin-bottom: .3em; font-size: .8em;} div.ultimas ul li a { color: #a60000 } /* Video lateral youtube */ div#content_bar div.youtubes { margin-top: 10px; } div#content_bar div.youtubes div.header { background: #bf3600 url(/images/icons/gt_blanc.gif) no-repeat scroll 4px center; height:30px; margin-top:1em; width:304px; } div#content_bar div.youtubes div.header span { color:white; display:block; font-weight:bold; padding-left:22px; padding-top:5px; } div#content_bar div.youtubes div.youtube { margin: 10px 0; } div#content_bar div.youtubes div.youtube div.wrapper { border: 1px solid gray; } div#content_bar div.youtubes div.youtube div.noticia { margin-top: 5px; font-size: .8em; } div#content_bar div.youtubes div.youtube div.noticia a { color: #a60000; } /* Galeria en lateral */ div.mediatecas div.header { background: #f07901 url(/images/icons/gt_blanc.gif) 4px center no-repeat; margin-top: 1em; width: 304px; height: 30px; } div.mediatecas div.header span { padding-left:22px; padding-top: 5px; color: white; font-weight: bold; display: block;} div#altres { margin-top: 25px; } div#altres h2 { border-color:#F07901; border-style: solid; border-width: 2px 0; font-size:1em; } div.mediatecas ul.altres { margin: 0; list-style: none; padding: 0} div.mediatecas ul.altres li { background: url(/images/separador_fotogaleria.gif) bottom repeat-x; padding: 5px 0; float: left; margin-left: 10px; display: inline; font-size: .9em; width: 294px; } div.mediatecas ul.altres li a { color: black;} div.mediatecas ul.altres li a:hover { text-decoration: underline; } div.mediatecas ul.altres li div.defthumb { overflow: hidden; float: left; margin-right:5px; } div.mediatecas ul.altres li div.defthumb img { border: 1px solid black; } div.mediatecas ul.altres li div.info { margin-left: 5px; } div.mediatecas ul.altres li div.info div.titol { font-weight: bold;} div.mediatecas ul.altres li div.info div.data { color:#666; } div.mediatecas ul.imageList { list-style:none} div.mediatecas ul.imageList li { float: left; width: 350px; height: 350px; margin-left: 1em; } div.mediatecas ul.imageList li div.thumb{ width: 350px; overflow: hidden; text-align: center } div.mediatecas div.navbar {float: right; width: 260px; font-size:12px; margin: 3px 0;} div.mediatecas div.navbar img { vertical-align: middle; } div.mediatecas div.navbar div.navprev { float: left; width: 95px; margin-left: 5px; border-right: 1px solid silver;} div.mediatecas div.navbar div.navcont { float: left; margin: 3px 5px; text-align: center; } div.mediatecas div.navbar div.navseg { float: left; width: 95px; text-align: right; margin-right: 5px; border-left: 1px solid silver; } div#currentFoto {text-align: center; margin-top: 10px;} div#currentFoto img { border: 1px solid black; } li.item { margin-bottom: 1em; margin-right: 1em; float: left; list-style: none; width: 350px;} li.item div.thumb { width: 350px; min-height: 235px;} li.item div.thumb img { max-height: 230px; border: 1px solid black;} li.item div.texto { font-weight: bold; font-size:11px;} li.item div.filename { font-size: 10px; font-style:italic; } li.item div.actions { font-size: 12px } div.destacada div.pie { font-size: 12px; margin-top: 5px; } div.destacada div.tags {font-size: .7em; margin-left: 10px;} div.destacada div.tags span.tag { background:transparent url(/images/icons/mini-category.gif) no-repeat scroll left top; margin-left:0.5em; padding-left:18px; } div.destacada div.tags span.tag a { color: #666; } /* Comentarios. Traido desde sf_comment.css unificacion de CSS y plugin de comentarios */ div#toppager { background: url(../images/iconos/quoteup.jpg) no-repeat top left; height: 30px;} div#bottompager { background: url(../images/iconos/quotedown.jpg) no-repeat top left; height: 30px; margin-top: 1em; } div.sf_comment { background: none repeat scroll 0 0 #EEE; border: 0.09em solid #BBB; float: left; margin: 0 0.5em; text-align: center; width: 6.3em; padding-top: 0.3em; font-size: 0.65em!important;} div.sf_comment img{ padding-bottom: 0.3em;} #sf_comment_list div.pager div.indicador {float: right; margin-right: 20px;} #sf_comment_list div.pager div.botones { float: right;} #sf_comment_list div.pager div.botones span.prevbutton { display: block; float:left; text-indent: -9999em; width: 24px; height: 20px; background: url(../images/iconos/prevpage.gif); margin-right: .2em; } #sf_comment_list div.pager div.botones span.prevbutton:hover { background: url(../images/iconos/prevpage.gif) 0px 20px} #sf_comment_list div.pager div.botones span.nextbutton { display: block; float:left; text-indent: -9999em; width: 24px; height: 20px; background: url(../images/iconos/nextpage.gif)} #sf_comment_list div.pager div.botones span.nextbutton:hover { background: url(../images/iconos/nextpage.gif) 0px 20px} #sf_comment_list .sf_comment_rating{ float: right;} #sf_comment_list .sf_comment_rating strong{ float: left; line-height: 1.4em; margin-right: 0.5em; } #sf_comment_list .valora{ float: right;} #sf_comment_list .borde_bottom { border-bottom: 1px dotted silver; margin: 0.5em 0;} .sf_comment_form fieldset { padding: 0; border: none} .sf_comment_form label { margin: 0 0 0.5em 0; padding: 0; display: block; font-weight: bold; font-size: 0.8em; } .sf_comment_form .sf_comment_commentbox { float: left; width: 350px; } .sf_comment_form .sf_comment_userbox { float: left; margin-left: 1em; margin-top: 1em} .sf_comment_form .sf_comment_userbox div { margin: 0 0 10px 0; } .sf_comment_form .form_error{ font-size: .7em; margin: 0px; color: #A60000; font-weight: bold; padding-bottom: 0.7em; } .sf_comment_form input, .sf_comment_form textarea { border: 1px solid silver; font-size: 0.6em; } .sf_comment_form textarea { width: 400px; height: 10em; } .sf_comment_form input { width: 265px } .sf_comment_form div.sending { height: 25px;} .sf_comment_form input, .sf_comment_form textarea { border: 1px solid silver; font-size: 0.6em; display: block; margin-bottom: 1.2em;} .sf_comment_form input { height: 2em;} .sf_comment_form input.submit { color: #666; width: auto; border: 1px #666 outset; height: 2.2em; margin:1em 0; padding: 0 5px; font-size: .7em; min-width: 0; background: #ececec url(/images/icons/button_bg.gif) repeat-x top left; } .sf_comment_form input.submit:hover { color: #222; background: #666 url(/images/icons/button_bg_hover.gif) repeat-x top left; } .sf_comment_form_error { color: red; font-weight: bold; } #sf_comment_ajax_indicator { width: 20px; height: 20px; margin: 0; padding: 0; background: transparent url(../images/indicator.gif) top left no-repeat; float: left; } .sf_comment_simple { border-bottom: 1px dotted silver; font-size: 0.8em; padding: 0.5em; } div.sf_comment_info div.sf_comment_author { float: left; color: #958D7A} div.sf_comment_info div.sf_comment_author span.sf_comment_author_name { font-weight: bold } div.sf_comment_info div.sf_comment_rating { float: right; text-align: right; font-weight: bold; margin-right: 10px;} div.sf_comment_rating span.valoracion { display: block; min-width: 15px; height: 15px; text-align: center; float: left; margin-right: 10px; } div.sf_comment_text { margin: 1em; } div.sf_comment_rating span.neutra { background: #eee; color: #958D7A; border: 1px solid #958D7A; } div.sf_comment_rating span.positiva { background: green; color: white; border: 1px solid #958D7A; } div.sf_comment_rating span.negativa { background: #a60000; color: white; border: 1px solid #958D7A; } .comment-down, .comment-down-inactive, .comment-down-select, .comment-down:hover, .comment-up, .comment-up-inactive, .comment-up-select, .comment-up:hover { display: block; float: left; width: 15px; height: 17px; vertical-align: middle; text-indent: 9999em; overflow:hidden;} .comment-down, .comment-down-inactive { background: transparent url(../images/iconos/score.gif) 0px 0px; text-indent: 9999em; } .comment-down-select, .comment-down:hover, .comment-down-inactive:hover { background: transparent url(../images/iconos/score.gif) 0px 17px; } .comment-up, .comment-up-inactive { background: transparent url(../images/iconos/score.gif) 15px 0px; text-indent: 9999em; } .comment-up-select, .comment-up:hover, .comment-up-inactive:hover { background: transparent url(../images/iconos/score.gif) 15px 17px; } div.pager div.indicador {float: right; margin-right: 20px;} div.pager div.botones { float: right;} .post_formulario .form-left { width: 67%; float:left; padding-left: 1.6em;} .post_formulario .form-right { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #ddd; float: right; padding: 0.5em; width: 23%; font-size: 0.8em; margin-right: 1.6em;} .post_formulario .form-right p { margin-bottom: 0.5em;} .post_formulario .form-right span { color: #A60000; font-weight: bold; display: block; padding-bottom: 0.5em;} .post_formulario .form-left .accept_check label { border-bottom: 0.09em solid #DDD; font-size: 0.85em; padding: 1em 0; padding: 0 0 0.2em 0;} .post_formulario .form-left .accept_check input { width: auto; display: inline;} .post_formulario .form-left .accept_check p { line-height: 1.2em; font-size: 0.8em; } /*Tooltip aceptar politica de comentarios en post noticias*/ .tooltip {display:none; width: 208px; left: 9em !important; top: 2em !important; z-index: 1000;} .tooltip a {color:#ad4;font-size:11px;font-weight:bold;} #document .tooltip p {margin:0!important; padding:0.1em 0.3em!important; color: #333!important; font-size: 0.9em; line-height: 1.25em;} .tooltip h6 {margin:0; font-size: 1.1em; color: #fff;} .post_formulario .tooltip {display:none; width: 320px; left: 2.5em !important; top: -10.5em !important; z-index: 1000;} .post_formulario .tooltip .head { background: url("/images/iconos/head_back_tooltip_comment.png") no-repeat scroll 0 0 transparent; height: 4px;} .post_formulario .tooltip .main { background: url("/images/iconos/main_back_tooltip_comment.png") repeat-y scroll 0 0 transparent; padding: 5px 18px 5px; text-decoration: none; } .post_formulario .tooltip .foot { background: url("/images/iconos/foot_back_tooltip_comment.png") no-repeat scroll 0 0 transparent; height: 25px; } .post_formulario .tooltip h6 {margin:0; font-size: 0.9em; color: #333; background: #A60000; color:#fff;margin: 0 -0.5em 0.5em; padding: 0.2em 0.6em;} .post_formulario .accept_check strong { cursor:pointer; color: #A60000; font-size:1em; font-weight: normal;} .post_formulario .accept_check { position: relative;} .post_formulario h2 { background: url("/images/icons/gt_negre.gif") no-repeat scroll 5px center #F2F2F2; padding-left: 25px; font-size: 1.15em;} /*Estilos para modulos comentarios en especiales*/ #document.especiales .post_formulario .form-left { padding-left: 0;} #document.especiales .post_formulario .form-right { margin-right: 0;} #document.especiales .sf_comment_form textarea {width: 305px;} #document.especiales .sf_comment_form .form_error {width: auto;} #document.especiales .box.post_formulario input.nombre, #document.especiales .box.post_formulario input.mail { width: 34.4em;} #document.especiales .post_formulario .form-right { width: 24%; font-size: 1em;} #document.especiales .post_formulario .tooltip { left: -0.4em !important; top: -11.2em !important;} div.cintillo { margin-top: 0.3em; } /*estilos pesta–as base*/ /* =home- subhomes*/ .ui-tabs-hide { display:none;} .ui-tabs-nav {background: transparent url("/images/layout/back_menus_restaurante.png") repeat-x scroll center 0.07em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; z-index:1;} .ui-tabs-nav:after { clear:both; content:" "; display:block;} html:first-child .ui-tabs-nav li { width:33%;} .ui-tabs-nav li { float:left; margin:0 0.2em; width:auto!important; width: 1%;background: #fff; height:2.1em; margin:0!important; padding-right:0.3em; } .ui-tabs-nav a, .ui-tabs-nav a span {cursor:pointer; background:transparent url(../images/tabs/tabs.png) no-repeat scroll 0 0; display:block; padding:0 10px; } .ui-tabs-nav a { color:#333; font-size:12px; line-height:0.8; padding-left:0; position:relative; text-align:center; text-decoration:none; top:1px; white-space:nowrap; z-index:2;} .ui-tabs-nav a:hover { color:#fff;} #document .ui-tabs-nav .ui-tabs-selected a { color:#fff;} .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position:100% -150px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;} .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position:100% -100px; height:2em;} .ui-tabs-nav a span {height:14px; min-height:14px; padding-right:0; padding-top:6px; text-align: center;text-transform: capitalize; } * > .ui-tabs-nav a span { height:auto;} .ui-tabs-nav .ui-tabs-selected a span { padding-top:6px;} .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position:0 -50px; height: 1.5em; white-space: pre;} .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position:0 0; height:2em;white-space: pre;} .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor:text;} .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { cursor:pointer;} .ui-tabs-nav .ui-tabs-disabled { opacity:0.4;} .ui-tabs-panel { background:#FFF none repeat scroll 0 0; padding:0; text-align: center;} .ui-tabs-loading em { background:transparent url(/images/loading.gif) no-repeat scroll 0 50%; padding:0 0 0 20px;} .box.elecciones_widget { border: 1px solid #EEE;margin: 0 0 0.5em;} /*Elecciones municipales*/ .elecciones_widget .head h3 {background: none!important; height: 2.4em; padding: 0.3em 0.3em 0 !important; margin: 0;} .elecciones_widget .main { padding: 0 0.4em;} .elecciones_widget table, .circunscripcion table, .resultados_municipios table { font-size: 0.8em;} .elecciones_widget table th, .circunscripcion table th, .resultados_municipios table th { padding-bottom: 0.3em; border:0; border-bottom: 0.09em solid #bbb; text-align: center;} .elecciones_widget table thead, .circunscripcion table thead, .resultados_municipios table thead {margin-bottom: 0.3em; border-bottom: 0.09em solid #bbb;} .elecciones_widget table td, .circunscripcion table td, .resultados_municipios table td { text-align: center; color: #666; padding: 0.4em 0; border-bottom: 0.09em dotted #ddd;font-size: 0.8em;} .elecciones_widget table td.partidos, .circunscripcion table td.partidos, .resultados_municipios table td.partidos { font-weight: bold; padding-left: 1em; text-align: left; width: 8.2em; font-size: 0.85em;} .elecciones_widget table td.partidos span, .circunscripcion table td.partidos span, .resultados_municipios table td.partidos span {float:left; border: 0.09em solid #ccc!important; margin: 0em 0.5em 0 0; height: 100%; } .elecciones_widget select { background: none; border: 0.09em solid #CCC; color: #CD0000; height: 1.7em; margin: 0.5em 0 1em; width: 8.9em;} .elecciones_widget dl.datos, .circunscripcion dl.datos,.resultados_municipios dl.datos { border-top: 1px solid #BBB; color: #666; font-size: 0.8em; margin-top: 0.5em; padding-top: 0.5em;} .elecciones_widget dl.datos dd, .circunscripcion dl.datos dd, .resultados_municipios dl.datos dd {float: left; height: 1.7em; margin-left: 10px; } .elecciones_widget dl.datos dt, .circunscripcion dl.datos dt, .resultados_municipios dl.datos dt { text-align: right; border-bottom: 0.09em dotted #bbb; padding-bottom: 0.2em; padding-right:0.9em; margin-bottom: 0.2em;} /*Elecciones generales 2011*/ .elecciones_widget.generales .head { } .elecciones_widget.generales .main { padding: 0.2em 0.2em 0 0.3em;} .elecciones_widget.generales table td.diputados, .elecciones_widget.generales .circunscripcion table td.diputados, .elecciones_widget.generales dl.datos .result_porcent { color: #FA5A1C; font-size: 1em; font-weight: bold;} .elecciones_widget.generales .foot img{ padding-left: 0.3em;} .elecciones_widget.generales table thead { border-bottom: none;} .elecciones_widget.generales .cierre_destacado { display: none;} /*tab elecciones municipales*/ .elecciones_widget .main { background-color:#FFF; border:medium none !important ;} .elecciones_widget .main ul.ui-tabs-nav { background: none; width: 100%; padding-bottom: 0.5em; margin:0;} .elecciones_widget .main .ui-tabs-nav a, .elecciones_widget .main .ui-tabs-nav a span { background-repeat: no-repeat; background-position: 0 0; text-align: center;top:-0.09em; width: auto; height: 2.3em; color: #fff;padding:0.5em 0 0 0;} .elecciones_widget .main .ui-tabs-nav li { width:32.6%!important; margin: 0; height: auto; padding: 0; border-right:0.09em solid #FFF;} .elecciones_widget .main .ui-tabs-nav .ui-tabs-selected a span, .elecciones_widget .main .ui-tabs-nav a:hover span, .elecciones_widget .main .ui-tabs-nav a:focus span, .elecciones_widget .main .ui-tabs-nav a:active span { background-position:0 -50px; text-align: center; height: 2.3em; width: 100%; padding:0.5em 0 0 0;} .elecciones_widget .main .ui-tabs-nav .ui-tabs-selected a, .elecciones_widget .main .ui-tabs-nav a:hover, .elecciones_widget .main .ui-tabs-nav a:focus, .elecciones_widget .main .ui-tabs-nav a:active { background-position:100% -150px;} .elecciones_widget .main .ui-tabs-nav a, .elecciones_widget .main .ui-tabs-nav .ui-tabs-disabled a:hover, .elecciones_widget .main .ui-tabs-nav .ui-tabs-disabled a:focus, .elecciones_widget .main .ui-tabs-nav .ui-tabs-disabled a:active { background-position:100% -100px; padding:0;} .elecciones_widget .main .ui-state-active { background:none; height:2.8em;} .elecciones_widget .main .ui-tabs-nav { background: none;} .elecciones_widget .main .ui-tabs-nav a span { background-image: url(../images/tabs/tabs_destaca_elecciones.png); line-height: 1.6em; } /*tab elecciones generales*/ .elecciones_widget.generales .main .ui-tabs-nav a span { background-image: url(http://estaticos.evoluhcion.es/images/elecciones/generales_2011/tabs_elecciones_generales.png); } .elecciones_widget.generales .main ul.ui-tabs-nav {padding-bottom: 0;} .elecciones_widget.generales table thead, .elecciones_widget.generales #elecciones_escrutinio ul, .elecciones_widget.generales #elecciones_parlament ul.menu_circunscripcion {height:2em; background: url(http://estaticos.evoluhcion.es/images/elecciones/generales_2011/off_20n.png) repeat-x left top;} .elecciones_widget.generales table thead tr th { color: #fff; font-weight: normal; line-height: 2.2em;} .elecciones_widget.generales table { width: 99%;} .elecciones_widget.generales #elecciones_parlament ul, .elecciones_widget.generales #elecciones_parlament ul.menu_eleccion {background: url(http://estaticos.evoluhcion.es/images/elecciones/generales_2011/on_20n.png) repeat-x left top;width: 93.4%; height: 1.3em; padding-left: 1.02em; padding-top: 0.4em; padding-bottom:0; } .elecciones_widget.generales #elecciones_parlament ul.menu_eleccion li { background: url(http://estaticos.evoluhcion.es/images/elecciones/generales_2011/separador_20n.png) no-repeat scroll right top; line-height: 0.5em;} .elecciones_widget.generales #elecciones_parlament ul a { color: #fff; line-height: 1.5em; font-size: 0.68em; } .elecciones_widget.generales .islas a.active { background: url("http://estaticos.evoluhcion.es/images/elecciones/generales_2011/select_gris_20n.png") no-repeat scroll center 1.255em transparent; padding-bottom: 0.9em; } .elecciones_widget.generales .main .ui-tabs-nav li { height: 1.6em;} span.color { height: 1em; width: 0.6em; border:0.09em solid #bbb; display: block; text-indent: -9999em;} .resultados_municipios span.color, .resultados_elecciones span.color { width: 1em;} h3.franja { margin: 0.3em 0;} /*resultados_municipios*/ .resultados_municipios span.color { float: left; margin-right: 1em;} .resultados_municipios td, .resultados_municipios th {text-align: left!important; font-size: 0.9em!important;} .resultados_municipios td a { color:#cd0000;} .resultados_municipios.detalle th{ text-align: right; width: 47%;} /*resultados elecciones*/ .resultados_elecciones h3, .resultados_municipios h3 {background: url("../images/layout/back_titulo.jpg") repeat-x scroll left top transparent; font-size: 0.9em; font-weight: normal; height: 1.8em; margin: 0 0 0.5em; padding: 0.3em 0 0 0.5em;} .resultados_elecciones h4, .resultados_municipios h4 {color:#fff; background:none repeat scroll 0 0 #A60000; font-size: 0.9em; font-weight: normal; height: 1.5em; margin: 0 0 0.5em; padding: 0.3em 0 0 0.5em;} .resultados_elecciones .desglose, .resultados_municipios .desglose { color:#cd0000; font-size: 0.9em; padding:0.3em 0em 0.8em 1em;} .resultados_elecciones .desglose a, .resultados_municipios .desglose a { color:#cd0000;} /*tabs escutrinio*/ .islas { text-align: left;} .islas h3 { color: #666; font-size: 1em; background: none!important; margin: 0.3em 0; padding-left: 0.6em;} .islas span { margin: 0; padding-left: 0.6em;} dt span.porcent { padding-right: 1.5em; float: left; } .elecciones_widget .islas dd { width: 9.7em;} .islas span a { color:#cd0000; font-size: 0.9em; } .islas ul { padding-bottom: 0.5em; margin:0; padding-left: 0;} .islas li {float:left; padding: 0 0.42em; text-align: center; list-style: none;} .islas li a {color:#cd0000; font-size: 0.9em;} .islas a.active { font-weight: bold;} .cierre_destacado { background: url("../images/layout/cierre_destacado.png") repeat-x scroll left bottom transparent; height: 1em; } div.circunscripcion div.escrutinio h6 { margin: 0; } div.circunscripcion table { width: 45%; float: left; } div.circunscripcion div.escrutinio { width: 50%; float: right;} /*box elecciones post noticias*/ .noticia .elecciones_widget { border: 1px solid #EEE; margin: 0 0 0.5em; padding: 0.4em;} .noticia .elecciones_widget h3 { color: #666!important; font-size: 1em!important; padding: 0 1em 0.3em;} .noticia .elecciones_widget.left { margin-right: 1em; width: 16.5em; float: left;} .noticia .elecciones_widget.right { margin-left: 1em; width: 16.5em; float:right;} .noticia .elecciones_widget span.color { width: 1em;} .noticia .elecciones_widget table { font-size: 0.8em;} .noticia .elecciones_widget table th { padding-bottom: 0.3em;} .noticia .elecciones_widget table thead {margin-bottom: 0.3em; border-bottom: 0.09em solid #bbb;} .noticia .elecciones_widget table td { text-align: center; color: #666; padding: 0.4em 0; border-bottom: 0.09em dotted #ddd;font-size: 0.8em;} .noticia .elecciones_widget table td.partidos { font-weight: bold; padding-left: 1em; text-align: left; width: 8.2em; font-size: 0.9em;} .noticia .elecciones_widget table td.partidos span {float:left; border: 0.09em solid #ccc!important; margin: 0em 0.5em 0 0; } .noticia div.elecciones_widget div.info { font-size: .7em; margin: 0 1.5em 1em; } .noticia .elecciones_widget .info .datos { font-size: 1.1em;} .noticia .elecciones_widget .info .datos dd { margin: 0 1em;} div.circunscripcion div.escrutinio h6 { margin: 0; } div.circunscripcion table { width: 45%; float: left; } div.circunscripcion div.escrutinio { width: 50%; float: right;} /*estatics parlament*/ .statics_parlamet h3 { background: none repeat scroll 0 0 transparent !important; color: #666; font-size: 1em;} .statics_parlamet span.color { width: 0.5em;} /** * Based on http://komodomedia.com/blog/samples/star_rating/example2.htm * Styles for the star rater */ table.rating_details_table td.sf_rating_bar_bg { background: lightblue; } table.rating_details_table div { background: blue; } .star-rating{ list-style: none; margin: 0; padding: 0; height: 17px; position:relative; overflow:hidden; background: url(/images/alt_star.png) top left repeat-x; } .star-rating li{ padding: 0; margin: 0; width: 17px; height: 17px; /*\*/ float: left; /* */ } .star-rating li a{ display: block; width: 17px; height: 17px; line-height: 17px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; overflow: hidden; } .star-rating li a:hover{ background: url(/images/alt_star.png) left bottom; z-index: 2; left: 0; border:none; } .star-rating a.r1star{ left: 0; } .star-rating a.r1star:hover{ width:17px; } .star-rating a.r2stars{ left:17px; } .star-rating a.r2stars:hover{ width: 34px; } .star-rating a.r3stars{ left: 34px; } .star-rating a.r3stars:hover{ width: 51px; } .star-rating a.r4stars{ left: 51px; } .star-rating a.r4stars:hover{ width: 68px; } .star-rating a.r5stars{ left: 68px; } .star-rating a.r5stars:hover{ width: 85px; } .star-rating a.r6stars{ left: 85px; } .star-rating a.r6stars:hover{ width: 102px; } .star-rating a.r7stars{ left: 102px; } .star-rating a.r7stars:hover{ width: 119px; } .star-rating a.r8stars{ left: 119px; } .star-rating a.r8stars:hover{ width: 136px; } .star-rating a.r9stars{ left: 136px; } .star-rating a.r9stars:hover{ width: 153px; } .star-rating a.r10stars{ left: 153px; } .star-rating a.r10stars:hover{ width: 170px; } .star-rating li.current-rating{ background: url(/images/alt_star.png) left center; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; left:0px; } /* remove halo effect in firefox */ a:active{ outline: none; } /* Presonalizado dBalears */ div.rating .star-rating li{ text-indent: -9000px; } div.rating { float:right; position: relative; top: -15px;} div.rating span.label {float:right;margin-left: 2em;} div.rating .star-rating {float:right;} div.rating span.message {float:right;}