/* Global */

body {
    font-family: 'Belleza', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7a7a7a;
    overflow-x: hidden;
}

::selection {
    background: #df4d58;
    color: #fff;
}

::-moz-selection {
    background: #df4d58;
    /* Firefox */
    color: #fff;
}

img {
    max-width: 100%;
}

a:link {
    color: #df4d58;
    text-decoration: none;
}

a:hover {
    color: #df4d58;
}

a:visited {
    color: #df4d58;
    text-decoration: none;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.just {
    text-align: justify;
}

.mgr2 {
    margin-right: 20px;
}

.mgt2 {
    margin-top: 20px;
}

.color {
    color: #df4d58;
}


/* === Navigation === */

#undefined-sticky-wrapper {
    position: relative;
    height: 0 !important;
}

.menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 76px;
    background: #A3A3A3 url(../images/button_bg.png) repeat left top;
    z-index: 9999;
}

#logo {
    margin-bottom: 0;
    margin-left: 0;
}

#logo:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#nav {
    text-align: right;
}

.navigation {
    float: right;
    list-style: none;
    margin: 0;
}

ul.navigation {
    margin: 0;
    padding: 0;
}

.navigation li {
    float: left;
    text-align: left;
    padding: 28px 0 25px;
    margin-left: 30px;
    text-transform: uppercase;
    background: none;
    font-family: 'Marcellus SC', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.navigation li:first-child {
    margin-left: 0;
}

.navigation li:hover, .navigation .active {
    cursor: pointer;
    border-bottom: 3px solid #df4d58;
}


/* General Slides */

.slide {
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

h1 {
    margin: 0;
    padding: 0 0 6px 0;
    text-transform: uppercase;
    text-align: left;
    font-style: normal;
    background: none;
    font-family: 'Marcellus SC', serif;
    font-size: 48px;
    line-height: 86px;
    color: #3e3e3e;
    font-weight: 700;
}

.h1_viva {
    margin: 0;
    padding: 0 0 30px 30px;
    background: url(../images/h1_viva.png) no-repeat;
    font-family: 'Marcellus SC', serif;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    color: #acacac;
}

h4 {
    margin: 0;
    padding: 0 0 33px 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Marcellus SC', serif;
    font-weight: 400;
    font-size: 35px;
    font-style: normal;
    line-height: 40px;
    color: #343434;
}

h5 {
    margin: 0;
    padding: 0 0 17px 0;
    text-transform: none;
    font-family: 'Marcellus SC', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    color: #3e3e3e;
}

img.icon_img {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.effect_2 {
    background: url(../images/effect_2.png) repeat left top;
    position: relative;
    top: 0;
    bottom: -57px;
    height: 100%;
    z-index: 999 !important;
}


/* ____________________________________ Slide 1 ____________________________________ */

#slide1 {
    background-size: cover !important;
    width: 100%;
    text-align: center;
    background: url(../images/fondo1.jpg);
}

.filtr_bg {
    text-align: center;
}

#slide1 h1 {
    float: none;
    border-right: none;
    /* [disabled]margin: 180px 0 0; */
    padding: 0 0 0px;
    text-align: center;
    text-transform: uppercase;
    color: #df4d58;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
    position: relative;
    top: 15%;
    font: 700 42px/65px 'Marcellus SC', serif;
    letter-spacing: -2px;
}

.slogan_text {
    display: inline-block;
    padding: 150px 140px 40px 100px;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #7B7878;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
}

.left_bord {
    display: inline-block;
    padding-bottom: 13px;
    background: url(../images/left_bord.png) no-repeat;
    height: 2px;
    width: 140px;
}

.right_bord {
    display: inline-block;
    padding-bottom: 13px;
    background: url(../images/right_bord.png) no-repeat;
    height: 2px;
    width: 140px;
}

#slide1 .button {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    border: none;
    text-transform: uppercase;
    background: url(../images/retrato.png) no-repeat;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding-left: 30px;
}


/* ____________________________________ Slide 2 ____________________________________ */

#slide2 {
    background: url(../images/slide_bg.jpg) repeat left top;
    width: 100%;
    padding: 86px 0 69px;
}

.about_heart {
    position: relative;
}

.heart {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.about_block {
    padding: 33px 20px 30px 31px;
    background: #fff;
    border-radius: 5px;
}

.about_block p {
    padding: 33px 0 0 0;
}

.bride_foto {
    float: left;
    border-radius: 50%;
    margin: 0 18px 10px 0;
}

.icon_heart {
    margin-top: 12px;
}


/* ___________________________________ //Slide 2 ___________________________________ */


/* ____________________________________ Slide 3 ____________________________________ */

#slide3 {
    background-image: url(../images/slide33_bg.jpg);
    background-size: cover !important;
    width: 100%;
    text-align: center;
}

.padding_slide3 {
    padding: 185px 0 151px;
}


/* ___________________________________ //Slide 3 ___________________________________ */


/* ____________________________________ Slide 4 ____________________________________ */

#slide4 {
    background: url(../images/slide_bg.jpg) repeat left top;
    width: 100%;
    padding: 86px 0 69px;
}

