@charset "utf-8";
/* CSS Document */
@font-face	{
	font-family: Confort;
	/*src: url(../src/Walkway_SemiBold.ttf);*/
	src: url(../fonts/Dosis/Dosis-Medium.ttf);
	/*src: url(../fonts/aileron/Aileron-Regular.ttf) format("truetype");*/
}



body { margin: 0; padding: 0; font-size: 16px; font-family: Confort; }


.no-padding { padding-left: 0; padding-right: 0;}
a.email:link, a.email:visited { color: #fff; }

/* Menu *******************************************************/

.nav-wrap { position: fixed; margin: 0 auto; background: #69605e; z-index: 40; text-align: left; height: 75px;  left: 0; right: 0; }


.main-menu { margin-left: 150px; text-align: left;}
.main-menu li { display: inline-block; padding: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; border-radius: 0 !important; border: none; }
.main-menu li.ativo {
-webkit-box-shadow: inset 0px -6px 0px -1px rgba(225,183,164,1) !important;
-moz-box-shadow: inset 0px -6px 0px -1px rgba(225,183,164,1) !important;
box-shadow: inset 0px -6px 0px -1px rgba(225,183,164,1) !important;
/*
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(26,52,89,1) !important;
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(26,52,89,1) !important;
	box-shadow: inset 0px -2px 0px 0px rgba(26,52,89,1) !important;
*/
}

.menu-hover > a {
 color: #e1b7a4 !important;
}

.main-menu > li:not(:nth-child(1)) { margin-left: 20px;}

.main-menu li a:link, .main-menu li a:visited { display: block; line-height: 45px; padding-top:13px; text-transform: uppercase; color: #fff; text-decoration: none !important; font-size: 1em; transform: scale(0.95, 1.4); 	 }
a { outline: none !important}
.main-menu li.btn { box-shadow: none; border: none; outline: none; }

		ul.dropdown-menu {
			/*width: 300px;*/
			display: none;
			margin-top: 0;
			padding: 0;	
			background: #383838;
			/*
			-webkit-box-shadow: 0px -19px 108px 6px rgba(179,179,179,0.46);
			-moz-box-shadow: 0px -19px 108px 6px rgba(179,179,179,0.46);
			box-shadow: 0px -19px 108px 6px rgba(179,179,179,0.46);
			*/
	
		}
		ul.dropdown-menu li { margin: 0; padding: 8px; overflow:visible !important; display: block;}
		ul.dropdown-menu li a:link, ul.dropdown-menu li a:visited  { padding: 8px; display: block; line-height: 10px; color: #fff; background: #383838;	outline: none !important;  text-transform: none !important;}
		ul.dropdown-menu li:hover, ul.dropdown-menu li:hover>a {color: #fff !important; background: #4f984d;  }

/*  end menu ***********************************************************/
.img-logo { height: 65px; width: auto; margin-top: 4px; margin-right: 40px;}


.img-header { margin: 0 auto; background: #ad9f9c; width: 100%; margin-top: 64px;}
.img-vermais { margin: 0 20px 20px 0; }

.img-acordos{ margin-bottom: 10px; }
.img-incontinencia { border: 1px solid #69605e; }

.slogan-wrap { position: absolute; top: 22%; left: 10%; color: #fff; } 
.slogan-wrap h1{ font-size: 5em; } 

.panel.panel-estetica {  border: none; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.panel.panel-estetica .panel-body{ min-height: 395px; text-align: justify;}
.panel.panel-estetica .panel-heading img { margin: 0 auto; }
.panel.panel-estetica .panel-heading { padding: 0; margin: 0; overflow: hidden;  border-top-left-radius: 20px; border-top-right-radius: 20px;}
.panel.panel-estetica .panel-footer { padding: 0; margin: 0; overflow: hidden; background: #e1b7a4;  }
.btn-vermais { background:  #e1b7a4; color: #fff; font-size: 1.0em; font-weight: bold; width: 100%;  }
.btn-vermais:hover { 
	color: #fff; 
	 background: #69605e;
	transition: 0.4s;
}

section#sect-estetica { position: relative; top:-120px; }
section:not(#sect-home){ padding-bottom: 30px; }
section .separador { position: relative;  margin: 0 auto; color: #fff; margin: 0 0 30px 0; background: #69605e; padding-top: 30px; padding-bottom: 30px;}
section .separador h1 { margin-top: 17px; }
section#sect-contactos .separador h1{ color: #fff; }


.estetoscopio {display: block; width: 52px; height: 52px; background: url(../images/estetoscopio.png) center no-repeat; margin: 0 auto; background-size: contain;}
.urinario {display: block; width: 52px; height: 52px; background: url(../images/urinario.png) center no-repeat; margin: 0 auto; background-size: contain;}
.contactos {display: block; width: 52px; height: 52px; background: url(../images/livro_contactos.png) center no-repeat; margin: 0 auto; background-size: contain;}

section#sect-consultas { background: #F4F4F4; }
section#sect-contactos { background: #494240; color: #fff;}


.panel.panel-consultas .panel-heading h3 { margin-top: 0;  }
.panel.panel-consultas .panel-heading { padding-bottom: 0; min-height: 68px;}
.panel.panel-consultas .panel-body { padding-top: 0; min-height: 137px; }
.panel.panel-consultas .panel-body h4{ margin-top: 0; padding: 0;}

footer { font-size: 0.9em; color: #999; margin-top: 15px; }
footer a{ color: #666; }

@media (max-width: 1200px ) {
	.slogan-wrap h1{ font-size: 3.8em; } 
	.panel.panel-estetica .panel-body{ min-height: 430px;}
}


@media (max-width: 992px ) {
	.img-logo { margin-right: 20px;}
	.main-menu { margin-left: 50px;}
	.slogan-wrap h1{ font-size: 3em; } 
	.panel.panel-estetica .panel-body{ min-height: 0;}
	section .separador h1 { font-size: 1.5em; margin-top: 7px;}
}	


@media (max-width: 767px ) {
	.slogan-wrap { top: 10%; left: 8%; } 
	.slogan-wrap h1{ font-size: 2.3em; } 
	section#sect-estetica { top:-40px; }
	.main-menu { display: none; }
}

@media (min-width: 411px) and (max-width: 767px ) {

}


@media (max-width: 410px ) {
	.slogan-wrap { top: 18%; left: 8%; } 
	.slogan-wrap h1 { font-size: 1.3em; } 
	.slogan-wrap h2 { font-size: 1.15em; margin-top: 0;  } 
	section#sect-estetica { top:-10px; }
	section .separador h1 { font-size: 1.2em;  margin-top: 10px;}
	section#sect-contactos { text-align: center; }
 }


