/*--------------------------------------------------------------------
LAYOUT "recrutamento" Style - MRG(IE7+ FF1.5+ Opera9+)

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

/*-------------------------------------------------------------------------
=GENERICOS
-------------------------------------------------------------------------*/
#wrapperMaster{background: transparent url(/imgs/wrapperMaster-bg4.jpg) no-repeat bottom center;}
#subNav h2{width: 179px; height: 81px; background: url(/imgs/txt-recrutamento-pt.png) no-repeat;}

/*-------------------------------------------------------------------------
=CONTENT 1 e 2 colunas (clear float no content)
-------------------------------------------------------------------------*/
/* =form newsletter */
#formP{position: relative; padding: 5px 0;}
#formP p{margin: 2px 0;}
p.nota{font-size: 11px; padding: 0; line-height: 12px;}
#formP em, p.nota em{font-weight: bold; color: #b71234;	font-style: normal;}
#formP legend{display: none;}
#formP label{display: block; font-size: 11px;}
#formP input, #formP textarea, #formP select{
	width: 348px; height: 14px; vertical-align: middle;	border: 1px solid #cccccc; background-color: #ffffff;
	font: 12px Corbel, Helvetica, Arial, sans-serif; color: #1c1d3d;  padding-left: 2px;
}
#formP select{height: 18px;}
#formP textarea{height: 90px;}
#formP input.file{width: 250px; height: 20px; vertical-align: middle;}
#formP input:hover, #formP input:focus, #formP textarea:hover, #formP textarea:focus,
#formP select:hover, #formP select:focus{border: 1px solid #fb5e0c;}
#formP button.btnEnviar{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; position: relative; 
	width:62px; height: 25px; margin: 0; padding:0; border: 0; cursor: pointer;
	background: transparent url(/imgs/form-btn-send.png) no-repeat left top;
}
#formP button.btnEnviar:hover,#formP button.btnEnviar:focus{background-position:left bottom;}
#formP p.botao{text-align: right; width: 352px;}

/* =2 inputs*/
#formP div{overflow: hidden;}
#formP div p{float: left;}
#formP div p:first-child{padding-right: 23px;}
#formP div p input, #formP div p label{width: 160px;}

/* =mensagem erro*/
#formP .erroBig{
	font-size: 14px; font-weight: bold; color: #ca311e; padding-left: 24px; line-height: 18px;
	background: url(/imgs/icon-msg-erro.png) no-repeat; vertical-align: middle;
}
#formP .enviado{
	font-size: 14px; font-weight: normal; color: #129d46; padding-left: 24px; line-height: 18px;
	background: url(/imgs/icon-msg-ok.png) no-repeat; vertical-align: middle
}
#formP .erroSmall{
	text-transform: uppercase;
	font-size: 10px; color: #ca311e; 	padding:0 0 0 16px; margin: 2px 2px; line-height: 12px;
	background: url(/imgs/icon-msg-erroS.png) no-repeat;
}


/* = COLUNA Extra*/
#contentExtra h4{font-size: 18px; color: #1c1d3d; padding: 40px 0 10px 0; font-weight: bold;}
#contentExtra dt{font-weight: bold; color: #1c1d3d; font-size: 13px;}
#contentExtra dd{font-size: 12px; padding: 0 0 18px 0;}
#contentExtra dd strong{color: #058ba7; font-weight: normal;}

/*-------------------------------------------------------------------------
=CONTENT coluna navegacao
-------------------------------------------------------------------------*/
#subNav h2{position: relative; text-indent: -5555px; margin-bottom: 20px;}
#subNav ul{position: relative; overflow: hidden; padding: 8px 0 0 5px;}
#subNav ul li{display: block; float: left; padding:0 10px 0 0;}