body{
    font-family: 'PT Serif', serif;
    background-color: #d8e9f1;
}

.blogmi .leading-0 .page-headerbody{
    font-family: 'PT Serif', serif;
    background-color: #d8e9f1;
}

p, li{
    color: grey;
    font-size: 1.2em;
}

h2, h3{
    color: #546d92;
}

.container_geral{
}

.grid{
    height: 450px;
    background-color: grey;
    text-align: center;
    overflow: hidden;
    color: white;
    cursor: pointer;
}


.row.geral{
  margin-right: 0px;
  margin-left: 0px;
}

.center_v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.grid h1{
    margin: 0;
    text-transform: uppercase;
}

.grid.instituicao{
    background-image: url(../img/bg_instituicao.jpg);
    background-size: cover;
}
.grid.instituicao{
    text-align: left;
    padding-top: 15px;
}

.instituicao .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255);
    z-index: 2;
}

.grid.instituicao img{
    width: 75%;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 0;
}

.social_container{
    padding: 0;
}

.social{
    height:150px;
    line-height:150px;
    text-align: center;
    font-size: 3em;
    transition: all 0.5s ease;
    opacity: 0.6;
}

.social a {
	color: white;
	
}

.social i{
    line-height: 150px;
}

.social:hover{
    opacity: 1;
}

.social.facebook{
    background-color: #3B5998;
}
.social.google{
    background-color: #d34836;
}
.social.youtube{
    background-color: #b31217;
}


.grid.accaosocial{
    background-image: url(../img/bg_accaosocial.jpg);
    background-size: cover;
    background-position: center;
}
.accaosocial .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,230,118);
}

.grid.educacao{
    background-image: url(../img/bg_educacao.jpg);
    background-size: cover;
    background-position: center;
}
.educacao .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255,138,128);
}

.grid.familias{
    background-image: url(../img/bg_familias.jpg);
    background-size: cover;
    background-position: center;
}
.familias .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,176,255);
}

.grid.empreendedorismo{
    background-image: url(../img/bg_empreendedorismo.jpg);
    background-size: cover;
    background-position: center;
}
.empreendedorismo .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(230,74,25);
}

.grid.divulgacao{
    background-image: url(../img/bg_divulgacao.jpg);
    background-size: cover;
    background-position: center;
}
.divulgacao .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(142,36,170);
}

.grid.galeria{
    background-image: url(../img/bg_galeria.jpg);
    background-size: cover;
    background-position: center;
}
.galeria .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(216,27,96);
}

.grid.doarajudar{
	background-image: url(../img/consignacao.jpg);
    background-size: cover;
    background-position: center;
}
.doarajudar .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(40,53,147);
}


.submenu{
    width: 100%;
    text-align: center;
    list-style: none;
    margin:0;
    padding: 0;
    left: 0;
    top: 200%;
    transition: all 0.5s ease;
    z-index: 20;
    padding: 20px;
}

.submenu li a{
    font-size: 1.6em;
    color: white;
}

.instituicao .submenu li a{
    color: #546d92;    
}

/*animacoes home*/
.titulo{
    width: 100%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 5;
    font-size: 36px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    transition: all 0.5s ease;
}

.overlay{
    transition: all 0.5s ease;
    opacity: 0.3;
}

.grid:hover .overlay{
    opacity: 0.9;
}

.grid:hover .submenu{
    top: 50%;
      transform: translateY(-50%);
}

.grid:hover .titulo{
    top: 50px;
}



.footer{
    height: 500px;
    background: #263238;
    margin-top: 15px;
    color: white;
    padding-top: 50px;
}

.footer a{
    color: white;
}

.footer ul{
    padding-left: 20px;
}

.footer ul li{
    list-style: none;
}


/*estilo paginas gerais*/
.top_bar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: white;
    z-index: 100;
    line-height: 75px;
    padding: 0 15px 0 15px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.35);
box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.top_bar .logo{
    width: 200px;
    margin-top: 10px;
}

.menu_trigger{
    float: right;
    display: block;
    color: #546d92;
    text-transform: uppercase;
    font-size: 1.2em;
}

.menu_trigger:hover{
    text-decoration: none;
}

.menu_trigger img{
    width: 40px;
    margin-left: 20px;
}

.header{
    width: 100%;
    height: 500px;
    background-color: black;
    background-size: cover;
    background-position: center;
    position: relative;
}

.content_container{
    background-color: white;
    padding-bottom: 50px;
}

.sub_menu_container{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
}

ul.sub_menu{
    list-style: none;
    padding-left: 15px;
    margin: 0 auto;
    height: 90px;
}

ul.sub_menu li{
    display: inline-block;
    /* width: calc(100% / 7); */
    padding: 0;
}

ul.sub_menu li a{
    display: table;
    float: left;
    background-color: red;
    height: 90px;
    width:140px;
    text-align: center;
    color: white;
   /*  margin-left: -4px; */
    transition: all 0.5s ease;
}

ul.sub_menu li a:hover, ul.sub_menu li a:focus{
    text-decoration: none;
    opacity: 0.8;
}


ul.sub_menu li a span{
    display: table-cell;
    vertical-align: middle;
}


div.menu_principal{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(16,126,200,0.9);
    z-index: 101;
    transition: all 0.5s ease;
}


.logo_menu{
    width: 80px;
}

.icon_fechar{
    width: 40px;
    float: right;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
}

.main_menu{
    margin-top: 15px;
    color: white;
    padding-top: 50px;
}

