body {
  margin: 0;
  background-color: #fff; 
}
@font-face {
    font-family: crimson;
    src:url(../fonts/crimsontext-roman.ttf);
}
@font-face {
    font-family: oneday;
    src:url(../fonts/ONEDAY.otf);
}

@font-face {
    font-family: helneu;
    src:url(../fonts/HelveticaNeueLTStd-Th.otf);
}
#logo{
	width:12%;
	margin:auto;
	margin-top:20px;
	margin-left:2%;
	
	}


video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
  	filter: grayscale(80%);	


}
.stopfade { 
   opacity: .5;
}

#container{
	width:100%;
	position: fixed;
    height: 100%;
	overflow:auto;
 }
 .logos_produtos{
	 width:8%;
	 }
#sobre_nos{
	width:100%;
	height:100%;
	margin:auto;
	background-color:#fff;	
 overflow-x: hidden;
    font-family: helneu;
	font-size:2em;
}
#sobre_nos2{
	width:100%;
	height:100%;
	margin:auto;
	background-color:#fff;	
 overflow-x: hidden;
}


#sobre_nos p{
	width:50%;
	text-align:justify;
	margin:auto;
}


#conceitos{
	width:80%;
	margin:auto;
	text-align:center;
	}
#conceitos_circ{
	width:100%;
	margin:auto;
	text-align:center;
	}
#conceitos_circ_2{
	padding-top:120px;
	width:90%;
	margin:auto;
	text-align:center;
	}	
#mapa{
	width:100%;
	margin-top:40px;
	display:table;
	}		
#gmaps{
	width:50%;
	float:left;
    }	
#morada{
	width:50%;
    display: inline-block;
	text-align:center;
 	font-size:0.6em;
 	}
		
.banner{
	width:100%;
	margin-top:90px;
	}
.imagecon:hover{
opacity:0.8;
	}	
h1{
 font-size: 38px;
  text-align: center;
  font-family:helneu;
  color:#a18b72;
  margin-top:20px;
  margin-bottom:0;
  padding:0;
  text-transform:uppercase;
	}	
h2{
  font-size: 18px;
  text-align: center;
  font-family:helvetica;
  color:#a18b72;
  margin:0;
  margin-bottom:20px;
  padding:0;
	}		
ol{
    border-left: 5px solid #a18b72;
    list-style-type: none;
    padding: 10px 20px;
width:50%;
margin:auto;

}

#centra_formulario{
width:60%;
margin:auto;
text-align:center;

}
.contact_estilo{
width:90%;
line-height:50px;
margin:auto;
font-size:50px;
}

.contactos-btn{
		height:45px;
		width:10%;
		background-color:#a18c71;
		color:#FFFFFF;
		border:none;
float:left;

font-family:helneu;
font-size:0.5em;
		}			
#txtarea-contactos{
	width:100%;
	height:200px;
	margin-top:10px;
	}			

.contactos-txt{
	height:40px;
		width:30%;
font-family:helneu;
font-size:0.5em;
	}	
.helneu_formulario{
	
font-family:helneu;
font-size:0.5em;
	}		
blockquote{
  margin: auto;
  width:60%;
  text-align:justify;
  /*Font*/
      font-family: helneu;
  font-size: 0.7em;
  color: #000;
 }

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}
.circulos{
	width:10%;
	margin-left:2%;
	}
.circulos_grandes{
	width:10%;
	margin-left:2%;
	}	
.circulos_pequenos{
	width:9%;
	margin-left:2%;
	}	
.circulos:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
	cursor:pointer;
    transform: rotate(-4deg);
	}
	
.circulos_grandes:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
	cursor:pointer;
    transform: rotate(-4deg);
	}

.circulos_pequenos:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.1);
	cursor:pointer;
    transform: rotate(-4deg);
	}			
hr{
	width:40%;
	margin-top:50px;
	margin-bottom:50px;
	}	


@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
  html { background: url(video/poster.gif) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}
@media screen and (max-device-width: 1024px){
	.logos_produtos{
	 width:25%;
	 }
	.circulos_grandes{
	width:35%;
	margin-left:2%;
	}	

	.circulos{
	width:20%;
	margin-left:2%;
	}
.circulos_pequenos{
	width:20%;
	margin-left:2%;
	}	
	
blockquote{
  margin: auto;
  width:60%;
  text-align:justify;
  /*Font*/
  font-family:   font-family:helneu;
;
  font-size: 0.7em;
  line-height: 1.2;
  color: #000;
  text-align: justify;
}


	}


/*SECÇÃO MENU ESQUERDA */


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 20%;
    background-color: #151515;
    position: fixed;
    height: 100%;
    overflow: auto;
	font-family:helvetica;
	padding-top:20px;
	text-align:center;
	background-image:url(../img/padrao.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
li{
	list-style:none;
	}
li a {
    display: block;
    color: #fff;
	padding: 8px 16px;
    text-decoration: none;
	text-transform:uppercase;
	line-height:30px;
	font-size:12px;
	border-bottom:dotted;
	border-color:#333;
	border-bottom-width:thin;
	width:75%;
	margin:auto;
	text-align:left;
}

li a.active {
    /* background-color: #a18b72; */
    color: white;
}

li a:hover{
    background-color: #a18b72;
    color: white;
}
#footer{
	color:#fff;
	bottom:20px;
	position:absolute;
	text-align:right;
	width:90%;
	margin-left:5%;
	/* border-top:dotted;
	border-color:#333;
	border-top-width:thin;
	padding-top:15px; */
	}
#footer .txtpequeno{
	font-size:12px;
	}	

.txtpequeno a{
	color:#a18b72;
	text-decoration:none;
	}
#footer_esq{
	float:left;
	}