/*-------------------------------------------------------------------- LAYOUT "corpo" Style - GRUPO LENA(IE7+ FF1.5+ Opera9+) Version: 1.0 - 2008 author: Burocratik (alexandre r. gomes) email: alex@burocratik.com website: http://www.burocratik.com -----------------------------------------------------------------------*/ @import url(corpo.css); #header {padding-bottom: 30px; background: transparent url(../pics/emprego-header.jpg) no-repeat left bottom;} .fotoPT#header {background: transparent url(../pics/emprego-header.jpg) no-repeat left bottom;} .fotoEN#header {background: transparent url(../pics/emprego-header-en.jpg) no-repeat left bottom;} .fotoES#header {background: transparent url(../pics/emprego-header-es.jpg) no-repeat left bottom;} .fotoFR#header {background: transparent url(../pics/emprego-header-fr.jpg) no-repeat left bottom;} /*------------------------------------------------------------------------- =FLASH -------------------------------------------------------------------------*/ #flashContent{position: relative; width: 1015px; height: 270px; text-indent: -5555px;} /*------------------------------------------------------------------------- =CONTENT -------------------------------------------------------------------------*/ #content{padding: 30px;} #contentMain{position: relative; float: left; width: 585px; overflow: hidden; padding: 0 30px;} #contentMain h2{font: bold 16px/20px Arial, Helvetica, sans-serif; color: #2b3065; padding-bottom: 10px;} #contentMain h2 + p{font: normal 15px/20px Arial, Helvetica, sans-serif; color: #6a6e93; padding-bottom: 20px;} #contentMain p{padding-bottom: 10px;} #contentMain p.destaque{text-transform: uppercase; font-weight: bold; color: #2b3065;} #contentMain h3{color: #f96e27; font-weight: normal; font-size: 16px; line-height: 20px;} #contentMain h3 a { display: block; position: relative; left: -25px; color: #3ca2d5; width: auto; font-weight: normal; text-decoration: none; padding-left: 25px; margin-bottom: 10px; font-size: 16px; background: transparent url(../imgs/icon-open.gif) no-repeat 0px 1px; border-bottom: none; } #contentMain h3 a:hover, #contentMain h3 a:focus, #contentMain h3 a.on{color: #f96e27; border-bottom: none; background: transparent url(../imgs/icon-open.gif) no-repeat 0px -15px;} #contentMain a{color: #3ca2d5; border-bottom: 1px solid #d0d3d3; text-decoration: none; font-weight: bold;} #contentMain a:hover, #contentMain a:focus{color: #f96e27; border-bottom: none;} /*CONTENT SECUNDÁRIO*/ #contentSec{ position: relative; float: left; width: 235px; min-height: 253px; /*padding: 0 0 10px 375px;*/ padding: 0 0 10px 65px; /*background: transparent url(../imgs/formContacto-bg.gif) no-repeat left top;*/ background: none; margin-top: 35px; } #contentSec h3{color: #f96e27; text-transform: uppercase; padding-bottom: 10px;} #contentSec h5{color: #f96e27; padding-bottom: 5px;} #contentSec ul li{ display: block; padding: 0 0 0 10px; background: transparent url(../imgs/list-icon2.gif) no-repeat 0px 6px; } #contentSec a{ color: #7dc2de; text-decoration: none; padding-right: 10px; background: transparent url(../imgs/icon-urlsmall.gif) no-repeat right top; } #contentSec a:hover, #contentSec a:focus{color: #f96e27;} /* = portfolio -----------------------------------------------------*/ #contentSec ul#portfolio{ position: relative; width: 535px; min-height: 60px; padding: 0 0 10px 0; margin-bottom: 27px; background: transparent url(../imgs/areas-portfolio-bottom.png) no-repeat left bottom; } #contentSec ul#portfolio li{ position: relative; display: block; width: 535px; min-height: 60px; padding: 10px 0 0 0; background: transparent url(../imgs/areas-portfolio-top.png) no-repeat left top; margin: 0px; } #contentSec ul#portfolio img{padding: 0; margin: 0; position: absolute; top: 26px; left: 10px;} #contentSec ul#portfolio p{ position: relative; top: 40px; left: 80px; width: 300px; padding-bottom: 10px; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #6a6e93; } #contentSec ul#portfolio li.primeiro{padding: 0; margin: 0; background-position: 0px -10px;} #contentSec ul#portfolio li.primeiro img{top: 15px;} #contentSec ul#portfolio li.primeiro a.openLink{top: 10px;} #contentSec ul#portfolio h4 a.openLink{ position: absolute; display: block; top: 20px; left: 0px; width: 455px; height: 43px; padding: 14px 0 0 80px; z-index: 100; overflow: hidden; border: none; font: bold 15px/17px Arial, Helvetica, sans-serif; color: #3ca2d5; text-decoration: none; background: transparent url(../imgs/areas-portfolio-hover.png) no-repeat left top; } #contentSec ul#portfolio h4 a.openLink:hover, #contentSec ul#portfolio h4 a.openLink:focus{ text-decoration: none; color: #ed6c1f; background: transparent url(../imgs/areas-portfolio-hover.png) no-repeat left center; } #contentSec ul#portfolio h4 a.on, #contentSec ul#portfolio h4 a.on:hover{ text-decoration: none; color: #ed6c1f; background: transparent url(../imgs/areas-portfolio-hover.png) no-repeat left bottom; } *:first-child+html #contentSec ul#portfolio a:hover{border:0;} /*:BUG: IE7 */ *:first-child+html #contentSec ul#portfolio li{margin-bottom: -3px;} /*:BUG: IE7 */ *:first-child+html #contentSec ul#portfolio li li{margin-bottom: 0px;} /*:BUG: IE7 */ #contentSec ul#portfolio li .openTxt a.btCandidat{ width: auto; height: 17px; border: none; margin: 15px 0 0 0; display: inline-block; vertical-align: middle; font: bold 9px/17px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; padding: 0px 25px 0px 0px; background: #3ca2d5 url(../imgs/formPortfolio-btOferta.gif) no-repeat right top; } #contentSec ul#portfolio li .openTxt span{ display: block; float: left; width: 10px; height: 17px; border: none; background: #3ca2d5 url(../imgs/formPortfolio-btOferta.gif) no-repeat left top; } #contentSec ul#portfolio li .openTxt a.btCandidat:hover, #contentSec ul#portfolio li .openTxt a.btCandidat:focus{background-position: right bottom;} #contentSec ul#portfolio li .openTxt a.btCandidat:hover>span, #contentSec ul#portfolio li .openTxt a.btCandidat:focus>span{background-position: left bottom;} /* =openText*/ #contentSec ul#portfolio li .openTxt{ width: 493px; height: auto; padding: 40px 20px 0px 20px; margin-top: 15px; top: 20px; border-left: 1px solid #dcdfef; border-right: 1px solid #dcdfef; height: 1%; background-color: #00CC99; overflow: hidden; background: #ffffff url(../imgs/areas-portfolio-bg.png) no-repeat center 15px; } #contentSec ul#portfolio li .openTxt ul, #contentSec ul#portfolio li .openTxt p{ position: relative; display: block; width: 100%; top: 0; left: 0; padding-bottom: 10px; font: normal 12px/14px Arial, Helvetica, sans-serif; color: #343d82; } #contentSec ul#portfolio li .openTxt ul li{ display: block; width: 475px; min-height: 10px; padding: 0 0 10px 15px; background: transparent url(../imgs/areas-lista-icon-off.gif) no-repeat 0px 0px; } #contentSec ul#portfolio li .openTxt ul li a{text-decoration: none; color: #343d82; border-bottom: 1px solid #c9cff1;} #contentSec ul#portfolio li .openTxt ul li a:hover, #contentSec ul#portfolio .openTxt ul li a:focus{color: #ed6c1f; border: none;} #contentSec ul#portfolio li .openTxt ul li:hover, #contentSec ul#portfolio .openTxt ul li:focus{background: transparent url(../imgs/areas-lista-icon-on.gif) no-repeat 0px 0px;} /*-------------------------------------------------------------------------- =CANDIDATURA --------------------------------------------------------------------------*/ .candidatura #contentMain{position: relative; float: left; width: 310px; overflow: hidden; padding: 0 80px 0 30px;} .candidatura #contentMain p{font-size: 16px; color: #6a6e93; padding-bottom: 10px; line-height: 20px;} .candidatura #contentSec{position: relative; float: left; width: 535px; min-height: 253px; margin-top: -10px; padding: 0;} .candidatura #contentSec h3{font-size: 16px; line-height: 18px; font-weight: bold; padding-bottom: 10px; color: #99CC00;} .candidatura #contentSec h3 a.openLink{font-size: 16px; line-height: 18px; font-weight: bold; padding-bottom: 10px; color: #3ca2d5;} .candidatura #contentSec h3 a.openLink:hover, .candidatura #contentSec h3 a.openLink:focus, .candidatura #contentSec h3 a.on{color: #ff5d11;} .candidatura #contentSec h6{font-size: 14px; line-height: 18px; font-weight: normal; color: #6a6e93;} .candidatura #contentSec h6.space{padding-bottom: 10px;} .candidatura p.direita{text-align: right;} .candidatura p.w380{width: 380px;} .candidatura span{color: #ff5d11;} /*-------------------------------------------------------------------------- =EMPREGO --------------------------------------------------------------------------*/ #formEmprego fieldset{position: relative; width: 535px;} #formEmprego fieldset h3.first{margin: 0;} #formEmprego fieldset p{padding-bottom: 10px;} #formEmprego fieldset p.direita{text-align: right;} #formEmprego fieldset p.esquerda{text-align: right; width: 380px;} #formEmprego legend{display: none;} #formEmprego label{font: bold 12px Arial, Helvetica, sans-serif; color: #3ca2d5;} #formEmprego input, #formEmprego select, #formEmprego textarea{ font: 11px Arial, Helvetica, sans-serif; color: #6d6e71; padding: 2px; background-color: #fafafa; border: 1px solid #7dc2de; width: 529px; } #formEmprego input:hover, #formEmprego input:focus, #formEmprego select:hover, #formEmprego select:focus, #formEmprego textarea:hover, #formEmprego textarea:focus{background-color: #fafafa; border: 1px solid #f96e27;} #formEmprego button.btnEnviar{ text-indent: -5555px; overflow: hidden; position: relative; top: 1px; width: 56px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer; background: transparent url(../imgs/formContacto-bt.gif) no-repeat left top; } #formEmprego button.btnEnviar:hover, #formEmprego button.btnEnviar:focus{background: transparent url(../imgs/formContacto-bt.gif) no-repeat left bottom;} #formEmprego button.btnAdicionar{ text-indent: -5555px; overflow: hidden; position: relative; top: 1px; width: 69px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer; background: transparent url(../imgs/formContacto-adicionar-bt.gif) no-repeat left top; } #formEmprego button.btnAdicionar:hover, #formEmprego button.btnAdicionar:focus{background: transparent url(../imgs/formContacto-adicionar-bt.gif) no-repeat left bottom;} #formEmprego button.btnRemover{ text-indent: -5555px; overflow: hidden; position: relative; top: 1px; width: 65px; height: 25px; margin: 0; padding:0; border: none; cursor: pointer; background: transparent url(../imgs/formContacto-remover-bt.gif) no-repeat left top; } #formEmprego button.btnRemover:hover, #formEmprego button.btnRemover:focus{background: transparent url(../imgs/formContacto-remover-bt.gif) no-repeat left bottom;} #formEmprego input.w120 {width: 120px;} #formEmprego input.w10, #formEmprego input.w10:hover, #formEmprego input.w10:focus {width: auto; background-color: none; border: none;} #formEmprego select.w120 {width: 120px;} #formEmprego label.w262{width: 250px; display: block; float: left; margin-right: 10px;} #formEmprego input.w262 {width: 241px; margin-right: 10px;} #formEmprego h4{color:#8c94c5; font-size: 12px; line-height: 16px; padding: 0 0 5px 0;} #formEmprego h3{margin: 15px 0 0 0;} #formEmprego em{text-transform: none; font-size: 11px; font-style: normal; font-weight: normal; color:#6a6e93;} #formEmprego .double{display: block; width: 100%; height: 1%; overflow: hidden;} #formEmprego .double p{display: block; width: 262px; height: 1%; overflow: hidden; float: left;} #formEmprego .double p.first{margin-right: 11px;} #formEmprego .double p input, #formEmprego .double p select{display: block; width: 256px; float: left;} #formEmprego .double p label{display: block; width: 100%; float: left;} #formEmprego .double p.p120{width: 120px;} #formEmprego .double p.p120 input{width: 114px;} #formEmprego .double p.p310{width: 404px;} #formEmprego .double p.p310 input{width: 398px;} .escondido{ display: none; /* background-color: #EBEBEB; padding: 4px; */ } #formEmprego input.termos{ width: 20px; border:0; }