.main{
    width: 100%;
}
.body{
    background-color: #fff;
    height: 445px;
}
.social{
    background-color: #f48040;
    height: 200px;
}
.content{
    padding-left: 80px;
    padding-right: 80px;
    height: 100%;
}
.content-bottom{
    padding-left: 80px;
    padding-right: 80px;

}

.subtitle{
    color: lightgray;
    text-transform: uppercase;
    padding-top: 60px;
    font-size: 1.2em;
  
    margin-bottom: 10px;;
}
.title{
    color: #f74b3e;
    text-transform: uppercase;
    font-size: 3.2em;

}
.title span{
    display: block;
}
.year{
    color: #f5ad3e;
}
.button{
    width: 85px;
    color: #fff;
    height: 36px;
    font-size: 1.6em;
    padding: 10px;
    background-color: #f74b3e;
    cursor: pointer;
}
.body, .social{

   font: 14px/38px 'Fjalla One', sans-serif;

}
.social .content, .social .content-bottom{
    padding-top: 40px;
}
.contact-title, .share-title{
    color: #fff;
    font-size: 1.6em;
}
.email{
    color: #fff;
    margin-top: 14px;
}
.contact, .share{
    float: left;
    width: 250px;
}
.share-items{
    margin-left: -55px;
    margin-top: 5px;
}
.social ul li{
    list-style: none;
    display: inline-flex;
    cursor: pointer;
    width: 35px;
    
}
.slide{
    position: absolute;
     right: 0; 
     width: 429px; 
    height: 645px;
    background: url(slide.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
/* Search */
.button-search{
    color: #fff;
    height: 40px;
    font-size: 1.4em;
    padding: 8px;
    background-color: lightgray;;
    cursor: pointer;
    margin-right: 20px;
    width: auto;
    padding-bottom: 0px;
    padding-top: 2px;
}
.button-search:hover{
    background-color: #f74b3e;
}

/* Search */
.button-descargar{
    margin-top: 20px;;
    color: #fff;
    height: 42px !important;
    font-size: 1.4em;
    padding: 8px;
    text-align: center;
    background-color: #f74b3e;;
    cursor: pointer;
    margin-right: 20px;
    width: 150px;
    padding-bottom: 0px;
}
.button-descargar a{
    color: #fff;
    text-decoration: none;
}

.button-descargar:hover{
    background-color: #f74b3e;
}

.subtitle-search{
        color: lightgray;
        text-transform: uppercase;
        padding-top: 100px;
        font-size: 1.8em;
       margin-bottom: 20px;
    
}
.title-search{
    color: #f74b3e;
    text-transform: uppercase;
    font-size: 3.2em;
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 400px;
    
}
.search{
    margin-right: 20px;
}
.listado{
    display: flex;
    width: 500px;
    flex-wrap: wrap;
    height: auto;
    overflow: hidden;
}
.item {
    width: 23%;
    background-color: #f5f5f7;
    margin-right: 8px;
   padding-top: 10px;
    text-align: center;
    margin-bottom: 8px;
    cursor: pointer;
    color: black;
    line-height: 24px;
    height: 180px;
        margin-bottom: 30px;
}
.nombre{
    padding: 8px;
    height: 100px;
}
.plaza{
    border-top: 2px solid lightgray;
    padding: 8px;
    height: 90px;
    line-height: 20px;
}
.button-search a{
    text-decoration: none;
    color: white;
}

.v1{
    background-color: #ffb93e;
}
.v2{
    background-color: #39bca3;
}
.v3{
    background-color: #3ea7cc;
}
.v4{
    background-color: #f74b3e;
}
.v5{
    background-color: #3e3ef7;
}
.v6{
    background-color: #3ef74b;
}
.v7{
    background-color: #ea1010;
}
.v8{
    background-color: #000000;
}
.v9{
    background-color: #10eae2;
}
.v10{
    background-color: #10ea1a;
}

.xv1:hover{
    background-color: #ffb93e;
}
.xv2:hover{
    background-color: #39bca3;
}
.xv3:hover{
    background-color: #3ea7cc;
}
.xv4:hover{
    background-color: #f74b3e;
}
.xv5:hover{
    background-color: #3e3ef7;
}
.xv6:hover{
    background-color: #3ef74b;
}
.xv7:hover{
    background-color: #ea1010;
}
.xv8:hover{
    background-color: #000000;
}
.xv9:hover{
    background-color: #10eae2;
}
.xv10:hover{
    background-color: #10ea1a;
}
.chart{
    float: left;
    width: 40%;
}



.BIEN{
    background-color: orange !important;
}
.CONVERGENCIA{
    background-color: #3399CC !important;
}
.CREO{
    background-color: #FFCC00 !important;
}
.FCN-NACION{
    background-color: #5870CC !important;
}
.FUERZA{
    background-color: #FF1919 !important;
}
.LIBRE{
    background-color: #1E4799 !important;
}
.PAN{
    background-color: #FFFF32 !important;
}
.PARTIDO-HUMANISTA{
    background-color: #666699 !important;
}
.PODEMOS{
    background-color: #FF6666 !important;
}
.PPT{
    background-color: #336699 !important;
}
.PROSPERIDAD-CIUDADANA{
    background-color: lightyellow !important;
}
.SEMILLA{
    background-color: #CED833 !important;
}
.TODOS{
    background-color: #9966CC!important;
}
.UCN{
    background-color: #3232FF !important;
}
.UNE{
    background-color:  #55B646 !important;
}
.UNIDOS{
    background-color: #FF6661 !important;
}
.UNIONISTA{
    background-color: lightblue !important;
}
.URNG-MAIZ{
    background-color: #FFD464 !important;
}
.VALOR{
    background-color: #1898A1 !important;
}
.VAMOS{
    background-color: #62CFD8 !important;
}
.VICTORIA{
    background-color: #FF6158 !important;
}
.VIVA {
    background-color: #6ADAFF !important;
}
.WINAQ{
    background-color: #FF6451 !important;
}



.xBIEN:hover{
    background-color: orange !important;
}
.xCONVERGENCIA:hover{
    background-color: #3399CC !important;
}
.xCREO:hover{
    background-color: #FFCC00 !important;
}
.xFCN-NACION:hover{
    background-color: #5870CC !important;
}
.xFUERZA:hover{
    background-color: #FF1919 !important;
}
.xLIBRE:hover{
    background-color: #1E4799 !important;
}
.xPAN:hover{
    background-color: #FFFF32 !important;
}
.xPARTIDO-HUMANISTA:hover{
    background-color: #666699 !important;
}
.xPODEMOS:hover{
    background-color: #FF6666 !important;
}
.xPPT:hover{
    background-color: #336699 !important;
}
.xPROSPERIDAD-CIUDADANA:hover{
    background-color: lightyellow !important;
}
.xSEMILLA:hover{
    background-color: #CED833 !important;
}
.xTODOS:hover{
    background-color: #9966CC!important;
}
.xUCN:hover{
    background-color: #3232FF !important;
}
.xUNE:hover{
    background-color:  #55B646 !important;
}
.xUNIDOS:hover{
    background-color: #FF6661 !important;
}
.xUNIONISTA:hover{
    background-color: lightblue !important;
}
.xURNG-MAIZ:hover{
    background-color: #FFD464 !important;
}
.xVALOR:hover{
    background-color: #1898A1 !important;
}
.xVAMOS:hover{
    background-color: #62CFD8 !important;
}
.xVICTORIA:hover{
    background-color: #FF6158 !important;
}
.xVIVA:hover {
    background-color: #6ADAFF !important;
}
.xWINAQ:hover{
    background-color: #FF6451 !important;
}


.toShow{
    display: flex;
}
#chartContainer{
    cursor: pointer;
    margin-top: 200px;
    margin-left: -320px;
}
.canvasjs-chart-credit{
    display: none;
}
.ellipsis {
  
    /* Required for text-overflow to do anything */
    overflow: hidden;
  }
#mapa{
    margin-top: -75px;
    /* margin-left: 80px; */
}
.ls_result_div table tr td, .ls_result_div table tr th {
    text-align: left;
    cursor: pointer;
}
.button-result{
    display:flex;
}

