/*Esta parte es para el index.php a ver si consigo cuadrar el psd que me han pasado.*/

body {
    /*background: url("../imgs/fondo_navidad.jpg") repeat;*/
    background-color:#9d3053;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #21060f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMDYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzlkMzA1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTA2MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #21060f 0%, #9d3053 51%, #21060f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#21060f), color-stop(51%,#9d3053), color-stop(100%,#21060f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #21060f 0%,#9d3053 51%,#21060f 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left,  #21060f 0%,#9d3053 51%,#21060f 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(left,  #21060f 0%,#9d3053 51%,#21060f 100%); /* IE10+ */
     background: linear-gradient(to right,  #21060f 0%,#9d3053 51%,#21060f 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21060f', endColorstr='#21060f',GradientType=1 ); /* IE6-8 */

    position: relative;
    margin:0 auto;
    width:100%;
    height: 100%;
    text-align: center;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    /*font-size: 1em;*/
}

body p {
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-style:normal;
}

.various img {
    border:none;
}

#container {
    position: relative;
    margin:-1em auto;
    width:814px;
    min-width: 814px;
    height: auto;
    text-align: center;
    position:relative;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
}


.contenedor_listado {
    width: 17em;
    float:right;
    border:none;
    height: 42em;
    background: url("../imgs/playerHIT_medidas.png") no-repeat;
    top:15.7em;
    left:34.75em;
    z-index: 1220;
    position:absolute;

}

.listado {
    position:relative;
    width:18.5em;
    height:29.5em;
    margin-top:13em;
    margin-left: 1.55em;
    font-size: 0.8em;
    z-index: 1;
}

.izq_index h2 {
    margin:0 auto;
    position: relative;
    text-align: center;
    width:10em;
}

.blue_index {
    background-color: blue;
    border-radius: 10px;
    height: 28em;
    overflow: hidden;
}

.listado .caratula {
    width:50px;
    height: 50px;
    float:left;
    margin-left: .1em;
    padding-top:0.8em;
}

.datos_cancion {
    width: 115px;
    float:left;
    text-align: left;
    height: auto;
    padding-bottom: 1em;
}

.datos_aux {
    height: auto;
}

.titulo {
    height: 0.85em;
    position:relative;
    text-align: left;
    margin-left: .5em;
    margin-bottom: .5em;
    color: #3e3e3e;
    width: 12em;
    font-size: 0.85em;
    padding-bottom: 1em;
    padding-top:0.8em;
    font-weight: bold;
    font-family: "HELVETICA NEUE", Arial, Helvetica, sans-serif;
}


.artista {
    height: 0.5em;
    position:relative;
    text-align: left;
    margin-left: .5em;
    font-size: 0.82em;
    padding-bottom: 1em;
    width:12em;
    font-family: "HELVETICA NEUE", Arial, Helvetica, sans-serif;
    color:#e0007a;
    font-weight: bold;
    font-style: italic;
    margin-top:auto;
}

.likes {
    width:11em;
    height: 0.85em;
    position:relative;
    text-align: left;
    font-size: 0.8em;
    margin-left: .5em;
}
/*
.mensaje {
    padding-top: 3em;
    position:relative;
    width:69px;
    height: 19px;
    text-align: left;
    float:left;
    font-size: 0.8em;
}
*/
.boton_hit {
    width:5em;
    float:left;
}

.button_dummy {
    width:22px;
    height: 22px;
    float:left;
    margin-top:1em;
    margin-left: 1.2em;

}