.servc_block {
    overflow: hidden;
    /*margin-bottom:15px;*/
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.icon_h {
    overflow: hidden;
    /* [disabled]border-radius: 50%; */
    position: relative;
    float: left;
    margin: 0 25px 15px 0;
    width: 139px;
    height: 139px;
}

.icon_h img {
    position: absolute;
    top: 0;
    left: 0;
}

.servc_icon {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.servc_block:hover .servc_icon {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.servc_block a {
    display: block;
    margin: 0;
    padding: 15px 0 5px;
    text-transform: uppercase;
    /* [disabled]font-family: 'Raleway', sans-serif; */
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 400;
    cursor: default;
}

.servc_block:hover a {
    color: #df4d58;
}

.improve {
    font-size: 16px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 2px rgba(255, 0, 0, 1);
}


/* ___________________________________ //Slide 4 ___________________________________ */


/* ____________________________________ Slide 5 ____________________________________ */

#slide5 {
    background-size: cover !important;
    width: 100%;
    text-align: center;
    background: url(../images/slide5_bg.jpg);
}

.padding_slide5 {
    padding: 185px 0 151px;
}

.button_bg {
    background: url(../images/button_bg.png) repeat left top;
    width: 100%;
    height: 72px;
}

.button3 {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 336px;
    height: 72px;
    border: none;
    text-transform: uppercase;
    background: url(../images/button_top1.png) no-repeat;
}

.button3:hover {
    background: url(../images/button_top2.png) no-repeat;
}


/* ___________________________________ //Slide 5 ___________________________________ */


/* ____________________________________ Slide 6 ____________________________________ */

#slide6 {
    background: url(../images/slide_bg.jpg) repeat left top;
    width: 100%;
    padding: 86px 0 69px;
}

#slide6 h4 {
    padding-bottom: 18px;
}


/* _________________ PORTFOLIO ________________ */

.gallery-list {
    text-align: center;
    margin-left: -25px !important;
}

#slide6 .hover_img {
    overflow: hidden;
    position: relative;
    height: 211px;
    width: 235px;
    background: #fff;
}

.img_block {
    display: inline-block;
    margin: 10px;
    width: 235px;
    height: 211px;
}

.portfolio_zoom, .portfolio_link {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-color: #none;
    transition: right 0.7s ease-in-out;
    -moz-transition: right 0.7s ease-in-out;
    -webkit-transition: right 0.7s ease-in-out;
    -o-transition: right 0.7s ease-in-out;
}

.portfolio_zoom {
    right: 40px;
    background-image: url(../images/zoom.png);
    background-position: 0 0;
    z-index: 302;
}

.portfolio_link {
    right: 0px;
    background-image: url(../images/link.png);
    background-position: 0 0;
    z-index: 303;
}

.portfolio_zoom:hover, .portfolio_link:hover {
    background-color: #2c2c2c;
    z-index: 310;
}

.portfolio_zoom a, .portfolio_link a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.item_description {
    position: absolute;
    top: -215px;
    left: 0;
    right: 0;
    height: 177px;
    border-bottom: 4px solid #2c2c2c;
    padding: 15px 21px;
    background: #df4d58;
    text-align: center;
    color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.hover_img:hover .item_description {
    top: 0;
}

.item_description p {
    padding: 0 0 6px;
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}


/* ________________ //PORTFOLIO _______________ */


/* ___________________________________ //Slide 6 ___________________________________ */


/* ____________________________________ Slide 7 ____________________________________ */

#slide7 {
    background-size: cover !important;
    width: 100%;
    text-align: center;
    background: url(../images/slide7_bg.jpg);
}

.padding_slide7 {
    padding: 148px 0 159px;
}


/* ___________________________________ //Slide 7 ___________________________________ */


/* ____________________________________ Slide 8 ____________________________________ */

#slide8 {
    background: url(../images/slide_bg.jpg) repeat left top;
    padding: 86px 0 0;
}

#slide8 .container {
    margin-bottom: 80px;
}


/* ______________ CONTACT_FORM ______________ */

::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #929292 !important;
}

:-moz-placeholder {
    opacity: 1 !important;
    color: #929292 !important;
}

::-moz-placeholder {
    opacity: 1 !important;
    color: #929292 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
    color: #929292 !important;
}

.contact_form input[type="text"], .contact_form textarea {
    width: 93%;
    margin: 22px 0 0 0;
    padding: 17px 10px 17px 21px;
    background: #fff;
    font-size: 14px;
    line-height: 21px;
    border: 1px solid #e3e3e3;
    color: #929292;
    font-family: 'Belleza', sans-serif;
}

.contact_form input[type="text"]:first-child {
    margin-top: 0;
}

.contact_form textarea {
    resize: none;
    margin-top: 0;
    height: auto;
    min-height: 164px;
}

.contact_btn {
    border: none;
    text-transform: uppercase;
    margin: 0 4px 10px 0;
    padding: 12px 25px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: 'Marcellus SC', serif;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    background: #3e3e3e;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.contact_btn:hover, .send_btn {
    background: #df4d58;
}

