﻿/*@font-face {

    font-family: Font_body;

    src: url('estagio/css/fonts/RobotoSlab-Regular.ttf') format('truetype');

}



@font-face {

    font-family: Font_titulos_sections;

    src: url('estagio/css/fonts/montserrat-regular.woff') format('woff');

}

*/

body {

overflow: auto;

top: 0;

margin:0;

bottom:0;

font-family: 'Open Sans', sans-serif;

color: #5d5e5e;

text-align: center;

font-size: 1em;

line-height: 1.5;

}



a {

	text-decoration:none;

	color:inherit;

	}

a:hover {

	text-decoration:none;

	color: #00c5b9;

	transition: all 0.5s;

	}



.myButton {

display:inline-block;

padding:1% 3%;

border:0.1em solid #5d5e5e;

margin: 3% 0;

border-radius:0.12em;

box-sizing: border-box;

text-decoration:none;

font-weight:600;

color: inherit;

text-align:center;

transition: all 0.5s;

}

.myButton:hover {

	color:#fff;

	background-color:#00c5b9;

	border:0.1em solid #fff;

}



hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

h1,

h2,

h3,

h4,

h5,

h6 {

	

	font-family: 'Open Sans', sans-serif;



}

#titulo_home {text-transform: none;}

#titulo_seccoes {text-transform: uppercase;}

h1 {

	font-size: 2em;

	line-height:1.05em;

	font-weight: bolder;

}



#dentro h2 {

	font-size: 2em;

	font-weight: normal;

	text-transform: none;

}



strong {

	padding-left:1em

}

p {

	letter-spacing:1.3px;

	line-height: 1.25em;

}

p.justify {

	text-align: justify;

}



#objectivos {

	text-align: justify;

	background-color:#00c5b9;

	color:#FFF;

	height:290;

	float:left;

	width:36%;

	padding: 10px 2%;

	display: table;

	}

.div_dentro_centrada {

	display: table-cell;

    vertical-align: middle;

	}



#titulo_box {

    text-transform: none;

}

/* -----SECÇÕES----- */



section {

display:block;

padding: 5% 0 5% 0;

background: #fff;

min-height: 100vh;

margin:0;

}

#um {

	background:  url(../imagens/home.jpg) center center no-repeat; background-size: cover;

	

}

#dentro_um {

	text-shadow:#000 1px 1px;

	margin: auto;

	width: 75%;

	color:#FFF;

	line-height: 2;

	top: 0;

}

#link_um {

	text-transform: uppercase;

	text-decoration:none;

	color:#fff;

	text-shadow:#000 1px 1px;

	font-weight:600;

	-webkit-transition: all 0.33s ease-in-out;

	-moz-transition: all 0.33s ease-in-out;

	-o-transition: all 0.33s ease-in-out;

	transition: all 0.33s ease-in-out;

}

#link_um:hover {

	font-size:130%;}

#dois, #quatro, #seis, #oito {

	background: #eee;

}

#tres, # cinco, #sete {

background: #fff;

}



.mySlides {

	height:60vh;

	}

.mySlides_dentro{

	text-align: left;

	margin: auto;

	width:90%;

	height:100%;

	padding:3%;

	background-color:#3F9;

	-webkit-transition: all 0.33s ease-in-out;

	-moz-transition: all 0.33s ease-in-out;

	-o-transition: all 0.33s ease-in-out;

	transition: all 0.33s ease-in-out;

	}

.mySlides img{

	margin-right:3%;

	margin-bottom:3%;

	width:25%;

	float:left

}





#logo {

	position: relative;

	margin-right: 35%;

	color:#FFF;

	font-weight:600;

	font-size:24px;

	text-shadow:#000 1px 1px;

}



#texto {

	padding: 5 23%;

	line-height: 180%;

}



ul {

	/* list-style-type:disc; */

}

/* -----BARRA DE NAVEGAÇÃO----- */

.topnav {

  overflow: hidden;

  background-color: #333;

  position:fixed;

  width:100%;

  z-index:999;

}



.topnav a {

  float: left;

  display: block;

  color: #f2f2f2;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

}



.topnav a:hover {

  background-color: #ddd;

  color: black;

}



.active {

  color: white;

}



.topnav .icon {

  display: none;

}



@media screen and (max-width: 768px) {

  .topnav a:not(:first-child) {display: none;}

  .topnav a.icon {

    float: right;

    display: block;

  }

}



@media screen and (max-width: 768px) {

  .topnav.responsive {position: fixed;}

  .topnav.responsive .icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  .topnav.responsive a {

    float: none;

    display: block;

    text-align: left;

	font-size:0.8em;

	padding: 7px 8px;

  }

}

