@charset "UTF-8";

.interna {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 16px;
}

.interna.interna-row {
    flex-direction: row-reverse;
}

p.tituloSeccion {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    font-size: 1.3em;
    margin: 10px 0;
    font-weight: bold;
    border-left: solid 25px #FFC706;
    height: 27px;
    line-height: 27px;
    text-indent: 10px;
}


.interna .right {
    float: right;
    width: 120px;
    margin: 10px 10px 10px;
}

.interna .right a {
    display: block;
    float: left;
    margin: 2px 0;
}

.interna .right a.verpromo {
    background: url(/images/images_new/iconos/ico_mas.png) no-repeat right center;
    display: block;
    float: right;
    margin: 0;
    text-decoration: none;
    font-size: 10px;
    color: #1A265B;
    padding: 0 20px 0 0;
}

.interna .centro {
    float: left;
    width: 884px;
    margin: 0;
}

.interna

/*.centro*/
.cabecera {
    float: left;
    width: 800px;
    height: 75px;
    position: relative;
    margin: 25px 0 15px 45px;

}

.interna

/*.centro*/
.cabecera .promoWeb {
    float: right;
    width: 720px;
    /* height: 50px; */
    margin-right: 6px;
    padding: 11px 0;
    background-color: #f3f4f4;
    border: solid 2px #FFF;
    border-radius: 0 15px 15px 0;
    box-shadow: 0 1px 1px 1px #999;
}

.interna

/*.centro*/
.cabecera .promoWeb .url {
    color: #035D80;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: normal;
    padding: 0;
    text-indent: 50px;
    margin: 5px 0;
}

.interna

/*.centro*/
.cabecera .promoWeb .url b {
    color: #FFC600;
    font-size: 0.65em;
}

.interna

/*.centro*/
.cabecera .promoWeb .promo {
    float: left;
    clear: left;
    text-indent: 50px;
    color: #7B0302;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}

.interna

/*.centro*/
.cabecera a #bannerimagen {
    /*background:url(../images/casas/bet365R.png) no-repeat left top;*/
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}


.interna

