/* LA AGENDA */

.rojo{color: #C00}
.strong{ font-weight: bold }

div.contador {width:100%; text-align:center;}
div.cuentaAtras{width:60%; background: transparent url(../imgs/otros/reloj_completo.png) no-repeat; color: #656565; font-size: 2.5em; height: 130px; margin: 0em auto; padding:3.2em 0 1em .5em;  }    
    div.cuentaAtras span.separa{ margin: 0 15px }
    div.cuentaAtras p{ color: #000; font-size: .5em; font-weight: bold; margin: 34px 0 0 -54px }
    div.cuentaAtras span.grande{ font-size: 1.4em }
    
div.ElementoListado.pequeno{ width: 17.8%; text-align: center; margin:0 0 0 1em; }
    div.ElementoListado.pequeno img{ margin:.5em 0 .5%}
        div.ElementoListado.pequeno a, div.ElementoListado.pequeno a:visited{ display: block; font-size: .9em; color: #000; margin-bottom: 4px }
            div.ElementoListado.pequeno a:hover{ color: #C00; text-decoration: none }
            
/*LA FIESTA */
            
.rojo{color: #C00}
.strong{ font-weight: bold }
.left{ float: left }
.right{ float: right }
.negro{ color: #000 }
.column{ float:left;margin-right:1em }
.limpio{ float: none; clear: both }

div.ElementoDestacado.test{ width: 96% }
    div.ElementoDestacado.test div{ height: 5em }
        div.ElementoDestacado.test img.left{ padding: .8em }
        div.ElementoDestacado.test p{ font-size: 1.3em; padding-top: .5em }
        div.ElementoDestacado.test p.right{ background: transparent url(../img/icon_tiempo.png) no-repeat left; font-size: 1.1em; padding: 1.5em 0 1.5em 4em; margin: -3.1em 2em 0 0 }
            div.ElementoDestacado.test p span.strong{ font-size: 1.3em }
        div.ElementoDestacado.test h2{ color: #676767; font-size: 1.8em; margin: -0.7em 0 }

    div.testSanfermin img.ImagenNoDiv{ margin: -1.1em 0 0 1.4em; padding: 0}        
    div.testSanfermin p.left{ font-size: 1.1em; line-height: 1.4em; margin-left: 1.2em; width: 34em }
    div.testSanfermin p.pRight{ font-size: 1.1em }
    #Estructura div.testSanfermin a.Boton.participa, #Estructura div.testSanfermin a.Boton.enviar{float: left; clear: both; margin-left: 1.2em;padding: .2em .6em }
        #Estructura div.testSanfermin a.Boton.enviar{ margin-left: 2.2em }

    div.testSanfermin ul.paginador{ float: right; margin-right: 1.6em }
        div.testSanfermin ul.paginador li{ display: inline }
            div.testSanfermin ul.paginador li a{ color: #626262 }
            
    ul.cuestionario{ list-style: none; float: none; clear: both }
        ul.cuestionario li span{display: block; list-style: none; float: none; clear: both; line-height: 2em }
            ul.cuestionario li span.strong{ font-size: 1.1em }
            ul.cuestionario li span.small{ margin-bottom: .2em }
                img.iconoCalendario{ vertical-align: middle;  margin: -.1em 0 .1em .4em }
                
    
div.resultados{ margin: 0 1.5em }
    div.resultados h2{ font-size: 1.4em; margin-bottom: 1.5em }
    div.resultados p.puntuacion{font-size: 1.1em }
    
table.puntuacion tr{ background: #e6e6e6; border-bottom: .2em solid #fff; height: 3em }
    table.puntuacion tr:hover, table.puntuacion tr.active{ background: #cfcbca }
    
    table.puntuacion tr td{ padding-left: .3em; text-align: center }
        table.puntuacion tr td.posicion{ width: 2.5em }
        table.puntuacion tr td.puntua { background: transparent url(../img/bkg_tabla_resultados.png) no-repeat left center; color: #C00; width: 8.2em }
        table.puntuacion tr td.nombre { background: transparent url(../img/bkg_tabla_resultados.png) no-repeat left center; font-weight: bold; padding-left: 1em; text-align: left; width: 16.5em }
    
div.resultados div.right{ text-align: left; width: 31em }
    div.resultados div.left h4{ font-size: 1.2em; margin: 2.5em 0 .4em }
    
ul.botonForm{ clear: both; list-style: none; float: left; display: inline }
    ul.botonForm li{ display: inline; margin-right: 1.2em }
        ul.botonForm li a, a.botonEnviar{ background: #c00; border:none; color:#fff; padding:.3em; width:auto }
            ul.botonForm li a.enviar{ background: #c00 url(../img/email.gif) no-repeat 96% center; padding-right: 2em }
            ul.botonForm li a.repetir, a.botonEnviar{ background: #c00 url(../img/flecha_blanca.gif) no-repeat 90% center; padding-right: 2em }
                ul.botonForm li a:hover, a.botonEnviar{ text-decoration: none }
            a.botonEnviar{margin-left: 2.2em }



div.testSanfermin p.left.fiesta { width: 40em }
#Estructura div.testSanfermin a.Boton.participa.fiesta{ float: right; clear: none; margin: 1.2em 1.5em 0 0 }

/* ENCIERRO */

.rojo{color: #C00}
.strong{ font-weight: bold }
.limpio{ float: none; clear: both }

a.verTodos{ color: #fff; float: right; margin: -1.3em 1.3em 0 0 }

div.encierros div div div div{ width: 56% }
    div.encierros .Imagen{ width: 40% }
        div.encierros div div div div p{ border: none }
        div.encierros h2 a{ font-size: .8em }

div.participaFoto h3{ margin-top: -.5em; margin-bottom: -.5em; background: transparent url(../img/bg_bot_participa.png) no-repeat; color: #fff; font-size: 1em; font-weight: normal; text-transform: uppercase; padding: 4em 0 3em 11em; width: 57%; float: left }
    div.participaFoto h3 span{ font-size: 1.4em; font-weight: bold; margin-right: 5px }
        div.participaFoto h3 a, div.participaFoto h3 a:hover{ text-decoration: none; color: #fff }

div.encierros div div div div.participaFoto{ width: 100%; padding: 0 }
    div.encierros div div div div.participaFoto p{ margin: -5em 1em 0 0;float: right; width: 43% }