html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style:normal;
}

/* FONTS */

@font-face {
    font-family: MoonFlowerBold;
    src: url(../fonts/MoonFlowerBold.ttf);
}

/* ---- */

a:visited,
a:link
{
    color:#000000;
    text-decoration:none;
}

a:hover { color:#696969; }

body
{
    font-family: 'Raleway', sans-serif;
		background-color:#FFFFFF;
}

.container
{
    width:960px;
    margin: 0 auto 0 auto;
    overflow:hidden;
    font-weight: bold;
}

.row
{
    display:table;
    margin:20px 0 0 0;
    width: 100%
}

.row:first-child
{
    margin-top:0;
}

.row .item
{
    display:table-cell;
    width:225px;
    height: 225px;
    border-spacing: 10px;
    border-left:20px solid #F6F8F9;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.row .item:first-child
{
    border-left:none;
}

.row .item img
{
    max-width: 205px;
    max-height: 205px;
}

.row .img-wrapper
{
    display:table-cell;
}

.row .img-wrapper.logos img
{
		max-height: 90px;
}

.row .img-wrapper.only img
{
		display: block;
    width:auto;
		height: auto;
		margin:10px auto 0 auto;
		text-align: center;
}

.row .img-wrapper.horizontal img
{
    background-color: #fea123;
    height:210px;
    width:210px;
    margin-right:30px;
    float:left;
    display: block;
}

.row .img-wrapper.horizontal img:last-child
{
    margin-right:0;
}

.row .text-wrapper
{
    display:table-cell;
    vertical-align: top;
}

.hr
{
    border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* TEXT STYLING */

h1
{
    font-size:42px;
    font-weight: 400;;
    margin:0;
    text-transform: uppercase;
    display:inline-block;
    color:#0F96D5;
    padding:10px 10px;
    background-color:#FFFFFF;
}

h1.smaller
{
 	line-height:34px;
	font-size:29px;
	font-weight: 500;
    text-transform: uppercase;
}

h2
{
    font-size:22px;
    font-weight:500;
    padding:10px 10px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display:inline-block;
    color:#FFFFFF;
    background-color:#0F96D5;
}


h2.smaller
{
	line-height:20px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

h4
{
    font-size: 13px;
    margin:0;
    line-height: 20px;
    font-weight:700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color:#31353e;
}

h3
{
    font-size: 22px;
    margin:0;
    line-height: 25px;
    font-weight:400;
    letter-spacing: 0.3px;
    margin-bottom:10px;
    color:#294560;
}

.smaller a {
	color:inherit;
}

.smaller a:hover {
	color:#5AB2E2;
}

p
{
	font-size:17px;
	font-weight:300;
	color:black;
	line-height:23px;
	text-align: justify;
    margin-bottom: 10px;
}

/* MARGINS FOR HEADERS */

p ~ p {
    margin-bottom: 10px;
}

img + h3,
h3 + img,
img + p
{
    margin-top:15px;
}

h3 + p {
    margin-top: 5px;
}

h3 + h3 {
    margin-top: 15px;
}

i
{
    font-style: italic;
    font-size:13px;
}


p:last-child
{
    margin-bottom:0;
}

p.map
{
    margin-top:20px;
    font-size: 15px;
}

b
{
    font-weight: 500;
}

.centered
{
    text-align:center;
}

/* ---- */

/* UL STYLING */

ul
{
    list-style: none;
}

ul.simple
{
    list-style: none;
    margin:10px 0;
    text-align: justify;
}

ul.simple li
{
    font-size: 16px;
    line-height:21px;
    font-weight: 100;
    color:#565656;
    letter-spacing:0px;
    margin:0 0 10px 0;
}

ul.simple li a:hover
{
    cursor:pointer;
    color:#7e7e7e;
}

ul.simple li:last-child
{
    margin-bottom: 0px;
}

ul.simple li:before
{
    content:"-";
    margin-right:5px;
}

/* ---- */

/* TOP */

#top
{
    overflow: hidden;
    background-color:#FFFFFF;
    margin:25px 0;
}

#top .wrapper
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

#top .logo-img
{
    padding-right:15px;
    border-right: 1px dashed #D9EAF3;
    float:left;
}

/*#top .logo-img img
{
   width:269px;
	 height:70px;
}*/

#top .logo-text
{
    margin: 0 15px;
    width:340px;
    float:left;
}

#top .logo-text p
{
    font-size: 15px;
    font-weight: 00;
    letter-spacing: 0.4px;
    line-height: 20px;
    color:#67b1cb;
    margin-top:-1px;
}

#top .fbicon
{
    margin-left:auto;
}

#top .fbicon img
{
    height:70px;
}

/* NAV */

#nav
{
	height:55px;
    background-color:#5ab2e2;
    overflow:hidden;
    float:none;
}

#nav ul
{
    height:55px;
    list-style-type: none;
    text-align: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin: 0 auto;
}

#nav ul li
{
    zoom: 1;
    margin: 0 8px;
    line-height: 55px;
    text-align: center;
    display:inline-block;
}


#nav ul li:before
{
    content:none;
}


#nav ul li a
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #e4f5ff;
    font-size: 13.5px;
    line-height: 55px;
    font-weight:600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .5s ease;
}

#nav ul li a:after
{
    margin-top:-6px;
    content: '';
    display: block;
    height: 5px;
    width: 0%;
    background-color: transparent;
    -webkit-transiton: width .5s ease, background-color .5s ease;
    -moz-transition: width .5s ease, background-color .5s ease;
    -o-transition: width .5s ease, background-color .5s ease;
    transition: width .5s ease, background-color .5s ease;
    pointer-events: none;
}

#nav ul li a:hover:after
{
    width: 100%;
    pointer-events: none;
}

#nav ul li a:hover
{
    cursor: pointer;
}

#nav ul li:first-child
{
    margin-left:0px;
}

/* DROPDOWN */

#nav ul li ul
{
    visibility: hidden;
    opacity: 0;
    position:absolute;
    z-index:5;
    /*
    A transição para visibility serve para poder fazer o fade-out do dropdown menu.

    Porque ao tirar o rato de cima do dropdown menu, a visibility vai mudar automaticamente para hidden (não há outra hipótese) por isso temos que atrasar essa mudança durante o tempo que demora o fade-out (0.4s).
    */
    -webkit-transition: visibility 0s linear .4s, opacity .4s ease-in-out;
    -moz-transition: visibility 0s linear .4s, opacity .4s ease-in-out;
    -o-transition: visibility 0s linear .4s, opacity .4s ease-in-out;
    transition: visibility 0s linear .4s, opacity .4s ease-in-out;
}


#nav ul li ul a { background-color:#0F96D5; }
#nav ul li ul a:hover {
    background-color:#86CFF6;
    color:#FFFFFF;
}

#nav ul li ul li
{
    display:block;
    text-align: left;
    margin:0;
    float:none;
}

#nav ul li ul li a
{
    display:block;
    text-align: left;
    margin:0;
    padding:0 15px 0 15px;
    line-height:40px;
    height:40px;
    text-transform: none;
    font-weight: 400;
    color:#e4f5ff;
    font-size: 13.5px;
    letter-spacing: 0.5px;
}

#nav ul li:hover ul
{
    visibility: visible;
    opacity: 1;
    /*
    Só queremos aquele delay na visibility quando fazemos fade-out, para o fade-in não é necessário por isso removemos todos os delays.
    */
    transition-delay:0s;
}

#nav .container ul li a:hover { color:#ffffff; }
/* Necessário selector de filho directo para que não haja a borda azul a aparecer nos sub-menus */
#nav .container > ul > li > a:hover:after { background-color:#0F96D5; }

/* NAV COLORS */

body#bodyinicio a#inicio,
body#bodyacercitejo a#acercitejo,
body#bodyrespostas a#respostas,
body#bodyactividades a#actividades,
body#bodyterapias a#terapias,
body#bodyprojectos a#projectos,
body#bodygaleria a#galeria,
body#bodyparticipar a#participar,
body#bodycontactos a#contactos {
    font-weight: 600;
    color:#ffffff;
}

body#bodyinicio a#inicio:after,
body#bodyacercitejo a#acercitejo:after,
body#bodyrespostas a#respostas:after,
body#bodyactividades a#actividades:after,
body#bodyterapias a#terapias:after,
body#bodyprojectos a#projectos:after,
body#bodygaleria a#galeria:after,
body#bodyparticipar a#participar:after,
body#bodycontactos a#contactos:after {
    width:100%;
    background-color:#0F96D5;
}

