html, 
body{
    font-style: normal;
    font-weight: normal;
    /*background-color: #f0efe4;*/
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../img/bg-movil.jpg); 
}

/*
@font-face { 
    font-family: actoextrabold; 
    src: url('/especiales/comparador-candidatos/fonts/acto-extrabold-webfont.woff2') format('woff2'), 
         url('/especiales/comparador-candidatos/fonts/acto-extrabold-webfont.woff') format('woff'); 
} 

@font-face {
    font-family: 'actosemibold';
    src: url('/especiales/comparador-candidatos/fonts/acto-semibold-webfont.woff2') format('woff2'),
         url('/especiales/comparador-candidatos/fonts/acto-semibold-webfont.woff') format('woff');
}

@font-face { 
    font-family: actobook; 
    src: url('/especiales/comparador-candidatos/fonts/acto-book-webfont.woff2') format('woff2'), 
         url('/especiales/comparador-candidatos/fonts/acto-book-webfont.woff') format('woff'); 
} 
*/

@font-face {
    font-family: flamabasic;
    src: url("../fonts/flama-basic.eot") format("eot");
    src: url('../fonts/flama-basic.eot?#iefix') format('embedded-opentype'),
         url("../fonts/flama-basic.woff") format("woff"),
         url("../fonts/flama-basic.ttf") format("truetype"),
         url("../fonts/flama-basic.svg") format("svg");
}


.bg-verde{
    background-color: #90a7bd;
    color: #ffffff;
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 0.8em;
}

.bg-champion{
    background-color: gold;
}

.clear{
    clear: both;
}

.ball-mano{
    max-width: 40px;
}

.sinpadding{
    padding: 0px;
}

.txt-grupo{
    max-width: 200px;
}

.mj-tercer{
    max-width: 240px;
}

#header{
    /*margin-bottom: 10px;*/
    width: 100%;
}
    .header-comercio{   
        background: #ccd93b;        
        padding: 0;
        position: relative;
        z-index: 9999999;
    }
        .ctn-header-comercio{
            margin: 0 auto;     
            max-width: 1024px;
        }
            .ctn-header-comercio a{
                display: inline-block;                
                text-indent: -9999px;
            }
                a.logo-comercio{
                    background: url(../img/logo-depor.png) no-repeat 0 0;
                    background-size: 100%;
                    height: 40px;
                    margin-top: 10px;
                    width: 79px;
                    margin-left: 5px;
                }
#social {
    float: right;
    margin-right: 0;
    padding-top: 10px;
    }
#social ul {
    display: inline-block;
    margin: -3px auto 0;
    padding: 0;
    vertical-align: top
    }
#social ul li {
    display: inline-block;
    margin: 0;
    /*margin: 0 1px;*/
    vertical-align: top
    }
#social ul li a {
    height: 32px;
    width: 32px;
    border-radius: 18px;
    }
#social ul li a.facebook {
    background: url(../img/sprite-redes.png) no-repeat -6px -4px;
    background-size: 130px
    }
#social ul li a.wst {
    background: url(../img/sprite-redes.png) no-repeat -92px -4px;
    background-size: 130px;
    display: none
    }
#social ul li a.tw {
    background: url(../img/sprite-redes.png) no-repeat -50px -4px;
    background-size: 130px
    }
#social ul li:hover {
    opacity: 0.5
    }

.header-elecciones{
    background: #ffcf00;
    padding: 15px 0;
    text-align: center;
}
    .header-elecciones img {
        max-width: 590px;
    }
    h1{
        font: 3em/1em actoextrabold;
        margin: 20px auto 10px;
        text-align: center;
        text-transform: uppercase;
    }
    h2{
        font: 1.2em/1.1em actobook;
        margin: 0 auto;
        max-width: 980px;
        text-align: center;
    }

    p.parrafo{
        font: 1.2em/1.1em flamabasic;
        margin: 0 auto;
        text-align: center;
        color: #565656;
        padding: 0px 10px;
    }

