/* 
Site: 				Kombo Institucional
Pagina:				Materiais de RH
Descricao:  		Estilos exclusivos da área de materiais de RH
URL:				www.kombo.com.br/materiais-rh
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 27/05/10
----
CSS valido pela W3C
*/

/* busca dinamica */
#miolo_inner #conteudo fieldset.buscaDinamica { background: #f7f7f7; border: 1px solid #eee; font-size: 12px; padding: 5px 10px; }
	#miolo_inner #conteudo fieldset.buscaDinamica legend { font: bold 14px Arial, Verdana, sans-serif; padding: 3px; border: 1px solid #eee; background: #fff; }
	#miolo_inner #conteudo fieldset.buscaDinamica div { margin-bottom: 5px; }
		#miolo_inner #conteudo fieldset.buscaDinamica div label { float: left; line-height: 20px; margin: 0 5px 0 0; text-align: right; width: 90px; }
		#miolo_inner #conteudo fieldset.buscaDinamica div input, 
		#miolo_inner #conteudo fieldset.buscaDinamica div select { 
			border: 1px solid;
			border-color: #e9e9e9 #ddd #ddd #e9e9e9;
			padding: 2px;
			font-size: 11px;
		}
	#miolo_inner #conteudo form div.submit { float: right; margin: -28px 5px 0; text-align: right; }
		#miolo_inner #conteudo form div.submit a,
		#miolo_inner #conteudo table.dinamicas tfoot tr td span a { 
			float: left; 
			border: 1px solid;
			border-color: #97b4d5 #06458d #06458d #97b4d5;
			background: #1fb0c0 url(img/sprite-x.gif) repeat-x 0 -894px;
			color: #fff;
			display: block;
			font-size: 12px;
			padding: 3px 8px;
			text-decoration: none;
			margin-left: 5px;
		}
		#miolo_inner #conteudo form div.submit a.busca { font-weight: bold; }
			#miolo_inner #conteudo form div.submit a.busca i { float: left; width: 16px; height: 16px; background: url(img/sprite-geral.png) no-repeat 1px -877px; margin-right: 5px; }
		#miolo_inner #conteudo form div.submit a:active,
		#miolo_inner #conteudo table.dinamicas tfoot tr td span a:active { border-color: #06458d #97b4d5 #97b4d5 #06458d; }

/* tabela dinamicas */
#miolo_inner #conteudo table.dinamicas { font-size: 11px; margin-top: 15px; width: 100%; border-collapse: separate; border-spacing: 1px; }
	#miolo_inner #conteudo table.dinamicas thead tr th { background: url(img/sprite-x.gif) repeat-x 0 -120px; padding: 3px 6px; color: #fff; font-size: 12px; }
		#miolo_inner #conteudo table.dinamicas thead tr th a { color: #fff; }
	#miolo_inner #conteudo table.dinamicas tbody tr td { padding: 1px 3px; border: 1px dotted #eee; }
	#miolo_inner #conteudo table.dinamicas tbody tr.corS td { background: #f9f9f9; }
	#miolo_inner #conteudo table.dinamicas tbody tr.corN td { background: #f5f5f5; }
	#miolo_inner #conteudo table.dinamicas tbody tr td.noResult { background: #fff; height: 60px; text-align: center; }
		#miolo_inner #conteudo table.dinamicas tbody tr td a { color: #024da2; }
		#miolo_inner #conteudo table.dinamicas tbody tr td a:hover { background-color: #024da2; color: #fff; }
		#miolo_inner #conteudo table.dinamicas tfoot tr td span { float: right; line-height: 24px; margin: 5px 0 0 10px; }
			#miolo_inner #conteudo table.dinamicas tfoot tr td span select { font-size: 10px; border: 1px solid #e9e9e9 }
			#miolo_inner #conteudo table.dinamicas tfoot tr td span a { margin-left: 5px; font-size: 11px; padding: 0 5px; }
			#miolo_inner #conteudo table.dinamicas tfoot tr td span a:hover { cursor: pointer; }
			#miolo_inner #conteudo table.dinamicas tfoot tr td span a.buttonDisabled { font-style: italic; cursor: default; background-position: 0 0; border-color: #eee; color: #999; }
				
