@charset "UTF-8";
/* 
CSS Document 
by AURELIO ARANTES
www.kitahara.com.br 
a.arantes@kitahara.com.br
*/	


/* comandos gerais */
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background: url(../img/bg/body.jpg) repeat-x #006699;
	color:#666666;
	}
	body a{
		text-decoration:none;
		color:#666666;
		outline:none;
		}
		body a:hover{
			text-decoration:underline;
			color:#666666;
			}
			
h1, h2, h3, h4, h5, h6, dt, dd, dl, ul, ol, li, img, p {
	margin:0;
	padding:0;
	list-style:none;
	} 
	h1 {
		font-size:24px;
		line-height:24px;
		padding:0 0 20px 0;
		}
	h2 {
		padding:0 0 15px 0;
		color:#006699;
		font-size:16px;
		}
		h2 a {
			color:#006699;
			}
		h2 a:hover {
			color:#006699;
			}
	h3 {
		font-size:16px;
		font-weight:normal;
		float:left;
		}
	h4 {
		font-size:11px;
		color:#999999;
		font-weight:normal;
		}
	h5 {
		padding:0 0 6px 0;
		color:#006699;
		font-size:13px;
		}
		h5 a {
			color:#006699;
			}
		h5 a:hover {
			color:#006699;
			}
	h6 {
		font-size:11px;
		color:#999999;
		font-weight:normal;
		padding:0 0 15px 0;
		}
img {
	border:none;}
.imagem {
	float:left;
	padding:0 20px 10px 0;
	}			
