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

* { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

body { margin:0px; background-image:url(../_img/bg.jpg); background-attachment:fixed }

img { border:none !important }

h1 { color:#2E3192; font-size:20px }
h1.titulo { margin:0px }
h2 { color:#2E3192; font-size:22px; margin-top:0px; margin-left:0px }
h3 { color:#2E3192; font-size:12px; margin:0px }
h3.sub { font-size:13px; color:#2E3192; line-height: 16px; float: left; margin:0px 7px 0px 10px; width: 60px }
iframe { float: left;}
h3.download { margin-bottom:10px; }
h3.download a {display: block; }
h3.download .titulo, h3.download img, h3.download p { float: left }
h3.download .titulo { margin-bottom: 20px; font-weight: bold;}
h3.download p, h3.download .titulo {margin-left: 10px;}
h3.download p { width : 320px;}
.case h3 { font-size:14px }

h3.sub-menor { font-size:12px; color:#2E3192; margin:0px 7px 0px 0px;  }

.td-middle, .td-middle td { vertical-align:middle !important }

.sem-margem { margin:0px !important }

.entrelinhas { line-height:14px }

p  { color:#2E3192; font-size:11px; margin-top:0px }
a  { color:#2E3192; text-decoration:none }
a:hover { text-decoration:underline }

.center { text-align:center }

.td-top { vertical-align:top !important }

.selecionado { color:#00AEEF !important }
.branco { color:#FFF !important }
.espaco-bottom { margin-bottom:10px }

.tam-12 { font-size:12px }
.tam-13 { font-size:13px }
.tam-14 { font-size:14px !important }
.tam-15 { font-size:15px !important }
.tam-16 { font-size:16px !important }
.tam-18 { font-size:18px !important }

.left  { float:left }
.right { float:right }

td { vertical-align:top }

.align-right { text-align:right }

.justificado { text-align:justify !important }

.cursor { cursor:pointer }

.conteudo { position:relative; top:-45px }

.clear { clear: both; }

#container { width:965px; position:relative; margin:0 auto }

    #container > #blog    { position:relative; width:180px; float:left; background-repeat:repeat-y; margin-top:15px }
	#container > #blog h3 { margin-bottom:2px }
		
	#container > #blog > #blog-topo { background-image:url(../_img/bg-blog-topo.png); background-repeat:no-repeat; width:200px; height:13px }
	
	#container > #blog > #blog-cont { background-image:url(../_img/bg-blog.png); background-repeat:repeat-y; width:150px; padding:5px 35px 0px 15px }
	
	#container > #blog > #blog-final { background-image:url(../_img/bg-blog-final.png); background-repeat:no-repeat; width:200px; height:24px }
	
	#container #logotipo { position:relative; z-index:99; margin:-15px 0 0 -8px; clear:both }
	
	#container > #conteudo { position:relative; width:610px; float:left; margin-top:15px }
	
	#container > #conteudo > #conteudo-topo { background-image:url(../_img/bg-conteudo-topo.png); background-repeat:no-repeat; width:650px; height:42px }
	
	#container > #conteudo > #conteudo-cont { background-image:url(../_img/bg-conteudo.png); background-repeat:repeat-y; width:570px; padding:0px 35px 0px 40px; min-height:500px }
	
	#container > #conteudo > #conteudo-final { background-image:url(../_img/bg-conteudo-final.png); background-repeat:no-repeat; width:650px; height:51px }
	
	
	    #container > #conteudo .texto { width:355px; float:left }
		#container > #conteudo .fotos { width:160px; float:right }
	
	#container > #barra-direita { position:relative; float:right; width:150px; margin-top:5px }
	
	    #container > #barra-direita > #menu { position:relative; text-align:left; background-image:url(../_img/bg-menu.png); 
		background-repeat:no-repeat; width:125px; padding:22px 30px 0px 39px; height:163px; left:-35px }
		#container > #barra-direita > #menu ul { margin:0px; padding:0px }
		    #container > #barra-direita > #menu ul li { list-style:none; padding:0px 0px 12px 0px; *padding-bottom: 8px; }
			    #container > #barra-direita > #menu ul li a { font-size:12px; font-weight:bold }
				#container > #barra-direita > #menu ul li a:hover { color:#00AEEF; text-decoration:none }
				
				#container > #barra-direita > #destaque { position:relative; width:120px; height:180px; clear:both; left:-34px  }
				#container > #barra-direita > #destaque #destaque-topo { width:220px; height:18px; background:url(../_img/bg-cases-topo.png) no-repeat }
				#container > #barra-direita > #destaque #destaque-cont { width:190px;background:url(../_img/bg-cases.png) repeat-y; padding:0 15px 0 35px }
				#container > #barra-direita > #destaque #destaque-final { width:220px; height:34px; background:url(../_img/bg-cases-final.png) no-repeat }
		
		#conteudo-scroll  { height : 430px; width : 570px; position : relative; display : none}
		#conteudo-contato { width : 230px;  }
		
.lista-case { width:180px; font-size:12px !important; color:#2E3192; vertical-align:top !important }
  .lista-case img { width:165px }
  td.lista-case:last-child { padding-left:10px !important }


/* formularios */
input[type=text], select, textarea { background-color:#b3cbe2; padding:4px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:none; }

/* Empresa */

.direita { float: right; width : 440px; margin-right: 30px; }

.textoEmpresa { margin-top: 45px; line-height: 19px; }
.textoEmpresa .justificado { margin-bottom: 20px; line-height: 18px; }
/* PRODUTOS */
div.produtos {padding : 0 35px 0 25px; }
menu { padding : 0; margin:0; clear: both; display: table; }
menu.produtos { margin-top: 20px; *margin-top: 40px;}
menu li  { border-right: solid 2px #2F358F; float: left; list-style: none; padding: 0 10px; font-size: 14px; line-height: 18px; }


menu.produtos li  { border: 0; float: none; list-style: none; font-size: 13px; line-height: 18px; padding: 0; }
menu li.ultimo { border-right: 0; }
menu li.primeiro { padding-left: 0; }
menu li.selecionado , .selecionado  { color: #2BABE2; }

#listagem-produtos { width:250px }

#listagem-conteudo-topo  { background-image:url(../_img/bg-produtos-topo.png); background-repeat:no-repeat; height:18px; width:250px }
#listagem-conteudo-cont  { background-image:url(../_img/bg-produtos.png); background-repeat:repeat-y; width:230px; padding:0px 10px }
#listagem-conteudo-final { background-image:url(../_img/bg-produtos-final.png); background-repeat:no-repeat; height:18px; width:250px }

#listagem-produtos h3, #listagem-produtos p { margin:0px 2px 2px 2px !important }
#listagem-produtos a:hover { color:#FFF }

#detalhes-produto { width:280px; height:425px }
#detalhes-produto-scroll { height:auto; padding:0; margin-top:30px }
#detalhes-produto-scroll p, #detalhes-produto-scroll  { text-align:justify !important;  margin-right:6px !important; font-size: 12px; line-height: 15px; margin-bottom: 20px; color: #2E3192; }
#detalhes-produto-scroll .justificado p { font-size: 13px; line-height: 16px;}
#detalhes-produto-scroll .justificado .p-curto { width: 260px; }
#detalhes-produto-scroll p img {margin: 15px 0 0 15px;}
#detalhes-produto-scroll .imagemProduto { 
	float: left;
	margin: 0 5px 5px 0; }
	#detalhes-produto-scroll .imagemProduto a{ 
		text-decoration: none; }


/* * CONTATO * */
#contato-topo div { float: right; width: 60%; line-height: 20px;}
#contato-topo div ,  #contato-comunidade .descricao { font-size: 14px; color: #2F358F; text-align: ; letter-spacing: -1px; }
#contato-topo a { position: relative; top: 20px; float: left;}

label.error { display: block; margin:0; padding: 0;}

#conteudo-contato { float: left; width: 228px; margin-left: 15px; }
	#listagem-contato-cont  { background: #a1dff1; border-radius: 10px; padding : 10px; margin-top: 10px; width: 208px; clear: both;}
		#listagem-contato-cont label , .formulario label { color : #2F358F; font-size: 13px; line-height: 24px; display: block;}
		#listagem-contato-cont label.error , .formulario label.error { display: inline; line-height: 13px;}
		#listagem-contato-cont .contato { background: #72c9e6;}

address { 
	background: url(../_img/bg-box-contato.png) no-repeat; 
	display:block; 
	font-style: normal; 
	width: 252px; 
	height: 106px;
	margin-top: 16px; 
	position: relative; 
	right: 10px; 
	color:#2F358F; 
	line-height: 16px; 
	font-size: 13.5px; }
address div { position: relative; left: 20px; top: 10px;}

#contato-comunidade { float: right; width: 230px; background: #b1cfe3; border-radius: 10px; padding: 20px; margin-right: 10px;}
	#contato-comunidade .formulario { background: #8dacd3; border-radius: 10px; padding: 10px; margin-top: 10px }
	#contato-comunidade .contato { background: #7086b8;}
	
#formComunidade { *position:relative; *bottom: 10px; } /* IE */
	
/* Inputs e textareas */
.contato { width:200px; border-radius: 10px; background: #72c9e6;}
textarea.contato { height: 82px; overflow: auto; /* IE */ }

ul    { margin:0px; padding:0px }
ul li { list-style:none; color:#2E3192; font-size:12px; padding:0px }

.erro-formulario { color:red !important; font-size:10px;  }

/* representantes */
#representantes-externos { width:560px; padding:15px 0px 0px 14px; clear:both }
  #representantes-externos-topo  { width:550px; background-repeat:no-repeat; background-image:url(../_img/bg-representantes-externos-topo.png); height:18px }
  #representantes-externos-cont  { width:550px; background-repeat:repeat-y; background-image:url(../_img/bg-representantes-externos.png); padding:0px 10px }
  #representantes-externos-final { width:550px; background-repeat:no-repeat; background-image:url(../_img/bg-representantes-externos-final.png); height:18px }
  
#representantes-externos td { padding:4px }
#representantes-externos img { padding:2px 4px 2px 0px;  }

#mapa-brasil { text-align: center; padding-left: 50px; position: relative; }
	.botao-assitencia {
		display: block;
		z-index: 99999;
		padding: 10px 25px 0 15px;
		width: 190px;
		height: 105px;
		position: absolute;
		bottom : 20px;
		left: 0px;
		background : url(../_img/fundo-assitencias.png) no-repeat; }
		.botao-assitencia p {
			text-align: left;
			width: 85px;}
		

.rep-externo { cursor:pointer }

.sem-fundo { background:none !important }

.video-youtube { float:left }

#box-downloads { width:100% }

.post h3 {margin-bottom:0px }
.post p {margin-top:0px }

/* HOME */
.selos {
	float: left;
	width: 65px; }
.box-dois-destaques {
	box-shadow: -5px -5px 10px #a8b7c9;
	padding: 15px 10px 10px 10px;
	background:#85d3f0 /* #2BABE2*/; 
	clear: both; 
	border-radius: 20px; }
	.box-dois-destaques .feiras {
		border-right: 1px solid #2F358F; 
		padding:0 15px 0 0;
		margin: 0; }
	.box-dois-destaques .destaque {
		padding:0 0 0 15px;
		margin: 0; }
	.box-dois-destaques .feiras, .box-dois-destaques .destaque {
		width: 255px;
		float: left; }
	.box-dois-destaques .left {
		width: 110px; }
		.box-dois-destaques h1{
			margin: 0; 
			font-size: 16px; }
		.box-dois-destaques p {
			font-size: 12px;
			margin:0;
			line-height: 14px; }
	.img-destaque {
		border-radius:20px;
		background: #A5A7AA; 
		height: 135px;
		width: 125px; }
	
	
/* SELOS DA EMPRESA */
.selo {
	clear: both;
	margin : 0 0 20px 10px;
	width: 415px; }
	.selo .imagem-selo {
		float: left; 
		width: 115px;
		text-align: center;}
	.selo .texto-selo {
		float: right; 
		width: 295px;
		position: relative;
		color: #2E3191;
		line-height: 16px;
		font-size: 13px;}
	
	#slider {
		background-color: transparent;
		float:right; }
	
	#slider {
		position:relative;
		width:445px; /* Change this to your images width */
		height:320px; /* Change this to your images height */
		background:url(../_img/ajax-loader.gif) no-repeat 50% 50%;
	}
	#slider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	#slider a {
		border:0;
		display:block;
	}	

	#slider .nivo-controlNav {
		position: absolute;
		bottom: 0;
		width: 95%;
		margin-left: 5%; }
		#slider .nivo-controlNav .nivo-control{
			display: inline-block;
			background: #A5A7AA;
			padding: 2px 5px;
			font-weight: normal;
			background: #3773b2;
			color: #FFF;
			margin-right: 3px;}
		#slider .nivo-controlNav .active{
			color: #000;
			background: #85d3f0; }
	#slider .nivo-caption {
		display: none; }
/* Formularios */
	
.dadosPessoais {
	width : 50%;
	height: 55px;
	float: left; }
	.dadosPessoais label.label-titulo {
		display : inline-block;
		text-align: right;
		width: 50px;
		color : #2F358F; 
		font-size: 12px; }
	.dadosPessoais input[type=text] {
		width : 185px; }
	/* Formulario da pagina de produtos */
	.interesse label.label-esquerda {
		width: 39px; }

/* Formulatio representante */
.contato-representante {
	display: none;
	margin : 25px 0 0 15px; }
	.contato-representante input[type=text] {
		width : 195px; }
	.contato-representante .mensagem{
		width : 100%;
		float: none;
		clear: both;
		height: auto; }
		.contato-representante .mensagem textarea{
			width : 520px; }
	.contato-representante label.label-esquerda {
		width: auto; }
	.contato-representante label.assunto {
		width: 45px; }
	.contato-representante .right{
		padding-right: 25px; 
		*margin-top: 5px; }
	
/* Download Login e Cadastro*/
.cadastro-download {
	width: 45%;
	float: left; }
	.cadastro-download input[type=text]{
		width: 192px; }
	.cadastro-download h3{
		margin: 10px 0; }
	.download-esquerda {
		padding-right: 25px;	
		border-right : solid 1px #B3CBE2;}
	.download-direita {
		padding-left: 25px;	}
	.cadastro-download .dadosPessoais {
		float: none; 
		width: 100%;}

	
/* representantes */
#representantes #uf {
	font-size: 25px; 
	padding-left: 19px; 
	margin: 0; }
.representante {
	padding: 10px 0;
	margin: 0 20px; 
	border-bottom: 1px #dad6d6 solid; }
#representantes .representante h1 {
	margin-bottom: 0; }
#representantes .representante a {
	font-size: 13px; 
	color: #00aeef; }
.representante {
	color : #2E3192;
	font-size: 12px; }

 /* Mensagem de retorno nas paginas */
.msg {
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px; }

/* Botao enviar formularios */
.enviar {
	background: #B3CBE2;
	border: 0;
	padding: 5px 10px;
	cursor: pointer;
	color: #2E3192;}
	.enviar:hover {
		background-color: #a2bdd8 }