/*
*
*
* estilos para modulo p6a_top_destinations HORIZONTAL
*
*/

.p6a_topDestinations .clearfix{
    display: none;
}

.p6a_topDestinations .p6a_title_top_destinations {
    background-color: #e2e2e2!important;
    /*padding: 10px 0px 10px 0px;*/
    margin: 10px 0px 10px 0px;
    color: #000000;
    width: 20%;
    text-align: center;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.p6a_topDestinations .p6a_top_destinations_container {
    border: 1px solid #e2e2e2;
    padding: 20px 10px 0px 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.p6a_topDestinations .p6a_destiny_container {
    text-align: center;
}

.p6a_topDestinations .p6a_destiny_container a {
    text-decoration: none;
}

.p6a_topDestinations .p6a_destiny_img {
    /*tamaño pendiente de hacer responsive*/
    width: 100%;
    height: 245px;
    background-size: cover;
    background-repeat: no-repeat;
}

.p6a_topDestinations .p6a_destiny_name {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 100!important;
    margin:0px;
    /*letter-spacing: 1.5px;*/
    color: #333333;
    text-transform: uppercase;
    /* border-bottom: 1px solid #e2e2e2; en caso de querer desc se añadira el borde*/
}

.p6a_topDestinations .p6a_destiny_desc {
    padding-top: 10px;
    font-size: 28px;
    color: #333333;
}

.p6a_topDestinations .p6a_number_destiny {
    background-color: #24a6b4;
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    background-color: #24a6b4;
    color: #ffffff;
    /* padding-left: 10px;
    padding-right: 10px;*/
    width: 25px;
    text-align: center;
}


/*ESTILOS PARA PODER PERSONALIZAR LAS COLUMNAS DE BOOTSTRAP A 5*/

.p6a_topDestinations .col-xs-15,
.p6a_topDestinations .col-sm-15,
.p6a_topDestinations .col-md-15,
.p6a_topDestinations .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.p6a_topDestinations .col-xs-15 {
    width: 50%;
    float: left;
}

@media (min-width: 1200px) {
    .p6a_topDestinations .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .p6a_topDestinations .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 768px) {
    .p6a_topDestinations .col-sm-15 {
        width: 50%;
        float: left;
    }
    .p6a_topDestinations .p6a_destiny_img {
        height: 30vw;
    }
    .p6a_topDestinations .clearfix{
        display: block;
    }
}

@media(min-width: 601px) and (max-width:991px) {
    .p6a_topDestinations .p6a_title_top_destinations {
        width: 50%;
    }
}

@media(max-width:600px) {
    .p6a_topDestinations .p6a_top_destinations_container { 
        padding: 10px 0px 0px 0px;
    }
   
    .p6a_topDestinations .p6a_title_top_destinations {
        /*width: calc(100% - 40px);*/
        width: 100%;
        text-align: center;
        font-size: 18px;
       
    }
    .p6a_topDestinations .col-sm-15 {
        width: 50% !important;
        float: left;
        /*text-align: left;*/
    }
   
    .p6a_topDestinations .p6a_destiny_name {
        font-size: 18px!important;
    }
    .p6a_topDestinations .p6a_number_destiny {
        font-size: 18px;
        width: 22px;
    }
}

@media(max-width:400px) {
/*
    .p6a_topDestinations .p6a_title_top_destinations {
        width: 100%;
    }
*/
    .p6a_topDestinations .col-xs-15 {
        width: 50% !important;
        float: left;
        /*text-align: left;*/
    }
  
    .p6a_topDestinations .p6a_destiny_name {
        font-size: 16px!important;
    }
    .p6a_topDestinations .p6a_number_destiny {
        font-size: 16px;
        width: 20px;
    }
}