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

#miolo_inner #conteudo .descProdutos { width: 460px; }
	#miolo_inner #conteudo .descProdutos h3 { margin: -10px 0 5px; }

#miolo_inner #conteudo .modulos { height: 312px; margin: 0 -2px 20px; width: 632px; }
	#miolo_inner #conteudo .modulos li { list-style: none; float: left; margin: 1px; }
		#miolo_inner #conteudo .modulos li a { display: block; width: 152px; height: 152px; padding: 1px; border: 1px solid #e0e0e0; text-decoration: none; }
		#miolo_inner #conteudo .modulos li a:hover { background: #fff; border-color: #DD5858; }
		#miolo_inner #conteudo .modulos li a h4  { background: #DD5858; position: relative; margin: -56px 0 0; text-align: center; padding: 2px 2px 6px; }
			#miolo_inner #conteudo .modulos li a h4 b { font-size: 20px; letter-spacing: -0.02em; color: #fff; }
			#miolo_inner #conteudo .modulos li a h4 i { display: block; font: italic 10px Georgia, "Times New Roman", serif; }

#miolo_inner #conteudo dl.prodFunc { display: table; }
	#miolo_inner #conteudo dl.prodFunc dt { 
		font: bold 16px Arial, Verdana, sans-serif; 
		margin: 15px 0 5px; 
		color: #7bb1c0; 
		float: right;
		width: 492px;
	}
	#miolo_inner #conteudo dl.prodFunc dd { 
		float: right; 
		width: 492px; 
		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: #6fb2c5; font-weight: bold; }	
		#miolo_inner #conteudo dl.prodFunc dd a:hover,
		#miolo_inner #conteudo ul li a:hover { background-color: #DD5858; 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.png) no-repeat -434px -845px;
			display: block;
			padding: 5px;
		}

/* cabecalho produtos */
#miolo_inner #conteudo .aprProdutos { margin-top: 30px; }
	#miolo_inner #conteudo .aprProdutos cite { border: 1px dotted #cecece; font-size: 18px; letter-spacing: -0.01em; margin-top: 4px; padding: 8px 8px 11px 110px; width: 413px; position: relative; z-index: 1; }
	#miolo_inner #conteudo .gratis cite { width: 510px; padding: 18px 8px 21px 110px; }
	#miolo_inner #conteudo .aprProdutos h2 { font-size: 40px; letter-spacing: -0.03em; margin: 15px 0 0 110px; }
	#miolo_inner #conteudo .aprProdutos span { background: url(img/sprite-caixas.png) no-repeat; float: left; height: 144px; margin: -52px 0 0 6px; width: 95px; position: absolute; z-index: 2; }
		#miolo_inner #conteudo .rs span { background-position: -95px 0; }
		#miolo_inner #conteudo .integracao span { background-position: -190px 0; }
		#miolo_inner #conteudo .cpt span { background-position: -285px 0; }
		#miolo_inner #conteudo .cs span { background-position: -380px 0; }
		#miolo_inner #conteudo .produtividade span { background-position: -475px 0; }
		#miolo_inner #conteudo .gratis span { background-position: -665px 0; }
		#miolo_inner #conteudo .est span { background-position: -760px 0; }
		#miolo_inner #conteudo .performance span { background-position: -570px 0; }
	#miolo_inner #conteudo .novideo cite { width: 511px; }
	#miolo_inner #conteudo .aprProdutos a.video { 
		background: url(img/sprite-demo.gif) no-repeat;
		float: right;
		height: 66px;
		margin: -92px 0 0;
		text-decoration: none;
		text-indent: -10000px;
		width: 104px;
		position: relative;
		z-index: 3;
	}
	#miolo_inner #conteudo .aprProdutos a.video:hover { background-position: 0 -66px; }

	#miolo_inner #conteudo .aprProdutos dl { border: 1px solid #F3F3F3; height: 94px; margin: 50px 0; padding-left: 1px; width: 627px; }
	#miolo_inner #conteudo .aprProdutos dl.duaslinhas { height: 63px; }
		#miolo_inner #conteudo .aprProdutos dl dt { color: #969696; font: italic 13px Georgia, "Times New Roman", sans-serif; letter-spacing: -0.02em; line-height: 23px; margin-top: -22px; text-align: right; }
			#miolo_inner #conteudo .aprProdutos dl dd { text-align: center; float: left; margin: 0 1px 1px 0; }
				#miolo_inner #conteudo .aprProdutos dl dd a { background: #e2e2e2 url(img/sprite-x.gif) repeat-x 0 -498px; color: #DD5858; display: block; font-weight: bold; font-size: 12px; line-height: 30px; text-decoration: none; width: 208px; }
				#miolo_inner #conteudo .aprProdutos dl dd a:hover { background: #DD5858; color: #fff; }
		
/* 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: #6FB2C5; }
		table.quadroComparativo tbody tr td a:hover { background-color: #DD5858; color: #fff; text-decoration: none; }
	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.png) 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 span { 
			display: block;
			margin: 0;
			font: normal 11px Arial, Verdana, sans-serif; 
			width: 550px; 
			padding: 10px 5px;
		}
			#miolo_inner #conteudo .stripViewer ul li span 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; }
			

/* menuzinho de acesso rápido */
#miolo_inner #conteudo .linksProd { list-style: none; margin: 5px 0 40px; display: table; width: 634px; height: 30px; }
	#miolo_inner #conteudo .linksProd li { background: #e2e2e2 url(img/sprite-x.gif) repeat-x 0 -498px; float: left; margin: 0 1px 0 0; }
	#miolo_inner #conteudo .linksProd li.topo { }
		#miolo_inner #conteudo .linksProd li a { border: 1px solid #ececec; color: #DD5858; line-height: 30px; display: block; text-align: center; text-decoration: none; width: 297px; font-size: 12px; }
	#miolo_inner #conteudo .linksProd li.topo { margin-right: 0; }
		#miolo_inner #conteudo .linksProd li.topo a { text-indent: -10000px; width: 30px; background: url(img/sprite-geral.png) no-repeat -690px -390px; }
		#miolo_inner #conteudo .linksProd li.topo a:hover { background: #DD5858 url(img/sprite-geral.png) no-repeat -690px -425px; border-color: #c34848; }
#miolo_inner #conteudo ul.topo { width: 30px; float: right; }