/* 
Site: 				Kombo Empresas
Pagina:				Todas
Descricao:  		Estilos gerais dos sites Kombo (dimensionamento, posicionamento, fontes, tamanhos).
					Nao especifica CORES ou IMAGENS EXCLUSIVAS!
URL:				http://www.kombo.com.br/empresa/*
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 16/07/09
----
CSS valido pela W3C
*/

/* master reset */ 
html,body,p,div,span,a,b,i,u,h1,h2,h3,h4,h5,h6,address,acronym,cite,blockquote,
ul,ol,li,dl,dt,dd,col,colgroup,table,thead,tbody,tfoot,tr,td,th,caption,
fieldset,label,legend,select,input,button,textarea,img { 
	color: #343434; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	margin: 0;
	padding: 0; 
}

/* boas praticas */
html, body { height: 100%; }
* a { outline: none; }
ul, ol { list-style: none; }
a img { border: 0; }

/* classes basicas */
.clear { clear: both !important; display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
.noBorder { border: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginTL { margin: 10px 0 0 15px; }
.marginTR { margin: 10px 15px 0 0; }
.marginBL { margin: 0 0 10px 15px; }
.marginBR { margin: 0 15px 10px 0; }
.marginTB { margin: 10px 0; }
.marginLR { margin: 0 15px; }
.marginL { margin: 0 0 0 15px; }
.marginR { margin: 0 15px 0 0; }
.marginZero { margin: 0 0 0 0 !important; }

#cabecalho, #miolo, #rodape { clear: both; display: table; width: 100%; }

#cabecalho { background: #fff url(img/sprite-x.gif) repeat-x 0 0; border-top: 4px solid #ccc; }
	#cabecalho_inner { margin-left: 10px; height: 95px; }
		#cabecalho_inner h1, 
		#cabecalho_inner ul, 
		#cabecalho_inner ul li { float: left; }
		#cabecalho_inner li.menuTopo_active { background: transparent url(img/sprite-x.gif) repeat-x 0 -100px; }
		#cabecalho_inner a { 
			background: transparent url(img/sprite-geral.gif) no-repeat;
			float: left; 
			text-decoration: none; 
			text-indent: -10000px; 
			height: 85px; 
			width: 200px; 
		}
		#cabecalho_inner ul { margin: 0; } 
			#cabecalho_inner ul li { margin-left: 15px; }
		/* image replacements cabecalho */
		#cabecalho_inner h1 a { background-position: 0 0; }
				#cabecalho_inner ul li.menuTopo_kombo a { background-position: -220px -100px; }
				#cabecalho_inner ul li.menuTopo_kombo a:hover { background-position: 0 -100px; }
				#cabecalho_inner ul li.menuTopo_empresa a { background-position: -220px -200px; }
				#cabecalho_inner ul li.menuTopo_empresa a:hover { background-position: 0 -200px; }
				#cabecalho_inner ul li.menuTopo_vagas a { background-position: -220px -300px; }
				#cabecalho_inner ul li.menuTopo_vagas a:hover { background-position: 0 -300px; }

	#miolo_inner { 
		clear: both; 
		display: block; 
		width: 845px; 
		margin-left: 10px;
	}
		#miolo_inner #conteudo { 
			float: right; 
			margin-bottom: 20px; 
			position: relative;
			z-index: 2;
			width: 630px; 
		}
		
		/* breadcrumb */
		#miolo_inner #conteudo .bc { color: #bbb; cursor: default; font-size: 11px; }
			#miolo_inner #conteudo .bc a { text-decoration: none; color: #bbb; }
			#miolo_inner #conteudo .bc a:hover { text-decoration: underline; }
			#miolo_inner #conteudo .bc acronym { border-bottom: 0; color: #343434; cursor: default; }
	/* elementos #conteudo */
		#miolo_inner #conteudo h2 { font: bold 45px Calibri, Arial, Verdana, sans-serif; letter-spacing: 0; margin-bottom: 10px; }
		#miolo_inner #conteudo h3,
		#miolo_inner #conteudo fieldset legend { color: #444; font: bold 30px Calibri, Arial, Verdana, sans-serif; }
		#miolo_inner #conteudo h4 { color: #444; font: 20px Calibri, Arial, Verdana, sans-serif; margin-bottom: 5px; }
		#miolo_inner #conteudo h3 { margin-bottom: 10px; font-weight: normal; }
		#miolo_inner #conteudo fieldset legend { margin: 0; }
		#miolo_inner #conteudo h5 { font: bold 16px Arial, Verdana, sans-serif; margin: 15px 0 2px; }
		#miolo_inner #conteudo cite { 
			color: #777; 
			display: block; 
			font: italic 20px Calibri, Arial, Verdana, sans-serif; 
			line-height: 20px; 
			margin: -10px 0 20px; 
			width: 550px; 
		}
		#miolo_inner #conteudo p { color: #4b4b4b; font-size: 14px; line-height: 160%; margin-bottom: 10px; text-align: justify; }
			#miolo_inner #conteudo p a { font-weight: bold; }
			#miolo_inner #conteudo p b { font-weight: normal; }
			#miolo_inner #conteudo p a:hover { color: #fff; text-decoration: none; }
		#miolo_inner #conteudo blockquote { 
			background: url(img/sprite-geral.gif) no-repeat -428px -510px; 
			font-style: italic; 
			padding: 10px 10px 0; 
			width: 200px; 
		}
			#miolo_inner #conteudo blockquote.floatRight { text-align: right; }
		#localizacao_kombo { height: 200px; border: 1px solid #eee; }
		/* moldura das imagens de exemplo */
		#miolo_inner #conteudo div.imagem { background: #fff url(img/sprite-geral.gif) no-repeat -428px 0; height: 290px; margin: 10px auto 5px; width: 352px; padding: 10px; }
			#miolo_inner #conteudo div.imagem img { border: 1px solid #e6e6e6; }
			#miolo_inner #conteudo div.imagem cite { font: italic 11px Georgia, "Times New Roman", serif; margin: 3px 0 0; text-align: center; width: auto; }
		/* dica */
		#miolo_inner #conteudo .dica { font-weight: bold; margin-bottom: 10px; padding: 6px 0; text-align: center; }
		#miolo_inner #conteudo p.dica { font-weight: normal; font-size: 12px; text-align: left; padding: 10px; }
			#miolo_inner #conteudo .dica strong { font-size: 14px; }
			#miolo_inner #conteudo .dica b { font-weight: bold; }
			#miolo_inner #conteudo .dica a { text-decoration: none; }
			#miolo_inner #conteudo .dica a:hover { text-decoration: underline; }
			#miolo_inner #conteudo .dica textarea { border: 1px solid #eee; font: 12px "Courier New", Courier, monospace; height: 106px; padding: 5px; width: 602px; }
		#miolo_inner #conteudo ul { list-style: disc; margin: 0 0 10px 30px; }
			#miolo_inner #conteudo ul li { font-size: 14px; line-height: 160%; margin-bottom: 5px; }
		/* botoes de ancora */
		#miolo_inner #conteudo .ancoras { padding-left: 20px; }
			#miolo_inner #conteudo .ancoras a { 
				background: url(img/sprite-x.gif) repeat-x 0 -110px; 
				border: 1px solid;
				color: #fff; 
				float: left; 
				font-size: 14px;
				font-weight: bold; 
				padding: 6px 0; 
				text-align: center; 
				text-decoration: none; 
				width: 188px; 
				margin-right: 10px;
			}
		/* boxes de apoio (contato, etc) */
		#miolo_inner #conteudo .apoio { background: #f7f7f7; border: 1px solid #eee; margin: 0 0 10px; padding: 5px 5px 0; width: 298px; }
		#miolo_inner #conteudo .full { padding: 10px 10px 0; width: 608px; }
			#miolo_inner #conteudo .apoio i { background: url(img/sprite-geral.gif) no-repeat 0 0; display: block; float: left; height: 50px; margin: 0 0 5px; width: 50px; }
			#miolo_inner #conteudo .telefone i { background-position: -177px -736px; }
			#miolo_inner #conteudo .email i { background-position: -247px -736px; }
			#miolo_inner #conteudo .internet i { background-position: -317px -736px; }
			#miolo_inner #conteudo .tecnologia i { background-position: -317px -806px; }
			#miolo_inner #conteudo .seguranca i { background-position: -247px -806px; }
			#miolo_inner #conteudo .suporte i { background-position: -177px -876px; }
			#miolo_inner #conteudo .assine i { background-position: -247px -876px; }
			#miolo_inner #conteudo .treinamento i { background-position: -106px -877px; }
			#miolo_inner #conteudo .apoio span { font-weight: bold; font-size: 16px; float: right; letter-spacing: -0.02em; margin: 0 0 5px; width: 240px; }
				#miolo_inner #conteudo .apoio span a:hover { text-decoration: none; color: #fff; }
			#miolo_inner #conteudo .full span { margin: 0 0 10px; width: 550px; }
				#miolo_inner #conteudo .apoio span b { display: block; font-size: 12px; font-weight: normal; letter-spacing: 0; }
				#miolo_inner #conteudo .apoio span h4 { font: bold 14px Arial, Verdana, sans-serif; margin: 0 0 5px; }
				#miolo_inner #conteudo .apoio span p { font-size: 12px; font-weight: normal; letter-spacing: 0; margin: 0; }
					#miolo_inner #conteudo .apoio span p b { font-size: 12px; font-weight: bold; display: inline; }
			#miolo_inner #conteudo .apoio ul { list-style: none; margin: 0; }
				#miolo_inner #conteudo .apoio ul li { font-weight: normal; font-size: 13px; letter-spacing: 0; background: url(img/sprite-geral.gif) no-repeat -903px -867px; padding-left: 22px; margin-bottom: 10px; }
					#miolo_inner #conteudo .apoio ul li b { font-weight: bold; display: inline; }
		/* menuzinho de acesso rápido */
		#miolo_inner #conteudo .linksProd { list-style: none; margin: 0; display: table; margin: 0 0 25px -10px; width: 640px; }
			#miolo_inner #conteudo .linksProd li { float: left; }
			#miolo_inner #conteudo .linksProd li.topo { float: right; }
				#miolo_inner #conteudo .linksProd li a { 
					font-size: 12px; 
					float: left; 
					margin-left: 10px; 
					text-align: center; 
					text-decoration: none; 
					width: 308px;
					padding: 2px 0;
					border: 1px solid;
				}
				#miolo_inner #conteudo .linksProd li.topo a { 
					float: right; 
					background: #fff url(img/sprite-geral.gif) no-repeat -698px -432px; 
					width: 70px; 
					height: 20px; 
					text-decoration: none; 
					text-indent: -10000px; 
					margin: 0;
					padding: 0;
					border: 0;
				}
				#miolo_inner #conteudo .linksProd li.topo a:hover { background: #fff url(img/sprite-geral.gif) no-repeat -698px -396px; text-decoration: none; }


		/* titulos */
	#miolo_inner i.titulo { background: url(img/sprite-geral.gif) no-repeat 0 0; display: block; height: 20px; text-indent: -10000px; width: 80%; margin-bottom: 5px; }
		#miolo_inner i.artigos { background-position: -432px -752px; }
		#miolo_inner i.loginGB { background-position: -432px -787px; }
		/* artigos */
		#miolo_inner #conteudo a.artigos { text-decoration: none; }
			#miolo_inner #conteudo a.artigos span { float: left; width: 48px; height: 48px; border: 1px solid #e0e0e0; margin-right: 5px; background: url(img/destaques.jpg) no-repeat 0 0; }
				#miolo_inner #conteudo a.destaque1 span { background-position: 0 0; }
				#miolo_inner #conteudo a.destaque2 span { background-position: 0 -48px; }
				#miolo_inner #conteudo a.destaque3 span { background-position: 0 -96px; }
				#miolo_inner #conteudo a.destaque4 span { background-position: 0 -144px; }
				#miolo_inner #conteudo a.destaque5 span { background-position: 0 -192px; }
			#miolo_inner #conteudo a.artigos i { display: block; font: 11px Arial, Verdana, sans-serif; line-height: 11px; color: #a9a9a9; margin: 0 0 2px 55px; }
			#miolo_inner #conteudo a.artigos b { display: block; color: #00397a; font: normal 14px Georgia, "Times New Roman", serif; line-height: 14px; margin: 0 0 10px 55px; }
			#miolo_inner #conteudo a.artigos:hover b { text-decoration: underline; }

	/* loginGB */
	#miolo_inner div.loginGB { margin: 15px 0 0; background: #f2f2f2; border: 1px solid #e1e1e1; padding: 10px 0; }
		#miolo_inner div.loginGB p { font-size: 12px; padding: 0 10px 0 8px; margin: 0 0 10px; line-height: 16px; text-align: justify; }
		#miolo_inner div.loginGB i.loginGB { margin: 0 10px 5px; }
	
		/* menu */			
		#miolo_inner #menuLateral { background: #fff; float: left; width: 200px; }
				#miolo_inner #menuLateral ul li { margin-bottom: 1px; border-left: 18px solid #ccc; }
					#miolo_inner #menuLateral ul li a { 
						background: #ededed;
						display: block; 
						font-size: 14px;
						margin-left: 1px; 
						padding: 2px 0;
						text-decoration: none;  
						text-indent: 5px; 
						width: 179px;
						border: 1px solid #ededed;
					}
					#miolo_inner #menuLateral ul li a:hover,
					#miolo_inner #menuLateral ul li a.hover { background: #fff; }
					#miolo_inner #menuLateral ul li a.menuLateral_active { background: #ccc; border-color: #ccc; color: #fff; }
					/* submenu */
				#miolo_inner #menuLateral ul ul { 
					background: #fff;
					border: 1px solid #ddd;
					margin: -18px 0 0 150px;
					padding: 1px 1px 0;
					position: absolute;
					visibility: hidden;
					z-index: 10;
				}
					#miolo_inner #menuLateral ul ul li { border: 0 none; }
						#miolo_inner #menuLateral ul ul li a { 
							background: #ededed; 
							border: 0 none; 
							font-size: 12px; 
							margin: 0; 
							width: 162px; 
						}
						#miolo_inner #menuLateral ul ul ul { margin: -16px 0 0 140px; z-index: 20; }
		#miolo_inner #menuLateral h2 a { display: block; margin-top: 10px; text-decoration: none; width: 200px; background: url(img/btns.jpg) no-repeat 0 0; text-indent: -10000px; }
		#miolo_inner #menuLateral .banner { margin-top: 15px; }
		#miolo_inner #menuLateral .20090810-gratis { height: 115px; }