/* ver dinamica */
#material { clear: both; text-align: left; font: 12px Tahoma,Arial,Helvetica,sans-serif; color: #666; padding: 5px; }
#material h5 { color: #444; border-bottom: 1px solid #444; padding-bottom: 3px; margin: 0 0 6px; font-size: 20px; }
	#material dl dt { font-size:12px !important; font-weight: bold; line-height: 20px; }
	#material dl dd { margin: 0 0 15px; background: #efefef; padding: 5px; }
	
/* manuais rh */
#miolo_inner #conteudo dl.manuais { margin: 20px 20px 20px 60px; width: 235px; font-size: 12px; }
	#miolo_inner #conteudo dl.manuais label.dwnld { 
		background: url(img/sprite-telas.jpg) no-repeat 0 0; 
		display: block; 
		height: 272px; 
		margin: 0 auto 10px; 
		width: 180px; 
		text-decoration: none; 
		text-indent: -10000px; 
	}
	#miolo_inner #conteudo dl.des label.dwnld { background-position: 3px 0; }
	#miolo_inner #conteudo dl.des label.dwnld:hover { background-position: 3px -340px; cursor: pointer; }
	#miolo_inner #conteudo dl.cs label.dwnld { background-position: -911px 0; }
	#miolo_inner #conteudo dl.cs label.dwnld:hover { background-position: -911px -340px; cursor: pointer; }
	#miolo_inner #conteudo dl.cpt label.dwnld { background-position: -600px 0; }
	#miolo_inner #conteudo dl.cpt label.dwnld:hover { background-position: -600px -340px; cursor: pointer; }
	#miolo_inner #conteudo dl.ps label.dwnld { background-position: -301px 0; }
	#miolo_inner #conteudo dl.ps label.dwnld:hover { background-position: -301px -340px; cursor: pointer; }
	#miolo_inner #conteudo dl.manuais dt label { 
		border-bottom: 1px dotted #ccc; 
		color: #666; 
		display: block; 
		font: italic 12px Georgia, "Times New Roman", serif; 
		letter-spacing: -0.01em; 
		margin: 0 30px 5px; 
		padding-bottom: 5px; 
		text-align: center; 
		text-decoration: none;
	}
	#miolo_inner #conteudo dl.manuais dt label:hover { color: #e01515; }
	#miolo_inner #conteudo dl.manuais dd { font: 12px Arial, Verdana, sans-serif; line-height: 160%; text-align: justify; }
		#miolo_inner #conteudo dl.manuais dd a { color: #e01515; }
		#miolo_inner #conteudo dl.manuais dd a:hover { background-color: #e01515; color: #fff; text-decoration: none; }
	#miolo_inner #conteudo dl.manuais dd.selecione { padding: 5px; margin-top: 5px; background: #e7f0f2; border: 1px solid #deebee; height: 20px; }
		#miolo_inner #conteudo dl.manuais dd.selecione input { float: left; margin: 4px 4px 4px 23px; }
		#miolo_inner #conteudo dl.manuais dd.selecione label { float: left; padding-top: 1px; font-weight: bold; color: #e01515; }
#miolo_inner #conteudo div.materialRH { margin: 0 0 5px; background: #f7f7f7; border: 1px solid #eee; padding: 2px; }
	#miolo_inner #conteudo div.materialRH span { float: left; background: url(img/manuaisrh.jpg) no-repeat 0 0; border: 1px solid #eee; width: 80px; height: 80px; margin: 5px 10px 5px 5px; }
		#miolo_inner #conteudo div.dinamicas span { background-position: 0 0; }
		#miolo_inner #conteudo div.manuaisRH span { background-position: 0 -80px; }
		#miolo_inner #conteudo div.enviedinamica span { background-position: 0 -160px; }
	#miolo_inner #conteudo div.materialRH h4 { margin: 8px 0 0; font-size: 26px; color: #8b8b8b; }
	#miolo_inner #conteudo div.materialRH a { display: block; margin: 0 0 16px; font: 14px Arial, Verdana, sans-serif; line-height: 18px; width: auto; text-decoration: none; }
	#miolo_inner #conteudo div.materialRH a:hover { text-decoration: underline; }