/* -----FORMULARIO DE CONTACTO----- */

form.email {

	margin: auto;

	padding: 50px;



}



form.email input, form.email textarea {

font-family: inherit;

color: #67727A;

padding: 7px;



}



form.email input {

width: 250px;

background: #ffffff;

border: 2px solid #a8a8a8;

border-radius: 5px;

}



form.email textarea {

border: 2px solid #a8a8a8;

border-radius: 5px;

width: 250px;

line-height: 1.5em;

height: 140px;

}



form.email input.enviar {

color: #fff;

background: #9c9c9c;

border: #000;

cursor: pointer;

font-family: inherit;

width: 150px;

}



form.email input.enviar:hover {

color: #fff;

background: #a8a8a8;

border: #000;

cursor: pointer;

font-family: inherit;

}



/* -----BOTOES DE REDE SOCIAL----- */



#botao {

	cursor: pointer;

	width: 35px;

	height: 35px;

}



/* -----SERVIÇOS----- */



.wraper {

	width: 300px; 

	height: 360px; 

	display: inline-block; 

	margin: 40px;

	overflow: hidden;

	}

.wraper_coord_tecnica {

	width: 420px; 

	height: 450px; 

	display: inline-block; 

	margin: 20px;

	overflow: hidden;

	}

	

.wraper img {

	width: auto;

	max-height: 180px; 

	transition: transform 700ms;

	}



.wraper_coord_tecnica img {

	width: auto;

	max-height: 180px; 

	transition: transform 700ms;

	line-height:0.5px;

}

.content {

	width: 350px; 

	height: 300px; 

	background: #000; 

	opacity: 0.6; 

	transition: transform 700ms;

	cursor: pointer;

	}



.wraper:hover .content {

	transform: translateY(-300px);

	}



	

.wraper:hover .plus {

	display: block; 

	cursor: pointer;

	}

/* moradas centrads*/

.container_centrada {

	 position: relative;

    width: 100%;

    height: 100%;

	}



.content_centrada {

	position: relative;

    top: 50%;

    left: 25%;

    width: 50%;

    text-align: center;

    -webkit-transform: translateY( -50% );

    -moz-transform: translateY( -50% );

    transform: translateY( -50% );

}

/* -----RODAPE----- */



#rodape {

	background-color:#000;

	position:absolute;

	display: block;

	width:100%;

}



#esq {

	width:40%;

	float:left;

	text-align:left;

	padding:2%;	

}

#drt {

	width:40%;

	text-align: right;

	float: right;

	padding:2%;	

}



.link_rodape {

	list-style:none;

	}

.link_rodape a {

	text-decoration: none;

	color: #555555;

	}

.link_rodape a:hover {

	color: #999;

	}

.link_rodape a:active {

	text-decoration: none;

	}



li {

	list-style-position: inside;

	list-style-type: disc;



	}

	

#form_contactos { background: rgba(255, 255, 255, 0.3); padding: 3%;}

#form_contactos input[type=text], #form_contactos input[type=email] { outline: none; background:none; border:none; border-bottom:1px #b7b7b7 solid; padding: 0 3%; width:88%; height:30px; margin:0 3%;}

::-webkit-input-placeholder {

   color: #b7b7b7;

   background:none;

}



:-moz-placeholder { /* Firefox 18- */

   color: #b7b7b7;  background:none;

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #b7b7b7; background:none; 

}



:-ms-input-placeholder {  

   color: #b7b7b7;  background:none;

}





textarea { outline: none; background:none; border:none; border-bottom:1px #b7b7b7 solid; padding: 10px 3%; width:88%; height:140px; margin:0 3%;}

input:required,

textarea:required {

	background:none;

   !important;}

   

   

	

	#preco_tabela, #preco_tabela td {

	vertical-align:middle;

	text-align:center;

	line-height:3em;

	background: rgba(255,255,255,0.33);

	font-size:1em;

	}

#preco_tabela th, #preco_tabela td {

	padding: 3px;

	border: 1px solid #ccc;

	font-size:1em;

	}

#horario_tabela {

	text-align: center;

	vertical-align:middle;

	font-size:1em;

	}

#horario_tabela th, #horario_tabela td {

	font-size:1em;

	padding: 3px;

	border: 1px solid #fc0;

	}	

#horario_tabela th {

	color:#FFF;

	}	

#horario_tabela tr td {

	background: rgba(255,255,255,0.33);

	border: 1px solid #fc0;

	}