.button {
    border-top: 1px solid #e20079;
    background: #e2147f;
    background: -webkit-gradient(linear, left top, left bottom, from(#e20079), to(#e2147f));
    background: -webkit-linear-gradient(top, #e20079, #e2147f);
    background: -moz-linear-gradient(top, #e20079, #e2147f);
    background: -ms-linear-gradient(top, #e20079, #e2147f);
    background: -o-linear-gradient(top, #e20079, #e2147f);
    padding: 2px 2px;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 0.7em;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 1em;
    float:left;
    width: auto;
}
.button:hover {
    border-top-color: #e8368c;
    background: #e8368c;
    color: #b5aeb5;
    cursor:pointer;
}
.button:active {
    border-top-color: #ed71ad;
    background: #ed71ad;
}

.icon {
    width:8em;
    height: 4em;
    position: relative;
    top:1.3em;
    left:-1em;
}

#icon_facebook {
    position:relative;
    top:0.2em;
}

#icon_tuenti {
    position:relative;
    top:-0.2em;
}

.icon img{
    border:none;
}

/*Sección de las noticias del index*/
.blog {
    width:68%;
    height: 25.75em;
    position:relative;
    margin-top:-1.86em;
    text-align: center;
    float:left;
    /*background-color: #8a2be2;*/
}

.noticias_blog {
    /*Es un contenedor con un ancho particular para alojar las noticias*/
    width:35.2em;
    height: 35em;
    background-color: white;
}

.noticia_blog {/*Esta es la noticia en sí misma, con imagen y entradilla*/
    width:17em;
    float:left;
    height: 20em;
    z-index: 969;
}

.noticia_blog h5 {
    position:relative;
    margin:0 auto;
    padding-top: .5em;
    font-size: .9em;
}

.noticia_blog .img_noticia {
    height: 117px;
    width:247px;
}



.noticia_blog:hover {
    cursor:pointer;
}


/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 34em;
    height:18.6em;
    margin-left: 1em;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
    float:left;
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url("../../view/imgs/hori_large.png") no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right:3em;float:right}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { padding-left:1em; margin-left: 2em; float:left }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */



/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

.botonera_scroll {
    width :  33em;
    padding-left: 1em;
    position:relative;
    z-index:1201;
}


/*******************************TWITTER*******************************************/
#twitter {
    /*background-color: #6f6f6f;*/
    /*background:#ffffff;*/
    border-bottom: solid 1px #6f6f6f;
    position:relative;
    z-index:1001;
    width: 740px; /* Up to you but remember to change the div width below as well if you change it */
    padding: 0 20px;
    height: 2.5em;
    overflow: hidden; /* clearfix */
    margin-left:-1em;


    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;*/
}

#twitter h2 {
    float: left; /* We'll make the heading sit on its own line next to the tweets */
    width: 85px; /* Might wanna change this depending on the text in the heading */
    margin: 0;
    padding: 3px 0; /* I'll set the top and bottom padding here rather than in the container so as not to cut off any text */
    font-size: 10px;
    color: #4b9fff;
    line-height: 1;

}

/* The marquee plug-in turns a marquee element into a div */
#twitter p,
#twitter marquee,
#twitter div {
    float: left;
    width: 640px; /* Container width - heading width - 10px (for some right padding) */
    color: #ffffff;
    padding: 15px 0 20px; /* Again we set the padding in here so as not to cut text */
    line-height: 1;
    margin-top: -1.5px;
    background-color: #6f6f6f;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    z-index:1;
    position: relative;
    left:-10em;

}

/* All the tweets will be links pointing to your page on twitter */
#twitter marquee a,
#twitter div a {
    margin: 0 10px 0 0;
    color: #ffffff;
    text-decoration: none;
}

/* The i is used to display the date of the tweet */
#twitter marquee a i,
#twitter div a i {
    font-style: normal;
    color: #ffffff;
}

.twitter_img {
    float:left;
    left:-.5em;
    position:relative;
    z-index:500;
    width:82px;
    height: 40px;


}

/*FIN TWI56.9+21TTER*/


#contenido_noticia {
    width:35.3em;
    height: 20.2em;
    background-color: white;
}

#botones_noticia {
    width:35.3em;
    height: 3.2em;
    background-color: white;
}

.linea_larga {
    background-image: url("../imgs/linea_larga.png");
    width:536px;
    height: 3px;
    margin-left: .25em;
}

.izquierda_titulo {
    float:left;
    width: 15em;
    height: 8em;
}

.izquierda_titulo img {
    height: 117px;
    width:200px;
}

.entradilla_news {
    width:50%;
}

.entradilla_news p {
    text-align: justify;
    margin-left: 2em;
}

.noticias_blog p {
    text-align: justify;
    margin-left: 1em;
    height: auto;
    width: 21.5em;
}

#cuerpo_noticia {
    width:33.5em;
    min-height: 4em;
    height: auto;
    text-align: justify;
    margin:0em 0em 0em 2em;
    position:relative;
    word-wrap: break-word;
}

#cuerpo_noticia p {
    word-wrap: break-word;
    width:44.5em;
}

