@import url(https://fonts.googleapis.com/css?family=Oxygen:300|Roboto|Roboto+Slab);
.col,.col2{
    min-height:1px;
    position:relative
}
.col,.col2,.container{
    padding-left:15px;
    padding-right:15px
}
.col,.col2,.main-nav>ul li{
    position:relative
}
.main-nav>ul>li,.uppercase{
    text-transform:uppercase
}
.boton-reservar,.main-nav>ul>li a{
    -webkit-transition:all .2s ease-in-out
}
@font-face{
    font-family:Ionicons;
    src:url(../fonts/ionicons.ttf?v=1.5.2);
    font-weight:400;
    font-style:normal
}
body{
    margin:0;
    font-size:1em;
    font-family:Roboto,sans-serif;
    font-weight:300;
    line-height:1.45;
    color:#9a9a9a
}
.container,.inferior{
    margin-right:auto;
    margin-left:auto
}
a{
    text-decoration:none;
    color:#000
}
header div{
    width:100
}
.superior{
    background:#728a54;
    height:33px
}
.inferior{
    background:#262529!important;
    height:42px
}
.mobile{
    display:none
}
.col{
    float:right;
    width:35%;
    font-size:.6em
}
.container{
    width:1170px
}
.inline-list{
    padding:0;
    list-style:none;
    font-family:sans-serif;
    margin:9px 0;
    color:#fff;
    -webkit-margin-before:1em;
    -webkit-margin-after:1em;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:40px
}
.clean-list{
    margin-top:0;
    padding:0;
    list-style:none;
    float:right
}
.superior li{
    float:left;
    padding:0 10px
}
.sliderHome{
    height:329px;
    width:100%
}
.sliderHome #slide1{
    background-color:rgba(0,0,0,0);
    background-repeat:no-repeat;
    background-image:url(https://www.hotelparadapuigcerda.com/img/Panoramica-Hotel-3.jpg);
    background-size:cover;
    background-position:center center;
    width:100%;
    height:100%;
    opacity:1;
    visibility:inherit;
    filter:contrast(1.2) saturate(1.35)
}
.sliderHome #slide1::before{
    content:'';
    display:block;
    height:100%;
    width:100%;
    top:0;
    left:0;
    pointer-events:none;
    background:rgba(127,187,227,.2);
    mix-blend-mode:overlay
}
.sliderHome #slide2,.sliderHome #slide3,.sliderHome #slide4,.sliderHome #slide5,.sliderHome #slide6,.sliderHome #slide7,.sliderHome #slide8{
    background-color:rgba(0,0,0,0);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    width:100%;
    height:100%;
    opacity:1;
    visibility:inherit
}
.sliderHome #slide2{
    background-image:url(https://www.hotelparadapuigcerda.com/img/2.jpg)
}
.sliderHome #slide3{
    background-image:url(https://www.hotelparadapuigcerda.com/img/4.jpg)
}
.sliderHome #slide4{
    background-image:url(https://www.hotelparadapuigcerda.com/img/spa-5.jpg)
}
.sliderHome #slide5{
    background-image:url(https://www.hotelparadapuigcerda.com/img/especial5-1.jpg)
}
.sliderHome #slide6{
    background-image:url(https://www.hotelparadapuigcerda.com/img/zona_desayunos-8.jpg)
}
.sliderHome #slide7{
    background-image:url(https://www.hotelparadapuigcerda.com/img/sala_estar-7-1.jpg)
}
.sliderHome #slide8{
    background-image:url(https://www.hotelparadapuigcerda.com/img/6.jpg)
}
.main-nav>ul{
    margin-bottom:0;
    //margin-top:6px
}
.main-nav>ul>li{
    float:left;
    margin-left:.5em
}
.main-nav>ul>li>a{
    display:inline-block;
    padding:.95em 1.15em;
    font-weight:300
}
.menu-item-846{
    background:#e48d40
}
.main-nav>ul>li#menu-item-846 a{
    color:#fff
}
.main-nav>ul>li a{
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    color:#a5a5a5;
    font-size:.8em
}
.main-nav>ul>li ul a:hover,.main-nav>ul>li.current_page_item>a,.main-nav>ul>li.current_page_parent>a,.main-nav>ul>li:hover>a,.main-nav>ul>li>a:hover{
    color:#fff;
    background:#e48d40
}
.main-nav>ul>li.current_page_item>a,.main-nav>ul>li.current_page_parent>a{
    opacity:.5
}
.main-nav>ul>li.current_page_item>a:hover,.main-nav>ul>li.current_page_parent>a:hover{
    opacity:1
}
.boton-reservar:hover,.info img:hover,.spa img:hover{
    opacity:.8
}
.main-nav>ul>li a+ul:hover,.main-nav>ul>li a:hover+ul{
    display:block
}
.main-nav>ul>li ul{
    position:absolute;
    background:#fff;
    display:none;
    z-index:100;
    box-shadow:0 2px 2px rgba(0,0,0,.1)
}
.main-nav>ul>li li{
    width:220px
}
.main-nav>ul>li ul a{
    padding:.8em 1em;
    display:block;
    text-transform:capitalize
}
.main-nav>ul>li>ul ul{
    top:0;
    left:100%
}
.icon-312:before{
    content:"\f1a5"
}
.icon-338:before{
    content:"\f1b9"
}
.icon-274:before{
    content:"\f186"
}
.icon-402:before{
    content:"\f1e5"
}
.icon-185:before{
    content:"\f146"
}
.icon-549:before{
    content:"\f350"
}
.icon-556:before{
    content:"\f243"
}
.icon-528:before{
    content:"\f231"
}
.icon-467:before{
    content:"\f20d"
}
.icon-185,.icon-274,.icon-312,.icon-338,.icon-402,.icon-528,.icon-549,.icon-556{
    margin-right:5px;
    vertical-align:top;
    display:inline-block;
    font-family:Ionicons;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    text-rendering:auto;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    font-size:1.3em
}
.subTituloSeccion,.tituloHome,.tituloSeccion{
    font-family:Roboto Slab;
    font-style:normal;
    text-align:center
}
.separador{
    color:inherit;
    width:30%;
    position:relative;
    display:table;
    margin:1em auto
}
.separador:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:-1px;
    bottom:0;
    border-radius:50%;
    margin:auto;
    width:.3em;
    height:.3em;
    border:2px solid currentColor;
    background:#fff;
    box-shadow:0 0 0 5px #fff
}
.info{
    width:33.333333%;
    float:left;
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px
}
.info h3{
    font-size:1.563em
}
.container2{
    background-image:url(https://www.hotelparadapuigcerda.com/img/detalle2-hotel-parada-puigcerda.jpg?id=561)!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    text-align:center
}
.container2 img{
    width:600px;
    height:301px
}
.footerDiv,footer{
    width:100%;
    float:left
}
.boton-reservar{
    color:#FFF;
    background-color:#F90;
    font-size:16px;
    padding:18px 25px;
    border-radius:5px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    top:0;
    transition:all .2s ease-in-out;
    line-height:normal
}
.boton-reservar:hover{
    color:#f2f2f2;
    background-color:#d68100
}
footer{
    background:#262529!important;
    position:relative
}
.footerDiv{
    padding:60px 0
}
.footerDiv ul>li{
    padding:4px 0;
    font-size:.8em;
    position:relative;
    line-height:1.3em
}
.social-links{
    padding-left:0
}
.social-links>li{
    display:inline-block;
    min-width:45px;
    margin:0 5.5px
}
.social-links>li:first-child{
    margin-left:0
}
.social-links>li a{
    display:block;
    border-radius:5px;
    color:rgba(255,255,255,.6)!important;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    text-align:center;
    position:relative;
    overflow:hidden;
    padding:13%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:2em
}
.social-links>li a:hover{
    color:#fff!important;
    filter:alpha(opacity=80);
    opacity:.8
}
.social-links>li a i{
    margin:auto;
    padding:0
}
.hover-twitter:hover,.social-twitter{
    background:#55acee
}
.hover-facebook:hover,.social-facebook{
    background:#3b5998
}
.hover-google:hover,.social-google{
    background:#e51c23
}
.hover-rss:hover,.social-rss{
    background:#b6319c
}
.xarxes-socials ul{
    list-style:none;
    float:left;
    -webkit-padding-start:0
}
.xarxes-socials ul>li{
    padding-left:36px!important;
    position:relative;
    margin-top:18px;
    text-transform:uppercase
}
.tituloHome{
    font-size:35px;
    font-weight:400
}
.tituloSeccion{
    font-size:45px;
    font-weight:400;
    margin:.5em
}
.subTituloSeccion{
    color:#118471;
    font-weight:300;
    font-size:28px
}
.xarxes-socials .info img{
    width:auto;
    margin-bottom:0
}
.logoMenu{
    position:absolute;
    margin-left:5%
}
.fixed,.fixedLogo{
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:auto
}
.fixed{
    z-index:3
}
.fixedLogo{
    z-index:6;
    width:11%
}
.spa img{
    cursor:pointer
}
.containerDiv{
    padding-left:15px;
    padding-right:15px
}
.divHabitaciones{float:left; padding:30px 0px 60px 0; color:#1d1d2f !important; width:100%;}
.colHabitaciones{width: 50%; float: left; text-align: center;}
.divSeparador{
    background-color:#F7BE68;
    width:50%;
    height:1px;
    margin:30px 25%
}
.divSeparador2{
    display:none
}
.divSpa{
    padding-right:10px;
    float:left;
    width:24%;
    height:205px
}
.divActividades{
    padding:30px 0 60px;
    color:#1d1d2f!important;
    text-align:center
}
.divActividades div{
    margin-bottom:30px
}
.divSituacion{
    float:left;
    width:47%;
    color:#1d1d2f;
    padding-left:15px;
    padding-right:15px;
    text-align:left
}
.divDetallesHabitacion{
    float:left;
    width:31.5%;
    height:377px
}
.activo{
    background-color:#e48d40;
    opacity:.5;
    transition:opacity 1s
}
.activo:hover{
    opacity:1
}
.ordenador{
    display:block
}
.movil{
    display:none
}
.botonReservar{
    float:left;
    text-align:center;
    background-color:#F90;
    width:50%;
    border-radius:5px;
    padding:14px 20px;
    margin-left:22.5%
}
.imagenReservar{
    float:left;
    width:65%;
    margin-top:3.8%
}
.formularioReservar{
    width:32%;
    height:auto;
    float:left;
    background-color:#F3E8CE;
    margin-left:3%
}
.tituloSeccionHabitacion{
    font-size:35px;
    font-weight:300
}
.habitacion{
    float:left;
    padding:30px 0;
    color:#1d1d2f!important;
    width:100%
}
@media only screen and (max-width:780px){
    .colHabitaciones,.imagenReservar{
        width:100%;
        float:left
    }
    .container h1,.menuMobile,footer{
        text-align:center
    }
    .imagenReservar{
        margin-top:3.8%
    }
    .formularioReservar{
        width:100%;
        height:auto;
        margin-left:0
    }
    .ordenador{
        display:none
    }
    .movil{
        display:block
    }
    .containerDiv{
        padding-left:0;
        padding-right:0
    }
    .divSeparador2{
        background-color:#F7BE68;
        width:50%;
        height:1px;
        margin:30px 25%;
        display:block
    }
    .inferior,.superior,.tercero{
        display:none
    }
    .divHabitaciones{
        padding:10px 0 60px
    }
    .divSituacion,.divSpa{
        padding-right:0;
        width:100%
    }
    .divSpa{
        float:left;
        height:auto
    }
    .divActividades div{
        margin-bottom:0
    }
    .divSituacion{
        padding-left:0
    }
    .tituloSeccionHabitacion{
        font-size:30px;
        font-weight:300
    }
    .habitacion{
        padding:10px 0 30px
    }
    .containerDivHabitacion{
        padding-left:15px;
        padding-right:15px
    }
    .divDetallesHabitacion{
        width:100%;
        margin:2% 0;
        height:280px
    }
    .botonReservar{
        width:87.5%;
        margin-left:0
    }
    .subTituloSeccion{
        font-size:23px;
        margin:0
    }
    .swiper-container{
        top:-4px
    }
    header img{
        width:100px
    }
    .mobile{
        display:block;
        background:#262529!important;
        height:50px;
        margin-left:auto;
        margin-right:auto;
        z-index:5
    }
    .icon-467{
        display:inline-block;
        font-family:Ionicons;
        speak:none;
        font-style:normal;
        font-weight:400;
        font-variant:normal;
        text-transform:none;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased
    }
    .reservar{
        display:block!important;
        color:#F3E8CE;
        text-decoration:none;
        font-size:14px;
        font-family:'Open Sans',sans-serif;
        background:url(https://www.hotelparadapuigcerda.com/img/calendar-white.svg) 14px center no-repeat #728a54;
        right:22%;
        top:6.5px;
        position:absolute;
        width:60px;
        float:right;
        padding:.563em 1.25em .625em 2.813em;
        font-weight:700
    }
    .sliderHome{
        height:175px
    }
    .sliderHome #slide5{
        background-image:url(https://www.hotelparadapuigcerda.com/img/slide-mobile.jpg)
    }
    .container{
        width:100%;
        padding:0
    }
    .container h1{
        font-size:22px;
        font-family:Roboto Slab;
        font-weight:400;
        font-style:normal;
        padding:0 10px
    }
    .info{
        width:100%;
        float:left;
        box-sizing:border-box;
        padding-left:15px;
        padding-right:15px
    }
    .container2 img,.containerDiv img{
        width:100%;
        height:auto
    }
    .xarxes-socials .info img{
        width:60%;
        margin-bottom:30px
    }
    footer{
        padding:60px 0
    }
    .menuMobile{
        display:none;
        position:absolute;
        top:50px;
        z-index:4;
        width:100%
    }
    .menuMobile ul{
        box-shadow:0 1px 2px rgba(0,0,0,.5);
        width:100%;
        list-style:none;
        padding:0;
        margin:0
    }
    .menuMobile li{
        background:#262529!important;
        border-bottom:1px solid #282b30
    }
    .menuMobile li:last-child{
        border-bottom:0
    }
    .menuMobile a{
        line-height:35px;
        color:#fff
    }
    .menuMobile ul.open-menu{
        max-height:400px;
        transition:max-height .4s
    }
    .menuMobile ul.close-menu{
        max-height:0;
        transition:max-height .4s
    }
    #menuMobile{
        -webkit-animation-name:example;
        -webkit-animation-duration:.5s;
        animation-name:example;
        animation-duration:.5s
    }
    @-webkit-keyframes example{
        0%{
            left:0;
            top:-400px
        }
        100%{
            left:0;
            top:50px
        }
    }
}