.draw{
    display: block;
}
#mapamobile{
    display: none !important;
}

.ls_container input{
    background-color: #eff1f3;
    border: transparent !important;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #4f535c;
}
.ls_result_div table tr td, .ls_result_div table tr th {
    font-weight: bold;
    color: #4f535c;
}
.lupa {
    position: absolute;
    margin-top: -85px;
    margin-left: 510px;
}
.resultado .lupa {
    margin-left: 400px;
}

.button-search {
    margin-bottom: 20px;
}
.descargar{
    margin-bottom: 40px;
    height: fit-content;
    
}
.ls_result_div {
    margin-top: -28px !important;
}
   #municipio {
        line-height: 52px;
    }
@media only screen and (min-width: 0px) and (max-width: 959px){
    .subtitle{
        padding-top: 0;
    }
    .subtitle-search {
        padding-top: 0px;
    }

    #wrapper{
        width: 90% !important;
            padding: 0 !important;
    }
    body{
        background-color: #fff !important;
    }
    .content{
    }
    .button-contacto{
        margin-top: 40px;;
        margin: 0 auto !important;
    }
    .descargar{
        margin-top: 40px;
        
    }
    .button-descargar{
        margin-top: 40px;
        margin: 0 auto;
    }

    .lupa {
       display: none;
    }
    .button-search {
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 35px;
        margin-right: 10px;
         }
         .button-search {
            margin-bottom: 0px;
        }
        
         #button-search span{
            margin-left: 0px;
         }
         .button-search a {
            margin-left: 0px;
        }
    #mapamobile{
        display: block !important;
        text-align: center;
    }
    #mapamobile img{
   width: 100%;
    }
    #isMobile #logo{
        max-width: 250px;
    }
    #chartContainer{
        width: 100% !important;
        margin-top: 40px !important;
    }
    .canvasjs-chart-container{
        
        position: relative !important;
    }
    .button {
        width: 150px;
        text-align: center;
        margin-top: 30px;
        padding: 10px 0;
    }
    .bbmain .button-descargar, .bbmain #buscar_home {
        text-align: center;
        margin: 0 auto ;
        height: 30px !important;
    }

    .bbmain .button-descargar, .bbmain #buscar_home {
        width: 125px;
        text-align: center;
        margin-top: 30px;
       
    }

    .title {
        margin-top: 10px;
        font-size: 3em;
    }
    .social{
        height: 250px;
        margin-top: 80px;
    }
    .ls_container {
        margin-top: 10px;
        width: 100% !important;
    }
    .search {
        margin-right: 0px;
    }
    .ls_container input {
        font-size: 0.8em;
        width: 92%;
    }

    /* */
    .subtitle-search {
        font-size: 1.4em;
    }
    .button-result{
        /* display:block; */
    }

    .resultado .button-search {
        width: 100%;
        padding-top: 0px;
        
    }
    .resultado .ls_query {
        width: 100%;
    }

   .resultado .search .button{
       margin-top: -20;
   }
    #button-search{
        display: block !important;
        margin-top: 0px;
        margin-bottom: 14px;
        padding-top: 0;

    }
    .toShow {
         display: block; 
    }
    #municipio {
        font-size: 0.8em;
       
    }
    .listado {
        width: 100%;
        overflow: visible;
        height: auto;
      
    }
    .item {
        width: 30%;
        max-height: 200px;
    }
    .mobile{
        display: block !important;
    }
    .draw{
        display: none;
    }
    .resultado .main {
        display: inline-grid; 
    }
    .nombre {
    line-height: 20px;

    }
    #chartContainer {
        text-align: center;
        margin-top: 0px;
        margin-left: 0px;
    }
    .resultado .content {
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
    }

    .resultado .content {
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
        text-align: center;
    }
    .content, .content-bottom {
        padding-left: 20px;
        padding-right: 20px;
        height: 100%;
    }
    .header-ad,
    .single-ad,
    .featured-ad,	
    .cat-post-item .entry-comment,
    .featured-right .entry-comment {
        display: none !important;
    }
   
}