.left_botones {
    float:left;
    width: 80px;
    padding-top: 1em;
    color:#ff6d62;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-decoration: none;
    z-index: 11100;
    position: relative;
}


.left_botones a {
    text-decoration: none;
}


footer {
    background: url("../imgs/bottom_img.png") no-repeat;
    width: 822px;
    height: 140px;
    margin-bottom: 3em;
    margin-top:-1.81em;
    z-index: 1100;
    position:relative;

    /*box-shadow: 0px 0px 1px 1px #999;
    -webkit-box-shadow: 0px 0px 5px 5px #999;
    -moz-box-shadow: 0px 0px 5px 5px #999;*/
}

#footer_buttons {
    padding-top: 7em;
    position: relative;
    width:51em;
    left:0;
    z-index:1200;
}

.footer_text {
    color:#ff6d62;
    float:left;
    font-family: "Unica_One", "Nobile", Arial, Helvetica, sans-serif;
    font-size: 0.79em;
    text-decoration: none;
    margin-left:.7em;
}

.footer_text:hover {
    cursor:pointer;
}

.copy {
    float:right;
    margin-right: 1em;
}

.fondo {
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    display:none;
    position:fixed;
    background-color: #1a1518;
    z-index: 1220;
    opacity: .50;
    filter:alpha(opacity=50);
}

.oculta {
    display: none;
}
.centrar_cerrar:hover {
    cursor:pointer;
}


.centrar_cerrar {
    width:5em;
    height: 1em;
    position:relative;
    margin:0 auto;
    text-align: center;
    color:#ff6d62;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

.sobre_nosotros {
    padding:1em;
    width:50em;
    height: 22em;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-12em;
    margin-left:-25em;
    color:#ffffff;
    text-align: justify;
    background-color: black;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100000;
}

.sobre_nosotros_text {
    height: 21em;
    position:relative;
    width:50em;
    z-index: 100001;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
}

.sobre_nosotros_text ul {
    margin-left: 2em;
}

.publi {
    background: url("../imgs/CONTACTA.png") no-repeat;
    padding:1em;
    width:555px;
    height: 508px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-276px;
    margin-left:-254px;
    z-index: 100000;
    color:#ffffff;
    text-align: justify;
    font-size: 0.8em;
    color:#999999;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.publi table {
    position:relative;
    margin:0 auto;
    text-align: center;
}

.terms {
    padding:1em;
    width:50em;
    height: 22em;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-12em;
    margin-left:-25em;
    z-index: 100000;
    color:#ffffff;
    text-align: justify;
    background-color: black;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.emisoras {
    width:321px;
    height: 573px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-305px;
    margin-left:-160.5px;
    z-index: 100000;
    color:#ffffff;
    text-align: justify;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
}

.programacion {
    width:498px;
    height: 885px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-442.5px;
    margin-left:-249px;
    z-index: 100000;
    color:#ffffff;
    text-align: justify;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
}

.contacto {
    background: url("../imgs/CONTACTA.png") no-repeat;
    padding:1em;
    width:555px;
    height: 508px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-276px;
    margin-left:-254px;
    z-index: 100000;
    color:#ffffff;
    text-align: justify;
    font-size: 0.8em;
    color:#999999;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
}

.contacto table {
    position:relative;
    margin:0 auto;
    text-align: center;
}

.img_texto {
    background:url("../imgs/texto_contacto.png") no-repeat;
    position:relative;
    margin-left:2em;
    margin-top:1em;
    width:555px;
    height: 70px;
}

.img_texto_publi {
    background:url("../imgs/ANUNCIA.png") no-repeat;
    position:relative;
    margin-left:1.25em;
    margin-top:1em;
    width:555px;
    height: 70px;
}
.deco {
    border-radius:4px;
    box-shadow: 5px 2px 3px #c1c1c1;
}

#linea_inferior {
    background:url("../imgs/linea_inferior.png") no-repeat;
    position:relative;
    margin-left:11.20em;
    margin-top:0.25em;
    width:365px;
    height: 17px;
}

#linea_inferior_publi {
    background:url("../imgs/linea_inferior.png") no-repeat;
    position:relative;
    margin-left:9em;
    margin-top:0.25em;
    width:365px;
    height: 17px;
}

.cont_envio {
    width:18em;
    position:relative;
    text-align: center;
    margin:1.5em auto;
    margin-left: 19em;
}

