/* 
Wireframe: Spain 10
Version: 1
Update: 2017.11.13
*/

body {
    background: none;
    color: #333;
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
body .fullsite::before {
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: -1;
    background: url(../images/bg-inicio.jpg) center no-repeat;
    background-size: cover;
}
body.page-pagina2 .fullsite::before {
    background-image: url(../images/bg-pagina2.jpg);
}
body.page-pagina3 .fullsite::before {
    background-image: url(../images/bg-pagina3.jpg);
}
body.page-pagina4 .fullsite::before {
    background-image: url(../images/bg-pagina4.jpg);
}
body.page-pagina5 .fullsite::before {
    background-image: url(../images/bg-pagina5.jpg);
}
body.page-pagina6 .fullsite::before {
    background-image: url(../images/bg-pagina6.jpg);
}
a {
    color: #009683;
    text-decoration: underline;
    transition: color .4s;
}
a:active, a:hover, a:focus {
    color: #009683;
    text-decoration: none;
}
hr {
    border-color: #666;
}

.image-right {
    float: right;
    margin: 0 0 10px 15px;
    border-radius: 5px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
    border-radius: 5px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "lato", sans serif;
}
h1, .h1 {
    font-size: 36px;
}
h2, .h2 {
    font-size: 28px;
}
h3, .h3 {
    font-size: 29px;
}
h4, .h4 {
    font-size: 20px;
}
h5, .h5 {
    font-size: 18px;
}
h6, .h6 {
    font-size: 16px;
}

header.top {
    position: relative;
    padding: 10px 0;
    background: #fff;
}
header.top .inside {
    display: grid;
    grid-template-areas: "logo cta";
    justify-content: space-between;
}
header.top .inside .logo {
    grid-area: logo;
}
header.top .inside .cta {
    grid-area: cta;
    align-self: center;
    text-align: center;
}
header.top .inside .cta a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
}
header.top .inside .cta a i.fa {
    font-size: 36px;
    line-height: 1;
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    color: #000;
}
header.top .inside .cta a > span {
    display: inline-block;
}
header.top .inside .cta a > span .tel {
    color: #000;
    font-family: "lato", sans serif;
    font-size: 23px;
}
header.top nav.mobile-nav {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 50;
    display: none;
}
header.top nav.mobile-nav a {
    display: inline-block;
    background: #009683;
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    line-height: 1;
    padding: 10px;
    transition: background .4s;
}
header.top nav.mobile-nav a:hover {
    background:#009683;
}

nav.main-nav {
    position: relative;
    background: #009683;
    text-align: center;
    z-index: 50;
    transition: background .4s;
}
.is-sticky nav.main-nav {
    background: #009683;
}
nav.main-nav .cta {
    float: right;
    display: none;
    padding-top: 5px;
}
.is-sticky nav.main-nav .cta {
    display: block;
}
nav.main-nav .cta a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
}
nav.main-nav .cta a i.fa {
    font-size: 40px;
    line-height: 1;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #000;
}
nav.main-nav .cta a > span {
    display: inline-block;
}
nav.main-nav .cta a > span .tel {
    color: #000;
    font-family: "lato",  sans serif;
    font-size: 24px;
}

section.banner {
    position: relative;
    padding: 40px 0;
}
section.banner .text {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,.7);
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    padding-top: 20px;
}
section.banner .text h3 {
    font-size: 55px;
    line-height: 1.5;
    margin: 0;
	text-align:left;
}
section.banner .text table {
    margin: 40px 0px ;
}
section.banner .text table td {
    padding: 5px 0;
    text-align: left;
}
section.banner .side {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: center top;
    animation: scale-in 1s forwards;
    -webkit-animation: scale-in 1s forwards;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
@keyframes scale-in {
    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}
@-webkit-keyframes scale-in {
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}
section.banner .side .cta-banner {
    position: relative;
    background: rgba(255,255,255,.85);
    color: #333;
    border-radius: 10px;
    padding: 10px 5px;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
}
section.banner .side .cta-banner span {
    position: relative;
    display: inline-block;
    float: right;
    color: #333;
    font-size: 50px;
    line-height: 1;
    width: 100px;
}
section.banner .side .cta-banner span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98px;
    height: 98px;
    background: url(../images/bg-banner-cta.png) no-repeat center;
}
section.banner .side .cta-banner span i.fa {
    position: relative;
}

section.main-content {
    position: relative;
    background: #fff;
    padding: 30px 0;
}
section.main-content header.page-title {
    padding-bottom: 30px;
    text-align: center;
}
section.main-content header.page-title h1 {
    margin: 0;
}
section.main-content article.content {
    position: relative;
}
section.main-content article.content ul {
    list-style: outside disc;
    margin-left: 0;
    padding: 0;
}
section.main-content article.content ul li {
    position: relative;
    left: 1em;
    margin-left: 1em;
    padding-right: 1em;
}
section.main-content article.content .table-style {
    position: relative;
}
section.main-content article.content .table-style th {
    background: #f2f2f2;
}
section.main-content article.content .table-style th,
section.main-content article.content .table-style td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

