 
 
/*-------Início Estrutura---------*/
    
    /*-------Estrutura geral---------*/
    body {
        text-align: center;
    }
    
    #wrap {
        position: relative;
        width: 925px;
        margin: 0 auto;
        text-align: left;
	display: table;
    }
    
    #topo, #rodape {
        margin: 0 auto;
        text-align: left;
    }
    
    /*-------Estrutura topo---------*/
    #topo {
        width: 925px;
        height: 194px;
	position: relative;
    }
    
    #marca {
        height: 71px;
		height: 71px;
		position: relative;
		top:-10px;
		left:-15px;
    }
    
    }
    
    /*-------Estrutura menu---------*/
    ul#nav li {
        display: inline;
    }
        
    /*-------Estrutura destaque banner---------*/
    #destaque-principal {
        width: 925px;
        height: 206px;
    }
    
    #banner-home {
        width: 655px;
        float: left;
	position: relative;
    }
    
    #destaque-chamada {
        float: right;
    }
    
    #ponta-azul {
	width: 20px;
	height: 206px;
	background: transparent url(../imgs/ponta-azul.png) no-repeat top;
	position: absolute;
	top: 0px;
	right: 0px;
    }
    
    /*-------Estrutura Conteudo---------*/
    #conteudo {
        clear: both;
    }
    
    /*-------Estrutura Chamadas---------*/
    #home-principal {
        width: 625px;
        float: left;
    }
    
    ul#chamadas-home li img{
        float: left;
    }
    
    ul#chamadas-home li {
        clear: both;
    }
    
    /*-------Estrutura Internas---------*/
    #interna-principal {
        width: 605px;
        float: left;
	display: block;
    }
    
    /*-------Estrutura Newletter e Enquete---------*/
    #news-enquete {
        clear: both;
    }
    
    #newletter {
        width: 300px;
        float: left;
    }
    
    #enquete {
        width: 290px;
        float: right;
    }
    
    /*-------Estrutura Chamadas Lateral---------*/
    #home-lateral {
        width: 250px;
        float: right;
	display: block;
	background: #fff;
    }
    
    ul#home-lateral-blocos li.chamadas-laterais img{
        float: left;
    }
    
    ul#home-lateral-blocos li {
        clear: both;
    }
    
    /*-------Estrutura Rodapé---------*/
    #links-rodape {
        width: 906px;
        height: 37px;
        clear: both;
        margin: 0 auto;
    }
    
    ul#links li {
        display: inline;
    }
    
    #rodape p{
       text-align: center; 
    }
    
/*-------Fecha Estrutura---------*/