.button-contacto {
    margin-top: 10px;
    color: #fff;
    height: 38px;
    font-size: 1.4em;
   
    text-align: center;
    background-color: #f74b3e;
    cursor: pointer;
    margin-right: 20px;
    width: 150px;
}
.button-contacto a{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: none;
}

.button-contacto:hover{
    background-color: #f74b3e;
}

#f11 {
    padding: 10px;
    color:  #39bca3;
    font-family: 'Fjalla One', sans-serif !important;
   
}
#f11 .muni {
    font-size: 18px;
    font-family: 'Fjalla One', sans-serif !important;
}
#f11 .name {
    font-size: 30px;
    font-family: 'Fjalla One', sans-serif !important;
    text-transform: uppercase;

}
#f11 .cel{
    font-size: 18px;
    margin-top: 20px;;
    color: gray;
    font-family: 'Fjalla One', sans-serif !important;
}
#buscar{
    width: 94px;
    height: 48px;
    margin-top: -20px;
    padding-top: 6px;
}
.bbmain{
    display: inline-flex;
}
.bbmain .button-descargar, .bbmain #buscar_home {
    margin-top: 0px;
    margin-right: 10px;
    font-size: 1.6em;
    height: 30px;
    text-align: center;
}

#wrapper {

}
body {
    background: #F0F0F0;
    color: #000000;
      
}
html{
    margin-top: 0 !important;
}
.year {
    margin-top: 20px;
}
.lupa {
    margin-top: -70px;
}
.share-items {
    margin-left: -20px;
 }






 @media only screen and (max-width: 959px) {
 
        .header-ad,
        .single-ad,
        .featured-ad,	
        .cat-post-item .entry-comment,
        .featured-right .entry-comment {
            display: none !important;
        }
     
    }