/*--------------------------------------------------------------------
LAYOUT BODY - grupeme(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2012
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(body.css);

/*----------------------------------------------------------------------*/
#content{position: relative;}
#content section{width: 615px; min-height: 280px; margin-left: 363px; padding-bottom: 40px;}
#content dl{width: 615px; overflow: hidden;}
#content dl dt{
	width: 135px; float: left; text-transform: uppercase; border-top: 1px solid #eaeaea;
	font: 14px/18px "Reader Medium", Helvetica, Arial, sans-serif; color: #4a4d4e; padding: 25px 0 30px 10px;
}
#content dl dd{float: left; width: 460px; border-top: 1px solid #eaeaea; padding: 25px 0 30px 10px;}
#content dl dd p{line-height: 18px; padding-bottom: 5px;}
#content dl dd a{font: 14px/18px "Reader Medium", Helvetica, Arial, sans-serif; color: #a08651;}
#content dl dd a:hover{color: #4a4d4e;}

/* Candidatura Espontânea: Botão */
#content .btnEspontanea{
	display: block; position: absolute; left: -39px; top: 0px;
	width: 223px; height: 167px; padding: 19px 23px 23px;
	font: 26px/30px "Reader Medium", Helvetica, Arial, sans-serif;  color: #22265c;
	border: 15px solid #22265c;
}
#content .btnEspontanea:hover{color: #a08651; border: 15px solid #a08651;}
#content .btnEspontanea span{margin-left: 5px;}
#content .btnEspontanea:hover span{margin-left: 8px;}
#content .noOffers {padding: 43px 50px 0 167px;}

/* Candidatura: Form */
section#formCandidatura{
	position: fixed; width: 550px; height: 580px;
	font: 13px/15px "Reader Medium", Helvetica, Arial, sans-serif; color: #9d9d9d;
	background: #f4f4f4; padding: 50px; border-radius: 3px; top: 50%; left: 50%; margin: -325px 0 0 -325px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, .4);
}
section#formCandidatura h3{font: 24px/30px "Reader Medium", Helvetica, Arial, sans-serif; color: #22265c;}
section#formCandidatura h4{font: 24px/30px "Reader Regular", Helvetica, Arial, sans-serif;  color: #9d9d9d;}
section#formCandidatura .espontanea, section#formCandidatura .oferta{display: block; height: 90px; margin: 0px; padding: 0px;}

section#formCandidatura select{
	border: 4px solid #d1d1d1; width: 258px; padding: 10px 13px;
	margin: 5px 0;
	font: 13px/15px "Reader Medium", Helvetica, Arial, sans-serif; color: #9d9d9d;
}
section#formCandidatura p input[type=text]{
	border: 4px solid #d1d1d1; width: 222px; padding: 10px 13px;
	font: 13px/15px "Reader Medium", Helvetica, Arial, sans-serif; color: #9d9d9d;
}

section#formCandidatura p input{
	-webkit-transition: border 0.15s linear;  -moz-transition: border 0.15s linear; 	
	-o-transition: border 0.15s linear; transition: border 0.15s linear;
}
section#formCandidatura p input:hover{border: 4px solid #a08651;}

section#formCandidatura p input[type=file]{width: 248px; border: none; float: left;}
section#formCandidatura p input[type=file]:hover{border: none;}

section#formCandidatura p input.morada{width: 508px;}
section#formCandidatura p input.left{margin-right: 30px;}
section#formCandidatura p{margin-bottom: 15px; float: left;}
section#formCandidatura p span{display: inline-block; width: 108px; padding: 0 16px;}
section#formCandidatura p label{display: inline-block; width: 55px; font: 13px/15px "Reader Medium", Helvetica, Arial, sans-serif; color: #9d9d9d;}

section#formCandidatura p.on input, section#formCandidatura p.on input:hover,
section#formCandidatura span.on input, section#formCandidatura span.on input:hover{border: 4px solid red; color: red;}
section#formCandidatura label.on, section#formCandidatura label.on:hover,
section#formCandidatura label.on span, section#formCandidatura label.on span:hover{color: red!important;}