#note .notification_ok {
    margin-top: 20px;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    background: #3e3e3e;
    font-family: 'Belleza', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

#note .notification_error {
    font-family: 'Belleza', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #f00;
}


/* Validación Formulario
================================================== */

#ContactForm label.error {
    color: #666;
    font-size: 0.8em;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 2px;
    text-transform: uppercase;
}

#ContactForm label.error, #ContactForm select.error {
    background: df4d58;
    border: 1px solid #f0ead6;
    text-align: center;
    padding: 2px;
}


/* _____________ //CONTACT_FORM _____________ */

#map_block {
    margin: 0;
}


/* ____________________________________ //Slide 8 ____________________________________ */


/* ____________________________________ FOOTER ____________________________________ */

#footer {
    background: #A3A3A3 url(../images/button_bg.png) repeat left top;
    padding: 27px 0 23px;
}

.copyright {
    float: left;
    text-transform: uppercase;
    font-family: 'Belleza', sans-serif;
    font-weight: 300;
    color: #e9e9e9;
    margin-top: 20px;
}

.copyright a {
    color: #df4d58;
}

.copyright a:hover {
    text-decoration: none;
    color: #fff;
}


/* _____________ BACK_TOP ___________ */

#back_top {
    float: right;
    width: 30px;
    height: 30px;
    background: #df4d58;
    padding: 8px;
}

#back_top a.button {
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-family: 'Belleza', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

#back_top a.button:hover {
    text-decoration: none;
}


/* ____________ //BACK_TOP __________ */


/* ___________________________________ //FOOTER ___________________________________ */


/* ==========================================================================
Animations
========================================================================== */

.animated {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes fadeInUpDelay {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpDelay {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpDelay {
    -webkit-animation-name: fadeInUpDelay;
    animation-name: fadeInUpDelay;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUpD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpD {
    -webkit-animation-name: fadeInUpD;
    animation-name: fadeInUpD;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}


/* ==========================================================================
Waypoints
========================================================================== */

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: hidden;
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD {
    visibility: visible;
}

#stage {
    background: url(../images/ipad2.png) no-repeat;
    position: relative;
    height: 695px;
    width: 100%;
    z-index: 9999;
    margin-top: 100px;
}

li a.spanish {
    background: url(../images/spanish.png) no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-top: -6px;
}

li a.english {
    background: url(../images/english.png) no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin-top: -6px;
}

#slide2 .choose {
    padding-left: 20px;
    border-left: 2px solid rgba(204, 204, 204, .5);
    height: 530px;
}

#slide2 span, #slide4 span {
    text-transform: uppercase;
    color: #df4d58;
}

#slide2 ul {
    padding-bottom: 10px;
    padding-left: 20px;
    list-style: url(../images/marker.gif);
    margin-left: 20px;
}

#slide8 .faq {
    padding-bottom: 40px;
}

#slide8 h4 {
    font-size: 18px;
    line-height: 36px;
    color: rgba(255, 51, 102, 1);
    text-transform: none;
    text-align: left;
    padding-bottom: 0px;
}


/* ==========================================================================
Accordion
========================================================================== */

.ac-container {
    width: 76%;
    margin: 10px auto 30px;
    text-align: left;
}

.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #df4d58;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    line-height: 33px;
    font-size: 19px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 1px 0px 0px 0px rgba(255, 255, 255, 0.9) inset, 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked+label, .ac-container input:checked+label:hover {
    background: rgba(255, 51, 51, .2);
    color: #df4d58;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.ac-container label:hover:after, .ac-container input:checked+label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked+label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container article p {
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.ac-container input:checked~article {
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3);
}

.ac-container input:checked~article.ac-small {
    height: 100px;
}

.ac-container input:checked~article.ac-medium {
    height: 150px;
}

.ac-container input:checked~article.ac-large {
    height: 230px;
}

.separador {
    text-align: center;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    opacity: .7;
}

.contact_info img {
    height: 22px;
    width: 22px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}

.social a {
    display: inline-block;
    float: right;
    padding-right: 20px;
    text-align: center;
}

.social {
    margin-top: 12px;
    margin-right: 20%;
}

.compensa {
    height: 50px;
    margin-left: 20px;
}


/* === Cookies === */

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}

#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 76px;
    width: 100%;
    text-align: center;
    background: #A3A3A3 url(../images/button_bg.png) repeat left top;
    font-size: 1.2em: color: #fff;
}

#infobox3 p {
    line-height: 4.5em;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
}

#infobox3 p a {
    margin: 0 15px;
    text-decoration: none;
    background: #ddd;
    padding: 6px;
    border-radius: 6px;
    font-size: 1em;
    color: #df4d58;
    cursor: pointer;
}

#infobox3 .pdl {
    padding-right: 6px;
}

.avisoLegal {
    background: url(../images/slide_bg.jpg) repeat left top;
}

.avisoLegal p, .legalNotice p {
    font-size: 1em;
    text-align: justify;
}

.avisoLegal h1, .legalNotice h1 {
    color: #df4d58;
    text-align: center;
    font-size: 3em;
    margin-top: 20px;
}

.avisoLegal h5 {
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
    font-size: 2em;
}