/* 
Site: 				Kombo Empresas
Pagina:				Produtos
Descricao:  		Estilos das paginas de produtos
URL:				http://www.kombo.com.br/empresa/produtos
URL:				http://www.kombo.com.br/empresa/produtos/*
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 06/07/09
----
CSS valido pela W3C
*/

#miolo_inner #conteudo .descProdutos { width: 460px; }
	#miolo_inner #conteudo .descProdutos h3 { margin: -10px 0 5px; }
	#miolo_inner #conteudo .modulos { margin-bottom: 10px; }
		#miolo_inner #conteudo .modulos a { 
			float: left; 
			height: 78px; 
			margin: 0 0 0 5px; 
			text-decoration: none; 
			width: 98px; 
			background: url(img/sprite-geral.gif) no-repeat -821px -1px;
			text-indent: -10000px;
			border: 1px solid #e3e3e3;
		}
		#miolo_inner #conteudo .modulos a:hover { border-color: #da242b; }
		#miolo_inner #conteudo .modulos a.rs { background-position: -821px -84px; }
		#miolo_inner #conteudo .modulos a.integracao { background-position: -821px -174px; }
		#miolo_inner #conteudo .modulos a.competencias { background-position: -821px -264px; }
		#miolo_inner #conteudo .modulos a.cs { background-position: -821px -354px; }
		#miolo_inner #conteudo .modulos a.produtividade { background-position: -821px -444px; }

#miolo_inner #conteudo dl.prodFunc { display: table; }
	#miolo_inner #conteudo dl.prodFunc dt { 
		font: bold 16px Arial, Verdana, sans-serif; 
		margin: 15px 0 2px; 
		color: #0031a1; 
		float: right;
		width: 498px;
	}
	#miolo_inner #conteudo dl.prodFunc dd { 
		float: right; 
		width: 498px; 
		font-size: 14px; 
		color: #565656; 
		line-height: 160%;
		margin-bottom: 25px; 
	}
		#miolo_inner #conteudo dl.prodFunc dd a,
		#miolo_inner #conteudo ul li a  { color: #0963c8; font-weight: bold; }	
		#miolo_inner #conteudo dl.prodFunc dd a:hover,
		#miolo_inner #conteudo ul li a:hover { background-color: #0963c8; color: #fff; text-decoration: none; }
		#miolo_inner #conteudo dl.prodFunc dd b { color: #565656; }
	#miolo_inner #conteudo dl.prodFunc dd.link { 
		float: left; 
		width: 122px; 
		line-height: 100%; 
		padding: 0; 
		margin: -18px 0 0 6px; 
	}
		#miolo_inner #conteudo dl.prodFunc dd.link a { 
			background: transparent url(img/sprite-geral.gif) no-repeat -434px -845px;
			display: block;
			padding: 5px;
		}

/* cabecalho produtos */
#miolo_inner #conteudo .aprProdutos { display: table; width: 100%; margin-bottom: 25px; }
	#miolo_inner #conteudo .aprProdutos h2 { font-size: 50px; letter-spacing: -0.02em; margin: 0 0 10px; }
	#miolo_inner #conteudo .rs h2 { font-size: 54px; }
	#miolo_inner #conteudo .aprProdutos span { 
		float: left; 
		width: 85px; 
		height: 80px; 
		background: url(img/sprite-caixas.new.gif) no-repeat;
		margin-right: 10px;
	}
	#miolo_inner #conteudo .gestor span { background-position: 0 0; }
	#miolo_inner #conteudo .produtividade span { background-position: -100px 0; }
	#miolo_inner #conteudo .cpt span { background-position: -200px 0; }
	#miolo_inner #conteudo .integracao span { background-position: 0 -100px; }
	#miolo_inner #conteudo .cs span { background-position: -100px -100px; }
	#miolo_inner #conteudo .rs span { background-position: -200px -100px; }
	#miolo_inner #conteudo .gratis span { background-position: -100px -200px; }
	#miolo_inner #conteudo .aprProdutos cite { 
		margin: 0; 
		font-size: 26px; 
		line-height: 26px; 
		padding: 0 0 7px 15px; 
		height: 80px;
	}
	#miolo_inner #conteudo .cpt cite, 
	#miolo_inner #conteudo .cs cite { font-size: 22px; line-height: 25px; padding: 0; width: auto; margin-bottom: 5px; }
	#miolo_inner #conteudo .aprProdutos dl { margin: 0 0 0 -5px; zoom: 1; }
		#miolo_inner #conteudo .aprProdutos dl dt { 
			border-bottom: 1px dotted #bbb; 
			margin: 0 2px 5px 5px;
			font-size: 10px;
			padding-bottom: 2px;
			text-align: right;
			text-transform: uppercase;
		}
		#miolo_inner #conteudo .aprProdutos dl dd {  }
			#miolo_inner #conteudo .aprProdutos dl dd a { 
				background: #e2e2e2 url(img/sprite-x.gif) repeat-x 0 -816px; 
				border: 1px solid;
				border-color: #ececec #d1d1d1 #d1d1d1 #ececec;
				color: #024da2;
				float: left; 
				font-weight: bold;
				font-size: 14px;
				margin: 0 0 5px 5px; 
				padding: 5px 0;
				text-decoration: none;
				text-align: center;
				width: 204px; 
			}
		#miolo_inner #conteudo .aprProdutos dl dd a:active { border-color: #d1d1d1 #ececec #ececec #d1d1d1; }
		#miolo_inner #conteudo .aprProdutos dl dd a:hover { text-decoration: underline; }
		
