@charset "UTF-8";
/* CSS Document */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 40px;}  /* deve ser a mesma altura do rodapé */
#footer {
	position: relative;
	margin-top: -40px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 40px;
	clear:both
}


/*** --------------------- Main container --------------------- ***/
body { 	
	background-color: #F4F3F3;
	background-image:url(../img/bg.gif); 
	background-repeat:repeat-x; 
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:120%;}
	


/*** --------------------- Institucional --------------------- ***/
#institucional{padding-bottom: 300px;}
#institucionalGeral{ width:1024px; position:relative; left: 50%; margin-left: -512px;}	
	/*** --------------------- Login ------------ ***/
	#login{width:1024px;padding:20px 0 0 0;float:left;font-size: 12px; color:#fff; height:50px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:right;}
	/*** --------------------- Marca ------------ ***/
	#marca{width:524px;padding:0;float:left;font-size: 12px; color:#333; height:400px;}
	#logo{
	width:612px;
	z-index:4;
	position:absolute;
	background-repeat: no-repeat;
	height: 530px;
}
	/*** --------------------- Video ------------ ***/
	#video{width:500px;padding:0 ;float:left;font-size: 12px; color:#333; height:400px; background-image:url(../img/selo.jpg); background-repeat:no-repeat; background-position:left center; text-align:right;}
		#videoInterna{width:500px;padding:0 ;float:left;font-size: 12px; color:#333; height:140px; background-image:url(../img/selo.jpg); background-repeat:no-repeat; background-position:left center; text-align:right;}
	/*** --------------------- Areas ------------ ***/
	#areas{width:1024px;padding:0;float:left;font-size: 12px; color:#333; height:300px;}
	.area{ width:206px; float:left; padding-right:50px}
	a.areaHome:link, a.areaHome:visited, a.areaHome:active {
	text-decoration:none; color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; width:178px; display:block;
	height:23px; background-image:url(../img/homeAreaLink001.png); background-repeat:no-repeat;
	padding:4px 0 5px 5px;}
	a.areaHome:hover { color:#000; background-image:url(../img/homeAreaLink002.png); }
	/*** --------------------- Trabalhos ------------ ***/
	#trabalho{width:600px;padding:0;float:left;font-size: 12px; color:#333; height:420px; padding-top:30px; padding-bottom:40px;}
	a.trabalhothumb:link, a.trabalhothumb:visited, a.trabalhothumb:active{
	border: 1px solid #4C4334;
	margin: 5px;
	padding: 5px;
	display:block;
	width:170px;
	height:170px;
	background-color:#fff;
	text-align:center;
	float:left;
}
	a.trabalhothumb:hover{
		background-color:#999;
	}
#trabalhoAguarde{width:1000px;padding:0;float:left;font-size: 12px; color:#333; height:600px; padding-top:10px; padding-bottom:40px;}
	/*** --------------------- Parceiro ------------ ***/
	#parceiro{width:424px;padding:0;float:left;font-size: 12px; color:#333; height:200px; padding-top:30px;}
	/*** --------------------- Noticias ------------ ***/
	#noticia{width:212px;padding:0;float:left;font-size: 12px; color:#333; height:200px; background-image:url(../img/homeDivNoticia.jpg); background-position:right center; background-repeat:no-repeat; padding-top:20px;}
	a.noticiaHome:link, a.noticiaHome:visited, a.noticiaHome:active {
	background-image:url(../img/menuCat002.jpg); height:15px; background-repeat:no-repeat; background-position:0 2px; 
	text-decoration:none; color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; width:170px; height:15px; display:block;
	padding:2px 0 5px 20px;}
	a.noticiaHome:hover { background-image:url(../img/menuCat003.jpg);color:#000;}
	a.noticiaLeia:link, a.noticiaLeia:visited, a.noticiaLeia:active {
	text-decoration:none; color:#666;
	background-image:url(../img/mais.png); background-repeat:no-repeat;
	background-position:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; width:90px; 
	padding:2px 20px 5px 100px;
	text-align:left;}
	a.noticiaLeia:hover {color:#000; background-image:url(../img/mais000.png); background-repeat:no-repeat;
	background-position:right;}
	a.noticiaLeia1:link, a.noticiaLeia1:visited, a.noticiaLeia1:active {
	text-decoration: underline; color:#666;
	background-image:url(../img/mais.png); background-repeat:no-repeat;
	background-position:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; width:74px;
	float:right; display:block;
	padding:5px 20px 5px 0;
	text-align:right;
	}
	a.noticiaLeia1:hover {color:#000; background-image:url(../img/mais000.png); background-repeat:no-repeat;
	background-position:right;}	
	a.noticiaLeia2:link, a.noticiaLeia2:visited, a.noticiaLeia2:active {
	text-decoration: underline; color:#666;
	background-image:url(../img/depoimento.png); background-repeat:no-repeat;
	background-position:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; width:88px;
	float:left; display:block;
	padding:6px 10px 5px 2px;
	text-align:left;}
	a.noticiaLeia2:hover {color:#000; background-image:url(../img/depoimento000.png); background-repeat:no-repeat;
	background-position:right;}
	/*** --------------------- Artigos ------------ ***/
	#artigo{width:212px;padding:0;float:left;font-size: 12px; color:#333; height:200px; padding-top:20px;}
	a.artigoHome:link, a.artigoHome:visited, a.artigoHome:active {
	text-decoration:none; color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; width:190px; height:15px; display:block;
	padding:2px 2px 5px 0;}
	a.artigoHome:hover { color:#000;}
	
/*** --------------------- Social --------------------- ***/
#social{ position: relative;
	margin-top: -300px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 350px;
	clear:both;
	background-image:url(../img/manchapreta.png); background-repeat:no-repeat; background-position:-20px 168px;
	background-color:#fff;
	padding-bottom:250px;}
#socialProduto{ position: relative;
	margin-top: -250px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 200px;
	clear:both;
	background-image:url(../img/manchapreta.png); background-repeat:no-repeat; background-position:-20px 130px;
	background-color:#fff;
	padding-bottom:200px;}
#socialGeral{ width:1024px; position: relative; left: 50%; margin-left: -512px;}	
	/*** --------------------- Depoimentos ------------ ***/
	#depoimentos{width:400px;padding:0;float:left;font-size: 12px; color:#333; height:100px; padding:20px; padding-bottom:40px;}
	.depoimentosArea{
	font-size:11px;
	color:#666666;
	padding-top:10px;
}
	.depoimentosAutor{
	font-size:11px;
	color:#000;
	float:right;
	width:200px;
	display:block;
	font-weight: bold;
}
	.depoimentosIdentificacao{
	font-size:10px;
	font-style:italic;
	float:right;
	width:200px;
	display:block;
	color: #000000;
}
	.depoimentosIdentificacao1{
	font-size:10px;
	font-style:italic;
	float:right;
	width:200px;
	display:block;
	color: #000000;
	margin-top:10px;

}
	.depoimentosMais{ font-size:12px; color:#999; padding-top:10px; background-color:#666666; display:block; width:200px; height:10px; }
	/*** --------------------- Twitter ------------ ***/
	#twitter{width:360px;padding:0;float:left;font-size: 12px; color:#333; height:300px;}
	/*** --------------------- seguidores ------------ ***/
	#segidores{width:224px;padding:0;float:right;font-size: 12px; color:#333; height:100px;}
	
/*** --------------------- Rodape --------------------- ***/
	#rodape{	position: relative;
		margin-top: -200px; /* A mesma altura do rodapé, o valor deve ser negativo */
		height: 200px;
		clear:both;
		background-color:#000000;}
		#rodapeProduto{	position: relative;
		margin-top: -295px; /* A mesma altura do rodapé, o valor deve ser negativo */
		height: 250px;
		clear:both;
		background-color:#000000;}
	#rodapeGeral{ width:1024px; position: relative; left: 50%; margin-left: -512px;}
	.rodapeArea{ width:195px; float:left; padding-right:10px; padding-top:5px; padding-left:5px; font-size:11px; color:#999;}
	.rodapeEndereco{ color:#FFF;}
	.rodapeArea1{ width:110px; float:left; padding-right:10px; padding-top:20px; background-image:url(../img/rodapeMenu.jpg); background-repeat:no-repeat;}
		.rodapeespaco{ width:540px; float:left; padding-right:10px; padding-top:20px;}
	.rodapeAreahome{ width:110px; float:left; padding-right:10px; padding-top:20px; background-image:url(../img/rodapeMenuHome.jpg); background-repeat:no-repeat;}
	a.rodapeHome:link, a.rodapeHome:visited, a.rodapeHome:active {
	text-decoration:none; color:#666;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
	font-size: 11px; width:105px; height:15px; display:block;
	padding:2px 0 5px 5px;}
	a.rodapeHome:hover { color:#fff;}
	a.rodapeArealink:link, a.rodapeArealink:visited, a.rodapeArealink:active {
	text-decoration:none; color: #666;}
	a.rodapeArealink:hover { color:#FF6600;}
	
/*** --------------------- Páginas Internas --------------------- ***/
	#marcaInterna{width:424px;padding:0;float:left;font-size: 12px; color:#333; height:300px;}
	
	/*** --------------------- Menu ------------ ***/
	#menuInterna{width:600px;padding:0 ;float:left;font-size: 12px; color:#333; height:100px;}
	.menuArea{ width:136px; float:left; padding-right:10px;}
		a.MenuArea:link, a.MenuArea:visited, a.MenuArea:active {
	text-decoration:none;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:120px;
	display:block;
	height:23px;
	background-image:url(../img/MenuAreaLink001.png);
	background-repeat:no-repeat;
	padding:4px 0 5px 5px;
}
	a.MenuArea:hover { color:#000; background-image:url(../img/MenuAreaLink002.png); }
	/*** --------------------- Interna Produtos ------------ ***/
	#produto{width:812px;padding:0;float:left;font-size: 12px; color:#333; height:570px;}
	
/*** --------------------- Páginas Depoimento --------------------- ***/
#conteudoDepoimento{width:1000px; height:700px; float:left; margin-top:30px;}	
.depoimento {
	width:265px;
	height:287px;
	float:left;
	padding: 0 0 0 35px;
	background-image: url(../img/depoimento.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.depoimento2 {
padding-top:70px;
	width:265px;
	height:287px;
	float:left;
	padding: 0 0 0 35px;
	background-image: url(../img/depoimento.gif);
	background-repeat: no-repeat;
	background-position:0 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.minicurriculo {
	width:200px;
	float:left;
	padding-right:5px;
	padding-top:5px;
	padding-left:5px;
	font-size:11px;
	color:#999;
}

/*** --------------------- Páginas Noticias --------------------- ***/
#conteudoNoticias{width:1000px; height:600px; float:left; margin-top:30px;}
#NoticiasInternas {z-index:200; width:1000px; position:relative;}
.NoticiaPaginador { height:20px;text-decoration: none; color: #666;font-family:Arial, Helvetica, sans-serif;font-size: 10px; padding:0; display:block; float:right;}
	a.NoticiaPaginadorl:link, a.NoticiaPaginadorl:visited, a.NoticiaPaginadorl:active {
	text-decoration: none; color:#000;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
	font-size: 14px;  }
	
	a.NoticiaPaginadorl:hover { color:#666;}
.NoticiaFoto { display:block; float:left; padding:0 0 0 10px;}
.NoticiaTitulo {text-decoration: none; color: #000;font-family:Arial, Helvetica, sans-serif;font-weight: bold;font-size: 14px; padding:0 0 5px 10px;margin-left:80px;}
.NoticiaDescricao {text-decoration: none; color: #000;font-family:Arial, Helvetica, sans-serif;font-size: 12px;padding:0 0 5px 10px;margin-left:80px;}
.NoticiaInfo {text-decoration: none; color: #666;font-family:Arial, Helvetica, sans-serif;font-size: 10px;padding:0 0 5px 10px; margin-left:80px;}
.NoticiaSeparador { width:600px;height:1px; background-color:#CCCCCC; margin:10px 10px 10px 90px;}

/*** --------------------- Páginas Portifolio --------------------- ***/
#conteudoPort{width:1024px; height:650px; margin-bottom:30px; float:left; margin-top:30px;}
	
/*** --------------------- Páginas Empresa --------------------- ***/
#conteudoGeral{width:1000px; height:900px; margin-bottom:30px; float:left; margin-top:30px;}
a.equipeLink:link, a.equipeLink:visited, a.equipeLink:active {
	text-decoration:none; color:#666;

	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; width:170px; height:15px; display:block;
	padding:2px 0 5px 20px;}
	a.equipeLink:hover { color:#000;	background-color:#FFFFFF;}

/*** --------------------- Páginas Portfolio --------------------- ***/
#conteudoPortfolio{width:1000px; height:600px; margin-bottom:30px; float:left; margin-top:30px;}



/*** --------------------- Páginas Contato --------------------- ***/
#conteudoContato{width:1000px; height:400px; margin-bottom:30px; float:left; margin-top:30px;}
.form{ padding:2 2 2 2; float:left; width:600px; display:table; margin-bottom:30px; background-image:url(../img/homeDivNoticia.jpg); background-position:right center; background-repeat:no-repeat;}
.localizacao { padding:2 2 2 2; float:left; width:350px; padding-bottom:30px; }
.localizacao { padding:2 2 2 2; float:left; }

/*Formatao tableless da interface*/
#geral{ width:1024px; position: absolute; left: 50%;	margin-left: -512px;}
.geral{
	text-decoration: none;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height:30px;
}

/* Topo */
#topo{padding:0 0 0 0; display:table; width:1024px; height:566px; background-image:url(); background-repeat:no-repeat;}
.login{padding:0 0 0 0;}
.video{padding:0 0 0 0;}


/* Miolo */
#miolo{padding:25px 0 0 0; display:table; width:1024px;}
#menu{width:530px; margin:0; float:left;	position:absolute; left: 0px; top: 522px;}
.menuitem{width:120px;padding:5px 10px 20px 0;float:left;font-size: 13px; color:#333;}

/* Portfolio */
#portfolio{padding:0; width:580px; margin:0px 0 0 210px;}
.portofolio{
	width:135px;
	padding:5px 5px 0px 0;
	font-size: 13px;
	color:#333;
}
.thumb{border:solid 1px #666;}
#parceiros{padding:0; width:580px; margin:0px 0 0 210px;}
#noticias{padding:0; width:580px; margin:0px 0 0 210px;}
#parceirosV{padding:0; width:180px; margin:0px 0 0 210px;}
#noticiasV{padding:0; width:180px; margin:0px 0 0 210px;}
#empresa{padding:0; width:600px; margin:0px 0 0 0;}

/* Social */
.depoimentos{ height:40px; padding: 15px 0 0 10px; background-color:#DEB303;font-size:11px; color:#fff;}
.twitter{ height:40px; padding: 15px 0 0 10px; background-color:#DEB303;font-size:11px; color:#fff;}
.seguidores{ height:40px; padding: 15px 0 0 10px; background-color:#DEB303;font-size:11px; color:#fff;}

/* Rodape */
.endereco{ height:40px; padding: 15px 0 0 10px; background-color:#DEB303;font-size:11px; color:#fff; }
.copyright{	font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666;}
.mapadosite{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666;}

/* Link */
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none; color:#333; width:130px; height:20px; padding:0px 0 0 20px; display:block; margin:0 0 0 0;}
a.menu:hover {	color:#666; background-image:url(../img/BG_menu.png); background-repeat:no-repeat;}

a.geral:link, a.geral:visited, a.geral:active {	text-decoration: none;	color: #000; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
a.geral:hover {color: #000;}

a.link:link, a.link:visited, a.link:active {	text-decoration: none;	color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
a.linkpag:hover {color: #000;}



/*  Novos */


.descricaodepoimento {
	width:200px;
	float:left;
	padding-right:5px;
	padding-top:0px;
	padding-left:5px;
	font-size:11px;
	color:#999;
}

a.descricaodepoimento:link, a.descricaodepoimento:visited, a.descricaodepoimento:active {	color: #000;}
a.descricaodepoimento:hover {color: #000;}

/*  CONTEUDO LightBox */
#conteudoLightBox{
	width:412px;
	}
#conteudoLightBoxtitulo{
	margin:10px;
	font-weight:bold;
	color:#443E2F;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	}
#conteudoLightBoxtexto{
	margin:0 10px 0 10px;
	line-height:110%;
	color:#443E2F;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	}
	
/* Enquete */
.enqueteTitulo{ font-size:18px; font-weight:bold; text-align:left; color:#000;}
a.verresultado:link, a.verresultado:visited, a.verresultado:active { text-decoration:underline; color: #ccc;}
a.verresultado:hover {color: #666;}
.votar { font-size:11px; border: 1px solid #ccc; padding:3px 0 2px 30px; text-align:center; display:block; width:55px; height:15px;  font-weight:bold; text-align:left; color:#999; margin-top:5px;}

/* Botoes */
.botao { font-size:12px; border: 1px solid #FFFFFF; padding:2px; text-align:center; display:block; width:50px; height:20px;  font-weight:bold; text-align:left; color:#fff; background-color:#000000;}

/* Cantos Redondos */

/* set millions of background images */
.rbroundbox { background: url(../img/nt.gif) repeat; }
.rbtop div { background: url(../img/tl.gif) no-repeat top left; }
.rbtop { background: url(../img/tr.gif) no-repeat top right; }
.rbbot div { background: url(../img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; padding:10px; text-align:left; color:#000;}
.rbroundbox { width: 200px; margin: 1em auto; float:right; }
.comunicado { display:block; margin:0 0 0 350px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color: #336699; line-height:120%;  font-weight:bold; text-align:center; height:100px;}
