@charset "utf-8";
/* =============================================================================

CSS Document 

Cliente: JPS CONSULTORIA
Projeto: WEBSITE

============================================================================= */

@import "reset.css";

/* =============================================================================
HTML
============================================================================= */

* { margin:0; padding:0; }
html, body {background:#fff; font:12px Arial, Helvetica, sans-serif; color:#5e5d73; }

a img {border: 0;}
a {color:#2a4fa6; text-decoration:none; cursor:pointer;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

p, li {line-height:150%; margin-bottom:15px;}

.margin {margin:0;}

/* =============================================================================
GERAL
============================================================================= */

div.clear {clear:both; height:1px; }

#limites {width:940px; margin:0 auto;}
a.logo {width:173px; height:47px; background:url(../images/logo_jps_consultoria.gif) no-repeat; display:block; text-indent:-9999px; margin:20px 0 0 40px; position:absolute;}

.esquerda {float:left;}
.direita {float:right;}

	#topo {height:119px; background:url(../images/bg_topo.gif) no-repeat; margin-bottom:5px;}
	
		#idiomas {width:84px; margin:15px 0 0 840px; float:left; list-style:none; position:absolute;}
		#idiomas li {float:left; padding-left:10px;}
		#idiomas li a {display:block; height:11px; text-indent:-9999px;}
		#idiomas a.link_es {background:url(../images/flag_es.gif) no-repeat; width:16px; height:11px;}
		#idiomas a.link_us {background:url(../images/flag_us.gif) no-repeat; width:16px; height:11px;}
		#idiomas a.link_br {background:url(../images/flag_br.gif) no-repeat; width:16px; height:11px;}
		
		/*MENU SUPERIOR*/
		
		#menu-superior {width:347px;}
		#menu-superior-eng, #menu-superior-esp {width:198px;}

		#menu-superior {margin:0 0 0 470px; float:left; list-style:none; position:absolute;}
		#menu-superior li, #menu-superior-eng li, #menu-superior-esp li {float:left;}
		#menu-superior li a {display:block; height:27px; text-indent:-9999px; background:url(../images/menu_superior.gif) no-repeat;}
		
		#menu-superior a.btn-home, #menu-superior-eng a.btn-home, #menu-superior-esp a.btn-home {width:77px;}
		#menu-superior a.btn-fale, #menu-superior-eng a.btn-fale, #menu-superior-esp a.btn-fale {width:121px; background-position:-77px 0}
		#menu-superior a.btn-trabalhe{width:149px; background-position:-198px 0}
		
			#menu-superior a.btn-home:hover, #menu-superior li:hover a.btn-home, #menu-superior .current a.btn-home {background-position:0 -27px}
			#menu-superior a.btn-fale:hover, #menu-superior li:hover a.btn-fale, #menu-superior .current a.btn-fale {background-position:-77px -27px}
			#menu-superior a.btn-trabalhe:hover, #menu-superior li:hover a.btn-trabalhe, #menu-superior.current a.btn-trabalhe {background-position:-198px -27px}
			
		
		#menu-superior-eng {margin:0 0 0 620px; float:left; list-style:none; position:absolute;}
		#menu-superior-eng li a {display:block; height:27px; text-indent:-9999px; background:url(../images/menu_superior_eng.gif) no-repeat;}
			#menu-superior-eng a.btn-home:hover, #menu-superior-eng li:hover a.btn-home, #menu-superior-eng .current a.btn-home {background-position:0 -27px}
			#menu-superior-eng a.btn-fale:hover, #menu-superior-eng li:hover a.btn-fale, #menu-superior-eng .current a.btn-fale {background-position:-77px -27px}
			#menu-superior-eng a.btn-trabalhe:hover, #menu-superior-eng li:hover a.btn-trabalhe, #menu-superior-eng.current a.btn-trabalhe {background-position:-198px -27px}
			
		#menu-superior-esp {margin:0 0 0 620px; float:left; list-style:none; position:absolute;}
		#menu-superior-esp li a {display:block; height:27px; text-indent:-9999px; background:url(../images/menu_superior_esp.gif) no-repeat;}
			#menu-superior-esp a.btn-home:hover, #menu-superior-esp li:hover a.btn-home, #menu-superior-esp .current a.btn-home {background-position:0 -27px}
			#menu-superior-esp a.btn-fale:hover, #menu-superior-esp li:hover a.btn-fale, #menu-superior-esp .current a.btn-fale {background-position:-77px -27px}
			#menu-superior-esp a.btn-trabalhe:hover, #menu-superior-esp li:hover a.btn-trabalhe, #menu-superior-esp.current a.btn-trabalhe {background-position:-198px -27px}


		/*MENU*/
		
		#menu {width:830px;}
		#menuEng {width:620px;} 
		#menuEsp {width:640px;}
		
		#menu, #menuEng, #menuEsp {margin:0 auto; padding:0; height:30px; display:block; text-transform:uppercase; font-size:11px; top:88px; position:relative;}
		#menu li, #menuEng li, #menuEsp li {padding:0; margin:0; list-style:none; display:inline;}
		#menu li a, #menuEng li a, #menuEsp li a {float:left; padding-left:15px; display:block; color:#fff; text-decoration:none; background:url(../images/bg_menu.png) 0px -30px no-repeat;}
		#menu li a span, #menuEng li a span, #menuEsp li a span {line-height:30px; float:left; display:block; padding-right:15px; background:url(../images/bg_menu.png) 100% -30px no-repeat;}
		#menu li a:hover, #menuEng li a:hover, #menuEsp li a:hover  {background-position:0px -60px; color:#000;}
		#menu li a:hover span, #menuEng li a:hover span, #menuEsp li a:hover span {background-position:100% -60px;}
		#menu li a.active, #menu li a.active:hover, #menuEng li a.active, #menuEng li a.active:hover, #menuEsp li a.active, #menuEsp li a.active:hover
		{line-height:30px; background:url(../images/bg_menu.png) 0px -60px no-repeat; color:#fff;}
		
		#menu li a.active span, #menu li a.active:hover span, #menuEng li a.active span, #menuEng li a.active:hover span, #menuEsp li a.active span, #menuEsp li a.active:hover span
		{background:url(../images/bg_menu.png) 0 -90px no-repeat;}
		
	#voltar {margin-top:20px;}	
		
	#rodape {padding:20px; height:41px; background:url(../images/bg_rodape.gif) repeat-x; border:#9eb3c2 solid 1px; margin:5px 0 35px 0;}
	#rodape	a.desenvolvimento {background:url(../images/logo_dd_site.gif) no-repeat; width:117px; height:21px; text-indent:-9999px; display:block; margin:0 15px 0 0;}
		
		
		/*TEXTO*/
		h2 {color:#e88701; font-size:20px; margin:15px 0;}
		h3 {color:#1187d6; font-size:16px; margin:20px 0;}
		h4 {font-size:14px; margin-bottom:0;}
		.txtcinza {color:#9ba0ad;}
		.txtazul {font-size:15px; color:#2a4fa6;}
		.txtvermelho {color:#C00;}


/* =============================================================================
HOME
============================================================================= */

	.conteudo {background:#fff url(../images/bg_conteudo.gif) repeat-x top; border:#c6c8cf solid 1px; padding:25px;}
	
	.coluna-1 {width:535px;}
		#servicos-box {height:220px; background:#d40202 url(../images/bg_vermelho.gif) repeat-x; margin-bottom:5px; padding:20px;}
		#servicos-box .box {margin-bottom:5px;}
		#servicos-box img {float:left; border:#fff solid 2px;}
		#servicos-box .texto {float:right; color:#fff; width:375px;}
		#servicos-box h1 {font-size:18px;}
		#servicos-box a {color:#fff;}
	
	.coluna-2 {width:400px;}
		#destaque {background:url(../images/bgDestaques.jpg) no-repeat; width:380px; margin-bottom:5px; overflow:hidden; padding:0 10px;}
		#aba_1,#aba_2,#aba_3,#aba_4 {background:none;}
		#destaque, .ui-tabs-panel, .ui-tabs-panel h1 {height:261px;}
		#tab {position:relative;}
		.ui-tabs-nav {bottom:10px; right:20px; position:absolute;}
		.ui-tabs-panel {width:380px;}
		.ui-tabs-panel h1 {color:#fff; font-size:16px; width:400px; vertical-align:middle; display:table-cell; text-align:center;}
		.ui-tabs-hide {display:none;}
		ul.ui-tabs-nav li {color:#fff; display:block; float:left; margin-right:5px; text-align:center; background: url(../images/btn_destaque.png); width:23px; height:23px;}
		ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited, ul.ui-tabs-nav li a:active {color:#ccc; display:block; float:left; line-height:23px; text-decoration:none; width:23px; height:23px;}
		ul.ui-tabs-nav li.ui-tabs-selected {background: url(../images/btn_destaque.png);}
		ul.ui-tabs-nav li.ui-tabs-selected a {color:#fff; font-size:14px; font-weight:bold; }
		ul, ol, li {list-style:none; margin:0; padding:0;}
		
		a.veja {background:url(../images/ico_veja.gif) 0 4px no-repeat; padding-left:10px; color:#2a4fa6; font-size:11px; font-weight:bold;}
		
		#treinamentos {min-height:410px;}	
			#treinamentos h1 {background:url(../images/ico_servicos.png) no-repeat; padding:10px 0 0 50px; height:40px; text-transform:uppercase; color:#1c0f57; font-size:14px;}
			#treinamentos dt { background:url(../images/ico_seta.gif) 0 2px no-repeat; color:#2a4fa6; padding-left:15px;}
			#treinamentos dl a { font-size: 14px;}
			#treinamentos dd {margin-bottom:25px; color:#9ba0ad; padding-left:15px;}
		
		#inf-economicas {min-height:410px;}	
			#inf-economicas h1 {background:url(../images/ico_infeconomicas.png) no-repeat; padding:10px 0 0 50px; height:40px; text-transform:uppercase; color:#1c0f57; font-size:14px;}
			#info-economicas .grafico {margin-bottom:25px;}
			#info-economicas .grafico img {float:left; margin:0 20px 15px 0;}
		
		
/* =============================================================================
INTERNA
============================================================================= */

	.coluna-1-interna {width:220px;}
		/*MENU LATERAL*/
		#menu-lateral {background:#d30202 url(../images/bg_menu_lateral.gif) repeat-x; color:#fff; padding:15px; font-size:14px;}
		#menu-lateral a {color:#fff;}
		#menu-lateral strong {font-size:15px;}
		#menu-lateral ul li {margin:10px 0; background:url(../images/ico_seta_lateral.gif) 0 5px no-repeat; padding-left:8px;}
		
		#banner {width:220px; height:110px; margin:5px 0; background:#f8e8c8;}
		#agenda-lateral {background:#fff url(../images/bg_conteudo.gif) repeat-x top; border:#c6c8cf solid 1px; padding:15px; color:#2a4fa6; font-size:12px;}
			#agenda-lateral h1 {color:#291971; font-size:12px; text-transform:uppercase; margin-bottom:15px;}
			#agenda-lateral dt {color:#9ba0ad;}
			#agenda-lateral dd {margin-bottom:15px;}
		
	
	.coluna-2-interna {width:715px;}
		.coluna-2-interna #cursos h1, #empresa h1,
		#artigos h1, #noticias h1, #clientes h1,
		#parceiros h1, #info-economicas h1, #servicos h1,
		#equipe h1, #publicacoes h1, #contato h1, #trabalhe h1, #cursosDetalhe h1, #score h1, #cursosIdioma h1
		{padding:10px 0 0 50px; height:40px; text-transform:uppercase; color:#1c0f57; font-size:14px;}
		
		.coluna-2-interna #cursos h1, #cursosDetalhe h1, #cursosIdioma h1 {background:url(../images/ico_servicos.png) no-repeat;}
			#parceiros ul, #servicos ul, #cursosIdioma ul, #empresa ul {margin:20px 0;}
			#cursosDetalhe li, #parceiros li, #servicos li, #cursosIdioma li, #empresa li, #artigos li {margin-left:30px; list-style:disc; margin-bottom:10px;}
			#cursosDetalhe ul {margin:10px 0 20px 0;}
			#cursosDetalhe .box-datas {padding:10px 20px; border:#CCC dashed 1px; background:url(../images/bg_conteudo.gif) repeat-x top;}
			#cursosDetalhe .box-datas h3 {margin:10px 0 20px 0;}
			#cursosDetalhe a.inscreva {background:url(../images/btn_inscrevase.gif) no-repeat; width:96px; height:25px; display:block; text-indent:-9999px; margin:20px 0 0 0;}
			#cursosDetalhe #dados {margin-top:20px;}
			#cursosDetalhe #dados p {margin-top:20px;}
			
			#cursosDetalhe .box-datas .box-datas-esquerda {width:110px; float:left; margin:0 10px 15px 0;}
			
		.coluna-2-interna #empresa h1 {background:url(../images/ico_empresa.png) no-repeat;}
		.coluna-2-interna #artigos h1 {background:url(../images/ico_artigos.png) no-repeat;}
		.coluna-2-interna #noticias h1 {background:url(../images/ico_noticias.png) no-repeat;}
		.coluna-2-interna #clientes h1 {background:url(../images/ico_clientes.png) no-repeat;}
		.coluna-2-interna #parceiros h1 {background:url(../images/ico_parceiros.png) no-repeat;}
		.coluna-2-interna #info-economicas h1 {background:url(../images/ico_infeconomicas.png) no-repeat;}
		.coluna-2-interna #servicos h1 {background:url(../images/ico_servicos.png) no-repeat;}
		.coluna-2-interna #equipe h1 {background:url(../images/ico_equipe.png) no-repeat;}
		.coluna-2-interna #publicacoes h1 {background:url(../images/ico_publicacoes.png) no-repeat;}
		.coluna-2-interna #score h1 {background:url(../images/ico_score.png) no-repeat;}
		#publicacoes .livros { float:left; margin: 0 20px 15px 0;}
			
		.coluna-2-interna #contato h1 {background:url(../images/ico_contato.png) no-repeat;}
		.coluna-2-interna #trabalhe h1 {background:url(../images/ico_trabalhe.png) no-repeat;}
		
		.coluna-2-interna #noticias li {border-bottom:#CCC dotted 1px; padding:10px 0; font-size:15px; color:#2a4fa6;}
		.coluna-2-interna #noticias .data {font-size:13px; color:#9ba0ad; margin-right:10px;}
		.coluna-2-interna #noticias ul li:hover{background:#e8f0f4;}		
		.coluna-2-interna #cursos .lista { border-bottom:#CCC dotted 1px; padding:15px 0; font-size:15px; color:#2a4fa6;}
		.coluna-2-interna #cursos .lista .data {font-size:13px; color:#9ba0ad; margin-right:10px; width:130px; float:left;}

		
		a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}
		
		.print {padding:5px 20px 5px 0; background:url(../images/ico-print.png) no-repeat center right;}
		
		.linhaSepara {border-bottom:#CCC solid 1px; margin:20px 0;}


	table.clientes  {width: 100%; font-size: 11px; text-align: center;}
		table.clientes td {border-bottom: 1px dashed #e1e2e8; padding:10px;}
		
		.coluna-2-interna #score #resultado {position:absolute; margin-left:380px; background:#efefef; padding:20px;}
		.coluna-2-interna #score #resultado h3 {margin-top:0; margin-bottom:15px;}
		
		
	/* PAGINAÇÃO */	
	#indice{font-size:11px; padding:4px;}
	#paginacao{font-size:11px; font-weight: bold; text-align:center; margin-top:20px;}
		.pag-atual{float:left; padding:5px; background:#7694bb; color:#fff; margin:3px; border: 1px solid #adbfd6;}
		.pag-pontinhos{float:left; padding:5px; background:#f5e6cb; color:#b6b6b6; margin:3px; border: 1px solid #adbfd6;}
		.pag-navegacao-off{float:left; padding:5px; background:#f2f2f2; color:#b6b6b6; margin:3px; border: 1px solid #e0e0e0;}
		
		.pag-link{float:left; padding:5px; background:#dae2ec; margin:3px;border: 1px solid #adbfd6;}
		.pag-link a{color:#7694bb; text-decoration:none;}
		.pag-link a:hover{text-decoration:underline;}
		
		.pag-navegacao{float:left; padding:5px; background:#dae2ec; margin:3px;border: 1px solid #adbfd6;}
		.pag-navegacao a{color:#7694bb; text-decoration:none;}
		.pag-navegacao a:hover{text-decoration:underline;}

		
/* =============================================================================
FORMULÁRIOS
============================================================================= */

input, select, textarea {font-size: 12px; padding:3px; margin-bottom:10px;}

	#formContato label {float:left; width:130px;}
	#formContato .enviar {margin-left:130px;}
	#formSimulador label {float:left; width:130px;}
	#formSimulador .enviar {margin-left:130px; width:90px;}
		#formSimulador input, select, textarea {font-size: 12px; padding:3px; margin-bottom:10px; width:200px;}
		
	#formTreinamento label {float:left; width:130px;}
	#formTreinamento .enviar {margin-left:130px;}
	#formTreinamento input, select, textarea {font-size: 12px; margin-bottom:10px; padding:3px;}
	
	
/* =============================================================================
GRAFICO
============================================================================= */
	
	#graph {margin-bottom:20px;}
	
/* =============================================================================
TABELAS
============================================================================= */


/* =============================================================================
ERRO 404
============================================================================= */

	#erro404 {width:550px; margin:50px auto; overflow:visible; color:#000; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	#erro404 .bg {background:#fff; padding:25px; border:#000 solid 3px;}
	#erro404 ul li {list-style:none; line-height: 24px; margin-left:15px; background: url(http://www.jps.com.br/images/ico_bullet.png) no-repeat 0px 0px; padding-left: 25px;}
	#erro404 #icone {background: url(../images/ico_erro.png) no-repeat;	padding-left:70px; margin-bottom:25px; }
	#erro404 h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; color:#000; font-weight:bold;}
	#erro404 h2 {color:#C00;}
	#erro404 .logo {width:213px; height:109px; background:url(../images/logo_jps_consultoria.gif) no-repeat; text-indent:-9999px; margin:30px auto;}