/* 
Site: 				Kombo
Pagina:				Todas
Descricao:  		Estilos gerais dos sites Kombo (dimensionamento, posicionamento, fontes, tamanhos).
					Nao especifica CORES ou IMAGENS EXCLUSIVAS!
URL:				http://www.kombo.com.br/*
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 26/05/10
----
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; }
.marginB { margin: 0 0 10px 0 !important; }
.marginZero { margin: 0 0 0 0 !important; }
.h { display: none !important; }

/* mantendo o rodape no rodape */
#principal {
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 0 -184px; 
}
.empurraRodape { height: 180px; }

#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 #96c6d3; }
	#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.png) no-repeat;
			float: left; 
			text-decoration: none; 
			text-indent: -10000px; 
			height: 85px; 
		}
		#cabecalho_inner ul { margin: 0; } 
			#cabecalho_inner ul li { margin-left: 25px; }
				#cabecalho_inner li a { width: 310px; }
				#cabecalho_inner li.menuTopo_empresa a { background-position: 19px -86px; }
				#cabecalho_inner li.menuTopo_vagas a { background-position: 35px -196px; }
				#cabecalho_inner li.menuTopo_vagas a:hover { background-position: 35px -307px; }
			
		#cabecalho_inner h1 a { background-position: 0 0; width: 220px; }

	#miolo_inner { 
		clear: both; 
		display: block; 
		width: 875px; 
		margin: 10px 0 0 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: #c7cacb; }
			#miolo_inner #conteudo .bc a:hover { text-decoration: underline; }
			#miolo_inner #conteudo .bc acronym { border-bottom: 0; color: #4a98ae; cursor: default; }
			
	/* elementos #conteudo */
		#miolo_inner #conteudo h2 { 
			color: #4a98ae; 
			font: 47px Calibri, Arial, Verdana, sans-serif; 
			letter-spacing: -0.02em; 
			margin: 20px 0; 
		}
		#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 { color: #717171; font-size: 30px; font-weight: normal; margin-bottom: 15px; }
		#miolo_inner #conteudo fieldset legend { margin: 0; }
		#miolo_inner #conteudo h5 { color: #687a93; font: bold 16px Arial, Verdana, sans-serif; margin: 15px 0 2px; }
		#miolo_inner #conteudo cite { 
			color: #969696; 
			display: block; 
			font: italic 18px Calibri, Arial, Verdana, sans-serif; 
			line-height: 20px; 
			margin: -10px 0 30px; 
			width: 610px; 
		}
		#miolo_inner #conteudo p { color: #474747; font-size: 14px; line-height: 160%; margin-bottom: 10px; text-align: justify; }
			#miolo_inner #conteudo p a { color: #4a98ae; font-weight: bold; }
			#miolo_inner #conteudo p a:hover { background-color: #D74949; color: #fff; text-decoration: none; }
			#miolo_inner #conteudo p b { font-weight: normal; }
		#miolo_inner #conteudo blockquote { 
			background: url(img/sprite-geral.png) no-repeat -428px -540px; 
			color: #707070;
			font-style: italic; 
			padding: 15px 10px; 
			width: 180px; 
			font: italic bold 18px Georgia, "Times New Roman", serif;
			min-height: 80px;
		}
			#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.png) 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 { 
				background: none;
				font: italic 11px Georgia, "Times New Roman", serif; 
				margin: 3px 0 0; 
				padding: 3px 0 0;
				text-align: center; 
				width: auto; 
			}
			
		/* dica */
		#miolo_inner #conteudo .dica { background: #eff7fd; border: 1px solid #ddf1ff; 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; margin: 20px 0; }
			#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.png) 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 { 
				color: #d74949;
				font-weight: bold; 
				font-size: 16px; 
				float: right; 
				letter-spacing: -0.02em; 
				margin: 0 0 5px; 
				width: 230px; 
			}
				#miolo_inner #conteudo .apoio span a { color: #d74949; }
				#miolo_inner #conteudo .apoio span a:hover { background: #6fb2c5; text-decoration: none; color: #fff; }
			#miolo_inner #conteudo .full span { margin: 0 0 10px; width: 546px; }
				#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.png) no-repeat -903px -867px; 
					padding-left: 22px; 
					margin-bottom: 10px; 
				}
					#miolo_inner #conteudo .apoio ul li b { font-weight: bold; display: inline; }

	/* titulos */
	#miolo_inner i.titulo { 
		background: url(img/sprite-geral.png) no-repeat 0 0; 
		display: block; 
		height: 20px; 
		text-indent: -10000px; 
		width: 80%; 
		margin-bottom: 5px; 
	}		
	/* loginGB */
	#miolo_inner div.loginGB { 
		background: #f2f2f2 url(img/sprite-x.gif) repeat-x 0 -972px;
		border: 1px solid #e1e1e1; 
		margin: 15px 0 0; 
		padding: 7px 0 0; 
	}
		#miolo_inner div.loginGB p { 
			font-size: 11px; 
			padding: 0 10px 0 8px; 
			margin: 0 0 7px; 
			line-height: 14px; 
			text-align: justify; 
		}
		#miolo_inner div.loginGB i.loginGB { margin: 2px 0 0; width: auto; background-position: -366px -786px; }
		#miolo_inner div.loginGB a { font-size: 11px; text-align: center; display: block; text-decoration: none; border: 1px solid #bffee7; background: #e1fff4; padding: 2px 0; margin: 0 5px 5px; }
		#miolo_inner div.loginGB a:hover { border-color: #FDDF49; background: #fff1aa; }
	
		/* menu */			
		#miolo_inner #menuLateral { background: #fff; float: left; width: 220px; }
				#miolo_inner #menuLateral ul li { margin-bottom: 1px; border-left: 18px solid #96c6d3; }
				#miolo_inner #menuLateral ul li.divide { border-top: 3px solid #f0f0f0; padding-top: 1px; }
					#miolo_inner #menuLateral ul li a { 
						background: #f0f0f0 url(img/sprite-x.gif) repeat-x 0 -499px;
						display: block; 
						font-size: 14px;
						margin-left: 1px; 
						padding: 2px 0;
						text-decoration: none;  
						text-indent: 5px; 
						width: 199px;
						border: 1px solid #f0f0f0;
					}
					#miolo_inner #menuLateral ul li.destaque a { color: #de6868; font-weight: bold; }
					#miolo_inner #menuLateral ul li a:hover,
					#miolo_inner #menuLateral ul li a.hover { background: #fff; border-color: #96c6d3; }
					#miolo_inner #menuLateral ul li a.menuLateral_active { 
						background: #96c6d3; 
						border-color: #96c6d3; 
						color: #fff; 
						font-weight: bold; 
					}
					/* submenu */
				#miolo_inner #menuLateral ul ul { 
					background: #fff;
					border: 1px solid #96c6d3;
					margin: -48px 0 0 150px;
					padding: 1px 1px 0;
					position: absolute;
					visibility: hidden;
					z-index: 10;
				}
					#miolo_inner #menuLateral ul ul li { border: 0 none; border-bottom: 1px solid #ededed; }
						#miolo_inner #menuLateral ul ul li a { 
							background: #f4f4f4; 
							border: 0 none; 
							font-size: 12px; 
							line-height: 18px;
							margin: 0; 
							width: 182px; 
						}
						#miolo_inner #menuLateral ul ul ul { margin: -16px 0 0 140px; z-index: 20; }
		#miolo_inner #menuLateral h2 a { 
			display: block; 
			margin-top: 15px; 
			text-decoration: none; 
			width: 220px; 
			background: url(img/btns.jpg) no-repeat 0 0; 
			text-indent: -10000px; 
			position: relative;
			z-index: 4;
		}
			#miolo_inner #menuLateral h2.curric-20100105 a { background-position: 0 -220px;	height: 88px; width: 238px; }
			#miolo_inner #menuLateral h2.mateap-20100105 a { background-position: 0 -115px;	height: 85px; margin: 13px 0 -8px; }
			#miolo_inner #menuLateral h2.quiz-20100607 a { background-position: 0 -325px; height: 100px; margin-left: -5px; width: 230px; }
			#miolo_inner #menuLateral h2.demo a { height: 98px; }

