/*scroll sempre visivel*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

html, body {height:100%;}
* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;	color: #392B0B; padding-top: 0px;}

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*alinhamento do rodape sempre ao fundo - s n quiser retirar position aqui e no footer*/
.geral {
	min-height:100%;
	position:relative;
}


#posiciona {
	position: absolute; /* posição absoluta ao elemento pai, neste caso o BODY */
	right: 62px;
	top: 15%;
	width: 200px; /* Largura da DIV */
	height: auto;/*250px; /* Altura da DIV */
	min-height:25%;
	color: #FFF;
	margin-top: -125px;
	background-color: rgba(0,0,0,0.5);
	/*opacity: 0.7;
	filter: alpha(opacity=70); 
	background-color: #000000;*/
	text-align: left; 
	padding-left:8px;
	z-index: 2; 
}
#fechar, #fechar a {margin: 5px; font-size: 12px; color:#FFFFFF;}

#flutuante, #flutuante  a{
	color:#FFFFFF; font-size: 12px; line-height: 1.5em;
	/*font-weight:bold;*/
}
#flutuante  a:hover{
	color:#FFFFFF; font-size: 12px; line-height: 1.5em;
	text-decoration:underline;
	/*font-weight:bold;*/ 
}
#flutuante img {
	max-width:192px;
}

@media only screen and (max-width:860px), only screen and (max-device-width:860px){
		#posiciona {display:none; }		
	}
/*******************************************/
#novidades {margin:0px;padding-top:0px;padding-bottom:0px;display:none;}		
/*.marquee, .marque p {display:block;height:0px;margin: 0 0 0 0;padding:0 0 0 0;}*/
@media only screen and (max-width:860px), only screen and (max-device-width:860px){
		#novidades {display:block;margin: 0 auto;
			width: 100%;
			background-color:#292929;
			text-align:center;padding-top:10px;padding-bottom:10px; 
			color:#FFFFFF; font-size: 12px; line-height: 1.5em;
			}		
		}
		.marquee {display:inherit;height:auto;
			max-width: 950px;
			margin: 0 auto;
			overflow: hidden;
			white-space: nowrap;
			color:#FFFFFF;
			box-sizing: border-box;
			animation: marquee 20s linear infinite;
		}
			
		.marquee:hover {
			animation-play-state: paused;
		}
		.marquee a, .marque a:hover{color:#FFFFFF;}

		/* Make it move */
		@keyframes marquee {
			0%   { text-indent: 10em }/*27.5*/
			100% { text-indent: -105em }
		}
}
	@media screen and (max-width:570px){
		.marquee {
			max-width: 950px;
			margin: 0 auto;
			overflow: hidden;
			white-space: nowrap;
			box-sizing: border-box;
			animation: marquee 40s linear infinite;color:#FFFFFF;
		}
	}
/******************************************/
#header {clear:both; background-color:#000000; width:100%;position:fixed;z-index:3;}
	@media only screen and (max-width:355px), only screen and (max-device-width:355px){#header{height:auto;position:absolute;}}

.center {
	margin: 0 auto;
	max-width: 905px;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	/*text-align: center;*/
} /*largura máxima do layout*//*ajuste do layout à tela*/
	@media only screen and (max-width:570px), only screen and (max-device-width:570px)
	{.center{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}
.center1{margin: 0 auto;max-width:905px; padding-left:1%;padding-right:1%;}

h1 span{
	display: block;
	height: 0px;
	text-indent: -9999px;
}
	
#logo h1 a{
	float:left;
	height:46px;
	padding-top:22px; 
}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		#logo h1 a{height:auto;text-align:center;width:100%; }		
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){h1 a img{width: 96%; padding-left:2%;padding-right:2%;}}
#idiomamenu{float:right;background-color:#000000;}
	@media only screen and (max-width:860px), only screen and (max-device-width:860px){#idiomamenu{width:100%;}}
.idioma{padding-top:0px;text-align:right;}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		.idioma{margin-top:2%; text-align:center;}
			.idioma img{padding-left:6px; padding-right:6px;
			}
	}
	