/*.centro*/
.cabecera .bolaBonos {
    background: url(/images/images_new/apariencia/bonos_bienvenida.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaConcursos {
    background: url(/images/images_new/apariencia/concursos_gratuitos.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaGanadores {
    background: url(/images/images_new/apariencia/ganadores_concursos.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaVideoblog {
    background: url(/images/images_new/apariencia/videoblog_pronosticos.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaEntrevistas {
    background: url(/images/images_new/apariencia/entrevistas.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaVideotutoriales {
    background: url(/images/images_new/apariencia/videotutoriales.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaJuegoResponsable {
    background: url(/images/images_new/apariencia/juego_responsable.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaMasDieciocho {
    background: url(/images/images_new/apariencia/mas_dieciocho.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaasociaciones {
    background: url(/images/images_new/apariencia/asociaciones.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaPodcast {
    background: url(/images/images_new/apariencia/radio_podcast.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolatragaperras {
    background: url(/images/images_new/apariencia/tragaperras.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolablackjack {
    background: url(/images/images_new/apariencia/black_jack.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

.interna

/*.centro*/
.cabecera .bolaruleta {
    background: url(/images/images_new/apariencia/ruleta.png) no-repeat left top;
    position: absolute;
    width: 97px;
    height: 97px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 1px 1px 1px #999;
    left: -5px;
    top: -15px;
}

    .interna
    /*.centro*/
    .cabecera .descripcion {
        float: right;
        width: 720px;
        margin-right: 6px;
        padding: 11px 0;
        background-color: #f3f4f4;
        border: solid 2px #FFF;
        border-radius: 0 15px 15px 0;
        box-shadow: 0 1px 1px 1px #999;
        padding-bottom: 0;
    }

    .interna
    /*.centro*/
    .cabecera p {
        padding: 0 15px 0 40px;
        font-size: 12px;
        padding-bottom: 0;
    }

.interna .breadcrumb {
    float: left;
    width: 800px;
    border-bottom: dashed 1.5px #cbcbcb;
    color: #1A265B;
    margin: 10px 40px;
}

.interna .breadcrumb .redes_sociales {}

.interna .breadcrumb .linkMigas {
    color: #1A265B;
    text-decoration: none;
}

.interna .superpromo {
    float: left;
    width: 800px;
    background-color: #669EB4;
    margin: 2px 40px;
}

.interna .superpromo:hover {
    background-color: #FFC706;
}

.superpromo a {
    background: url(/images/rediseno/ico_promo_especial.png) 5px center no-repeat;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    text-decoration: none;
    margin: 0;
    padding: 6px 0 7px 32px;
    height: 15px;
    width: 100%;
    display: block;
}



.interna .centro .analisis {
    float: right;
    width: 275px;
}

.interna .centro .analisis iframe {
    margin-top: 2px;
}

.interna .centro .valoraciones,
.interna .centro .entrevistas {
    float: left;
    width: 550px;
    clear: left;
}

.interna .centro .valoraciones dl {
    float: left;
    width: 200px;
    font-size: 0.9em;
    line-height: 19px;
    margin-left: 35px;
}

.interna .centro .valoraciones dl dt {
    float: left;
    width: 115px;
    margin-left: 1px;
    height: 22px;
}

.interna .centro .valoraciones dl dd {
    float: left;
    width: 60px;
    margin-top: 2px;
    height: 22px;
}

.interna .centro .valoraciones dl.segunda dt {
    padding-left: 5px;
    width: 120px;
}

.interna .centro .valoraciones dl dd span {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left top;
    display: block;
    width: 60px;
    height: 12px;
}

.interna .centro .valoraciones dl dd span.cinco {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left top;
}

.interna .centro .valoraciones dl dd span.cuatroy {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -13px;
}

.interna .centro .valoraciones dl dd span.cuatro {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -26px;
}

.interna .centro .valoraciones dl dd span.tresy {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -39px;
}

.interna .centro .valoraciones dl dd span.tres {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -52px;
}

.interna .centro .valoraciones dl dd span.dos {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -65px;
}

.interna .centro .valoraciones dl dd span.dos {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -78px;
}

.interna .centro .valoraciones dl dd span.unay {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -91px;
}

.interna .centro .valoraciones dl dd span.una {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -104px;
}

.interna .centro .valoraciones dl dd span.ceroy {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -117px;
}

.interna .centro .valoraciones dl dd span.cero {
    background: url(/images/images_new/iconos/ratingstars.png) no-repeat left -130px;
}

.interna .centro .valoraciones p.googlerank {
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    color: #333;
    font-style: italic;
    margin: 2px 0 0 1px
}

.interna .centro .texto {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.interna .centro .texto .bonoEditado {
    float: left;
    width: 810px;
    margin: 5px 35px;
}

.interna .centro .texto .bonoEditado span {
    float: left;
    width: 100%;
}

.interna .centro .texto .bonoEditado a {
    float: left;
    color: #1A265B;
    font-weight: bold;
}

.interna .centro .texto .bonoEditado .titulo {
    text-decoration: none;
    padding-left: 1px;
}

.interna .centro .texto .bonoEditado .texto {
    background: url(/images/images_new/iconos/ico_bonoeuro.png) no-repeat -1px bottom;
    float: left;
    width: 770px;
    padding: 0 0 2px 57px;
    border-bottom: dotted 1px #999;
    color: #000;
    font-size: 0.9em;
    height: 30px;
}

.interna .centro .texto p {
    padding: 10px 20px 0 35px;
    text-align: justify;
    line-height: 17px;
}

.interna .centro .texto h3 a {
    background: url("/images/images_new/iconos/ico_mas.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #1A265B;
    display: block;
    float: right;
    font-size: 10px;
    margin: 0 160px 0 0;
    padding: 0 20px 0 0;
    text-decoration: none;
    float: right;
    font-weight: normal;
}

.interna .centro .entrevistas {
    margin-top: 5px;
}

.interna .centro .entrevistas span {
    background: url(/images/images_new/iconos/ico_bocadilloP.png) no-repeat left center;
    display: block;
    float: left;
    clear: left;
    height: 19px;
    padding: 1px 0 0 25px;
    color: #000;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 0 10px 35px;
}

.interna .centro .entrevistas a {
    float: left;
    color: #1A265B;
    text-decoration: underline;
    font-style: italic;
    margin: 0 0 0 12px;
    font-size: 0.9em;
    font-weight: bold;
}

.interna li {
    margin-left: 56px;
}

.seccion_videos {

    display: block;
    float: left;
    margin: 0px 0px 0px 0px;

}

.seccion_videos .columna_videos {
    display: block;
    float: left;
    margin: 0px 42px 10px 20px;

}

.seccion_videos .columna_videos iframe {
    display: block;
    float: left;
    height: 100%;
    width: calc((100% / 3) - 10px);
    margin: 0px 0px 0px 10px;

}

/*** estilos interna bonos ***/

.interna .bonoTipo {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.interna .bonoTipo .casaBono {
    display: block;
    float: right;
    width: 125px;
    height: 30px;
    text-decoration: none;
    /*border-bottom:solid 3px #dcdcdc;*/
    margin: 5px 45px 0;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 1px 1px #ababab;
}

.interna .bonoTipo #bannerimagen {
    display: block;
    float: right;
    width: 125px;
    height: 30px;
    text-decoration: none;
    /*border-bottom:solid 3px #dcdcdc;*/
    margin: 5px 25px 0;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 1px 1px #ababab;
}

.interna .bonoTipo dl {
    float: left;
    width: 50%;
    padding: 0 7px;
    margin: 5px 0 0 45px;
}

    .interna .bonoTipo dl dt {
        float: left;
        clear: left;
        width: 50px;
        width: 65px;
        text-transform: capitalize;
        font-weight: 500;
    }

.interna .bonoTipo dl dd {
    float: left;
    width: 250px;
    font-weight: bold;
}

.interna .bonoTipo dl dd a {
    color: #1A265B;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.interna .bonoTipo dl.largo {
    width: 750px;
}

.interna .bonoTipo dl.largo dd {
    width: 550px;
}


.interna .bonoTipo .textoBono {
    float: left;
    clear: both;
    width: 954px;
    background-color: #f3f4f4;
    border-bottom: dashed 1.5px #cbcbcb;
    margin: 10px 35px 10px 35px;
    padding: 10px;
    color: #2c2a2a;
}

.interna .bonoTipo .textoConcurso {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 954px;
    background-color: #f3f4f4;
    border-bottom: dashed 1.5px #cbcbcb;
    margin: 10px 35px;
    padding: 0;
    color: #2c2a2a;
}

    .interna .bonoTipo .textoConcurso p {
        width: 57%;
        padding: 10px;
        text-align: justify;
        font-size: 12px;
    }

.interna .bonoTipo .textoBono img {
    background-color: #fff;
}

.interna .bonoTipo .textoBono a {
    background: url("/images/images_new/iconos/ico_mas.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #1A265B;
    display: flex;
    justify-content: flex-end;
    flex: 1;
    font-size: 10px;
    margin: 0;
    padding: 0 20px 0 0;
    text-decoration: none;
}

.interna .bonoTipo .textoBono a.concurso {
    background: none;
    padding: 0;
}


/*** interna videos ***/

.interna .video {
    /*border-bottom: 1.5px dashed #CBCBCB;*/
    display: block;
    float: left;
    height: auto;
    margin: 0 20px 0 20px;
    overflow: hidden;
    padding: 0 0 30px;
    width: 300px;
}

.interna .video:nth-of-type(3),
.interna .video:nth-of-type(6),
.interna .video:nth-of-type(9) {
    margin-right: 0;
}

.interna .video h3 {
    font-size: 12px;
    background-position: left -7px;
    margin: 5px 0;
    border-left: solid 15px #1A265B;
    width: 300px;
}

.interna .video h3 b {
    float: right;
    font-size: 0.85em;
    color: #1A265B;
    margin-top: 1px;
    margin-right: 15px;
}

.interna .video object {
    margin-left: 1px;
}

.interna .video p {
    font-size: 0.85em;
    padding: 0 1px;
    text-align: justify;
}

.interna .video a {
    background: url("/images/images_new/iconos/ico_bocadilloP.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #1A265B;
    display: block;
    float: right;
    font-size: 10px;
    margin: 0 3px 0 0;
    padding: 0 25px 0 0;
    text-decoration: none;
}

.interna hr {
    display: block;
    float: left;
    width: 99.6%;
    margin: 0 0.2% 10px;
    border: 0;
    height: 1.5px;
}


/*** paginacion ***/

.interna .paginacion {
    float: right;
    clear: both;
    text-align: right;
    margin: 10px 5px 10px 0;
}

.interna .paginacion span {
    cursor: pointer;
    float: left;
    margin: 0 0 0 2px;
    background-color: #F3F4F4;
    font-size: 11px;
    color: #2B4E71;
}

.interna .paginacion span.first,
.interna .paginacion span.previous,
.interna .paginacion span.next,
.interna .paginacion span.last,
.interna .paginacion span.paginate_button {
    border: 1px solid #F3F4F4;
    padding: 2px 6px;
}

.interna .paginacion span.first a,
.interna .paginacion span.previous a,
.interna .paginacion span.next a,
.interna .paginacion span.last a,
.interna .paginacion span.paginate_button a {
    color: #0084B4;
}

.interna .paginacion span.paginate_active {
    background-color: #0084B4;
    border: 1px solid #0084B4;
    color: #FFFFFF;
    font-size: 11px;
    padding: 2px 6px;
}

.interna .paginacion span.first:hover,
.interna .paginacion span.previous:hover,
.interna .paginacion span.next:hover,
.interna .paginacion span.last:hover,
.interna .paginacion span.paginate_button:hover {
    background-color: #0084B4;
    border: 1px solid #0084B4;
    color: #FFFFFF !important;
}

.interna .paginacion span.first:hover a,
.interna .paginacion span.previous:hover a,
.interna .paginacion span.next:hover a,
.interna .paginacion span.last:hover a,
.interna .paginacion span.paginate_button:hover a {
    color: #fff;
}


/*** estilos asociaciones ***/

.interna .asociacion {
    float: left;
}

.interna .asociacion a {
    background: url("/images/images_new/iconos/ico_mas.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #1A265B;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin: 0 40px;
    padding: 0 20px 0 0;
    text-decoration: none;
}

.interna .asociacion p {
    margin: 0 15px 15px 35px;
    text-align: justify;
    display: block;
    float: left;
    width: calc(100% - 50px);
}

.interna .asociacion ul {
    margin: 0 15px 15px 35px;
    display: block;
    float: left;
    width: calc(100% - 50px);
    list-style: square;
}

.interna .asociacion li {
    display: block;
    float: left;
    width: 100%;
}


/*** estilos aplicaciones ***/

.appListDes {
    width: 100%;
    float: left;
    list-style: none;
}

.appListDes li {
    width: 100%;
    float: left;
    margin: 1em 0;
    padding: 0 0 1em;
}

.iconoApp {
    width: 22%;
    float: left;
    margin-left: 35px;
}

.iconoApp img {
    max-width: 100%;
}

.pantallazos {
    width: 100%;
    float: left;
    list-style: none;
}

.pantallazos li {
    width: 20%;
    float: left;
    text-align: center;
    border-bottom: none;
    margin: 2% 2.5% 0;
}

.pantallazos li img {
    max-width: 100%;
}

.appListDes li p {
    float: right;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 15px 15px 0;
    text-align: justify;
    width: 73%;
}


/*** registro ***/

#registro {
    display: block;
    float: left;
    margin-bottom: 15px;
}

#registro .formul {
    display: block;
    float: left;
    list-style: none outside none;
}

#registro .formul li {
    color: #424242;
    float: left;
    margin: 10px 0 0 0;
}

#registro .formul li span.campo {
    display: block;
    height: 22px;
    line-height: 22px;
    float: left;
    color: #424242;
    float: left;
    width: 100px;
    font-weight: bold;
    margin-left: 70px;
}

#registro .formul li input.campo {
    height: 22px;
    width: 250px;
    border-radius: 3px;
    float: left;
    border: solid 1px #CCC;
    text-indent: 10px;
    font-size: 11px;
}

#registro .formul li.warning {
    text-indent: 35px;
}

#registro .formul li.warning a {
    color: #59689D;
    font-weight: bold;
    text-decoration: underline;
}

#registro .formul li input.boton {
    display: block;
    float: left;
    width: 130px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background: #59689D;
    border-radius: 3px;
    margin-right: 15px;
    border: none;
    color: #FFF;
    margin-left: 35px;
    cursor: pointer;
}

#registro .formul li input.boton:hover {
    background: #FFC706;
    border: none;
}

#registro.boletin {
    width: 50%;
    padding: 30px 0 0 240px;
}

#registro .formul li span.campo.boletin {
    margin-left: 40px;
}

#success_message .cuadroFlot {
    background: none repeat scroll 0 0 #FFCC00;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 3px 3px #333333;
    color: #5C5E6E;
    float: left;
    font-size: 12px;
    margin: 20px 20px 20px 20px;
    width: 450px;
    padding: 10px;
}

#success_message .cuadroFlot a {
    color: #59689D;
    font-weight: bold;
    text-decoration: underline;
}

/*** alert registro ***/

#registro_warning {
    display: block;
    float: left;
    width: 950px;
    background-color: #1A265B;
    box-shadow: 0px 0px 20px #000;
}

#registro_warning_A {
    display: block;
    float: left;
    width: 525px;
    height: 630px;
    background-color: #FFF;
}

#registro_warning_A h2 {
    width: 90%;
}

#registro_warning_B {
    display: block;
    float: left;
    width: 425px;
    height: 630px;
    background-color: #E6EEF1;
}

#registro_warning_B h2 {
    width: 90%;
}

#registro_warning_C {
    display: block;
    float: left;
    width: 950px;
    /*background: #1A265B url("/images/images_new/apariencia/contenidos_2016/logo_cab_warning.png") no-repeat left top;*/
}

#registro_warning_C .boton_cerrar {
    display: block;
    float: right;
}

#registro_warning_C .boton_cerrar img {
    cursor: pointer;
}

#registro_warning_C .boton_cerrar img:hover {
    opacity: 0.7;
}

#registro_warning_C .caja_aviso {
    display: block;
    float: left;
    width: 900px;
    height: 95px;
    background: #FFF url("/images/images_new/apariencia/contenidos_2016/icon_cab_warning.png") no-repeat 5px top;
    margin: 0 25px 15px 25px;
    border-radius: 10px;
}

#registro_warning_C .caja_aviso .titulo {
    display: block;
    font-size: 24px;
    padding-left: 115px;
    margin: 10px 0;
    font-weight: bold;
    color: #444;
}

#registro_warning_C .caja_aviso .aviso {
    display: block;
    padding-left: 118px;
    padding-right: 5px;
}

#contenedor_formularios {
    display: block;
    float: left;
    width: 1024px;
}

#olvidame {
    position: absolute;
    top: 390px;
    left: 640px;
    display: block;
    float: right;
    height: 15px;
    line-height: 15px;
    margin-bottom: 15px;
}

#olvidame .close {
    display: block;
    float: right;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    background: #CCCCCC;
    border-radius: 3px;
    margin: 0 15px;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 10px;
}

#olvidame .close:hover {
    color: #333;
}

