/*
*
*
* estilos para modulo p6a_top_destinations VERTICAL
*
*/

.p6a_topDestinationsVertical {
    border: 1px solid #e2e2e2;
    padding: 5px 15px 5px 15px;
}

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

.p6a_topDestinationsVertical .p6a_top_destinations_container {
    /*border: 1px solid #e2e2e2;
  padding: 25px 25px 0px 25px;*/
}

.p6a_topDestinationsVertical .p6a_destiny_container {
    text-align: left;
}

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

.p6a_topDestinationsVertical .p6a_destiny_name {
    padding-top: 10px;
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 0px;
}

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

.p6a_topDestinationsVertical .p6a_number_destiny {
    font-size: 17px;
    font-weight: 100;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    background-color: #24a6b4;
    color: #ffffff;
    width: 25px;
    text-align: center;
}

.p6a_topDestinationsVertical .p6a_destiny_container.left{
    padding-right: 10px;
}
.p6a_topDestinationsVertical .p6a_destiny_container.right{
    padding-left: 10px;
}


@media(max-width:991px) {
    .p6a_topDestinationsVertical .p6a_destiny_img {
      
        height: 30vw;
        
    }
}
@media(max-width:600px) {
    .p6a_topDestinationsVertical {
        margin: 10px;
    }
    .p6a_topDestinationsVertical .p6a_destiny_img {
        margin-top: 5px;
    }
}

@media(max-width:450px) {
    .p6a_topDestinationsVertical {
         margin: 0px; 
    }
    .p6a_topDestinationsVertical {
       
        padding: 5px 10px 5px 10px;
    }
    .p6a_topDestinationsVertical .p6a_destiny_container.left{
        padding-right: 5px;
    }
    .p6a_topDestinationsVertical .p6a_destiny_container.right{
        padding-left: 5px;
    }
    .p6a_topDestinationsVertical .p6a_title_top_destinations {
   
        margin: 5px 0px 5px 0px;
    }
}