/* AUTORIZAÇÃO */
section#formCandidatura .autorizacao label{display: block; position: relative; float: left; width: 255px; height: 0px; z-index: 10;}
section#formCandidatura .autorizacao label span{width: auto; color: #212458; padding: 0; cursor: pointer;}
section#formCandidatura .autorizacao{position: relative; float: right;}
section#formCandidatura .autorizacao .caption{
	display: block; position: absolute; width: 500px; height: 150px; left: -10px; top: -230px; z-index: 0;
	background: #f4f4f4; padding: 30px; border-radius: 3px;
	-webkit-box-shadow:  0px 0px 18px 0px rgba(0, 0, 0, .4);
	box-shadow:  0px 0px 18px 0px rgba(0, 0, 0, .4);
}
section#formCandidatura .autorizacao .caption p{
	font: 12px/16px "Reader Regular", Helvetica, Arial, sans-serif; color: #898989;
	margin-bottom: 5px;
}
section#formCandidatura .autorizacao .caption .seta {
	position: absolute; bottom: -28px; right: 70px; width: 50px; height: 28px; z-index: 0;
	background: url(../imgs/carreiras-formCandidatura-seta.png) no-repeat left top;
}
section#formCandidatura .autorizacao .caption:after{display: none;}
section#formCandidatura #formMsgUpload, section#formCandidatura #formMsgFile{display: block; position: relative; float: left; padding: 0; width: 258px; margin-right: 30px; z-index: 10;}

/* 	separadores */
section#formCandidatura p.separadorTop{
	position: relative; float: left; height: 20px; overflow: hidden;
	padding: 0 0 40px; margin: 0px; border-bottom: 1px solid #e3e3e3;
}
section#formCandidatura p.separadorBottom{
	padding: 40px 0 0; margin: 0px; border-top: 1px solid #FFF;
	font: 12px/15px "Reader Regular", Helvetica, Arial, sans-serif;
}
section#formCandidatura p.separadorBottom strong{font-family: "Reader Medium", Helvetica, Arial, sans-serif;}
section#formCandidatura p.separadorBottom span{width: 370px;}
section#formCandidatura .btnEnviar{
	display: inline-block; position: relative; padding: 11px 11px 8px 15px; top: -10px; right: 0px;
	font: 12px/13px "Reader Medium", Helvetica, Arial, sans-serif; color: #ffffff;
	background: #cbcbcb; border:none; text-transform: uppercase;
  /*
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	border:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3), inset 0 1px 0px rgba(255,255,255,.75);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3), inset 0 1px 0px rgba(255,255,255,.75);
	box-shadow: 0 1px 1px rgba(0,0,0,.3), inner 0 1px 0px rgba(255,255,255,.75);
	background-image: linear-gradient(top, rgb(241,241,241) 9%, rgb(213,214,214) 85%);
	background-image: -o-linear-gradient(top, rgb(241,241,241) 9%, rgb(213,214,214) 85%);
	background-image: -moz-linear-gradient(top, rgb(241,241,241) 9%, rgb(213,214,214) 85%);
	background-image: -webkit-linear-gradient(top, rgb(241,241,241) 9%, rgb(213,214,214) 85%);
	background-image: -ms-linear-gradient(top, rgb(241,241,241) 9%, rgb(213,214,214) 85%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.09, rgb(241,241,241)), color-stop(0.85, rgb(213,214,214)));     */
}
section#formCandidatura .btnEnviar:hover{cursor: pointer; background: #a08651;}
section#formCandidatura .btnEnviar span{
	display: inline-block; width: auto!important; padding: 0 58px 0 0; 
	background: url(../imgs/btn-setas.png) no-repeat right -15px;
}
section#formCandidatura button[disabled], section#formCandidatura button[disabled]:hover{opacity: 0.5; color: #858c8d; background: #cbcbcb;}
section#formCandidatura button[disabled] span, section#formCandidatura button[disabled]:hover span{background: url(../imgs/btn-setas.png) no-repeat right -15px;}


/* Fechar: Botão */
section#formCandidatura span.btnFechar{
	display: block; position: absolute; right: -15px; top: -15px;
	width: 30px!important; height: 30px; padding: 0; text-indent: -5555px;
	-moz-border-radius: 15px; border-radius: 15px;
	background: #373737 url(../imgs/carreiras-formCandidatura-btnFechar.png) no-repeat left top;
	-moz-transition: all .3s linear; -webkit-transition: all .3s linear;  	
	-o-transition: all .3s linear; transition: all .3s linear;	
}
section#formCandidatura span.btnFechar:hover{background-color: #9c814e; cursor: pointer;}

section#formCandidatura p.formMsg{
	float: none; padding: 0; margin: 0; font-size:15px;
	position: absolute; top:535px; left:442px; color: #ed3c18; display: none;
}