/*** alert general ***/

#warning {
    display: block;
    float: left;
    width: 950px;
    height: 425px;
    box-shadow: 0px 0px 20px #000;
    background: url("/images/images_new/apariencia/boletines_2016/silvia.jpg") no-repeat 5px 48px;
}

#warning .parrafo {
    display: block;
    float: left;
    width: calc(100% - 70px);
    margin: 0 35px 8px 35px;
}

#warning .bocadillo {
    display: block;
    float: left;
    width: 674px;
    height: 75px;
    padding: 20px 0 0 160px;
}

#warning .bocadillo .flecha {
    display: block;
    float: left;
    width: 20px;
    height: 75px;
    background: url("/images/images_new/apariencia/boletines_2016/flecha.png") no-repeat 0px 50px;
}

#warning .bocadillo {
    display: block;
    float: left;
    width: 550px;
    border-left: solid 4px #ffc706;
    border-right: solid 4px #ffc706;
    padding: 5px 80px 5px 5px;
}

#warning .bocadillo .contenido.boletin {
    background: #F3F3F3 url("/images/images_new/apariencia/boletines_2016/ico_boletin.png") no-repeat right center;
}

#warning .bocadillo .contenido.pdf {
    background: #F3F3F3 url("/images/images_new/apariencia/boletines_2016/ico_pdf.png") no-repeat right center;
}