/* quadro comparativo */
table.quadroComparativo { font-size: 11px; width: 100%; border-collapse: separate; border-spacing: 1px; margin-bottom: 25px; }
	table.quadroComparativo thead tr th { 
		background: #024da2 url(img/sprite-x.gif) repeat-x 0 -120px; 
		padding: 6px 20px; 
		font-size: 14px; 
		color: #fff; 
	}
		table.quadroComparativo thead tr th a { color: #fff; text-decoration: none; }
		table.quadroComparativo thead tr th a:hover { text-decoration: underline; }
	table.quadroComparativo tbody tr td { padding: 2px 8px; border: 1px dotted #eee; }
	table.quadroComparativo tbody tr.corS td { background: #f9f9f9; }
		table.quadroComparativo tbody tr td a { color: #0963C8; }
		table.quadroComparativo tbody tr td a:hover { background-color: #0963C8; color: #fff; }
	table.quadroComparativo tbody tr.corN td { background: #f5f5f5; }
		table.quadroComparativo tbody td b,
		table.quadroComparativo tbody td i { 
			display: block; 
			background: url(img/sprite-geral.gif) no-repeat -903px -928px; 
			text-align: center; 
			width: 20px; 
			height: 20px; 
			margin: 0 auto; 
			text-indent: -10000px; 
		}
		table.quadroComparativo tbody td i { background-position: -903px -908px; }
	table.quadroComparativo tfoot tr td { text-align: center; font-size: 14px; }
		table.quadroComparativo tfoot tr td a { 
			background: url(img/sprite-x.gif) repeat-x 0 -657px; 
			border: 1px solid;
			border-color: #fb8c8c #9e0000 #9e0000 #fb8c8c;
			color: #fff; 
			display: block; 
			font-size: 12px; 
			margin-top: 2px;
			padding: 4px; 
			text-decoration: none; 
		}
		table.quadroComparativo tfoot tr td a:active { border-color: #9e0000 #fb8c8c #fb8c8c #9e0000; }

table.valores thead tr th, table.valores tbody tr td { font-size: 12px; padding: 4px; }
table.valores td.valor { text-align: center; font-weight: bold; }
	table.valores td.valor span { display: block; font-size: 10px; margin-bottom: 3px; }

/* galeria (carousel) */ 
#miolo_inner #conteudo .stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin: 10px auto 1px; 
} 
#miolo_inner #conteudo .stripViewer ul {
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%;
	list-style: none; 
} 
	#miolo_inner #conteudo .stripViewer ul li { float:left; } 
		#miolo_inner #conteudo .stripViewer ul li img { 
			margin: 0 0 -3px; 
			cursor: pointer; 
			padding: 4px; 
			border: 1px solid #eee; 
		}
		#miolo_inner #conteudo .stripViewer ul li cite { 
			margin: 0;
			font: normal 11px Arial, Verdana, sans-serif; 
			width: 550px; 
			padding: 10px 5px;
		}
			#miolo_inner #conteudo .stripViewer ul li cite b { display: block; font-size: 16px; margin-bottom: 0; }
	
#miolo_inner #conteudo .stripTransmitter { overflow: auto; width: 1%; margin: 0 auto 10px; } 
	#miolo_inner #conteudo .stripTransmitter ul { margin: 10px 0 0 -5px; padding: 0; position: relative; list-style: none; } 
		#miolo_inner #conteudo .stripTransmitter ul li { float: left; margin: 0 0 1px 5px; line-height: normal; } 
			#miolo_inner #conteudo .stripTransmitter a { display: block; } 
			#miolo_inner #conteudo .stripTransmitter a img { background: #fff; border: 1px solid #eee; padding: 3px; }
			#miolo_inner #conteudo .stripTransmitter a:hover img { background: #e3ebfd; border-color: #ddd; } 
			#miolo_inner #conteudo .stripTransmitter a.current img { border-color: #008bec; }
			

/* slimbox (lightbox) */
#lbOverlay { 
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(img/m_loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbBottom { 
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCaption { font-size: 14px; }
a#lbCloseLink { float: right; width: 17px; height: 16px; background: url(img/sprite-geral.gif) no-repeat -667px -434px; }
a#lbCloseLink:hover { background-position: -667px -398px; }
#lbNumber { display: none; }