#miolo_inner #conteudo ul.curso { list-style: none; margin: 0 0 20px -12px; overflow: hidden; }
#miolo_inner #conteudo .curso-destaque { margin: 20px 0 0; }
	#miolo_inner #conteudo ul.curso li { margin: 30px 0 0 12px; padding: 0; width: 202px; float: left; }
		#miolo_inner #conteudo .curso h4 { margin-bottom: 2px; }
			#miolo_inner #conteudo .curso h4 a { 
				font: italic 17px Georgia, "Times New Roman", serif; 
				text-decoration: none; 
				color: #666; 
				display: block; 
				padding: 4px 0; 
				border: 1px dotted #ccc; 
				border-width: 1px 0; 
				text-align: center;
			}
			#miolo_inner #conteudo .curso h4 a:hover { color: #e01515; }
		#miolo_inner #conteudo .curso a.img { 
			margin: 0 1px; 
			display: block; 
			background: url(img/sprite-cursos.png) no-repeat; 
			text-indent: -10000px; 
			text-decoration: none; 
			width: 198px; 
			height: 156px; 
			border: 1px solid #c7c7c7;
		}
		#miolo_inner #conteudo .curso a.img:hover { border-color: #e01515; }
		#miolo_inner #conteudo .curso li.rs a.img { background-position: 0px -202px; }
		#miolo_inner #conteudo .curso li.gp a.img { background-position: -211px -202px; }
		#miolo_inner #conteudo .curso li.ap a.img { background-position: -410px -202px; }
		#miolo_inner #conteudo .curso li.dc a.img { background-position: 0px -370px; }
		#miolo_inner #conteudo .curso li.mp a.img { background: url(img/line-coaching-curso.png) center no-repeat; }
		#miolo_inner #conteudo .curso li.rt a.img { background-position: -410px -370px; }
		#miolo_inner #conteudo .curso-destaque a.img { width: 626px; margin: 0 0 2px; height: 190px; }
		#miolo_inner #conteudo .curso-menor a.img span { 
			background: url(img/sprite-cursos.png) no-repeat; 
			width: 80px; 
			height: 49px; 
			float: right; 
			margin: 105px 2px 0 0; 
		}		
		#miolo_inner #conteudo .curso-menor a.img span.iped { background-position: -89px -538px; }
		#miolo_inner #conteudo .curso-menor a.img span.portaled { background-position: 0px -538px; }
		#miolo_inner #conteudo .curso i { font-size: 11px; color: #ccc; display: block; margin: 5px 0; }
			#miolo_inner #conteudo .curso i a { text-decoration: none; border-bottom: 1px dotted #ccc; color: #ccc; }
			#miolo_inner #conteudo .curso i a:hover { color: #777; border-bottom-color: #777; }
		#miolo_inner #conteudo .curso p { font-size: 12px; }
		#miolo_inner #conteudo .curso a.curso-inscrevase { 
			background: #e7f0f2; 
			border: 1px solid #deebee;
			color: #e01515; 
			font-weight: bold; 
			text-decoration: none; 
			letter-spacing: -0.05em; 
			text-align: center; 
			display: block;
			padding: 4px;
		}
		#miolo_inner #conteudo .curso a.curso-inscrevase:hover { border-color: #e01515; }
		
#miolo_inner #conteudo .cursos-parceiros { list-style: none; margin: 0; }
	#miolo_inner #conteudo .cursos-parceiros li { float: left; background: #d7d7d7 url(img/sprite-x.gif) repeat-x 0 -498px; margin-left: 12px; }
		#miolo_inner #conteudo .cursos-parceiros li a { 
			border: 1px solid #eee;
			display: block; 
			text-indent: -10000px; 
			text-decoration: none; 
			height: 60px; 
			width: 295px; 
		}
		#miolo_inner #conteudo .cursos-parceiros li a:hover { border-color: #6fb2c5; }
		#miolo_inner #conteudo .cursos-parceiros li.iped a { background: url(img/sprite-cursos.png) no-repeat 44px -610px; }
		#miolo_inner #conteudo .cursos-parceiros li.portaled a { background: url(img/sprite-cursos.png) no-repeat -462px -614px; }
		#miolo_inner #conteudo .cursos-parceiros li.linecoaching a { background: url(img/line-coaching.png) no-repeat center; }