#warning.tesigo {
    background: none;
    height: 250px;
}

#warning.tesigo.alert {
    background: none;
    height: 270px;
}

#warning.tesigo #cantidad_tesigo {
    display: block;
    float: left;
    width: 880px;
    margin: 10px 35px;
}

#warning.tesigo #cantidad_tesigo .texto {
    display: block;
    height: 26px;
    line-height: 26px;
    float: left;
    color: #424242;
    float: left;
    width: 80px;
    font-weight: bold;
    margin-left: 15px;
}

#warning.tesigo #cantidad_tesigo .campo {
    height: 22px;
    width: 80px;
    border-radius: 3px;
    float: left;
    border: solid 1px #CCC;
    text-indent: 10px;
    font-size: 11px;
}

#warning.tesigo #cantidad_tesigo .boton {
    display: block;
    float: left;
    width: 130px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background: #59689D;
    border-radius: 3px;
    border: none;
    color: #FFF;
    margin-left: 20px;
    cursor: pointer;
}

#warning.tesigo #cantidad_tesigo .boton:hover {
    background: #FFC706;
}

#warning.tesigo #alert_tesigo {
    display: block;
    float: left;
    width: 880px;
    margin: 10px 35px 0px 35px;
}

#warning.tesigo #alert_tesigo .titulo_alert {
    display: block;
    font-size: 16px;
    padding: 10px 50px 10px 50px;
    font-weight: bold;
    background: #D0D9D9 url("/images/pronosticos/ico_alert.png") no-repeat 14px 8px;
    margin-bottom: 10px;
}