/* estrutura*/
#geral {
	width:965px;
	margin:0 auto;
	}
	#geral .header{
		height:130px;
		}
		#geral .header .logo  {
				float:left;
				width:260px;
				padding:35px 0 0 30px;
				}
		#geral .header .menusuperior  {
				float:right;
				padding:15px 0 0 0;
				}
			#geral .header .menusuperior ul li  {
					color:#4ca1d3;
					float:left;
					padding:0 4px;
					}
				#geral .header .menusuperior ul li a  {
						color:#4ca1d3;
						}
		#geral .header .menuprincipal  {
				height:37px;
				position:absolute;
				margin:93px 0 0 388px;
				_padding:0;
				_margin:93px 0 0 158px;
				*padding:0;
				*margin:93px 0 0 97px;
				}
				#geral .header .menuprincipal  ul li {
					float:left;
					display:block;
					}
					#geral .header .menuprincipal  ul li ul#sub{
						position:absolute;
						top:36px;
						_left:0;
						*left:0;
						display:none;
						width:235px;
						height:130px;
						background:url(../img/menu/submenu3.png) no-repeat;
						_background:#FFF;
						
						z-index:10;
						}
						 #geral .header .menuprincipal  ul li ul#sub li{
							width:210px;
							color:#fff;
							display:block;
							margin: 0 10px;
							_margin:0 5px;
							background:url(../img/bg/setamenu_off.gif) no-repeat 5px 10px;
							border-bottom:1px solid #d1d1d1;
							}
							 #geral .header .menuprincipal  ul li ul#sub  li a{
							 	padding:5px 5px 5px 17px;
								display:block;
								color:#666666;
								}
								 #geral .header .menuprincipal  ul li ul#sub  li a:hover{
									background:#e5f5fc;
									display:block;
									padding:5px 5px 5px 17px;
									background:url(../img/bg/setamenu_on.gif) no-repeat #92c1db 5px 10px;
									color:#FFF;
									text-decoration:none;
									}
							
						#geral .header .menuprincipal  ul li ul#sub1{
						position:absolute;
						top:36px;
						_left:0;
						*left:131px;
						display:none;
						width:235px;
						height:160px;
						background:url(../img/menu/submenu.png) no-repeat;
						_background:#FFF;
						
						z-index:10;
						}
						 #geral .header .menuprincipal  ul li ul#sub1 li{
							width:210px;
							color:#fff;
							display:block;
							margin: 0 10px;
							_margin:0 5px;
							background:url(../img/bg/setamenu_off.gif) no-repeat 5px 10px;
							border-bottom:1px solid #d1d1d1;
							}
							 #geral .header .menuprincipal  ul li ul#sub1  li a{
							 	padding:5px 5px 5px 17px;
								display:block;
								color:#666666;
								}
								 #geral .header .menuprincipal  ul li ul#sub1  li a:hover{
									background:#e5f5fc;
									display:block;
									padding:5px 5px 5px 17px;
									background:url(../img/bg/setamenu_on.gif) no-repeat #92c1db 5px 10px;
									color:#FFF;
									text-decoration:none;
									}
									
				#geral .header .menuprincipal  ul li ul#sub2{
						position:absolute;
						top:130px;
						top:36px;
						_left:0;
						*left:262px;
						display:none;
						width:235px;
						height:160px;
						background:url(../img/menu/submenu.png) no-repeat;
						_background:#FFF;
						z-index:10;
						}
						 #geral .header .menuprincipal  ul li ul#sub2 li{
							width:210px;
							color:#fff;
							display:block;
							margin: 0 10px;
							_margin:0 5px;
							background:url(../img/bg/setamenu_off.gif) no-repeat 5px 10px;
							border-bottom:1px solid #d1d1d1;
							}
							 #geral .header .menuprincipal  ul li ul#sub2  li a{
							 	padding:5px 5px 5px 17px;
								display:block;
								color:#666666;
								}
								 #geral .header .menuprincipal  ul li ul#sub2  li a:hover{
									background:#e5f5fc;
									display:block;
									padding:5px 5px 5px 17px;
									background:url(../img/bg/setamenu_on.gif) no-repeat #92c1db 5px 10px;
									color:#FFF;
									text-decoration:none;
									}								
	
	#geral .conteudo{
		background:url(../img/bg/conteudo.jpg) #FFF;
		min-height:500px;
		_height:500px;
		padding:0px 0 30px 30px ;
		}
			#geral .saibamais{
				font-weight:bold;
				padding:10px 0;
				}

		#geral .destaque{
			z-index:0 !important;
			height:289px;
			top:150px;
			}
		#geral .blocoHome{
			background:url(../img/bg/bg_destaques.gif) repeat-x 0 30px;
			*background:url(../img/bg/bg_destaques.gif) repeat-x 0 300px;
			padding:15px 0;
			min-height:200px;
			_height:200px;
			width:900px;
			clear:both;
			}
			#geral .blocoHome .col_A{
				width:270px;
				padding:30px 15px 0 15px;
				float:left;
				background:url(../img/bg/blocoHome_colB.gif) no-repeat 297px 15px;
				}
			#geral .blocoHome .col_B{
				width:270px;
				padding:30px 15px 0 15px;
				float:left;
				}
			
			#geral .conteudo .historia{
				padding:30px 0;
				}
			#geral .conteudo .colUm{
				width:640px;
				padding:30px 15px 0 15px;
				float:left;
				}
				#geral .conteudo .colUm .chamada{
					padding:0 0 15px 0;
					}
					#geral .conteudo .colUm .chamada strong{
						font-size:16px;
						font-weight:normal;
						}
				#geral .conteudo .colUm .fechamento{
					width:640px;
					padding:20px 0;
					margin:25px 0;
					border-top:1px solid #d5d5d5;
					font-weight:bold;
					}
				#geral .conteudo .colUm .voltar{
					text-align:right;
					float:right;
					width:50px;
					padding:0 0 0 10px;
					margin:6px 0 0 0;
					background:url(../img/bg/voltar.jpg) no-repeat  5px;
					}
					#geral .conteudo .colUm .fechamento .web {
						margin:-50px 0 0 0;
						position:absolute;
						}
					
					#geral .conteudo .colUm .fechamento .web ul li {
						float:left;
						}
						#geral .conteudo .colUm .fechamento .web ul li ul#sub_compartilhe {
							display:none;
							position:absolute;
							width:600px;
							padding:10px;
							*padding:40px 10px;
							left:0;
							z-index:10;
							}
							#geral .conteudo .colUm .fechamento .web ul li ul#sub_compartilhe li{
								padding:10px;
								float:left;
								}
						#geral .conteudo .colUm .fechamento .web ul li ul#sub_solicitarinformacoes {
							display:none;
							position:absolute;
							left:0;
							width:540px;
							padding:10px;
							*padding:40px 10px;
							}
							#geral .conteudo .colUm .fechamento .web ul li ul#sub_solicitarinformacoes li{
								padding:0 10px;
								float:left;
								width:200px;
								text-align:left;
								font-size:11px;
								}
								#geral .conteudo .colUm .fechamento .web ul li ul#sub_solicitarinformacoes li .campo{
									height:22px;
									padding:3px;
									width:190px;
									}
							#geral .conteudo .colUm .fechamento .web ul li ul#sub_solicitarinformacoes li.botao{
								width:75px;
								padding:0;
								}
					#geral .conteudo .colUm .fechamento ul.paginacao{
						width:550px;
						text-align:center;
						float:left;
						}
					#geral .conteudo .colUm .fechamento ul.paginacao li{
						display:inline;
						padding:0 3px;
						}
						#geral .conteudo .colUm .fechamento ul.paginacao li a:hover{
							color:#006699;
							}
						#geral .conteudo .colUm .fechamento ul.paginacao li a.select{
							color:#006699;
							}
					#geral .conteudo .colUm .fechamento ul.paginacao_blog{
						width:550px;
						text-align:center;
						float:left;
						}
					#geral .conteudo .colUm .fechamento ul.paginacao_blog li{
						display:inline;
						padding:0 3px;
						}
						#geral .conteudo .colUm .fechamento ul.paginacao_blog li a:hover{
							color:#006699;
							}
						#geral .conteudo .colUm .fechamento ul.paginacao_blog li a.select{
							color:#006699;
							}
						#geral .conteudo .colUm .fechamento ul.paginacao_blog li a.proxima{
							background:url(../img/bg/proximo.gif) no-repeat right;
							padding:0 17px 0 0;
							}
						#geral .conteudo .colUm .fechamento ul.paginacao_blog li a.anterior{
							background:url(../img/bg/anterior.gif) no-repeat left;
							padding:0 0 0 17px;
							}
						#geral .conteudo .colUm .fechamento ul.paginacao_blog li .campo{
							color:#0099cc;
							padding:5px;
							font-weight:bold;
							font-size:13px;
							border:1px solid #cccccc;
							width:20px;
							text-align:center;
							margin:0 10px;
							}
						
						
					
				#geral .conteudo .colUm .midia_blog{
					padding:0 0 15px 0;
					text-align:center;
					}
				#geral .conteudo .colUm dl{
					padding:0 0 15px 0;
					}
					#geral .conteudo .colUm dl dt{
						padding:0 0 5px 0;
						font-size:18px;
						color:#006699;
						font-weight:bold;
						}
						#geral .conteudo .colUm dl dt div{
							font-size:13px;
							color:#999999;
							font-weight:normal;
							}
					#geral .conteudo .colUm dl dd{
						padding:0 0 15px 0;
						}

				#geral .conteudo .colUm dl.listagem{
					padding:0 0 15px 0;
					margin:0 0 15px 0;
					border-bottom:1px solid #dfdfdf;
					float:left;
					width:620px;
					}
					#geral .conteudo .colUm dl.listagem dt{
						padding:0 0 5px 0;
						font-size:18px;
						color:#006699;
						font-weight:bold;
						}
						#geral .conteudo .colUm dl.listagem dt a{
							color:#006699;
							}
						#geral .conteudo .colUm dl.listagem dt div{
							font-size:13px;
							color:#999999;
							font-weight:normal;
							}
							#geral .conteudo .colUm dl.listagem dt div a{
								color:#999999;
								}
					#geral .conteudo .colUm dl.listagem dd{
						padding:0 0 15px 0;
						}
					#geral .conteudo .colUm dl.listagem .foto_blog{
						float:left;
						padding:0 20px 20px 0;
						}
					#geral .conteudo .colUm dl.listagem .interacao{
						float:left;
						width:620px; 
						display:block;
						}
						#geral .conteudo .colUm dl.listagem .interacao ul li{
							float:left;
							font-weight:bold;
							padding:0 35px 0 0;
							}
							#geral .conteudo .colUm dl.listagem .interacao ul li a.vercomentarios strong{
								color:#66cff1;
								}
							#geral .conteudo .colUm dl.listagem .interacao ul li a.fazercomentario {
								background:url(../img/bg/balao.gif) no-repeat;
								padding:0 0 0 20px;
								}
							#geral .conteudo .colUm dl.listagem .interacao ul li a.compartilhe{
								background:url(../img/bg/mais.gif) no-repeat 4px;
								padding:0 0 0 20px;
								}

				#geral .conteudo .colUm .box_comentario {
					width:340px;
					float:left;
					}
					#geral .conteudo .colUm .box_comentario h5{
						padding:0 0 15px 0;
						font-size:13px;
						color:#666666;
						}
					#geral .conteudo .colUm .box_comentario h5 strong{
						color:#66cff1;
						}
						
						
					#geral .conteudo .colUm .box_comentario ul li{
						padding:0 0 25px 0;
						}
						#geral .conteudo .colUm .box_comentario ul li div{
							font-weight:bold;
							}
				#geral .conteudo .colUm .box_comente {
					width:250px;
					float:right;
					}
					#geral .conteudo .colUm .box_comente h5{
						background:url(../img/bg/balao.gif) no-repeat;
						padding:0 0 15px 20px;
						font-size:13px;
						color:#666666;
						}
					#geral .conteudo .colUm .box_comente .campo_text{
						width:240px;
						padding:3px;
						border:1px solid #CCC;
						margin:0 0 10px 0;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						}
					#geral .conteudo .colUm .box_comente .textarea{
						width:240px;
						height:100px;
						padding:3px;
						border:1px solid #CCC;
						margin:0 0 10px 0;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						}
					#geral .conteudo .colUm .box_comente .enviar{
						text-align:right;
						font-weight:bold;
						}
						#geral .conteudo .colUm .box_comente .enviar a{
							color:#006699;
							}

					
				#geral .conteudo .colUm .formulario{
					padding:10px 0 0 0;
					width:560px;
					font-weight:bold;
					}
					#geral .conteudo .colUm .campo_nome{
						padding:3px;
						width:350px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						color:#666666;
						}
					#geral .conteudo .colUm .campo_mensagem{
						padding:3px;
						width:350px;
						height:140px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						color:#666666;
						}
					
				#geral .conteudo .colUm .listagem_produtos{
					padding:10px 0 0 0;
					}
					/*#geral .conteudo .colUm .listagem_produtos ul li{
							float:left;
							width:200px;
							padding:15px 5px;
							margin:0 0 15px 0;
							background:url(../img/bg/listagem_produtos.jpg) bottom repeat-x;
							}*/
						#geral .conteudo .colUm .listagem_produtos ul li .produtos{
							text-align:center;	
							height:170px
							}
						#geral .conteudo .colUm .listagem_produtos ul li h2{
							text-align:center;	
							padding:0;
							font-family:16px;
							}
						#geral .conteudo .colUm .listagem_produtos ul li h3{
							text-align:center;	
							padding:0 0 10px 0;
							font-size:13px;
							}
						#geral .conteudo .colUm .listagem_produtos ul li .maisinformacoes{
							background:url(../img/bg/seta_itens.jpg) no-repeat 0 11px;
							color:#006091;
							font-weight:bold;
							padding: 8px 0 5px 15px;
							clear:both;
							font-size:11px;
							}
							#geral .conteudo .colUm .listagem_produtos ul li .maisinformacoes a{
								color:#006091;
								}
						#geral .conteudo .colUm .listagem_produtos ul li .download{
							background:url(../img/bg/seta_download.jpg) no-repeat 0 5px;
							color:#006091;
							font-weight:bold;
							padding: 0 0 5px 15px;
							clear:both;
							font-size:11px;
							}
							#geral .conteudo .colUm .listagem_produtos ul li .download a{
								color:#006091;
								}
				#geral .conteudo .colUm .listagem_itens{
					padding:10px 0 0 0;
					}
					#geral .conteudo .colUm .listagem_itens ul {
						padding:5px;
						}
						#geral .conteudo .colUm .listagem_itens ul li{
							border-bottom:1px solid #dfdfdf;
							padding:0 0 10px 15px;
							margin:0 0 10px 0;
							background:url(../img/bg/seta_itens.jpg) no-repeat 5px 4px;
							}
							#geral .conteudo .colUm .listagem_itens ul li strong{
								color:#006699;
								}
				#geral .conteudo .colUm .listagem_noticias{
					padding:10px 0 0 0;
					}
					#geral .conteudo .colUm .listagem_noticias ul {
						padding:5px;
						}
						#geral .conteudo .colUm .listagem_noticias ul li{
							border-bottom:1px solid #dfdfdf;
							padding:0 0 10px 15px;
							margin:0 0 10px 0;
							}
						#geral .conteudo .colUm .listagem_noticias ul li div{
							font-size:11px;
							}
							#geral .conteudo .colUm .listagem_noticias ul li.ultimo{
								border:none;
								}
					
				#geral .conteudo .colUm .listagem_logos{
					padding:30px 0 0 0;
					}
					#geral .conteudo .colUm .listagem_logos ul li{
						float:left;
						width:200px;
						padding:10px 5px;
						}
				#geral .conteudo .colUm .listagem_acoes{
					padding:30px 0 0 0;
					}
					#geral .conteudo .colUm .listagem_acoes ul li{
						float:left;
						width:250px;
						padding:10px 25px;
						}
			#geral .conteudo .colDois{
				width:251px;
				padding:67px 0 10px 0;
				float:right;
				background:url(../img/bg/colDois.jpg) no-repeat top right;
				}
				#geral .conteudo .colDois .contato{
					padding:15px;
					}
				#geral .conteudo .colDois .tags{
					padding:45px 10px;
					text-align:center;
					}
				#geral .conteudo .colDois .tags a, #geral .conteudo .colDois .tags a:visited {
					padding:3px; color:#999999; text-decoration: none;
					}
				#geral .conteudo .colDois .tags a:hover{
							background:#FFF;
							color:#006699;
							}
					
					
				#geral .conteudo .colDois ul{
					background:url(../img/bg/colDois_ul.jpg) top no-repeat;
					padding:10px;
					}
					#geral .conteudo .colDois ul li{
						border-bottom:1px solid #bfbfc0;
						padding:5px;
						font-weight:bold;
						}
						#geral .conteudo .colDois ul li a:hover{
							color:#006699;
							}
						#geral .conteudo .colDois ul li a.select{
							color:#006699;
							}
						#geral .conteudo .colDois  ul.menuespecial {
							padding:0;
							position:absolute;
							z-index:0;
							}
							#geral .conteudo .colDois  ul.menuespecial li ul#especial{
									position:absolute;
									top:33px;
									left:0;
									display:none;
									width:235px;
									height:488px;
									background:#dcdcdd;
									padding:8px;
									}
									 #geral .conteudo .colDois  ul.menuespecial  li ul#especial li{
										border-bottom:1px solid #bfbfc0;
										padding:5px;
										font-weight:bold;
										}
										 #geral .conteudo .colDois ul.menuespecial  li ul#especial  li a:hover{
											color:#006699;
											}
								 						
							
							
					#geral .conteudo .colDois ul.blog li{
						border-bottom:1px solid #bfbfc0;
						padding:5px;
						font-weight:bold;
						color:#006699;
						}
						#geral .conteudo .colDois ul li a{
							font-weight:normal;
							}
						#geral .conteudo .colDois ul li a:hover{
							color:#006699;
							}
	
			
			