.main_menu a{
    color: white;
}

.main_menu ul{
    padding-left: 20px;
}

.main_menu ul li{
    list-style: none;
}

.main_menu h4{
    margin-top: 40px;
}

#menu_principal:target{
    left: 0;
}

label{
    cursor: pointer;
}
#fechar{
     display: none;
}

#fechar:checked + .menu_principal{
    left: -100% !important;
}





/*FOTOS HEADER*/

/*MUNDO INFANTIL*/

.creche-mundo-infantil .header, .creche .header, .creche .header, .instalacoes .header, .funcionamento .header, .inscricao .header, .ementas .header, .galeriami .header, .areaprivada .header{
    background-image: url(../img/mundoinfantil.jpg);
}

/*A INSTITUICAO*/

.missao-visao-e-valores .header, .historia .header, .informacao-legal .header, .orgaos-sociais .header, .ser-socio .header, equipa-tecnica .header, .contactos .header , .equipa-tecnica .header{
    background-image: url(../img/instituicao.jpg);
}


.casa-cesar-cabido .header{
    background-image: url(../img/cesarcabido.jpg);	
}

.lua-nova .header{
    background-image: url(../img/luanova.jpg);	
}

.casa-maria-santo-cristo .header{
	background-image: url(../img/santocristo.jpg);	
}

.laco-materno .header{
	background-image: url(../img/lacomaterno.jpg);
	background-position: center top;
}

.casa-crescer .header{
	background-image: url(../img/casacrescer.jpg);
}

.casa-sorriso .header{
	background-image: url(../img/sorriso.jpg);
}

.cantina-social .header, .alegria-sem-idade .header , .apoio-a-familias-carenciadas .header{
	background-image:url(../img/bg_familias.jpg)
}


.actividade-imobiliaria .header, .alojamento-local .header, .projectos-em-desenvolvimento .header{
    background-image: url(../img/bg_alojamento.jpg);
}

.noticias .header, .campanhas .header, .mae-de-deus-nos-media .header {
	background-image: url(../img/bg_divulgacao.jpg);
}

.actividades-das-criancas .header, .actividades-da-instituicao .header{
	background-image: url(../img/bg_galeria.jpg);	
}



/*.consignacao-fiscal-irs .header, .transferencia-bancaria .header, .voluntariado .header, .donativos .header{
	background-image: url(../img/consignacao.jpg);	
}*/

.consignacao-fiscal-irs .header, .transferencia-bancaria .header, .voluntariado .header, .donativos .header{
    background-size: cover!important;
    object-fit: cover!important;
}

.consignacao-fiscal-irs .header{
	background-image: url(../img/consignacao_fiscal_irs.jpg);	
   
} 
.transferencia-bancaria .header{
    background-image: url(../img/transferencia_bancaria.jpg);
}
.voluntariado .header{
    background-image: url(../img/voluntariado.jpg);
}
.donativos .header{
    background-image: url(../img/donativos_mecenato.jpg);
}


/*CORES SUBMENUS*/

/* PARA FICAR Só no Mundo Infantil  usar o  ANTES */


ul.sub_menu li#submenu0 a{
    background-color:#ab47bc !important;
}
ul.sub_menu li#submenu1 a{
    background-color:#4a148c;
}
ul.sub_menu li#submenu2 a{
    background-color:#3f51b5;
}
ul.sub_menu li#submenu3 a{
    background-color:#0091ea;
}
ul.sub_menu li#submenu4 a{
    background-color:#0097a7;
}
ul.sub_menu li#submenu5 a{
    background-color:#00b8d4;
}
ul.sub_menu li#submenu6 a{
    background-color:#aed581;
}
ul.sub_menu li#submenu7 a{
    background-color:#ffc107;
}
ul.sub_menu li#submenu8 a{
    background-color:#f57f17;
}

form fieldset{
    width: 100%;
    float: left;
}



/* estilos galeria */

.galeria .rowfotos .col-md-2{
    margin-bottom: 25px;
    overflow: hidden;

}

.galeria .rowfotos img{
    width: 100% !important;
}

.galeria a{
    cursor: pointer;
}

/* modals */
.modal_photo img{
    width: 100% !important;
}

h4.modal-title{
    color: #546d92;
    font-size: 1.2em;
}

#previous i, #next i{
    font-size: 2em;
    color: #546d92;
}

#previous i{
    float: left;
}

.moduletablelogin .userdata{
   width: 60%;
    margin: 0 auto;
}

#form-login-submit{
    text-align: center;
}
#form-login-submit button{
    margin-top: 20px;
    width: 100px;
}

.login-greeting{
	text-align: right;
    display: none;
}

.logout-button{
	text-align: right;
    margin-top: 20px;
}

.desenho{
	width: 190px;
    height: 250px;
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.desenho.creche, .desenho.creche-mundo-infantil{
	background-image: url('../img/desenhos/quem_somos.png');
}
.desenho.instalacoes{
	background-image: url('../img/desenhos/instalacoes.png');
}
.desenho.funcionamento{
	background-image: url('../img/desenhos/funcionamento.png');
}
.desenho.inscricao{
	background-image: url('../img/desenhos/inscricoes.png');
}
.desenho.ementas{
	background-image: url('../img/desenhos/ementas.png');	
} 
.desenho.galeriami{
	background-image: url('../img/desenhos/galeria.png');
}
.desenho.areaprivada{
	background-image: url('../img/desenhos/area_privada.png');
}
.videos.container{
    max-width: 100%;
}