#rodape { 
	background: #a7a7a7 url(img/sprite-x.gif) repeat-x 0 -260px; 
	border-bottom: 4px solid #ccc; 
	font-size: 11px; 
	position: relative; 
	z-index: 0; 
	height: 180px;
} 
		#rodape dl { border-right: 1px solid #d9d9d9; float: left; height: 130px; margin: 30px 0 20px 20px; width: 150px; }
			#rodape dl a { text-decoration: none; color: #434343; }
			#rodape dl a:hover { text-decoration: underline; }
			#rodape dl dt { margin-bottom: 5px; }
				#rodape dl dt a { font-size: 18px; font-weight: bold; letter-spacing: -1px; }
		#rodape .rodape_extras { 
			background: transparent url(img/sprite-geral.gif) no-repeat 0 -434px; 
			float: right; 
			height: 259px; 
			margin: -95px 20px 16px 0;
			position: relative; 
			text-align: right; 
			width: 289px; 
			z-index: 1; 
		}
			#rodape .rodape_extras ul { float: right; text-align: left; margin-top: 116px; }
				#rodape .rodape_extras ul li { float: left; }
					#rodape .rodape_extras ul li a { 
						background: transparent url(img/sprite-geral.gif) no-repeat; 
						display: block; 
						height: 60px; 
						margin: 0 0 15px 10px; 
						text-indent: -10000px;
						text-decoration: none;
						width: 60px; 
					}
					#rodape .rodape_extras ul li.rodape_komgroup a { background-position: -318px -421px; }
					#rodape .rodape_extras ul li.rodape_sebrae a { background-position: -313px -633px; }
					#rodape .rodape_extras ul li.rodape_acate a { background-position: -314px -561px; }
					#rodape .rodape_extras ul li.rodape_midi a { background-position: -318px -496px; }
					
			#rodape .rodape_extras address, #rodape .rodape_extras cite { clear: both; display: block; font-style: normal; }
			#rodape .rodape_extras cite { margin-top: 10px; }