/************************/			
	#geral .rodape{
		height:130px;
		background:url(../img/bg/rodape.jpg) top repeat-x;
		padding:10px 0 0 0;
		margin:12px 0 0 0;
		color:#ffffff;
		font-size:11px;
		}
		#geral .rodape a{
			color:#ffffff;
			}
		#geral .rodape ul{
			float:left;
			border-left:1px solid #1e78a5;
			padding:4px 8px;
			height:80px;
			}
			#geral .rodape ul.logo{
				width:80px;
				border:none;
				padding:0 32px;
				}
			#geral .rodape ul.endereco{
				width:270px;
				}
			#geral .rodape ul.atecnolta{
				width:140px;
				}
			#geral .rodape ul.solucoes{
				width:150px;
				}
			#geral .rodape ul.esquipamentos{
				width:120px;
				}
			#geral .rodape ul.blog{
				width:80px;
				}
		
/**/			
.newsticker {
	color:#3399cc;
	width: 963px;
	background:url(../img/bg/newsticker.gif) repeat-x;
	height:30px;
	border:1px solid #000;
	}
	.newsticker a{
		color:#3399cc;
		}	
		.newsticker a:hover{
			color:#3399cc;
			}
	.newsticker strong{
		color:#ccffff;
		font-weight:normal;
		}
		.newsticker strong a{
		color:#ccffff;
		}
			.newsticker strong a:hover{
			color:#ccffff;
			}
			
		
	.newsticker .registro{
		float:left;
		width:200px;
		padding:0 0 0 20px;
		}
	.newsticker #ajaxticker1{
		width:720px;
		float:left;
		padding: 5px 5px 0 5px;
		}
		.newsticker #ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
		
		}
		
		.newsticker .someclass{ 
			/*class to apply to your scroller(s) if desired*/
		}	