/* ---- */

/* MAIN PAGE */

#featured-content
{
    padding: 30px 0;
    background-color:#ffffff;
    background-image:url(/imagens/shattered/shattered.png);
    /*border-bottom: 5px solid #5AB2E2;
    -moz-box-shadow:    inset  0  10px 8px -8px rgba(0,0,0,0.3),
                        inset  0 -10px 8px -8px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset  0  10px 8px -8px rgba(0,0,0,0.3),
                        inset  0 -10px 8px -8px rgba(0,0,0,0.3);
     box-shadow:        inset  0  10px 8px -8px rgba(0,0,0,0.3),
                        inset  0 -10px 8px -8px rgba(0,0,0,0.3);*/
}

.centered {
    margin: 0 auto;
    display: block;
}

.full-width-background.main
{
    background-color:#F6F8F9;
    padding: 30px 0 30px 0;
}


.full-width-background.logos
{
    background-color:#FFFFFF;
    padding: 15px 0;
    border-top:1px dashed #c1c1c1;
    border-bottom:1px dashed #c1c1c1;
}

.full-width-background.logos .container
{
    text-align: center;
}

.full-width-background.logos a
{
    margin-left:12px;
    display:inline-block;
}

.full-width-background.logos a:first-child
{
    margin-left:0px;
}