.cont_envio_publi {
    width:18em;
    position:relative;
    text-align: center;
    margin:0.5em auto;
    margin-left: 12em;
}

.envia_form {
    float:left;
    width:9em;
}

.envia_form:hover {
    cursor:pointer;
}

.left_td {
    width: 7.5em;
}

.right_td {
    text-align: left;
    margin-right: 1em;
}

.upper {
    background: url("../imgs/caja_arriba.png") no-repeat;
    width:826px;
    height: 320px;
    position:relative;
    margin-top: 3.85em;
    z-index:999;
    margin-left: -.65em;
}

.logo {
    background: url("../imgs/logo_hit.png") no-repeat;
    width:203px;
    height: 205px;
    position:relative;
    top:-1.5em;
    left:1em;
    z-index:1100;
}

header {
    background: #ffffff;;
    width:815px;
    height: 120px;
    position:relative;
    border-radius:0 0 5px 5px;
}

.ads_upper {
    background: url("../imgs/img_ad_upper.png") no-repeat;
    position:relative;
    top:-12.75em;
    left:0em;
    width: 825px;
    height: 313px;
    z-index: 1000;
}

.ads_upper:hover {
    cursor:pointer;
}

.banner {
    top:1.5em;
    position:relative;
}

.botones_noticia {
    position:relative;
    z-index:1201;
}

.social {
    width:105px;
    height: 32px;
    position:relative;
    top:1.25em;
    left:8em;
}

.cerrar_blog {
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

.cerrar_blog:hover {
    cursor:pointer;
}

#flashContent {
    position:relative;
    width:12.5em;
    height: 19em;
    left:23em;
    top:-35.4em;
    z-index:1100;
}

.listado .num {
    height: 60px;
    width:4px;
    float:left;
    color: #3e3e3e;
    padding-right: 1em;
    padding-top: 2em;
    padding-left: .5em;
    font-weight: bold;
}

.grabador {
    width:17em;
    height: 8.3em;
    position:absolute;
    top:0;
    left:35.2em;
    z-index:1190;
}

.grabador_texto {
    background: url("../imgs/grabador.png") no-repeat;
    position:relative;
    top:.5em;
    left:1em;
    width:139px;
    height: 84px;
}

.rec {
    background: url("../imgs/rec.png") no-repeat;
    position:relative;
    top:-5em;;
    left:9.5em;;
    width:100px;
    height: 84px;
}

.rec:hover {
    cursor: pointer;
}

.img_msg{
    margin-top:0.5em;
    width: auto;
    height: auto;
    float:right;
    position:relative;
    margin-right: -1em;
}

.texto_social{
    color:white;
    font-family: "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    position:absolute;
    top:1.8em;
    -webkit-transform:rotate(-6.5deg);
    -moz-transform:rotate(-6.5deg);
    -o-transform:rotate(-6.5deg);
    -ms-transform:rotate(-6.5deg);
}

.margen_up {
    margin-top:1.15em;
}

.entrada {
    border-bottom: 1px solid #c1c4d1;
    padding-right: 5px;
    width:205px;
    height: 5.85em;
}

.entrada:hover {
    background: #e1027b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxMDI3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTRmYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e1027b 0%, #b54fb1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1027b), color-stop(100%,#b54fb1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e1027b 0%,#b54fb1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e1027b 0%,#b54fb1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e1027b 0%,#b54fb1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e1027b 0%,#b54fb1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1027b', endColorstr='#b54fb1',GradientType=0 ); /* IE6-8 */
}

.publi p {
    font-family:"Helvetica Neue", "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
    margin-left: 3em;
    margin-top:-1.5em;
}

.publi label {
    font-family:"Helvetica Neue", "Nobile", "Unica_One" ,Arial, Helvetica, sans-serif;
}

.lista_cont {
    min-height: 25em;
    border: 1px solid #c1c4d1;
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: white;
    overflow: hidden;
    width:205px;
    position:relative;
    z-index: 1;

}

.voto_fondo {
    background: url("../imgs/fondo_voto.png") no-repeat;
    width:273px;
    height:151px;
    z-index: 100500;
    position:absolute;
}

.boton_hit {
    width:26px;
    height: 20px;
    margin-left: 0.85em;
}

.boton_hit:hover {
    cursor:pointer;
}