.contenedor{
    margin: 30px auto 0;
    max-width: 1020px;
}
    .box-candidato{
        background: #f7f6f6;
        border-radius: 10px;
        display: inline-block;   
        height: 390px;    
        margin: 0 5px;
        max-width: 315px;
        overflow: hidden;
        padding: 5px;
        position: relative;
        vertical-align: top;
    }
        #candidato-1{
            
        }

        .box-nombre-candidato{
            height: 60px;
            margin-bottom: 20px;
        }
            h3{
                display: inline-block;
                font: 14px/17px 'actosemibold';
                margin: 0 auto;
                text-transform: uppercase;
                vertical-align: bottom;
            }
            h4{
                font: 14px/17px 'actosemibold';
                margin: 0 auto 10px;
            }
                h4 img{
                    display: inline-block;
                    margin-right: 5px;
                    vertical-align: top;
                }
            p{
                font: 14px/1.1em actobook;
                margin: 0 auto 5px;
            }
        .box-dato-candidato{
            margin-bottom: 20px;
        }

.rounded-circle2{
    border-radius: 25% !important;
}

.container-fluid{
    max-width: 1200px !important;
}

.text-2{
    font-size: 1.0rem;
    line-height: 1.3rem;
    text-align: center;
}

tr+tr+tr.tr-country, tr+tr+tr.tr-country{
    background-color: #f8f9fa !important;
}

.ml-auto.d-flex.align-items-center.small {
    visibility: hidden;
}

.circle{
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    display: inline-block;
    border-radius: 50%;
}
.main-menu a{
    font-size: 1rem;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.icono-mano {
    background: url(../img/icon-mano.png) no-repeat;
    background-position: 0px 6px;
    width: 40px;
    height: 20px;
    background-size: 21px;
}

.menu-perfil{
        background-color: #be0b20;
        color: #FFFFFF;
        border-radius: 1.25rem;
        padding-left: 20px;
        padding-right: 30px;
        height: 40px;
        line-height: 35px;
    }
    .menu-datos{
        background-color: #2691c9;
        color: #FFFFFF;
        border-radius: 1.25rem;
        padding-left: 30px;
        padding-right: 60px;
        height: 40px;
        line-height: 35px;
        margin-left: 20px;
    }
    .menu-perfil:hover{
        text-decoration: none;
        color: #FFFFFF;
        background-color: rgba(0, 0, 0, .25);
    }
    .menu-datos:hover{
        text-decoration: none;
        color: #FFFFFF;
        background-color: rgba(0, 0, 0, .25);
    }
    .img-perfil{
        bottom: 0px;
        left: 10px;
    }
    .img-datos{
        bottom: 0px;
        right: 20px;
    }
    .text-pefil{
        margin-left: 50px;
    }

#table-template-player,
#table-template-items-center,
#template-image-top-player,
#template-image-top-country,
#table-template-country,
.select2-search__field{
    display: none;
}

.display{
    display: inline-block;
    vertical-align: top;
}
.col-6{
    margin-bottom: 10px;
}

ul.datos{
    display: inline-block;
    margin-top: 115px;
    padding: 0;
    vertical-align: top;    
}
    ul.datos li{
        border-bottom: 1px solid #f1f1f1;
        display: block;
        font-family: 'actosemibold';
        padding: 2px 0;
    }
        .vacio{
            height: 26px;
        }
        p.texto-vacio{
            height: 17px;
        }


.bloque-1,
.bloque-2,
.bloque-3{
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
    .pr-price p,
    .pr-price-2 p,
    .pr-price-3 p{
        /*border-bottom: 1px solid #f3f3f3;*/
        font: 14px/17px actobook; 
        margin: 9px 0;
    }

.opciones-candidato-a{
    background: #c2c2c2;
}

#fila-1,
#fila-2,
#fila-3{
    width: 220px;
}
select#fila-1{   
}
    .ddTitle{
        background: #efefef;
        border: 1px solid #e4e4e4;
        border-radius: 4px;
    }
        .fnone{
            margin-right: 5px;
            width: 50px !important;
        }

    .ddChild ul{
        background: #f7f7f7;
        list-style-type: none;
        max-height: 600px;
        overflow: scroll;
        padding: 0;
        width: 220px;
    }
        ._msddli_{
            margin-bottom: 10px;
            width: auto;
        }
    .shadow{
        border: none !important;
        box-shadow: none !important;
    }

.gris{
    background: #ececec;
}
.ddTitleText{
    font-family: 'actosemibold';
    margin-left: 5px;
}
.logo-partido{
    display: block;
    margin: 10px auto;
    max-width: 45px;
    width: 30%;
}

.alto-doble{
    margin: 15px 0 !important;
}

@media only screen and (max-width: 700px) {
#social ul li a.wst {
    display: block;
}
}