.full-width-background.copyright { background-color:#ECF0F2; }

.full-width-background.copyright p
{
    line-height:50px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.full-width-background.copyright span.copyright
{
    font-family: arial;
    font-size: 11px;
}

.full-width-background.copyright span.left { float:left; }
.full-width-background.copyright span.right { float:right; }

/* Início */

#inicio
{
    display:table;
}

#inicio .left-col
{
    padding-right:60px;
    width:500px;
    -webkit-box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
    box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
    display:table-cell;
    vertical-align: top;
}

#inicio .left-col .wrapper
{
    margin-top:20px;
}

#inicio .left-col .wrapper:first-child
{
    margin-top:0px;
}


#inicio .left-col .item
{
    display:table;
    width:100%;
    padding-bottom: 20px;
    margin-top:20px;
}

#inicio .left-col .item .img
{
    width:80px;
    height:80px;
    display:table-cell;
}

#inicio .left-col .item .text-wrapper
{
    display:table-cell;
    vertical-align: top;
    padding-left:30px;
}


#inicio .right-col
{
    width:340px;
    padding-left:60px;
    display:table-cell;
}

#inicio .right-col .wrapper
{
    margin-top:20px;
}

#inicio .right-col .wrapper:first-child
{
    margin-top:0px;
}

#inicio .right-col .img-row
{
    display:table;
    margin-top:20px;
}

#inicio .right-col .img-row:last-child
{
    margin-bottom:20px;
}

#inicio .right-col .img-row img
{
    padding-left:20px;
    display:table-cell;
    width:100px;
}

#inicio .right-col .img-row .half { width:160px; }
#inicio .right-col .img-row .only2 { width:220px; }
#inicio .right-col .img-row .only3 { width:340px; }

#inicio .right-col .contactos { margin-top:20px; }
#inicio .right-col .contactos ul
{
    float:left;
    width:340px;
}

#inicio .right-col .contactos ul li p { line-height:22px; }
#inicio .right-col .contactos ul li.fb { margin:10px 0; }

#inicio .right-col .contactos ul li.fb p
{
    padding-top:6px;
}

#inicio .right-col .contactos ul li.fb img
{
    height:35px;
    width:35px;
    margin-right:10px;
    display:inline-block;
    float:left;
}

#inicio .right-col .contactos img:last-child
{
    margin-right:0;
}

#inicio .right-col img:first-child
{
    padding-left:0;
}

/* ---- */


/* LEFT MENU */

ul.left-menu
{
    display: table-cell;
    vertical-align: top;
    width:210px;
    padding-right:30px;
    -webkit-box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
    box-shadow: 9px 1px 10px -10px rgba(0,0,0,0.15);
}

ul.left-menu li.icon
{
    text-align: center;
    margin-bottom:15px;
}

ul.left-menu li.icon img
{
    width:50px;
    height:50px;
}

ul.left-menu li
{
    padding:0
}

ul.left-menu li:before
{
    content:"";
}

ul.left-menu li a
{
    padding:10px 20px 10px 20px;
    display:block;
    font-size: 14.5px;
    line-height:22px;
    font-weight: 500;
    letter-spacing:0.5px;
    margin-bottom:10px;
    cursor:pointer;
    text-decoration:none;
    background-color:#ffffff;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color:#074d6d;
}

ul.left-menu li a.title
{
    background-color:transparent;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

ul.left-menu li a.title:hover
{
    background-color:inherit;
}

ul.left-menu li a:hover
{
    background-color:#d1efff;
    color:#074d6d;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* ENTRADA ACTIVA */

/* instituição */
body.acercitejo ul.left-menu li a.acercitejo,
body.principios ul.left-menu li a.principios,
body.historia ul.left-menu li a.historia,
body.estrutura ul.left-menu li a.estrutura,
body.parceiros ul.left-menu li a.parceiros,
body.documentos ul.left-menu li a.documentos,
/* /instituição */
/* respostas sociais */
body.educativa ul.left-menu li a.educativa,
body.cao ul.left-menu li a.cao,
body.cri ul.left-menu li a.cri,
body.profissional ul.left-menu li a.profissional,
/* /respostas sociais */
/* actividades */
body.motora ul.left-menu li a.motora,
body.fisica ul.left-menu li a.fisica,
body.expressao ul.left-menu li a.expressao,
body.tecnologias ul.left-menu li a.tecnologias,
body.natacao ul.left-menu li a.natacao,
/* /actividades */
/* terapias */
body.equitacao ul.left-menu li a.equitacao,
body.fisioterapia ul.left-menu li a.fisioterapia,
body.hidroterapia ul.left-menu li a.hidroterapia,
body.musicoterapia ul.left-menu li a.musicoterapia,
body.fala ul.left-menu li a.fala,
body.ocupacional ul.left-menu li a.ocupacional,
body.snoezelen ul.left-menu li a.snoezelen,
/* /terapias */
/* projectos */
body.cantores ul.left-menu li a.cantores,
body.atroteegalpe ul.left-menu li a.atroteegalpe,
body.sobreondas ul.left-menu li a.sobreondas,
body.todosaobanho ul.left-menu li a.todosaobanho,
body.cercitejocarwash ul.left-menu li a.cercitejocarwash,
body.horta ul.left-menu li a.horta,
body.divertir-integrar ul.left-menu li a.divertir-integrar,
body.ampliacao ul.left-menu li a.ampliacao,
body.gymfun ul.left-menu li a.gymfun,
body.atl-sensorial ul.left-menu li a.atl-sensorial,
body.trote-e-galope ul.left-menu li a.trote-e-galope,
body.todos-ao-banho ul.left-menu li a.todos-ao-banho
/* /projectos */
/* participar */
body.donativo ul.left-menu li a.donativo,
body.irs ul.left-menu li a.irs,
body.voluntariado ul.left-menu li a.voluntariado
/* /participar */
{
    background-color:#0F96D5;
    color:#ffffff;
}
/* ---- */

ul.left-menu ~ .row
{
    padding-left:30px;
    width: 690px;
    margin-top:20;
}

ul.left-menu + .row
{
    margin-top:0;
}

ul.left-menu ~ .text-wrapper
{
    padding-left:30px;
    width: 690px;
}


/* FACEBOOK WIDTH TRICK */

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

.fb-page {
}

/* ---- */

/* POPUP */

#popup {
    position: fixed;
    top:0;    
    width: 100%;
    height:100vh;
    background-color: transparent;
    z-index: 20;
	color:#FFF;
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

#popup img {
    width:50%;
}

#popup h1, #popup h2, #popup h3 {
	background: none;
	color:#FFF;
	padding:0;
	display: block;
	font-family: MoonFlowerBold;
}

#popup h1 {
	font-size:120px;
	line-height: 130px;
}

#popup h2 {
	font-size:70px;
}

#popup h3 {
	font-size:40px;
	line-height: 40px;
}

#popup .wrapper {
	margin-top:30px;
	float:left;
	text-align: center;
	width: 100%;
}

#popup .wrapper a {
	padding:15px 25px;
	background-color:#0F96D5;
	color:#fff;
	display:inline-block;
}
#popup .wrapper a:hover {
	background-color:#fff;
	color:#0F96D5;
}

#popup .wrapper a:first-child {
	margin-right:20px;
}

#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
  z-index: -2;
}

#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

#bodycontactos .contactos {
    width:300px;
    float:left;
}

#bodycontactos .mapouter {
    width:660px;
    float:left;
}