/*-------Início Estilos---------*/
    
    body {
        background: url(../imgs/bg-topo.jpg) repeat-x top;
    }
    
    /*------- Topo - Marca ---------*/
    #topo {
        background: url(../imgs/bg-header.jpg) repeat-x top;
    }
    
    #marca {
        padding: 69px 0 0 33px;
    }
    
    #marca h1 a{
        display: block;
        width: 303px;
        height: 46px;
        text-indent: -5000px;
        overflow: hidden;
        background: url(../imgs/marca.jpg) repeat-x top;
    }
    
    /*------- Menu ---------*/
    
    
    ul#nav li {
        text-align: center;
    }
    
    ul#nav li.item-1 a {
        margin-left: 11px;
    }
    
    ul#nav li.item-2 a, ul#nav li.item-3 a, ul#nav li.item-4 a {
    	padding-top: 10px;
    	height: 36px;
    }
    
    ul#nav li.item-6 a {
        width: 148px;
        background: url(../imgs/bg-menu-hover-destaque.png) no-repeat 0 0;
    }
    
    ul#nav li.item-6 a:hover {
        width: 148px;
        background: url(../imgs/bg-menu-hover-destaque.png) no-repeat 0 -46px;
    }
    
    ul#nav li a {
        display: block;
        width: 151px;
        height: 28px;
        color: #fff;
        font: 13px "Lucida Sans", Arial, Helvetica, sans-serif;
        text-decoration: none;
        float: left;
        padding-top: 18px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
	text-align: center;
	background: url(../imgs/bg-menu-hover.jpg) no-repeat 0 0;
    }
    
    ul#nav li a:hover {
    	background: url(../imgs/bg-menu-hover.png) no-repeat 0 -46px;
    }
    
    ul#nav li.ativo a {
	background: url(../imgs/bg-menu-hover.png) no-repeat 0 -46px;
    }
    
    
    /*------- Destaque banner ---------*/
    #destaque-principal {
    	width: 886px;
    	padding-left: 15px;
    	background: #fff;
    	margin: 0 auto;
    }
    
    #destaque-chamada {
    	background: url(../imgs/bg-destaque-topo.jpg) repeat-x top;
    	height: 194px;
    	width: 231px;
	padding-top: 12px;
	position: relative;
    }
    
    #destaque-chamada h1 {
    	color: #fff;
    	font: bold 16px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    	border-bottom: 1px dotted #61B5DF;
    	padding-bottom: 3px;
    	margin-bottom: 5px;
    }
   
    #destaque-chamada p {
	padding-right: 15px;
    }
   
    #destaque-chamada p a{
	color: #fff;
	font: 11px/15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	text-decoration: none;
    }
    
    #destaque-chamada p a:hover {
	color: #A3DAEE;
    }
    
    #destaque-chamada .botao-destaque-principal a {
	display: block;
	width: 82px;
	height: 14px;
	background: url(../imgs/leia-mais-destaque-topo.gif) no-repeat top;
	text-indent: -3000px;
	overflow: hidden;
	float: right;
	margin: 0 10px 0 0;
	position: absolute;
	bottom:15px;
	right: 3px;
    }
    
    /*------- Conteudo Principal---------*/

    #home-principal {
	padding: 10px 20px 0 26px;
	background: url(../imgs/separador-conteudo.jpg) no-repeat top right;
    }
    
    
	/*------- Chamadas Principais---------*/
    ul#chamadas-home li {
	border-bottom: 1px dotted #dfdfdf;
	padding: 10px 0;
	height: 100px;
	display: table;
    }
    
    ul#chamadas-home li a img {
	margin: 0 10px 0 0;
    }
    
    div.conteudo-chamada {
	width: 475px;
	float: right;
    }
    
    ul#chamadas-home li h1 {
	font: bold 18px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 3px;
    }
    
    ul#chamadas-home li.chamada-1 h1 {
	color: #566270;
    }
    
    ul#chamadas-home li.chamada-2 h1 {
	color: #09b3ae;
    }
    
    ul#chamadas-home li.chamada-3 h1 {
	color: #ffd460;
    }
    
    ul#chamadas-home li.chamada-4 h1 {
	color: #ff6600;
    }
    
    ul#chamadas-home li p {
	margin-bottom: 7px;
    }
    
    ul#chamadas-home li p a {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
    }
    
    ul#chamadas-home li p a:hover {
	text-decoration: underline;
    }
    
    div.botao-chamada a{
	display: block;
	width: 82px;
	height: 15px;
	background: url(../imgs/leia-mais-fundo-branco.gif) no-repeat 0 0;
	text-indent: -3000px;
	overflow: hidden;
	float: right;
	margin: 0 10px 0 0;
    }
    
    div.botao-chamada a:hover {
	background: url(../imgs/leia-mais-fundo-branco.gif) no-repeat 0 -15px;
    }
    
    /*------- Newsletter e enquete---------*/
    #news-enquete {
	width: 616px;
	height: 166px;
	background: url(../imgs/bg-news-enquete.png) no-repeat 0 0;
	margin-top: 10px;
	padding: 10px;
    }
    
    #news-enquete h2 {
	color: #fea226;
	font: 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 5px;
    }
    
    #news-enquete p {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
    }
    
    ul#newsletter li {
	margin-bottom: 4px;
    }
    
    ul#newsletter li label {
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 50px;
	text-align: right;
	float: left;
	margin-right: 7px;
    }
    
    ul#newsletter li input.nome, ul#newsletter li input.email {
	width: 210px;
	background: #f2f2f2;
	border: 1px solid #dedede;
	padding: 2px;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#indicar li { 
    	margin-bottom: 4px; 
	} 
	 
	ul#indicar li label { 
	    color: #666; 
	    font: bold 12px Arial, Helvetica, sans-serif; 
	    display: block; 
	    width: 100px; 
	    text-align: right; 
	    float: left; 
	    margin-right: 7px; 
	} 
	 
	ul#indicar li input.nome, ul#indicar li input.email { 
	    width: 160px; 
	    background: #f2f2f2; 
	    border: 1px solid #dedede; 
	    padding: 2px; 
	    color: #666; 
	    font: 12px Arial, Helvetica, sans-serif; 
	}     
    
    ul#enquete li  {
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
    }
    
	ul#enquete li.resultado { 
	    line-height: 15px; 
	} 
	 
	ul#enquete li div.progresso{ 
	    width: 100px; 
	    height: 10px; 
	    border: 1px solid #EAEAEA; 
	} 
    ul#enquete li div.progresso span{ 
		display: block; 
		height: 10px; 
		background: url(../imgs/bg-enquete.jpg) left center repeat-x; 
    } 
    
    ul#enquete  {
	width: 300px;
    }
    
    input.botao-enviar {
	width: 83px;
	height: 15px;
	background: url(../imgs/botao-azul-verde.gif) no-repeat 0 0;
	border: 0px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
    }
    
    input.botao-cancelar {
	width: 83px;
	height: 15px;
	background: url(../imgs/botao-vermelho.gif) no-repeat 0 0;
	border: 0px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
    }
    
    #indique {
	width: 240px;
	height: 32px;
	background: url(../imgs/aba-indique.png) no-repeat top;
	padding: 5px 0 0 15px;
	margin-top: -2px;
	margin-bottom: 10px;
    }
    
    #indique a {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
    }
    
    #indique a:hover {
	text-decoration: underline;
    }
    
    
    
    /*------- Chamadas Laterais---------*/
    ul#home-lateral-blocos li img {
	margin-right: 5px;
    }
    
    ul#home-lateral-blocos li p a{
	color: #1279ad;
	font: 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	text-decoration: none;
    }
    
    ul#home-lateral-blocos li p a:hover {
	text-decoration: underline;
    }
    
    ul#home-lateral-blocos li h3 {
	color: #8fc356;
	font: bold 16px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 3px;
    }
    
    ul#home-lateral-blocos li.chamada-lateral-1, ul#home-lateral-blocos li.chamada-lateral-2, ul#home-lateral-blocos li.chamada-lateral-3 {
	width: 220px;
	height: 157px;
	background: url(../imgs/bg-destaques-laterais.jpg) no-repeat 0 0;
	overflow: hidden;
    }
    
    ul#home-lateral-blocos li.chamada-lateral-1, ul#home-lateral-blocos li.chamada-lateral-2, ul#home-lateral-blocos li.chamada-lateral-3 {
	padding: 15px 10px 0 10px;
    }
    
    ul#home-lateral-blocos li.chamada-lateral-4 {
	width: 210px;
	height: 142px;
	background: url(../imgs/bg-destaques-laterais.jpg) no-repeat 0 0;
	padding: 10px 15px;
    }
    
    ul#home-lateral-blocos li.chamada-lateral-4 img {
	margin-left: 7px;
    }
    
    ul#home-lateral-blocos li.chamada-lateral-4 p {
		margin-bottom: 7px;
    }
    
    p.pchat{
    	color: #666;
		font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#home-lateral-blocos li.editor {
	width: 240px;
	height: 32px;
	background: url(../imgs/aba-indique.png) no-repeat 0 0;
	padding: 5px 0 0 15px;
    }
    
    ul#home-lateral-blocos li.editor a {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
    }
    
    ul#home-lateral-blocos li.editor a:hover {
	text-decoration: underline;
    }
    
    /*------- Rodape ---------*/
    
    #links-rodape {
	width: 896px;
	height: 27px;
	background: url(../imgs/bg-links.png) no-repeat 0 0;
	padding: 10px 0 0 10px;
	margin-bottom: 15px;
    }
    
    #links-rodape h3 {
	color: #fea226;
	font: bold 13px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	float: left;
	margin-right: 30px;
    }
    
    ul#links li a{
	color: #1279AD;
	font: 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	padding: 0 15px;
	border-right: 1px solid #1279AD;
	text-decoration: none;
    }
    
    ul#links li.link-final a{
	border-right: 0px;
    }
    
    ul#links li a:hover {
	text-decoration: underline;
    }
    
    #rodape {
	height: 200px;
	background: url(../imgs/bg-rodape.jpg) repeat-x bottom;
	font: 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    }
    
    #rodape p.fale-conosco, #rodape p.fale-conosco a {
	color: #666;
	margin-bottom: 7px;
	font-size: 13px;
    }
    
    #rodape p.copyright {
	color: #3290c0;
    }
    
    /*------- Internas - Conteudo ---------*/
    #conteudo-interno {
	background: #fff;
	display: block;
	margin: 0 auto;
	width: 901px;
    }
    
    #interna-principal {
	padding: 0 31px 0 15px;
	background: #fff url(../imgs/separador-conteudo.jpg) no-repeat top right;
    }
    
    /*------- Breadcrumb ---------*/
    #breadcrumb {
	margin-bottom: 10px;
    }
    
    ul#breadcrumb li{
	display: inline;
	color: #3290c0;
	font: 11px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    }
    
    ul#breadcrumb li a {
	color: #3290c0;
	font: 11px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	text-decoration: none;
	padding: 0 5px;
    }
    
    ul#breadcrumb li a:hover {
	text-decoration:underline;
    }

    
    /*------- Conteúdo de texto ---------*/
    #texto-interna {
	margin-bottom: 10px;
	padding-bottom: 40px;
	border-bottom: 1px solid #efefef;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;	
    }
    
    #texto-interna h1 {
	color: #566270;
	font: bold 18px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 7px;
    }
    
    #texto-interna h2 {
	color: #566270;
	font: 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 7px;
    }
    
    #texto-interna h3 {
	color: #8fc356;
	font: 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin-bottom: 10px;
	padding-top: 10px;
    }
    
    #texto-interna p {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
    }
    
    #texto-interna img {
	float: right;
    }
    
    /*------- Chat ---------*/
    ul#home-lateral-blocos li.chat h3.offline {
	color: #666;
    }
    
    /*------- Formulário Inscrição Cursos ---------*/
    
    form.inscricao-cursos {
	padding-top: 15px;
    }
    
    form.inscricao-cursos fieldset legend{
	display: none;
    }
    
    ul#inscricao-cursos li {
	margin-bottom: 10px;
	clear: both;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#inscricao-cursos li label {
	display: block;
	width: 145px;
	height: 15px;
	float: left;
	text-align: right;
	margin-right: 7px;
	font-weight: bold;
    }
    
    ul#inscricao-cursos li input, ul#inscricao-cursos li select {
	width: 210px;
	background: #f2f2f2;
	border: 1px solid #dedede;
	padding: 2px;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#cursos {
	width: 450px;
	float: right;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
    }
    
    ul#inscricao-cursos li input.cursos {
	width: 15px;
	border: 0px;
    }
    
    ul#inscricao-cursos li input.pagamento {
	width: 15px;
	color: #666;
	border: 0px;
    }
    
    ul#inscricao-cursos li input.prefixo {
	width: 40px;
	margin-right: 5px;
    }
    
    ul#inscricao-cursos li input.numero {
	width: 160px;
    }
    
    ul#inscricao-cursos li select {
	width: 216px;
    }
    
    ul#inscricao-cursos li.item-11 {
	margin-top: 20px;
    }
    
    ul#inscricao-cursos li.item-12 {
	margin-bottom: 20px;
    }
    
    ul#inscricao-cursos li input.botao-enviar {
	width: 83px;
	height: 15px;
	background: url(../imgs/botao-azul-verde.gif) no-repeat 0 0;
	border: 0px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
    }
    
    ul#inscricao-cursos li input.botao-limpar {
	width: 83px;
	height: 15px;
	background: url(../imgs/botao-vermelho.gif) no-repeat 0 0;
	border: 0px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 10px;
    }
    
    ul#inscricao-cursos li textarea {
	width: 300px;
	background: #f2f2f2;
	border: 1px solid #dedede;
	padding: 2px;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#inscricao-cursos li.item-14 {
	width: 320px;
	float: right;
    }
    
     /*------- Vagas de Trabalho ---------*/
    
    dl#vagas dt {
	height: 44px;
	background: url(../imgs/bg-vagas.jpg) repeat-x 0 0;
	padding: 10px 4px 0 4px;
	clear: both;
	cursor: pointer;
    }
    
    dl#vagas dt .vaga h1 {
	color: #1a7eb2;
	font-size: 15px;
	width: 290px;
	height: 20px;
	float: left;
	padding: 0px;
	margin:0px 3px 0 0;
    }
    
    dl#vagas dt .vaga h1 span {
	color: #666;
	font-size: 13px;
    }
    
    dl#vagas dt .vaga h2 {
	color: #666;
	font-size: 13px;
	width: 190px;
	height: 20px;
	float: left;
	padding: 3px 0 0 0;
	margin:0px;
    }
    
    dl#vagas dt .vaga h3 {
	color: #666;
	font-size: 13px;
	width: 100px;
	height: 20px;
	float: right;
	padding: 3px 0 0 0;
	margin:0px;
    }
    
    dl#vagas dd {
	padding: 15px 5px;
    }
    
    dl#vagas dd ul {
	width: 380px;
	float: left;
    }
    
    dl#vagas dd ul li {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
    }
    
    dl#vagas dd ul li.curriculo {
	background: #efefef;
	padding: 3px;
	margin-top: 20px;
    }
    
    /*** Filtro Vagas***/
    
    ul#filtro li {
	display: inline;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#filtro {
	background: #8CCE46;
	padding: 10px;
	margin-bottom: 10px;
    }
    
    ul#filtro li label {
	margin-right: 5px;
    }
    
    ul#filtro li select {
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
    }
    
    ul#filtro li.data {
	margin-right: 10px;
    }
    
    ul#filtro li.cidade {
	padding-right: 80px;
    }
    
    ul#filtro li.abrir-vagas {
	border-right: 1px solid #fff;
    }
    
    ul#filtro li.abrir-vagas, ul#filtro li.fechar-vagas {
	padding-left: 7px;
	padding-right: 7px;
	cursor: pointer;
    }
    
    /*** Menu Dropdown ***/
    
   ul#nav li{
    float: left;
    position:relative;
    z-index: 100;
    }
    
    ul#nav ul {
    position:absolute;
    display:none;
    width:12em;
    top:45px;
    z-index: 100;
    font-size: 11px;
    }
    
    ul#nav ul li a {
 font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    
    ul#nav ul li a:hover {
 border-bottom: 1px solid #2A8ABC;
    }
    
    ul#nav li ul a{
    width:12em;
    height:auto;
    float:left;
    }
    
    ul#nav ul ul{
    top:auto;
    } 
    
    ul#nav li ul ul {
    left:140px;
    margin:0px 0 0 10px;
    }
    
    ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul{
    display:none;
    }
    ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul{
    display:block;
    }
    
    ul#nav li ul li a {
 background: none;
 background-color: #7ABF2F;
 border-bottom: 1px solid #8CCE46;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
    }
    
    ul#nav li ul li a:hover {
 background: none;
 background-color: #157AAE;
 background-image: none;
 border-bottom: 1px solid #8CCE46;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
    }
    
    #topo .contato {
	position: absolute;
	top: 10px;
	right: 25px;
	z-index: 100;
    }
    
    #topo .contato a{
	display: block;
	width: 154px;
	height: 32px;
	background: url(../imgs/fale-conosco.jpg) repeat-x 0 0;
	text-indent: -2000px;
	overflow: hidden;
    }
    
    #topo .contato a:hover {
	display: block;
	width: 154px;
	height: 32px;
	background: url(../imgs/fale-conosco.jpg) repeat-x 0 -32px;
    }
    

    
    
    
    
    