/* Cinza 393536 */
/* Vermelho D32F48 */

body {
	max-width: 860px;
	min-width: 200px;
	width: 99%;
	margin: 70px auto 0;

    background-image: url("img/bg1.png"); /* Background pattern from subtlepatterns.com */
    background-repeat: repeat;
	background-attachment: fixed;
	
	font-family: 'Lato', sans-serif;
}



nav {
	height: 2.6em;
	/* height: ; */
	position: fixed;
	/* position: static; */
    max-width: inherit;
	min-width: inherit;
    width: inherit;
    /* width: 100%; */
	top:1%;
	background-color: #393536;
	overflow: hidden;
	z-index:100;
	-webkit-box-shadow: 0 10px 10px -1px #333;
	   -moz-box-shadow: 0 10px 10px -1px #333;
		    box-shadow: 0 10px 10px -1px #333;
}

.bot{
	display:inline-block;
}

.botr{	
	display:inline-block;
	float:right;
	font-size: 1em;
	text-align:right;
}

.botx{float:right;}

ul.navbar{
	list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.navbar li {
	display: inline-block;
	margin: 0 0;
    padding: 0 0;
}

ul.navbar li a {
    text-decoration: none;
	color: white;
	padding: 0.7em 0.5em;
	/* padding: 0.7em 1vw; */
	display: block;
	margin:0;
}

ul.navbar li a:hover:not(.active) {background-color: #A0A0A0 ;}

ul.navbar li a.active {background-color: #D32F48;}



a.gotop{
	display:none;
	text-align:right;
	float: right; 
	text-decoration:none;
	font-size:0.7em;
	color:#D32F48;
	margin-bottom:20px;
}
a.gotop:before{ content: 'Topo';}

h1 {	color:#D32F48;}

h2 {
	color:#D32F48;
	font-size: 1.2em;
}

h3{}

a{text-decoration: underline}

a:link{color: inherit}
a:visited{color:inherit}   
a:hover{color:#D32F48}
a:active{color: #D32F48}

a, img {  border:none;    outline:none} /* ie only*/
	

section{
    background-repeat: repeat;
	background-color: white;
	padding: 30px 5% 60px;
	margin: 0px 1% ;
	z-index:1;
    -webkit-box-shadow:0 0px 3px 3px #aaa; 
       -moz-box-shadow:0 0px 3px 3px #aaa; 
    	    box-shadow:0 0px 3px 3px #aaa; 
	overflow:hidden;
}





.pheader{
	margin:40px 7%; 
	text-align:center; 
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight:lighter;
	}
.sobre{
	margin:40px 6%;
	text-align:justify;
	
}

/* EQUIPA */
.pessoa{    
	margin:0 auto 20px;  
 	/* width:100% ;  */
	max-width:500px;
	/* border:solid pink ;   */
	}
	
.pessoa h2{ 
	margin:10px 0 0px;  
	/* border: solid blue; */
}


.pessoa .foto{
	max-width:120px;
	width:30%;
	min-width:80px;
	display: inline-block;   
	float:right;
	/* border: solid green; */
	padding: 0 auto 0;
	}

.pessoa .nome{
	display:inline-block;
		/* border: solid blue; */
	vertical-align:top;
	width:50%;
	padding: 5% 5% 0 ;
	font-size:1.2em;
	font-weight:bold;
	/* border: solid blue; */
	/* display: inline-block;    */
	/* text-align:center; */
	margin-bottom:10px;
	}
.pessoa .boss{ font-size: 1.2em;}
.pessoa .boss .TOC{
	font-size: 1rem ;
	font-weight:normal;
	}


.pessoa .info{
	display:inline-block; 
	/* text-align:left;  */
	/* border: solid red; */
	padding: 0  5% 0% ;

} 
	
 #servicos{
	background-image: url("img/triang.png"); /* Background pattern from subtlepatterns.com */
    background-repeat: repeat;
	-webkit-box-shadow:0 0px 3px 3px #333;
	   -moz-box-shadow:0 0px 3px 3px #333;
		    box-shadow:0 0px 3px 3px #333; 
}

.listaservicos{
	color:white;
	font-weight:lighter;
	margin:0 auto;
	}
.listaservicos ul{
	color:white;
	font-weight:lighter;
	}
.listaservicos > ul > li {
	margin-top:1em;
	color:#D32F48;
	font-weight:normal;
	}

#contacto{
	padding-bottom:0px;}
	
.mapcontainer{    
	margin: 0px 1% ;	
	padding:0 0 20px ; 
	background-color: white;
	-webkit-box-shadow:0 7px 3px 3px #aaa; 
       -moz-box-shadow:0 7px 3px 3px #aaa; 
    	    box-shadow:0 7px 3px 3px #aaa; 
				z-index:5;
	}


section.footer{
	background-image: url("img/triang.png"); /* Background pattern from subtlepatterns.com */
    background-repeat: repeat;
	color:white;
	margin:0 0 0 0;
	padding-bottom:0;
	font-size:small;
	-webkit-box-shadow:0 -10px 10px -1px #333;
	   -moz-box-shadow:0 -10px 10px -1px #333;
		    box-shadow:0 -10px 10px -1px #333;
}	


ul.links {	
	padding-left:13px;
	}

ul.links > li{	
	padding-left:0px;
	padding-bottom:0.3em;
	}
ul.links ul {	
	padding-left:10px; 
	list-style: none;	}
	
ul.links ul li:before{ content: '- ';}

.parallax-window {
    min-height: 250px;
    background: transparent;
	margin: 0px 1%;
	position: relative;
}

/* escoder mapa em ecras pequenos- não funciona */
/* @media (min-width:500px) {  #map{ display:none; }}  */



