/****** ATRACCIONES ******/

/* COLUMNAS */

#main{
    border-radius:10px;
    padding:65px 55px 50px 55px;
    background:#fff url(../../images/hoteles_decoration.png) no-repeat center top;
}

#main .columna-left{
    float:left;
    width:520px;
    text-align:center;
}

#main .columna-left section:first-child{
    margin-bottom:60px;
}

#main h1{
    font-size:4.2em;
    text-align:center;
    font-weight:600;
    color:#b4b11b;
    margin-bottom:15px;
}

#main .columna-left section ul{
    margin:24px 0;
}
#main .columna-left section ul li{
    text-align:left;
    font-size:1.5em;
    line-height:1.5;
    padding-left:60px;
    position:relative;
    color:#909090;
}
#main .columna-left section ul li:before{
    float:left;
    content:"";
    display:block;
    width:9px;
    height:9px;
    border-radius:10px;
    background:#f5821f;
    position:absolute;
    top:5px;
    left:35px;
}
#main .columna-left section ul li strong{
    font-weight:600;
    color:#707070;
}
#main .columna-left section ul li em{
    font-weight:600;
    color:#47b5de;
    font-style:normal;
}


#main .columna-right{
    width:226px;
    float:right;
    padding-left:31px;
    background:url(../../images/punteado-vertical.gif) repeat-y left;
    padding-top:10px;
}

#main .columna-right .styledFoto{
    width:226px;
    display:block;
    margin-bottom:26px;
    box-shadow:0px 10px 16px -10px rgba(75,119,113,0.2);
}
#main .columna-right .styledFoto:hover{
    opacity:0.8;
}
#main .columna-right .styledFoto img{
    display:block;
    width:100%;
}


/* TABLET */

@media only screen and (max-width:979px){

    #main{
        padding-bottom:80px;
    }
    #main .columna-left{
        float:none;
        margin:0 auto;
    }
    #main .columna-right{
        width:520px;
        float:none;
        margin:50px auto 0;
        padding:51px 0 0;
        background:url(../../images/punteado_horizontal.gif) repeat-x top;
        text-align:center;
    }
    #main .columna-right .styledFoto{
        display:inline-block;
        vertical-align: top;
        width:30%;
        margin:0 0 0 10px;
    }
    #main .columna-right .styledFoto:first-of-type{
        margin:0;
    }

}


/* MOBILE */

@media only screen and (max-width:767px){

    #main{
        padding:45px 15px 40px 15px;
    }
    #main .columna-left{
        width:100%;
    }

    #main h1{
        font-size:3.4em;
        margin-bottom:15px;
    }
    #main .columna-left section:first-child{
        margin-bottom:35px;
    }
    
    #main .columna-left section ul li{
        padding-left:40px;
    }
    #main .columna-left section ul li:before{
        left:15px;
    }


    #main .columna-right{
        width:100%;
        margin:40px auto 0;
        padding:41px 0 0;
    }
    #main .columna-right .styledFoto{
        display:block;
        width:160px;
        margin:0 auto 10px !important;
    }

}