body {font-weight: 300;}

#bg { 
    position: fixed;
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
}
#bg img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;}

a.back-to-top {
    display: none;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border: 1px solid #FFF;
    font-size: 2em;
    position: fixed;
    color: #FFF;
    text-align: center;
    z-index: 999;
    right: 2rem;
    bottom: 2rem;
    background: #15a89e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
a:hover.back-to-top {background-color: #24bab0; color: #FFF}

.cabecalhoFull {display: block;}

.logo {display: block; margin: 2rem 0; float: left;}
.logo a img {-webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s;}
.logo a img:hover {opacity: 0.6}
.minUrgencias {display: none;}

.cabecalho p.contactoRapido {
    background-color: #15a89e;
    font-size: 1em;
    font-weight: 400;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    text-align: center;
    display: inline-block;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    margin: 4rem 0;
    color: #FFF;
}   
.contactoRapido:before {
   content:"";
   position: absolute;
   background-image: url(../images/pata_urgencias.png);
   background-repeat: no-repeat;
   width: 40px;
   height: 40px;
   margin: 0 0 0 -5.25rem;

   transform:rotate(-35deg);
   -ms-transform:rotate(-35deg); 
   -webkit-transform:rotate(-35deg);
}

.flex-images a img {opacity: 1; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s;}
.flex-images a:hover img {opacity: 0.8}



nav {
    position: relative;
    z-index: 100; 
    background-color: #15a89e;
    border-bottom:5px solid #083964;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius:1rem;
    -moz-border-radius-topleft: 1rem;
    -moz-border-radius-topright: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
nav ul, nav ul li {padding:0; margin:0;}
nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}

nav ul {list-style: none; position: relative; display: inline-table; vertical-align: middle;}
nav ul li {padding-right: 0 2rem;}
nav ul:after {content: ""; clear: both; display: block;}

nav ul li {float: left;}
nav ul li.firstLi:hover > a /*, .current-itemLi > a */{
    -webkit-border-top-left-radius: 1rem;
    -moz-border-radius-topleft: 1rem;
    border-top-left-radius: 1rem;
    display: block;
    background-color: #24bab0;
    color: #FFF;
}
nav ul li a:hover {color: #FFF}
nav ul li:hover > a /*, .current-item > a*/ {color: #FFF; text-decoration: none; background-color: #24bab0;}

.act {color: #FFF; text-decoration: none; background-color: #24bab0;}
.actFirst {-webkit-border-top-left-radius: 1rem; -moz-border-radius-topleft: 1rem; border-top-left-radius: 1rem; display: block; background-color: #24bab0; color: #FFF;}

nav ul li a {display: block; padding: 1.5rem 2rem; color: rgba(255,255,255,0.7); font-size: 1.15em;}
nav ul ul {background: #24bab0; border-radius: 0px; padding: 0; position: absolute; top: 100%;}
nav ul ul li {float: none; border-top: 1px solid #32c7bd; position: relative;}
nav ul ul li a {padding: 1rem 4rem 1rem 2rem; color: #fff; font-size: 1em}   
nav ul ul li a:hover {background: #32c7bd;}

nav .redesSociais {float: right; padding-right: 2rem;}
nav .redesSociais li a {
    margin: 1rem 0 0 0.75rem; padding: 0;
    display: block;
    width: 3.5rem; 
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-top: 1px solid #04877e; 
    border-bottom: 1px solid #32c7bd; 
    color: rgba(255,255,255,0.6);
}

nav .redesSociais li a:hover {color: rgba(255,255,255,1);}


hr {border: 1px solid #b0e5e1}
h1,h2,h3,h4,h5,h6 {color: #15a89e}
img {max-width: 100%; height: auto;}
a {text-decoration: none; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s;}
.container p, a {color: #323232}
a:hover {color: #24bab0}
ul {list-style: none}
.content {border-right: 1px solid #b0e5e1; border-left: 1px solid #b0e5e1; padding: 4rem; background-color: #FFF; clear: both;}
.textoIntro {text-align: center; margin-top: 2rem;}
.textoIntro h1 {margin-bottom: 1rem; color: #323232;}
.textoIntro h3 {color: #323232;}
.textoIntro span {color: #15a89e; font-weight: 400}

.artigosHome .minorWidth {display: none;}
.artigosHome {margin: 2rem 0;}
.artigosHome div > i {
    display: block;
    width: 12rem;
    height: 12rem;
    line-height: 12rem;
    margin: auto;
    text-align: center;
    border: 1rem solid #FFF;
    font-size: 5em;
    color: #FFF;
    background-color: #15a89e;
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%;
    position: relative;
    z-index: 5;
}

.financed-banner {
    position: fixed;
    font-size: 20px;
    z-index: 10213;
    display: inline;
    bottom: 0;
    left: 0;
}

.artigosHome .textoArtigosHome {background-color: #F0F0F0; padding: 5rem 2rem 3rem; margin-top: -3rem; text-align: center;}
.btSaberMais {margin-top: 1rem; background-color: #15a89e; color: #FFF; padding: 1rem 2rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem;} 
.btSaberMais:hover {background-color: #24bab0; color: #FFF; }
.textoIntroClinica {margin-top: 2rem; font-size: 1.15em;}
.textoIntroClinica p {text-align: center;}
.textoIntroClinica .minorWidth {display: none;}

footer.minorWidth {display: none;}
footer {
    background-color: #15a89e; 
    border-top:5px solid #083964;
    color: #FFF; 
    overflow: hidden;
    margin-bottom: 4rem;
    padding: 4rem; 
    -webkit-border-bottom-left-radius: 1rem;
    -webkit-border-bottom-right-radius:1rem;

    -moz-border-radius-bottomleft: 1rem;
    -moz-border-radius-bottomright: 1rem;

    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

footer p, footer a, footer ul li {color: rgba(255,255,255,0.8);}
footer a:hover {color: rgba(255,255,255,1)}
footer h5 {color: #FFF}
footer ul {margin-bottom: 0;}
footer .socialMedia {float: right; margin-bottom: 1rem; margin-top: 2rem}
footer .socialMedia ul li {float: left; margin-left: 1rem;}

footer .socialMedia ul li a {
    display: block;
    font-size: 1.5em; 
    width: 4rem; 
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    color: #15a89e; 
    background-color: rgba(255,255,255,0.8);
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%;
}

footer .socialMedia ul li a:hover {background-color: rgba(255,255,255,1)}
footer .textoDireitos p {clear: both; text-align: right; color: #FFF}


/*

    SERVIÇOS

*/

.artigosServicos article {margin-top: 3rem;}
.servicosFullWidth i, .servicosMinorWidth i {color: #15a89e; margin-right: 1rem}
.servicosFullWidth li, .servicosMinorWidth li {font-size: 1.25em}
.servicosMinorWidth {display: none;}
.servicosMinorWidth ul {margin-top: 2rem; display: block; margin-bottom: 0}
.servicosMinorWidth ul li {display: inline-block; margin-left: 0.5rem}


/*

    CONSELHOS

*/


/*----- Accordion -----*/
.accordion, .accordion * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.accordion {
    overflow:hidden; 
    box-shadow:0px 1px 3px rgba(0,0,0,0.25); 
    -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.25); 
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.25); 
    border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    background:#FFF;
}

.accordion-section-title.active, .accordion-section-title:hover {background:#15a89e; text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
.accordion-section-title {padding: 1.5rem; display: block; border-bottom:1px solid #FFF; background:#15a89e; color: #FFF}
.accordion-section-title h2 {font-size: 1.2em; display: inline-block; margin: 0; padding: 0; color: #FFF}
.accordion-section-title span {float: right; color: #FFF; font-size: 1.2em}
.accordion-section-title span.up {display: none;}
.accordion-section-title.active span.up, .accordion-section-title:hover span.down {display: block;}
.accordion-section-title.active span.down {display: none;}

/*----- Section Content -----*/
.accordion-section-content {padding: 2rem; display:none; overflow: hidden;}
.accordion-section-content p {text-align: justify;}
.accordion-section-content a {text-decoration: underline;}
.accordion-section-content a:hover {color: #008b15a89e52}






/*

    EQUIPA

*/


.listaEquipa article {border: 1px solid #b0e5e1; margin-top: 2rem; padding: 2rem}
.listaEquipa article h3, .listaEquipa article h6 {text-align: center;}
.listaEquipa article h3 {margin-bottom: 0; color: #323232}
.listaEquipa article h6 {font-weight: 400; font-size: 1.25em; margin-bottom: 1rem}
.listaEquipa article ul {margin: auto; width: 15rem; overflow: hidden;}
.listaEquipa ul li {float: left; margin-bottom: 0;}
.listaEquipa article ul li a {
    width: 4rem; 
    height: 4rem;
    line-height: 4rem;
    display: block;
    margin: 0 0.5rem;
    font-size: 1.25em;
    background-color: #15a89e;
    color: #FFF;
    text-align: center;
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}
.listaEquipa article ul li a:hover {opacity: 0.8}



/*

    GALERIA

*/



.listaAlbuns ul li {float: left; margin: 0; padding: 0;}
.listaAlbuns ul li a {
    color: #15a89e; 
    display: block; 
    margin: 1rem 1rem 0 0; 
    padding: 1rem 2rem; 
    font-size: 1.25em; 
    border: 1px solid #15a89e;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}
.listaAlbuns ul li a:hover, .listaAlbuns ul li a.active {color: #FFF; background-color: #15a89e}
.Container {margin-top: 2rem}
.Container .mix {display: none;}
.thumb {margin: 0;}




/*

    ADOPÇOES

*/



.slider1 h5 {
    text-align: center; 
    background-color: #15a89e; 
    color: #FFF; 
    margin: 0; 
    padding: 1rem 0;
    -webkit-border-top-left-radius: 1rem;
    -webkit-border-top-right-radius:1rem;
    -moz-border-radius-topleft: 1rem;
    -moz-border-radius-topright: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.slider1 p {padding: 2rem; background-color: #efefef}


/*

    CONTACTOS E CONSULTAS

*/


.google-maps {position: relative; padding-bottom: 60%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.textoContactos {margin-top: 3rem;} 
.contactosFullWidth .textoContactos {margin-top: 0;}  /* enquanto não usamos o form tirei a margem  margin-top: 3rem; */
.textoContactos h4,.textoContactos h5 {margin-bottom: 0.5rem;}
.textoContactos p i {font-size: 1.25em; margin-right: 1rem; color: #15a89e}
.textoContactos p {padding: 0; margin:0; margin-bottom: 1rem;}

.formulario p {margin-bottom: 1rem; font-weight: 400;}
.formulario form {margin: 0;}
.formulario form label {color: #15a89e}
.formulario form, .formulario select, .formulario option {color: #323232}
.formulario input:focus, textarea:focus, select:focus {border: 1px solid #15a89e;}
.formulario form input.button-primary {
    background-color: #15a89e; 
    border: 0; 
    padding: 0 5rem;
    transition:all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}
.formulario form .button-primary:hover {background-color: #24bab0;}
.formulario textarea {resize: none; height: 12rem;}
.contactosMinorWidth {display: none;}
.excepcaoForm {margin-left: 0}
.minorWidthConsultas {display: none;}

.msg_env{font-weight:bold; background-color:#15a89e; color: #FFF; padding: 1rem 2rem; text-align: center; display: none; margin-bottom: 1rem}
.msg_nonenv{font-weight:bold; background-color:rgb(255,0,0); color: #FFF; padding: 1rem 2rem; text-align: center; display: none; margin-bottom: 1rem}



/*

    TERMOS 

*/


.termosTexto h6 {font-weight: 400; margin-bottom: 0.5rem; font-size: 1.25em}
.termosTexto p {text-align: justify; color: #323232}
.termosTexto i {font-size: 1.25em; margin-right: 1rem;}
.termosTexto a {color: #15a89e; font-weight: 400; text-decoration: underline;}
.termosTexto a:hover {color: #24bab0}

.termosTexto .centroArbitragemMax {margin-bottom: 1rem; display: block; overflow: hidden; margin-bottom: 3rem}
.termosTexto .centroArbitragemMin {display: none}
.termosTexto .centroArbitragemMax p {margin-top: 3rem; text-align: left;}
.termosTexto p.noMargin {margin-bottom: 0; padding-bottom: 0;}




/*

    MAPA DO SITE 

*/


.mapaSite {margin-top: 4rem; display: block;}
.mapaSite article h5 {
    background-color: #15a89e; 
    color: #FFF; 
    text-align: center; 
    padding: 1rem; 
    margin-bottom: 0; 
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
}
.mapaSite ul li {margin: 0; padding: 0; font-size: 1.25em}
.mapaSite ul li a {text-align: center; border-bottom: 1px solid #ffe2de; display: block; padding: 1rem 0; margin-top: 0;}
.mapaSite ul li a:hover {border-color: #b0e5e1; color: #15a89e}













/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}
 
/*----- Menu -----*/

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {width:90%;}
    .artigosServicos h3 {font-size: 2em}
    nav ul li a {display: block; padding: 1rem 1.5rem; font-size: 1em}
}

@media screen and (max-width: 1050px) {
    .btConsulta a {padding: 1rem; font-size: 1em}
    .servicosFullWidth li {font-size: 1.15em}
    .termosTexto .centroArbitragemMin {margin-bottom: 1rem; display: block; overflow: hidden; text-align: center; margin-bottom: 3rem}
    .termosTexto .centroArbitragemMax {display: none;}
    .termosTexto .centroArbitragemMin p {margin-top: 0rem; text-align: center;}
}
 
@media screen and (max-width: 975px) {
    nav .redesSociais {padding-right: 1rem;}
    nav .redesSociais li a {margin: 0.65rem 0 0 0.75rem; width: 3rem; height: 3rem; line-height: 3rem;}
    nav ul li a {display: block; padding: 1rem;}
    footer h5 {color: #FFF; font-size: 1.3em}
    footer .socialMedia ul li a {font-size: 1.2em; width: 3rem; height: 3rem; line-height: 3rem;}
    .artigosServicos h3 {font-size: 1.5em}
    .textoArtigosHome h3 {font-size: 1.5em;}
    .servicosFullWidth {display: none;} 
    .servicosMinorWidth {display: block}
    .cabecalho p.contactoRapido {padding: 1rem;}
    .contactoRapido:before {display: none;}
}
 
@media screen and (max-width: 900px) {


    nav {position:relative; display:inline-block; border-bottom: none;float: left; margin-bottom: 1rem}
    nav ul.active {display:none;}


    nav ul {
        /*width:100%;*/
        white-space: nowrap;
        position:absolute;
        top:110%;
        left:0px;
        background:#15a89e;
    }
 
    nav ul:after {width:0; height:0; position:absolute; top:0; left:22px; content:''; transform:translate(0%, -100%);}
    nav li {width: 100%; float:none; clear: both; display:block;} 
    nav a {display:block; text-decoration: none;}
    nav ul:after {/*content: "";*/ clear: both; display: block;}
    nav ul li a {display: block; padding: 1.2rem 3rem; font-size: 1em;} 
    nav ul li.firstLi:hover > a, .current-itemLi > a {-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;}
    nav ul ul {position: relative;} /*posição relative posiciona a ul ul debaixo da li seleccionada */
    nav ul ul li.noBorder {border: none;}
    nav ul ul li a {text-align: center; color: #fff;}   

    nav .redesSociais {display: none;}
    /*nav ul li:hover, nav ul li a.active {border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem;}*/

    .toggle-nav {
    	text-decoration: none;
        padding: 2rem;
        float:left;
        display:inline-block;
        margin-top: -10rem;
        border-radius:3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background:#15a89e;
        color:rgba(255,255,255,0.7);
        font-size: 1.5em;
        transition:color linear 0.15s;
    }
 
    .toggle-nav:hover, .toggle-nav.active {color:rgba(255,255,255,1);}
    .logo {float: none; text-align: center;}
    .cabecalho p.contactoRapido {margin-top: 1rem; padding: 1.5rem 1.5rem 1.5rem 2.5rem}
    .contactoRapido:before {display: block;}

    .artigosHome a span {display: none;}
    .artigosHome a {
        margin: 1rem auto 0; 
        padding:0; 
        display: block; 
        width: 5rem; 
        height: 5rem; 
        border-radius: 50%; 
        -webkit-border-radius: 50%; 
        -moz-border-radius: 50%;
        font-size: 2em;
    }

    .content {border-top: 1px solid #b0e5e1;}
    .textoIntroClinica img {display: none;}
    .textoIntroClinica .fullWidth {display: none;}
    .textoIntroClinica .minorWidth {display: block;}
    footer.fullWidth {display: none;}
    footer.minorWidth {display: block;}
    footer.minorWidth, footer .textoDireitos p {text-align: center;}
    footer .socialMedia {float: none; margin-bottom: 1rem; margin-top: 2rem; text-align: center;}
    footer .socialMedia ul li {float: none; margin-left: 1rem;}
    footer .socialMedia ul li a {font-size: 1.5em; width: 4rem; height: 4rem; line-height: 4rem; margin: auto;}
    .contactosMinorWidth {display: block;}
    .contactosFullWidth {display: none;}
    .contactosMinorWidth .formulario {margin-top: 3.5rem}
    .fullWidthConsultas {display: none}
    .minorWidthConsultas {display: block;}
}

@media screen and (max-width: 800px) {
    .artigosHome .fullWidth {display: none;}
    .artigosHome .minorWidth {display: block;}
    .artigosHome a span {display: inline-block; margin-right: 1rem;}
    .artigosHome a {min-width: 15rem; height: auto; margin-top: 1rem; font-size: 1em; padding: 1rem 2rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem;} 
    .artigosHome h3 {font-size: 2.25em; margin-bottom: 1rem}
}

@media screen and (max-width: 550px) {
    .contactosMinorWidth .formulario {margin-top: 1.5rem}
    .maxUrgencias {display: none}
    .minUrgencias {display: block;}
}

@media screen and (max-width: 370px) {
    .contactosMinorWidth .formulario {margin-top: 1.5rem}
    .maxUrgencias {display: none}
    .minUrgencias {display: block;}
    .contactoRapido:before {background-image: none;}
    }
}