section.contact-cta {
    position: relative;
    background: rgba(241, 171, 88, 0.85);
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0,0,0,.7);
    padding: 30px 0;
	font-size:35px !important;
}
section.contact-cta h4 {
    margin: 0;
}

section.maps {
    position: relative;
    padding: 20px 0;
	background: #f5f5f5;
}
section.maps .container {
    position: relative;
}
section.maps a:first-of-type {
    position: absolute;
    left: 30px;
    top: 15px;
    font-size: 0;
    width: 50px;
    height: 50px;
    background: rgba(0,153,204,.7);
    text-decoration: none;
    text-align: center;
    z-index: 1;
    transition: background .4s;
}
section.maps a:first-of-type:hover {
    background: rgba(0,153,204,1);
}
section.maps a:first-of-type::after {
    content: '\f00e';
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 50px;
    color: #fff;
}

footer.bottom {
    position: relative;
    background: #000;
    color: #ccc;
    text-align: center;
    padding: 30px 0;
    font-weight: bold;
}
footer.bottom h4,
footer.bottom h5 {
    color: #009683;
    margin: 0;
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
}
footer.bottom p {
    margin-bottom: 20px;
}
footer.bottom a {
    color: #ccc;
    text-decoration: none;
}
footer.bottom a.tel {
    font-size: 2em;
}
footer.bottom .hours {
    margin-bottom: 20px;
}
footer.bottom .hours .containerOpening .openingLine {
    display: inline-block;
    margin: 0 5px;
}
footer.bottom .hours .containerOpening .openingLine .openingDay {
    font-weight: bold;
}
footer.bottom .hours .containerOpening .openingLine .openingDay::after {
    content: ':';
}
footer.bottom .hours .containerOpening .openingLine .openingTime {
    font-weight: normal;
}
footer.bottom .networks {
    text-align: center;
    padding-top: 5px;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox {
    padding-bottom: 5px;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0 3px;
    width: 32px;
    height: 32px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #ccc;
    background: none;
    text-decoration: none;
    float: none;
    transition: color .4s;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b:hover {
    color: #fff;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b::before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 32px;
    line-height: 32px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b > span {
    display: none;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email::before {
    content: "\f199";
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_facebook::before {
    content: "\f082";
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_twitter::before {
    content: "\f081";
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_linkedin::before {
    content: "\f08c";
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share::before {
    content: "\f0d4";
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
    position: relative;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 3px!important;
    opacity: 0;
}
footer.bottom .networks #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share::before {
    content: "\f0d3";
}
footer.bottom .footer-nav {
    font-size: 10px;
}
footer.bottom .footer-nav a:hover {
    text-decoration: underline;
}

#scrollUp {
    bottom: 20px;
    right: 15px;
    padding: 7px 10px 10px;
    background: #009683;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    transition: background .4s;
}
#scrollUp:hover {
    background:#009683;
}
 
div.cc-cookies {
    width: 100%;
}
.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
    box-sizing: content-box;
}
div#_atssh {
    bottom: 0;
}

@media only screen and (max-width : 1024px) {
    /*
    body {
        background-size: unset;
        background-attachment: scroll;
    }
    */
}
@media only screen and (max-width : 991px) {
    .is-sticky nav.main-nav {
        text-align: left;
    }
    section.banner .text {
        padding: 0 0 30px;
    }
    section.banner .text h3 {
        font-size: 48px;
        line-height: 1.4;
    }
    section.banner .side {
        max-width: 400px;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 767px) {
    body {
        /*background-size: unset;*/
    }
    .image-right {
        float: none;
        margin: 10px 0;
        border-radius: 5px;
    }
    .image-left {
        float: none;
        margin: 10px 0;
        border-radius: 5px;
    }
    header.top .inside {
        grid-template-areas: 
            "logo"
            "cta";
        justify-content: center;
    }
    header.top .inside .logo {
        text-align: center;
        margin-bottom: 20px;
    }
    header.top nav.mobile-nav {
        display: block;
    }
    nav.main-nav {
        display: none;
        height: 0;
    }
    section.banner {
        padding: 25px 0;
    }
    section.banner .text h3 {
        font-size: 36px;
    }
    section.main-content article.content img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    section.main-content article.content ul li {
        margin-left: 2em;
        left: 0;
        padding-right: 0;
    }
    footer.bottom .hours {
        margin: 10px 0;
    }
    footer.bottom .hours .containerOpening .openingLine {
        display: block;
        margin: 0;
    }
}