#rodape { 
	background: #fff url(img/sprite-x.gif) repeat-x 0 -255px; 
	border-bottom: 4px solid #96c6d3; 
	font-size: 11px; 
	position: relative; 
	z-index: 0; 
	height: 180px;
} 
		#rodape dl { border-right: 1px solid #f4f4f4; float: left; height: 130px; margin: 35px 0 15px 20px; width: 180px; }
			#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 { color: #46a1ab; font-size: 18px; font-weight: bold; letter-spacing: -1px; }
				#rodape dl dt a:hover { color: #d74949; }
		#rodape .rodape_extras { 
			background: transparent url(img/sprite-geral.png) 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.png) 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_komgroup a:hover { background-position: -318px -141px; }
					#rodape .rodape_extras ul li.rodape_sebrae a { background-position: -313px -634px; }
					#rodape .rodape_extras ul li.rodape_sebrae a:hover { background-position: -313px -354px; }
					#rodape .rodape_extras ul li.rodape_acate a { background-position: -314px -561px; }
					#rodape .rodape_extras ul li.rodape_acate a:hover { background-position: -314px -281px; }
					#rodape .rodape_extras ul li.rodape_midi a { background-position: -319px -496px; }
					#rodape .rodape_extras ul li.rodape_midi a:hover { background-position: -319px -216px; }
					
			#rodape .rodape_extras address, #rodape .rodape_extras cite { 
				color: #767676; 
				clear: both; 
				display: block; 
				font-style: normal; 
			}
			#rodape .rodape_extras cite { margin-top: 10px; }
			