.menuadmin{color:#FFFFFF;}
.menuadmin a{color:#FFFFFF;}
.menuadmin a:hover{color:#00843d;}

.menumenu{padding-top:10px;}
	/***nav - menu de navegação***/
	nav{
		text-align:right; /*alinha os links à direita*/
		text-transform:uppercase;
		
		/*font-family: Verdana, sans-serif;*/
	}
	nav ul{list-style-type:none;} /*retira os marcadores da lista*/
		nav li {display: inline;} /*deixa o menu na horizontal*/
		nav ul li a{
			margin-right: 30px; /*espaço à direita de cada link do menu*/
			font-size: 15px;
			font-weight: 300;
			display:inline-block;text-decoration: none;
			color:#FFFFFF;
		}
		nav ul li:nth-child(6) a{margin-right:0px;}/*indica que o 5º elemento da lista (contato) terá a margem direita zerada*/
		nav a.ativo:link, nav a:hover{
			color:#00843d; /*indica a página ativa e o link:hover*/
			text-decoration: none;
			font-size: 15px;
			font-weight: 300;
			display:inline-block;
		}
		.ativo {
			color: #00843d;
			font-size: 16px;   
			text-decoration: none;
		}				
	nav .show-menu {
		background: #00843d; padding: 10px 0px; text-align: center; 
		color: #FFFFFF; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
		text-decoration: none; display: none;
	}
	nav input[type=checkbox] {display: none; -webkit-appearance: none;}
	nav input[type=checkbox]:checked ~ #menu {display: block;}

	@media only screen and (max-width:860px), only screen and (max-device-width:860px){
	#idiomamenu{width:100%;}
		nav{	float:none; text-align:center;width: 100%;}
		nav a.ativo:link, nav a:hover{color:#00843d;}
		.ativo {	color: #00843d;	text-decoration: none;}
	}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		nav ul{
			margin: 0px; padding: 0px; list-style-type: none; position: absolute;
		}
		nav ul li a{color:#FFFFFF;}

		nav li {margin-right: 1px; float: left; display: inline-block;}
		nav li a {
			background: #000000; height: 50px; text-align: center; color:#FFFFFF;line-height: 50px; 
			/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
			text-decoration: none; display: block; min-width: 140px;
		}
		nav li:hover a {background: #00843d;color:#FFFFFF;}
		nav li:hover ul a {
			background: #000000; height: 40px; color:#FFFFFF; line-height: 40px;
		}
		nav li:hover ul a:hover {background: #00843d; color:#FFFFFF;}
		nav li ul {display: none;}
		nav li ul li {float: none; display: block;}
		nav li ul li a {padding: 0px 20px; width: auto; min-width: 100px;color:#FFFFFF;}
		nav ul li a:hover + .hidden {display: block;}
		nav .hidden:hover {display: block;}

		/*@media screen and (max-width:760px)
		{*/
		nav ul {display: none; position: static;}
		nav li {margin-bottom: 1px;}
		nav ul li {width: 100%;}
		nav li a {width: 100%;}
		nav .show-menu {display: block;}
		/*}*/
	}
/*para não ir para baixo do footer*/
#conteudo {clear:both;padding-top:76px;padding-bottom: 70px;}
@media only screen and (max-width:860px), only screen and (max-device-width:860px){#conteudo{padding-top:132px;}}
@media only screen and (max-width:570px), only screen and (max-device-width:570px){#conteudo{padding-top:155px;}}

#banner{background:#ffffff;}

img, picture, video, embed, figure {max-width: 100%;} /*define a largura máxima em até 100%*/

h2{	
	padding-top:30px;
	font-weight: bold;
	color: #392B0B;
	font-size: 1.222222222222222em;
	font-family: Arial, Helvetica, sans-serif;	
}

h3{ 	
	padding-top:30px;
	font-weight: bold;
	color: #00843d;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;	
}
h3.sub{ 	/*noticias*/
	padding-top:0px;
	font-weight: bold;
	color: #392B0B;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;	
}
h4 
{
	padding-top:14px;
	color: #392B0B;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;	
}

.resumo{color:#392B0B; font-size: 12px; padding-left:10px;}
.resumo a{}
.resumo a: hover{}
a{font-size: 12px; text-decoration: none; color: #392B0B;}
a:hover {text-decoration: none; color: #00843d;}

.texto{color:#392B0B; font-size: 14px; line-height: 1.5em;}
.texto a{color:#392B0B; font-size: 14px; line-height: 1.5em;}
.texto a:hover{font-size: 14px; color:#00843d; }
@media only screen and (max-width:570px), only screen and (max-device-width:570px) {
	.texto, .texto a{
		font-size: 1.0em;
	}
}

	.texto1 {
		font-size: 9px;
		color: #7F7F7F;
	}

.textoinfo {
	font-size: 9px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2a2a2a;
	text-align: justify;
}
	#empresa {
		padding-top: 2%;
	}
@media only screen and (max-width:570px), only screen and (max-device-width:570px){
#empresa {text-align: center;}}
/*#empresa img{max-height:40px;}*/
/** SOLUÇÕES**/
.solucoes1{margin:0 auto;max-width:915px;padding-bottom:20px;}
.solucoes1items {margin:0% 1% 0% 1%;width:30.67%;float:left;}
@media only screen and (max-width:640px), only screen and (max-device-width:640px){.solucoes1items{width:98%;text-align:left;}}

#solucoes2{margin: 0 auto;
	width: 100%;}
.solucoes2fim{
	margin:0% 1% 0% 1%;width:30.67%;
	display:inline-block;
	vertical-align:top;
	padding-bottom:10px;
}
	@media only screen and (max-width:640px), only screen and (max-device-width:640px){.solucoes2fim{width:98%;text-align:center;}}
		
/***Noticias***/
#portfolio
{
	margin: 0 auto;
	width: 100%;
}
.portfoliomeio
{	
	margin:0px 1% 0px 1%;width:31.3333%;
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:10px;
}
.portfoliomeio p,.portfoliomeio p
{
	/*height:65px;
	max-width:280px;*/
}
	@media only screen and (max-width:555px), only screen and (max-device-width:555px)
		{.portfoliomeio{margin:0px 1% 0px 1%;width:48%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio{width:98%;text-align:center;}}
.portfoliomeio img{max-width:280px;}/*transition:all 0.5s ease-in-out;*/
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.portfoliomeio img{width:100%;}}

#paginas{clear:both;margin: 0 auto; width: 100%; text-align: left;}
.pagina{text-align:center; float:left; text-align: left; height:40px;}

#sombra img {
	border-radius: 3px;
	border: 1px solid #cacaca;
	/*border-radius: 15px;
	box-shadow: 0 0 60px 10px rgba(13, 36, 62, 0.1);*/
}
/*** DESTAQUE ***/
#produtostopicos{margin: 0 auto; padding-top:20px; width: 100%;}
.produtos
{	
	margin:0px 1% 0px 1%;width:31.3333%;
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:center;
}
h2.produtosnome{padding:5px 0px 0px 0px;font-size: 0.688em;color:#000000;font-weight:normal;text-transform:uppercase;}
.produtos p,.produtos p
{
	/*height:65px;*/
	/*max-width:280px;*/
}
	@media only screen and (max-width:800px), only screen and (max-device-width:800px)
		{.produtos{margin:0px 1% 0px 1%;width:48%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.produtos{width:98%;text-align:center;}}
.produtos img{/*max-width:100%;/*280px;*/}/*transition:all 0.5s ease-in-out;*/
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.produtos img{/*width:100%;*/}}
.produtobutton{position:relative;text-align:center;padding-bottom:20px;}
.produtobutton a{display:inline-block;background-color:#ffffff;font-size:12px;min-width:85px;padding:8px 5px 8px;color:#000000;cursor:pointer;text-transform:uppercase;text-decoration:none;}
.produtobutton a:hover{background-color:#00843d;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}

#slogan
{		
	margin: 0 auto;
	width: 100%;
	background-color:#292929;
	text-align:center;
}
h3.slogantexto{padding-top:20px;padding-bottom:20px;color:#FFFFFF;font-size: 20px;font-weight:normal;line-height: 1.5em;text-transform:uppercase;}

.linhaverde{clear:both;height:8px;background-color:#00843d;}
	@media screen and (max-width:570px){.linhaverde{display:none;}}
.linhabrancafooter{clear:both;}
.linhabranca5{clear:both;height:5px;}
.linhabranca15{clear:both;height:15px;}
.linhabranca20{clear:both;height:20px;}
.linhabranca30{clear:both;height:30px;}

/*** parcerias ***/
#parcerias
{		
	margin: 0 auto;
	width: 100%;
	background-color:#F0F0F0;
	text-align:center;padding-bottom:10px;
}
.parceriasresumo{font-size: 12px;line-height: 1.5em;}
#parcerialogos img{height:30px; padding:30px 10px 0px 10px;}
/*** FOOTER ***/
footer
{
	clear:both; /*limpa os floats anteriores, para este não ficar sobreposto*/
	margin: 0 auto;
	width: 100%;
	position:absolute;
	background-color:#000000; 
	height:20px; 
	text-align:center;
	padding: 30px 0px;
	bottom: 0;
}
.copyright {float:left; font-size: 11px; color:#FFFFFF; text-align:left; line-height:1.5;}
	.copyright a {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
		.copyright a:hover {
			font-size: 11px;
			color: #00833C;
			text-decoration: underline;
		}

.redes{float:right;}
	@media screen and (max-width:555px){	
		footer
		{	
			clear:both;
			background-color:#000000; 
			height:40px; 
			text-align:center;
			padding: 20px 0px;
		}
		.copyright {float:none; font-size: 11px; color:#FFFFFF;}
		.copyright a{color:#FFFFFF; text-decoration: none;}
		.copyright a:hover{color:#00833C; text-decoration: underline;}

		.redes{float:none; padding-top: 8px; text-align:center;}
	}

/*********************************/
.button1{height:26;color:#fff; background:#00843d; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button1:hover{text-decoration:none; background:#3A2B0C; color:#fff;font-size: 12px;font-weight:bold;}

.button1 a{height:26;color:#fff; background:#00843d; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button1 a:hover{text-decoration:none; background:#3A2B0C; color:#fff;font-size: 12px;font-weight:bold;}

.button11 {height:26;color:#fff; background:#3A2B0C; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
/*Contactos*/
#contactos
{
	margin: 0 auto;
	width: 100%;
}
	#contactostexto{float:left;width:50%;}
	#contactosform{float:right;padding-left:1%;width:49%;}
	
	@media screen and (max-width:685px){	
		#contactostexto{float:none;width:98%;}
		#contactosform{float:none;padding-left:0%;padding-left:0%;width:98%;}
	}
/*form contactos*/
form { margin:0px; padding:0px}
.form input {
	width:98%;
	height:30px;
	font-family:verdana;
	font-size:9px;
	color: #7F7F7F;
	padding:1px 0px 0px 9px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8;
}
	.form input[type=submit] {
		/*font-size: 14px;
		font-weight: bold;
		margin: 5px;
		background-color: #ffffff;
		color: #00006c;
		padding: 5px 15px 5px 15px;
		height: 50px;
		width: 200px;
		border-radius: 15px;
		border: 2px solid #00006c;*/
		height: 26;
		color: #fff;
		background: #00843d;
		padding: 5px 11px 5px 11px;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		cursor:pointer;
	}
		.form input[type=submit]:hover {
			/*font-size: 14px;
			font-weight: bold;
			margin: 5px;
			background-color: #00006c;
			color: #ffffff;
			padding: 5px 15px 5px 15px;
			height: 50px;
			width: 200px;
			border-radius: 15px;
			border: 2px solid #00006c;*/
			text-decoration: none;
			background: #000000;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
		}
.form textarea {	
	width:98%;
	height:170px;
	font-family:verdana;
	font-size:10px;
	color:#7F7F7F;
	overflow:hidden;
	padding:7px 0px 0px 9px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8;
}
.form select{
	/*width:425px;*/
	height:18px;
	font-family:verdana;
	font-size:10px;
	padding:1px 0px 0px 1px;
}
.form .texto {
	font-family:verdana;
	font-size:10px;
	color: #F8F8F8;
}