#warning.tesigo #alert_tesigo #error_tesigo {
    display: block;
    float: left;
    width: 90%;
    margin: 0 5% 15px 5%;
    text-align: center;
}

#warning.tesigo #alert_tesigo #error_tesigo tr {
    display: block;
    float: left;
    width: 100%;
}

#warning.tesigo #alert_tesigo #error_tesigo th {
    display: block;
    float: left;
    width: 23%;
    margin: 0 1%;
    padding: 0;
    background-color: #c6dbe3;
}

#warning.tesigo #alert_tesigo #error_tesigo td {
    display: block;
    float: left;
    width: 23%;
    margin: 0 1%;
    padding: 0;
    background-color: #DDE4E4;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}

/*** estadisticas ***/

.barra {
    display: block;
    float: left;
    width: 979px;
    height: 16px;
    font-size: 10px;
    text-indent: 10px;
    color: #FFF;
    font-weight: bold;
    margin-left: 25px;
}

.barra.barra_ad {
    background-color: #558092;
}

.barra.barra_mo {
    background-color: #8E2246;
}

.barra.barra_ec {
    background-color: #6F8830;
}

.gr_periodo {
    display: block;
    float: left;
    width: 979px;
    font-size: 10px;
    text-indent: 5px;
    font-weight: bold;
    margin: -5px 0 15px 25px;
    border-bottom: dotted 1px #666;
}

