		.main_h {
		  position: fixed;
		  top: 0px;
		  /*max-height: 70px;*/
		  z-index: 999;
		  width: 100%;
		  padding-top: 17px;
		 /*  background: none;
		  overflow: hidden;
		-webkit-transition: all 0.3s;
		  transition: all 0.3s;*/
		  opacity: 1;/*0 PARA FICAR INVISIVEL NO INICIO*/
		  top: 0px;
		  padding-bottom: 6px;
		  font-family: "Montserrat", sans-serif;
		}
		@media only screen and (max-width: 766px) {
		  .main_h {
		    padding-top: 25px;
		  }
		}

		.open-nav {
		  max-height: 400px !important;
		}
		.open-nav .mobile-toggle {
		  transform: rotate(-90deg);
		  -webkit-transform: rotate(-90deg);
		}

		.sticky {
		  background-color: rgba(255, 255, 255, 0.93);
		  opacity: 1;
		  top: 0px;
		  border-bottom: 1px solid gainsboro;
		}

		.logo {
		  /*width: 400px;
		  width: 40px;*/
		  font-size: 20px;
		  color: #a3f3fc;
		  text-transform: uppercase;
		  float: left;
		  display: block;
		  margin-top: 0;
		  line-height: 1;
		  margin-bottom: 10px;
		}
		@media only screen and (max-width: 766px) {
		  .logo {
		    float: none;
		  }
		}

		
		.mobile-toggle {
		  display: none;
		  cursor: pointer;
		  font-size: 20px;
		  position: absolute;
		  right: 22px;
		  top: 0;
		  width: 30px;
		  -webkit-transition: all 200ms ease-in;
		  -moz-transition: all 200ms ease-in;
		  transition: all 200ms ease-in;
		}
		@media only screen and (max-width: 766px) {
		  .mobile-toggle {
		    display: block;
		  }
		}
		.mobile-toggle span {
		  width: 30px;
		  height: 4px;
		  margin-bottom: 6px;
		  border-radius: 1000px;
		  background: #8f8f8f;
		  display: block;
		}

		.row {
		  width: 100%;
		  max-width: 1024px;
		  /*max-width:1406px;*/
		  margin: 0 auto;
		  position: relative;
		  padding: 0 2%;
		  color:#e51c20
		}
		
		

		* {
		  box-sizing: border-box;
		}

		body {
		  color: #8f8f8f;
		  background: white;
		  font-family: "Cardo", serif;
		  font-weight: 300;
		  -webkit-font-smoothing: antialiased;
		}

		a {
		  text-decoration: none;
		}

		h1 {
		  font-size: 30px;
		  line-height: 1.8;
		  text-transform: uppercase;
		  font-family: "Open Sans", sans-serif;
		}
		
		h4 {
			font-family: 'Open Sans', sans-serif;
			font-size: 20px;
			color: #000;
   			}
			
					
			
		h3 {
			font-family: 'Open Sans', sans-serif;
			font-size: 20px;
			color:#F00;
   			}
			
		b { 
    		font-weight: bold;
		   }
		   

		p {
		  margin-bottom: 20px;
		  font-family: 'Open Sans', sans-serif;
		  color:#555353;
		  font-size: 17px;
		  line-height: 1.5;
		  text-align:left;
		}

		.content {
		  padding: 50px 2% 250px;
		}
		
		.direito {
				margin-top: 20px;
				float: right;
				width: 450px;
				margin-left: 20px;
			   }
			   
		.esquerdo {
				margin-top: 20px;
				width: 470px;
				float: left;
				margin-right: 20px;
			}
			
		.tres {
  				 margin-top:20px;
width:285px;

float:left;
margin-right:50px;
				}
				
	/*----Para o footer*/			
	   .section {
    		border-bottom: 1px solid #dcdcdc;
			border-top: 1px solid #dcdcdc;
    		padding-top: 10px;
				}
				
		#footer {
		color: #888;
		font-size: 10px;
		}
		
		.pagina {
		width: 960px;
		margin: auto;
		overflow: auto;
		padding-bottom: 20px;
		}
		
		
		.quatro {
			margin-top: 20px;
			width: 200px;
			float: left;
			margin-right: 50px;
		}
		
		.last {
    			margin-right: 0px;
	
			}
			
			#footer a {
				text-decoration: none;
				font-size:12px;
				font-family: 'Open Sans', sans-serif;
				color:##555353;
				line-height: 1.5;
			}
			
		#footer a:visited  {
   				color:#555353;
				}
				
		#footer a:hover  {
   			color:#000;
			}
			

			
			
			#footer .sub
			{
				  margin-bottom: 20px;
		  font-family: 'Open Sans', sans-serif;
		  color:#555353;
		  font-size: 12px;
		  line-height: 2;
		  
			}

/*--------------------------------------*/
		.hero {
	/*position: relative;
	background: url("http://www.esev.ipv.pt/imaginarios/img/banner.jpg") no-repeat center 15% fixed; */
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
	
	color: #fff;
	padding-top: 100px;
	min-height: 100%;
	min-width:1024px;
	
	font-family: "Montserrat", sans-serif;

		}
		

		.mouse {
		  display: block;
		  margin: 0 auto;
		  width: 26px;
		  height: 46px;
		  border-radius: 13px;
		  border: 2px solid #e8f380;
		  bottom: 40px;
		  position: absolute;
		  left: 50%;
		  margin-left: -14px;
		}
		.mouse span {
		  display: block;
		  margin: 6px auto;
		  width: 2px;
		  height: 2px;
		  border-radius: 4px;
		  background: #e8f380;
		  border: 1px solid transparent;
		  -webkit-animation-duration: 1s;
		  animation-duration: 1s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
		  -webkit-animation-name: scroll;
		  animation-name: scroll;
		}

		@-webkit-keyframes scroll {
		  0% {
		    opacity: 1;
		    -webkit-transform: translateY(0);
		    transform: translateY(0);
		  }
		  100% {
		    opacity: 0;
		    -webkit-transform: translateY(20px);
		    transform: translateY(20px);
		  }
		}
		@keyframes scroll {
		  0% {
		    opacity: 1;
		    -webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		    transform: translateY(0);
		  }
		  100% {
		    opacity: 0;
		    -webkit-transform: translateY(20px);
		    -ms-transform: translateY(20px);
		    transform: translateY(20px);
		  }
		}


body .pagina a{
	color: #e51c20;
}

programa a {
    color: #fff;
}