/* lightlightbox */
div#over { 
	background: #000; 
	position: absolute; 
	z-index: 50; 
}
div#video { background: #fff url(img/loading.gif) no-repeat center center; width: 610px; position: absolute; z-index: 100; }
	div#video div { margin: 10px 0 0 10px; }
		div#video div img { display: block; margin: 25px 17px 10px; padding: 2px; border: 1px solid #f4f4f4; }
		div#video div h4 { font-size: 14px; letter-spacing: -0.01em; text-align: center; }
	a#videoFecha { 
		background: url(img/sprite-geral.png) no-repeat -850px -740px;
		float: right;
		margin: -10px;
		text-decoration: none;
		text-indent: -10000px;
		width: 30px;
		height: 30px;
	}
	a#videoFecha:hover { background-position: -882px -740px; }

/* kombo na mídia */
#miolo_inner #conteudo ul.komboMidia { list-style: none; margin: 35px 0 15px; }
	#miolo_inner #conteudo ul.komboMidia li { margin-bottom: 10px; border-top: 1px dotted #a9a9a9; padding-top: 10px; }
		#miolo_inner #conteudo ul.komboMidia li i { display: block; color: #a9a9a9; font: italic 12px Arial, Verdana, sans-serif; }
		#miolo_inner #conteudo ul.komboMidia li a { font-size: 14px; text-decoration: none; color: #4a98ae; }
		#miolo_inner #conteudo ul.komboMidia li a:hover { color: #fff; background: #ea8484; }
	#miolo_inner #conteudo ul.komboMidia li.destaque { margin-bottom: 20px; border-top: 0; padding-top: 0; }
		#miolo_inner #conteudo ul.komboMidia li.destaque i { margin-bottom: 10px; }
			#miolo_inner #conteudo ul.komboMidia li.destaque h3 a { display: block; font-size: 28px; letter-spacing: -0.02em; line-height: 26px; }
			#miolo_inner #conteudo ul.komboMidia li.destaque h3 a:hover { background: none; color: #ea8484; }
		#miolo_inner #conteudo ul.komboMidia li.destaque span { float: left; width: 178px; height: 208px; border: 1px solid #dfdfdf; margin-right: 10px; background: url(img/destaques_knm.jpg) no-repeat 0 0; }
			#miolo_inner #conteudo ul.komboMidia li.destaque span.img1 { background-position: 0 0; }
			#miolo_inner #conteudo ul.komboMidia li.destaque span.img2 { background-position: 0 -208px; }
			#miolo_inner #conteudo ul.komboMidia li.destaque span.img3 { background-position: 0 -416px; }
			#miolo_inner #conteudo ul.komboMidia li.destaque span.img4 { background-position: 0 -624px; }
			#miolo_inner #conteudo ul.komboMidia li.destaque span.img5 { background-position: 0 -832px; }
		#miolo_inner #conteudo ul.komboMidia li.destaque p { margin-bottom: 10px; }
	
/* trabalhe na kombo */
#miolo_inner #conteudo div.plugins { margin: 15px 0 10px; }
	#miolo_inner #conteudo div.plugins h4 { line-height: 16px; letter-spacing: -0.02em; margin-bottom: 10px; }
#miolo_inner #conteudo div.quadroVagas { float: left; width: 450px; }
#miolo_inner #conteudo div.loginCurric { float: right; width: 125px; background: #f7f7f7; border: 1px dotted #eee; padding: 10px; }
	#miolo_inner #conteudo div.loginCurric p { margin: 0; font-size: 11px; text-align: center; line-height: 13px; }
		#miolo_inner #conteudo div.loginCurric p a { display: block; text-decoration: none; height: 34px; background: url(img/sprite-geral.png) no-repeat -670px -740px; text-indent: -10000px; margin-top: 3px; }
		#miolo_inner #conteudo div.loginCurric p a:hover { background-color: transparent; }