.boton_ampliar {
    display: block;
    float: right;
    width: 130px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background: #59689D;
    border-radius: 3px;
    margin-right: 15px;
    border: none;
    color: #FFF;
    margin-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
}

.boton_ampliar:hover {
    background: #FFC706;
}

.info_ampliada {
    display: block;
    float: left;
    width: 979px;
    height: 24px;
    line-height: 28px;
    font-size: 14px;
    text-indent: 5px;
    font-weight: bold;
    margin-left: 25px;
    border-bottom: solid 1px #999;
    color: #666;
}

#estadisticas_ampliadas {
    display: block;
    float: left;
}


/*** matriz de comparacion de casas ***/
.cambio_vista {
    display: block;
    float: right;
    height: 27px;
    line-height: 27px;
    font-weight: bold;
    margin: 10px 26px 0 0;
    width: 180px;
    font-size: 11px;
    color: #000;
    text-indent: 30px;
}

.cambio_vista:hover {
    text-decoration: underline;
}

.cambio_vista.vista_matriz {
    background: #FFC706 url(../images/images_new/apariencia/contenidos_2016/vista_matriz.png) no-repeat left center;
}

.cambio_vista.vista_listado {
    background: #FFC706 url(../images/images_new/apariencia/contenidos_2016/vista_listado.png) no-repeat left center;
}