ul.compartilhar { padding: 8px; border: 1px solid #bfbfc1; list-style: none; }
ul.compartilhar li { border-right: 1px solid #bfbfc1; float:left; margin-right: 5px; padding-right: 5px ; }
ul.compartilhar a { text-decoration: none; font-size: 9pt; }
ul.compartilhar img { border: none; margin-right: 2px; vertical-align: middle; }

div.caixaEnviarComentario { clear: both; padding: 8px; border: 1px solid #bfbfc1; }
div.caixaEnviarComentario  a { color:#006699; font-weight: bold; }

form#frmContato input, form#frmContato textarea { width: 350px; } 
form#frmContato a { color:#006699; font-weight: bold; }

form#frmNewsletter input { width: 350px; } 
form#frmNewsletter a { color:#006699; font-weight: bold; }

/*Example CSS for the two demo scrollers*/
#pscroller2{ width: 700px; height: 20px; padding:6px 3px 3px 3px; }
#pscroller2 a{ text-decoration: none; }
#pscroller2 a:hover{ text-decoration: none; color:#FFF; }
.someclass{ }

ul.paginacao li{ display:inline; padding:0 3px; }
ul.paginacao li a:hover{ color:#006699; }
ul.paginacao li a.select{ color:#006699; }
ul.paginacao li a.proxima{ background:url(../img/bg/proximo.gif) no-repeat right; padding:0 17px 0 0; }
ul.paginacao li a.anterior{ background:url(../img/bg/anterior.gif) no-repeat left; padding:0 0 0 17px; }
ul.paginacao li .campo{ color:#0099cc; padding:5px; font-weight:bold; font-size:13px; border:1px solid #cccccc; width:20px; text-align:center; margin:0 10px; }

#geral .conteudo .colUm .listagem_produtos ul li{ float:left; width:200px; padding: 0px 0px; margin: 0 10px 10px 0; }

#geral .conteudo .colUm .listagem_produtos ul li.separador { background:transparent url(../img/bg/listagem_produtos.jpg) repeat-x scroll bottom; width:620px; padding: 0px; margin: 0px;}

span.setaDireita { background:url(../img/bg/seta_itens.jpg) no-repeat 0 11px; color:#006091; font-weight:bold; padding: 8px 0 5px 15px; clear:both; font-size:11px; }
span.setaDireita a{ color:#006091; }

/* 
CSS Document 
by AURELIO ARANTES
www.kitahara.com.br 
a.arantes@kitahara.com.br
*/