header{
	/*background: #ededed;*/
}

@font-face {
    font-family: "arial";
    src: url("font/Arial regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("font/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Light";
    src: url("font/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("font/Roboto-Bold.ttf") format("truetype");
}

.faixa{
	background: #805518;
	padding: 0.5em;
}

.lang{
	width: 100%;
	max-width: 26px;
	margin: 1em 0;
}

.div-idioma{
	width: 60.5%;
	text-align: right;
	margin: 0 auto;
}

.logovieira{
	width: 100%;
	max-width: 180px;
}

.menu{
	color: #777778;
	font-size:1.1em;
	font-family: 'Varela Round', sans-serif;
	float: right;
	padding: 2em 0 0 0.9em;
	text-decoration: none;
	font-weight: normal;
}

.texto{
	padding: 2.2em 0 0 0.5em;

}

.divtime{
	color: white;
	font-size:4em;
	font-family: 'Roboto-Bold';
	padding: 1.8em 0 2em 0;
	background: url("img/Banner_home.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.divtime2{
	padding: 2.6em 0 0 0;
	width: 60.5%;
	margin: 0 auto;
}

.textotime{
	padding: 0 0 0 0.5em;
  	text-align: left;
}

.bannerline{
	float: left;
}

a{
	text-decoration: none;
	color: #777778;
}

.caixa{
	width: 60.5%;
	margin: auto;
}

.banner, .bannerimage{
	margin: 0 auto;
	width: 100%;
	line-height: 0px;

}

.titulo-quemsomos{
	font-family: 'Roboto-Bold';
	font-size: 1.7em;
	color: #777778;
}

.yellowline{
	margin: auto;
	width: 48.5em;
	max-height: 9px;
	padding: 0 0 3em 0;
}

p{
	text-align: center;
}

.background{
	background: #ededed;
}

.caixa2{
	padding: 3em 0 0 0;
	width: 60.5%;
	margin: auto;
}

.background2{
	background: url("img/fundo_azul_Serviços.jpg");
	background-position: center;
}

.caixa3{
	padding: 2em 0 1em 0;
	width: 70.5%;
	margin: auto;
	text-align: center;
}

h1{
	text-align: center;
}

.texto1{
	padding: 1.2em 0 1.6em;
	line-height: 1.2em;
	color: #777778;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
}

.titulo-incluenciamos{
	font-family: 'Roboto-Bold';
	font-size: 1.7em;
	color: white;
	padding: 1.9em 0 0;
}

.yellowline2{
	margin: auto;
	width: 13.5em;
	max-height: 9px;
	padding: 0 0 0.5em 0;
}

.yellowline2e{
	margin: auto;
	width: 7.5em;
	max-height: 22px;
	padding: 0 0 0.5em 0;
}

.texto2{
	line-height: 1.2em;
	color: #777778;
	font-size:1.4em;
	font-family: 'Roboto-Bold';
	font-weight: normal;
}

.texto3{
	padding: 1.6em;
	line-height: 1.2em;
	color: white;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
}

.lista-area{
	display: inline-block;
	vertical-align: top;
	padding: 1em;
	line-height: 1.2em;
	color: white;
	font-size:1.3em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
	margin: 0 auto;
	list-style-image: url('img/ponto_serviços.png')
}

.itens{
	text-align: left;
	padding: 0 0 1em 0.5em;
}

.imagem-servico{
	padding: 2em 0 0 0;
}

.whiteline{
	padding: 0 0 1em;
}

.texto4{
	padding: 0 0 1em;
	line-height: 1.2em;
	color: white;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
}

.yellowline3{
	margin: auto;
	width: 22em;
	max-height: 9px;
	padding: 0 0 3em 0;
}

.yellowline3e{
	margin: auto;
	width: 16em;
	max-height: 15px;
	padding: 0 0 3em 0;
}

.greyline{
	margin: auto;
	width: 100%;
	max-height: 9px;
	padding: 0 0 3em 0;
}

.caixa4{
	padding: 3em 0 0 0;
	width: 100%;
	margin: auto;
}

.divpar{
	color: white;
	font-size:4em;
	font-family: 'Roboto-Bold';
	padding: 0.9em 0 0.9em 0;
	background: url("img/fundo_azul_parceiro.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.divpar2{
	width: 60.5%;
	margin: 0 auto;
}

.yellowline4{
	margin: auto;
	width: 7.4em;
	max-height: 9px;
	padding: 0 0 3em 0;
}

.yellowline4e{
	margin: auto;
	width: 16.4em;
	max-height: 9px;
	padding: 0 0 3em 0;
}

.divreu{
	color: white;
	font-family: 'Roboto-Bold';
	padding: 5em 0;
	background: url("img/fundo_azul_Reuniao_online.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.divreu2{
	width: 60.5%;
	margin: 0 auto;
}

.textotime1{
	font-size:4em;
	padding: 0.5em 0 0 0.5em;
  	text-align: left;
}

.texto5{
	padding: 1em 1.7em 2em;
	line-height: 1.2em;
	color: white;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
	text-align: left;
}

.botaoagende{
	padding: 0 0 0 2em;
	max-width: 170px;
}

.divfa{
	color: white;
	font-family: 'Roboto-Bold';
	padding: 3em 0 0;
	background-color: #748190;
}

.divfa2{
	width: 60.5%;
	margin: 0 auto;
}

.left{float:left; width:25%;}

.input-padrao{
	padding: 10px 0;
	margin: 0 0 10px 0;
	width: 95%;
}

.center{float:center; width:100%;}

.URL{
	padding: 1em 0;
}

.input-padrao2{
	margin: 0 0 25px 0;
	width: 98.5%;
}

.input-padrao3{
	padding: 10px 0;
	margin: 0 0 10px 0;
	width: 98.8%;
}

form{
	overflow: hidden;
}

.submit{
	float: right;
	font-family: 'Roboto-Regular';
	width: 180px;
	padding: 9px 0;
	background: #48857A;
	color: white;
	font-size:1.4em;
	border-color: white;
	cursor: pointer;
}

.submit:hover{
	background: #777777;
}

.email{
	margin: 10px 0 0 5px;
	color: white !important;
	float: left;
	clear: both;
	text-align: left;
	line-height: 1.2em;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
}

.titulo-principal{
	text-align: center;
	font-size: 2em;
	clear: left;
}


.limitador{
	display: table;
	margin: 0 auto;
	line-height: 0px;
	padding: 0 1em;
}

.principal p{
	color: white;
	font-family: 'Baloo Bhai 2', cursive;
	font-size: 4.9em;
	display: table-cell;
    vertical-align: middle;	
}

.secundaria{
	background: #ededed;
}

.limitador2{
	display: table;
	margin: 0 auto;
	width: 100%;
}

.texto-main	{
	float: none;
	padding: 0.4em 0 0.5em;
	color: #4d4b4b;
	font-size: 2.5em;
	font-family: 'Varela Round', sans-serif;
}

.lista{
	margin: 4em 0 3em;
}

.linhaA{
	font-family: 'Varela Round', sans-serif;
	color: #4d4b4b;
	font-size: 1.5em;
	background-color: #d3d3d3;
	padding: 0.6em;
}

.linhaB{
	font-family: 'Varela Round', sans-serif;
	color: #4d4b4b;
	font-size: 1.5em;
	background-color: #ededed;
	padding: 0.6em;
}

.mobile{
	width: 0px;
}


.formulario{
	float: none;
	width: 53%;
	margin: auto;
	text-align: center;
}

footer{
	background: #ededed;
}

.texto-footer{
	padding: 1em;
	color: #4d4b4b;
	font-size: 2.5em;
	font-family: 'Varela Round', sans-serif;
}

.div-fale-conosco{
	background: #e83282;
	position: relative;
}

.text-faleconosco{
	padding: 2em 0 0;
	color: white;
	letter-spacing: 0.05em;
	font-size: 1.5em;
	font-family: 'Varela Round', sans-serif;
	text-align: center;
}

.center{
	text-align: center;
}

.face{
	width: 100%;
	max-width: 50px;

}

.divredes{
	display: table;
	margin: 0 auto;
}


.text-endereco{
	padding: 2em 0 1.5em;
	color: white;
	line-height: 1.2em;
	font-size:1.4em;
	font-family: 'Roboto-Regular';
	font-weight: normal;
	text-align: center;
}

.copy{
	background: #4D718A;
}

.div-copyright{
	width: 63%;
	margin: auto;
	position: relative;
}

.copyright{	
	color: #FFFFFF;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	height: 50px;
  	line-height: 50px;
  	text-align: left;
}

.logovieiracopyright{
	position: absolute;
    top: 11px;
    right: 0px;
}

.topnav {
  overflow: hidden;
  background-color: transparent; 
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: #777778;
  padding: 0px 0px;
  text-align: right;
  text-decoration: none;
  font-size:1.1em;
  display: block;
  font-family: 'Varela Round', sans-serif;
  text-decoration: none;
}

.topnav a.icon {
  background: transparent;
  color: #4D718A;
  display: block;
  position: absolute;
  right: 0;
  top: 0;

}

.topnav a:hover {
	background: transparent;
	color: #48857A;
}

.active {
	background: transparent;
	color: white;

}

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

.caixa{
	width: 70%;
}

.div-idioma{
	width: 70%;
}

.divtime2{
	width: 70%;
}

.caixa2{
	width: 70%;
}

.caixa3{
	width: 80%;
}

.divpar2{
	width: 70%;
}

.divreu2{
	width: 70%;
}

.divfa2{
	width: 70%;
}

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

.caixa{
	width: 80%;
}

.div-idioma{
	width: 80%;
}

.divtime2{
	width: 80%;
}

.caixa2{
	width: 80%;
}

.caixa3{
	width: 90%;
}

.divpar2{
	width: 80%;
}

.divreu2{
	width: 80%;
}

.divfa2{
	width: 80%;
}


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

	.logovieira{
		width: 20%;
		max-height: 80%;
  		max-width: 80%;
  	}

  	.mobile{
	width: 0px;
	}

	.menu{
		font-size:  1.1vw;
	}

	.image{
		width: 10%;
	}

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

.caixa3{
	width: 95%;
}

.imagem-servico{
	width: 50%;
}

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



	.principal p{
		padding: 0em 0.4em;
		font-size: 6vw;
	}

	.marca{
		width: 100%
	}

	.mobile{
	width: 0px;
	}

	.limitador{
		margin: 0 auto;
	}

	.formulario{
	width: 90%;
	}

	.div-copyright{
	width: 90%;
	}

}

@media screen and (max-width: 880px){
	text-endereco{
		font-size: 1em;
	}

	.itens{
		font-size: 0.8em;
	}

	.texto4, .texto5{
		font-size: 1em;
	}

	.caixa, .principal, .caixa2,{
		width: 90%;
	}

	.logovieira{
		max-height: 80%;
  		max-width: 80%;
  	}

  	.divreu{
	padding: 5% 0;
	}

	.divtime{
		padding: 5% 0 5% 0;
	}

	.divtime2{
		padding: 5% 0 0 0;
		width: 90%;
	}

	.divpar{
		padding: 5% 0 5% 0;
	}

	.divpar2{
		width: 90%;
	}

	.divreu2{
		width: 90%;
	}

  	.time{
  		width: 90%;
  	}

  	.titulo-quemsomos{
  		font-size: 6vw;
  	}

  	.textotime, .textotime1{
  		margin: 0 20px;
  		font-size: 7vw;
  		line-height: 1em;
  		width: 90%;
  	}

  	.bannerline{
  		width: 1.3%;
  	}

  	.yellowline, .yellowline2, .yellowline2e,.yellowline3, .yellowline3e,.yellowline4, .yellowline4e,.whiteline, .greyline{
  		width: 100%;
  	}

  	.div-idioma{
		width: 80%;
		background: url("img/Site_Vieira_de_Melo.png");
		background-repeat: no-repeat;
	 	background-size: 130px;
	}

  	.desktop{
  		width: 0px;
  		font-size: 0px;
  	}

  	.mobile{
  		width: 100%;
  	}

	.texto1, .texto2, .texto3{
		font-size:1.0em;
	}

	h1{
		text-align: center;
	}

	nav{
		position: static;
		text-align: center;
	}

	nav a{
		font-size: 20px;
	}

	.linhaA, .linhaB{
		font-size: 1.1em;
	}

	.texto-main, .texto-footer{
		font-size: 2em;
		margin: 0 0.4em;
	}

	.text-endereco, .email{
		font-size: 1em;
		margin: 0 0.5em;
	}

	.copyright{
		font-size: 2.5vw;
		text-align: center;
	}


	.logovieiracopyright{
		padding: 2em 0 0 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		}

	.copy{
		padding: 0 0 2em 0;
	}


}

@media screen and (max-width: 400px){
	.enviar{
		float: none;
	}

	.botaoagende{
		width: 50%;
	}

	.texto1, .texto2, .texto3, .texto4, .texto5{
		font-size:0.8em;
	}

	.titulo-incluenciamos{
		font-size: 1.5em;
	}

	.email{
		margin: 0 0 1em;
		float: none;
	}

	.left{float:none;width: 100%;}

	.input-padrao{
		padding: 10px 0;
		width: 98.5%;
	}

	.text-endereco{
		font-size: 0.8em;
	}

	.submit{
	float: none;
	}

}