#matriz {
    display: block;
    float: left;
    width: 964px;
    margin: 0px 0px 10px 35px;
}

#matriz .mano {
    cursor: pointer;
}

#matriz .cell_01 {
    width: 149px;
}

#matriz .cell_02 {
    width: calc(((964px - 150px) / 11) - 1px);
}

#matriz ul {
    display: block;
    float: left;
    width: 100%;
}

#matriz ul li.cabecera_logos {
    display: block;
    float: left;
    width: 100%;
    height: calc((((964px - 150px) / 11) - 1px) * 0.35);
    line-height: calc((((964px - 150px) / 11) - 1px) * 0.35);
    margin-bottom: 1px;
}

#matriz ul li.cabecera_logos .cell {
    display: block;
    float: left;
    border-right: solid 1px #FFF;
    height: calc((((964px - 150px) / 11) - 1px) * 0.35);
}

#matriz ul li.cabecera_logos .cell_01 {
    font-weight: bold;
    font-size: 11px;
    height: 1px;
}

#matriz ul li.cabecera_logos .cell_02 {}

#matriz ul li.cabecera_logos .cell_02 img {
    width: calc(((964px - 150px) / 11) - 1px);
    height: calc((((964px - 150px) / 11) - 1px) * 0.35);
}

#matriz ul li.cabecera_logos .cell_02 img:hover {
    opacity: 0.5;
}

#matriz ul li.cabecera {
    display: block;
    float: left;
    width: 963px;
    height: 21px;
    margin-bottom: 1px;
    background-color: #59689D;
    color: #FFF;
    line-height: 21px;
    font-size: 11px;
    font-weight: bold;
    text-indent: 15px;
    margin-top: 10px;
}

#matriz ul li.fila {
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin-bottom: 1px;
}

#matriz ul li.grupo {
    height: 35px;
}

