/* 
Site: 				Kombo Empresas
Pagina:				Home
Descricao:  		Estilos exclusivos da capa Kombo Empresas
URL:				www.kombo.com.br/empresa
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 21/11/09
----
CSS valido pela W3C
*/

#destaque { height: 490px; }
	#destaque-info { float: left; width: 389px; position: absolute; z-index: 4; top: 91px; }
			#destaque-info h1 a { height: 54px; text-decoration: none; display: block; background: url(img/sprite-capa.png) no-repeat; text-indent: -10000px; width: 367px; margin-left: 19px; }
			
			#destaque-info h1.rs a { background-position: 0 -63px; }
			#destaque-info h1.int a { background-position: 0 -126px; }
			#destaque-info h1.cpt a { background-position: 0 -189px; }
			#destaque-info h1.cs a { background-position: -378px 0; }
			#destaque-info h1.prod a { background-position: -378px -63px; }
			#destaque-info h1.perf a {  background-position: -378px -126px; }			
			
		#miolo_inner #conteudo #destaque-info p { text-align: right; line-height: 19px; margin: 3px 0 0 0; }
		#miolo_inner #conteudo #destaque-info ul { list-style: none; margin: 0; }
			#miolo_inner #conteudo #destaque-info ul li { background: url(img/sprite-capa.png) no-repeat -745px -237px; margin: 0 0 0 6px; padding: 8px 0 5px 7px; line-height: normal; float: right;  }
				#miolo_inner #conteudo #destaque-info ul li a { color: #dd5858; font-weight: bold; }
				#miolo_inner #conteudo #destaque-info ul li a:hover { background-color: #dd5858; color: #fff; }
			#miolo_inner #conteudo #destaque-info ul li.ult { background: none; padding: 8px 0 5px; margin-left: 0; }
				#miolo_inner #conteudo #destaque-info ul li.ult a {  }
	#destaque .anim { float: right; position: relative; top: -20px; right: -123px; z-index: 1; }
		#destaque .anim a.abs { position: absolute; z-index: 3; background: none; width: 243px; height: 363px; top: 4px; left: 46px; }
		#destaque .anim .flash { position: relative; z-index: 2; }
		#destaque .anim .caixa { height: 363px; width: 243px; position: absolute; z-index: 1; top: 4px; left: 46px; }
		
		#destaque .anim .gestor { background: url(img/caixa-gestor.png) no-repeat; }
		#destaque .anim .rs { background: url(img/caixa-rs.png) no-repeat; }
		#destaque .anim .int { background: url(img/caixa-int.png) no-repeat; }
		#destaque .anim .cpt { background: url(img/caixa-cpt.png) no-repeat; }
		#destaque .anim .cs { background: url(img/caixa-cs.png) no-repeat; }
		#destaque .anim .prod { background: url(img/caixa-prod.png) no-repeat; }
		#destaque .anim .perf { background: url(img/caixa-perf.png) no-repeat; }
		
		#miolo_inner #conteudo #destaque .anim ul.botoes { list-style: none; margin: 0; position: absolute; z-index: 4; left: 136px; top: 372px; }
			#miolo_inner #conteudo #destaque .anim ul.botoes li { margin-bottom: 3px; }
				#miolo_inner #conteudo #destaque .anim ul.botoes li a { background: url(img/sprite-capa.png) no-repeat 0 -521px; display: block; text-indent: -10000px; text-decoration: none; width: 149px; height: 49px; }
				#miolo_inner #conteudo #destaque .anim ul.botoes li a:hover { background-position: -149px -521px; }
				#miolo_inner #conteudo #destaque .anim ul.botoes li.video a { background: url(img/sprite-demo.gif) no-repeat 0 -152px; }
				#miolo_inner #conteudo #destaque .anim ul.botoes li.video a:hover { background-position: 0 -201px; }
#destaque-select { position: absolute; width: 393px; z-index: 4; top: 239px; left: 2px; }
	#destaque-select dt {  
		background: url(img/sprite-capa.png) no-repeat 0 -242px;
		color: #a7a7a7; 
		font: italic 13px Georgia, "Times New Roman", serif; 
		letter-spacing: -0.02em; 
		margin-bottom: 3px; 
		padding: 0 0 2px 6px; 	
	}
	#destaque-select dd { float: left; background: url(img/bg-capa_transp.png) repeat; border: 1px solid #f3f3f3; margin: 0 0 3px 3px; }
		#destaque-select dd a { background: url(img/sprite-capa.png) no-repeat 11px -302px; text-indent: -100000px; text-decoration: none; width: 93px; height: 93px; display: block; }
	#destaque-select dd.hover { border-color: #ea8484; }
	#destaque-select dd.selected { border-color: #9ec2cc; }
	#destaque-select dd.cs { margin-left: 101px; }
		#destaque-select dd.rs a { background-position: -83px -302px; }
		#destaque-select dd.int a { background-position: -175px -302px; }
		#destaque-select dd.cpt a { background-position: -265px -302px; }
		#destaque-select dd.cs a { background-position: -366px -302px; }
		#destaque-select dd.prod a { background-position: -459px -302px; }
		#destaque-select dd.perf a { background-position: -550px -302px; }
		#miolo_inner #conteudo #destaque-select dd h4 { position: absolute; z-index: 2; font: 10px Arial, Verdana, sans-serif; background-color: #ea8484; width: 89px; margin-top: -20px; text-align: center; padding: 2px; text-transform: uppercase; letter-spacing: -0.02em; }
	#destaque-menor div { background: url(img/sprite-capa.png) no-repeat 0 -406px; float: left; width: 295px; height: 105px; padding-right: 10px; }
	#destaque-menor div.cust { margin-right: 20px; }
		#miolo_inner #conteudo #destaque-menor div h2 { margin: 8px 0 4px; font-size: 22px; }
			#miolo_inner #conteudo #destaque-menor div h2 a { color: #ef5b5b; text-decoration: none; font: italic 22px Georgia, "Times New Roman", serif; }
		#miolo_inner #conteudo #destaque-menor div p { font-size: 12px; line-height: 15px; text-align: left; }
		#miolo_inner #conteudo #destaque-menor div h2,
		#miolo_inner #conteudo #destaque-menor div p { margin-left: 98px; position: relative; z-index: 2; }
		#destaque-menor div span { float: left; background: url(img/sprite-capa.png) no-repeat; position: absolute; z-index: 1;  }
		#destaque-menor div.cust span { height: 153px; margin: -127px 0 0 -31px; width: 168px; background-position: -324px -425px;  }
		#destaque-menor div.grat span { height: 115px; margin: -102px 0 0 -1px; width: 91px; background-position: -533px -450px; }