#matriz ul li.impar {
    background-color: #E5ECEF;
}

#matriz ul li.par {
    background-color: #F2F5F7;
}

#matriz ul li.fila .cell {
    display: block;
    float: left;
    line-height: 30px;
    font-size: 11px;
    border-right: solid 1px #FFF;
    height: 30px;
}

#matriz ul li.fila .cell_01 {
    font-weight: bold;
    text-indent: 10px;
}

#matriz ul li.fila .cell_02 {
    text-align: center;
}

#matriz ul li.fila .cell_02.link {
    text-decoration: underline;
    color: #039;
}

#matriz ul li.fila .cell_02.link:hover {
    background-color: #FFEDA6;
}

#matriz ul li.fila .cell_02.ok {
    background: url(../images/images_new/apariencia/contenidos_2016/check_ok.png) no-repeat center center;
}

#matriz ul li.fila .cell_02.no {
    background: url(../images/images_new/apariencia/contenidos_2016/check_no.png) no-repeat center center;
}

#matriz ul li.fila .cell_02.valoracion {
    line-height: 15px;
    font-size: 10px;
}

#matriz ul li.fila .cell_02.valoracion.v5 {
    background: url(../images/images_new/apariencia/contenidos_2016/estrellas_5.png) no-repeat center 13px;
    background-size: contain;
}

#matriz ul li.fila .cell_02.valoracion.v4y {
    background: url(../images/images_new/apariencia/contenidos_2016/estrellas_4y.png) no-repeat center 13px;
    background-size: contain;
}

#matriz ul li.fila .cell_02.valoracion.v4 {
    background: url(../images/images_new/apariencia/contenidos_2016/estrellas_4.png) no-repeat center 13px;
    background-size: contain;
}

#matriz ul li.fila .cell_02.valoracion.v3y {
    background: url(../images/images_new/apariencia/contenidos_2016/estrellas_3y.png) no-repeat center 13px;
    background-size: contain;
}

#matriz ul li.fila .cell_02.valoracion.total {
    font-weight: bold;
    font-size: 11px;
}

/*BONOS LANDING*/
#bonos_landing {
    display: block;
    float: left;
    width: 100%;
    height: 442px;
}

#bonos_landing_listado {
    display: block;
    float: left;
    width: calc(100% - 104px);
    height: 100%;
    background: #00445F;
    padding: 15px 52px;
}

#bonos_landing_listado .bloque_listado {
    display: block;
    float: left;
    width: 220px;
    margin: 5px 5px 15px 5px;
    cursor: pointer;
}

#bonos_landing_listado .bloque_listado .logo {
    display: block;
    float: left;
    width: 220px;
    height: 72px;
}

#bonos_landing_listado .bloque_listado .bono {
    display: block;
    float: left;
    width: 220px;
    height: 60px;
    font-size: 18px;
    text-align: center;
    color: #00445F;
    line-height: 22px;
    padding-top: 10px;
    background: #FFF url(../images/images_new/apariencia/contenidos_2016/triangulo_bonos.png) no-repeat bottom right;
}

#bonos_landing_listado .bloque_listado .bono:hover {
    background: #FFE99B url(../images/images_new/apariencia/contenidos_2016/triangulo_bonos.png) no-repeat bottom right;
}


.GDRP {
    display: block;
    float: left;
    margin: 20px 20px 0px 30px;
    font-size: 10px;


}

.bonochampions {
    display: block;
    float: left;
    width: 830px;
    margin: 5px 0px 10px 35px;
}

.bonomundial {
    display: block;
    float: left;
    width: 800px;
    margin: 5px 0px 10px 40px;
}

.interna .texto {
    width: 100%;
    text-align: justify;
    display: block;
    float: left;
}

.interna .centro .texto p {
    padding: 10px 20px 0 35px;
    text-align: justify;
    line-height: 17px;
}

.bold {
    font-weight: bold;
}