@charset "utf-8";
body {
	    background: url("images/bg.png") repeat scroll 0 0 transparent;
    color: #5F5F5F;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* Selection Styles*/
::-moz-selection{
	background:#ff0000;
	color:#fff;}
::selection {
	background:#ff0000;
	color:#fff;
}

/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:290px; float:left;}
.logo a { text-decoration:none; width:290px; height:94px;}

#idiomas1 {
    display: block;
    float: right;
    height: 41px;
    margin-right: 10px;
    margin-top: 30px;
    width: 41px;
}
#idiomas2 {
    display: block;
    float: right;
    height: 41px;
    margin-right: 12px;
    margin-top: 30px;
    width: 41px;
}

/* search */
.search { float:right; padding:0; margin:25px 0 0 0; }
#cse {
    float: right;
    margin: 33px 21px 0 0;
    padding: 0;
	position: relative;
}
.search form { display:block; float:left; padding:5px 0;}
.search form span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:190px; padding:0;}
.search form .keywords { float:left; background:none; border:0; height:14px; width:180px; padding:11px 5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text*/
.header_text { height:308px; margin:0 auto; padding:0; width:960px; background:url(images/slider_bg2.jpg) top no-repeat; background-color:#000000;}
.header_text .div .left1 { float:right; width:480px; padding:0; margin:0;     display: none; }
.header_text .div .left1 h2 {font:bold 34px  Arial, Helvetica, sans-serif; color:#fff;  padding:27px 0 13px 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0px 20px 0 0; padding:0;}
.header_text .div .left1 a {font: bold 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}
.header_text p { font:normal 14px  Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; line-height:1.8em;}
/* header_text2 */
.header_text2 { height:124px; margin:0 auto; padding:0; width:960px; background:url(images/header_text_bg2.gif) top no-repeat;}
.header_text2 h2 { width:300px; float:left; font: bold 34px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:45px 0 0 45px;}
/*body_bottom*/
.body_bottom { width:960px; height:52px; margin:0 auto; padding:0;  background-color:#000000;}
/* menu */	
.menu {
    background: url("images/blackBg.jpg") repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    width: 960px;
	height: 50px;
}
.menu ul {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.menu ul li {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
}

.menu ul li a {
	 color: #FFFFFF;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0 1px 0 0;
    padding: 13px 0;
    text-decoration: none;
}

.menu ul li a span {
	background: none repeat scroll 0 0 transparent;
    padding: 13px 10px;
}
.menu ul li a:hover { color: #ff0000;}
.menu ul li a.active {color: #ff0000;}

#menu_fundo{
height: 29px;
	background: url(images/spr_horz_bg.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}
#menu_fundo a {
text-indent: -999em;
	height: 29px;
	display: block;

}	
#menu_home a{
	background:url(images/menu_home.png) no-repeat;
	height:25px;
	width:70px;
	border:none;
}


#menu_home a:hover{
	background:url(images/menu_homehover.png) no-repeat;
	height:25px;
	width:70px;
	border:none;
}


#menu_home a.active{
	background:url(images/menu_homehover.png) no-repeat;
	height:25px;
	width:70px;
	border:none;
}
	
	
#menu_empresa a{
	background:url(images/menu_aempresa.png) no-repeat;
	height:25px;
	width:109px;
	border:none;
}


#menu_empresa a:hover{
	background:url(images/menu_aempresahover.png) no-repeat;
	height:25px;
	width:109px;
	border:none;
}

#menu_empresa a.active{
	background:url(images/menu_aempresahover.png) no-repeat;
	height:25px;
	width:109px;
	border:none;
}

#menu_servicos a{
	background: url(images/menu_servicos.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}

#menu_servicos a:hover{
	background: url(images/menu_servicoshover.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}

#menu_servicos a.active{
	background: url(images/menu_servicoshover.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}

#menu_clientes a{
	background: url(images/menu_clientes.png) no-repeat;
	height:25px;
	width:83px;
	border:none;
}

#menu_clientes a:hover{
	background: url(images/menu_clienteshover.png) no-repeat;
	height:25px;
	width:83px;
	border:none;
}

#menu_clientes a.active{
	background: url(images/menu_clienteshover.png) no-repeat;
	height:25px;
	width:83px;
	border:none;
}


#menu_rh a{
	background: url(images/menu_rh.png) no-repeat;
	height:25px;
	width:42px;
	border:none;
}

#menu_rh a:hover{
	background: url(images/menu_rhhover.png) no-repeat;
	height:25px;
	width:42px;
	border:none;
}

#menu_rh a.active{
	background: url(images/menu_rhhover.png) no-repeat;
	height:25px;
	width:42px;
	border:none;
}


#menu_downloads a {
	background: url(images/menu_download.png) no-repeat;
	height:25px;
	width:112px;
	border:none;
}


#menu_downloads a:hover {
	background: url(images/menu_downloadhover.png) no-repeat;
	height:25px;
	width:112px;
	border:none;
}

#menu_downloads a.active {
	background: url(images/menu_downloadhover.png) no-repeat;
	height:25px;
	width:112px;
	border:none;
}

#menu_premios a{
	background: url(images/menu_premios.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}

#menu_premios a:hover{
	background: url(images/menu_premioshover.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}

#menu_premios a.active{
	background: url(images/menu_premioshover.png) no-repeat;
	height:25px;
	width:86px;
	border:none;
}


#menu_treinamentos a{
	background: url(images/menu_treinamentos.png) no-repeat;
	height:25px;
	width:131px;
	border:none;
}

#menu_treinamentos a:hover{
	background: url(images/menu_treinamentoshover.png) no-repeat;
	height:25px;
	width:131px;
	border:none;
}

#menu_treinamentos a.active{
	background: url(images/menu_treinamentoshover.png) no-repeat;
	height:25px;
	width:131px;
	border:none;
}
	

#menu_links a{
	background: url(images/menu_links.png) no-repeat;
	height:25px;
	width:69px;
	border:none;
}

#menu_links a:hover{
	background: url(images/menu_linkshover.png) no-repeat;
	height:25px;
	width:69px;
	border:none;
}

#menu_links a.active{
	background: url(images/menu_linkshover.png) no-repeat;
	height:25px;
	width:69px;
	border:none;
}

#menu_sac a{
	background: url(images/menu_sac.png) no-repeat;
	height:25px;
	width:58px;
	border:none;
}

#menu_sac a:hover{
	background: url(images/menu_sachover.png) no-repeat;
	height:25px;
	width:58px;
	border:none;
}

#menu_sac a.active{
	background: url(images/menu_sachover.png) no-repeat;
	height:25px;
	width:58px;
	border:none;
}


#menu_contato a{
background: url(images/menu_contato.png) no-repeat;
	height:25px;
	width:84px;
	border:none;
}

#menu_contato a:hover{
background: url(images/menu_contatohover.png) no-repeat;
	height:25px;
	width:84px;
	border:none;
}

#menu_contato a.active{
background: url(images/menu_contatohover.png) no-repeat;
	height:25px;
	width:84px;
	border:none;
}



.menu a p{
display:none;
}



#a_empresa img{
padding:0px;
margin:0px;
}

#downloads img{
padding:0px;
margin:0px;
}

#treinamentos{
	padding:0px;
	margin:0px;
}


#imagem{
	padding:0px;
	margin:0px;
}






/********** body **********/
.body { width:940px; margin:0 auto; background:url(images/body_bg.gif) top repeat-y; padding:10px;}
.body h1 { color: #b6032a; font:bold 14px Arial, Helvetica, sans-serif; margin:5px 0; padding:15px 5px;}
.body h4 { color: #b6032a; font:normal 13px Arial, Helvetica, sans-serif; margin:5px 0; padding:15px 5px;}
.body h2 { color:#2c2c2c; font:normal 18px Arial, Helvetica, sans-serif; margin:5px 0; padding:15px 5px;}
.body h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:5px 0; padding:15px 5px; border-bottom:1px solid #e1e1e1;}
.body p { font: normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em;}
.body a { text-decoration:none; color:#666666;}
.body a:hover { background:#CCCCCC; color:  #000000; text-decoration: none;}
.body img { float:left; margin:10px 10px 15px 15px; padding:0;}
.body img.port { margin:10px 10px; padding:0; text-align:center;}
.body img.but { margin:0; padding:15px 0 0 0; float:right;}
.left { width:550px; float:left; margin:0; padding:10px 15px;}
.left2 { width:920px; float:left; margin:0; padding:10px 15px; background-color:#FFFFFF;}
.right { width:315px; float:right; margin:0; padding:10px 15px;}
.right_big { width:300px; background:#f6f6f6; border:1px solid #eaeaea; margin:0 auto; padding:7px;}
.right_small { border:1px solid #ededed; background:#fff; width:280px; padding:10px 7px; margin:0 auto;}
.right_small ul { margin:10px 5px; padding:0; list-style:none;}
.right_small li { border-bottom:1px solid #eaeaea; padding:5px 5px; margin:0;}
.right_small li a { font: bold 12px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none;}
.right_small li a:hover { color:#5ac4d1; text-decoration:underline;}

.footer_resize { margin:0 auto 20px auto; padding:10px 0; width:960px; background:#000000; border-bottom:1px solid #407e8b;}
.footer_resize ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}
.footer_resize img { display:inline; margin:5px 10px; padding:0;}
.footer_resize ul li { margin:0; padding:0 10px; float:left;}
.footer_resize p { margin:0; padding:20px 20px 10px 20px; float:right; color:#fff; font:normal 11px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer_resize a { color:#fff; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer_resize a:hover { text-decoration:underline;}
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px;  padding:5px 0; font:bold 12px  Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:3px solid #eeeeee; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:400px; border:3px solid #eeeeee; margin:5px 0; padding:5px 2px; background:#fff; height:350px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dbdbdb; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}

#mapa {width: 440px; height: 240px; }	


ul li {padding: 0; margin: 0;}
.left ul li p {padding: 3px;}


.gallery { float:left; width:431px; height:229px; margin:15px 0 0 13px; }
#slider { margin:0; padding:0; list-style:none;display: none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:431px; height:229px; overflow:hidden; }
p#controls { margin:0; position:relative;    display: none; }
#prevBtn { display:block; margin:0; overflow:hidden; width:59px; height:59px; position:absolute; left: 6px; top: 5px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:59px; height:59px; position:absolute; left: 60px; top: 5px; }
#prevBtn a { display:block;  width:59px; height:59px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:59px; height:59px; background:url(images/r_arrow.gif) no-repeat 0 0; }

#email {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#nome {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#email_from {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#assunto {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#empresa {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#telefone {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#endereco {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#cidade {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#bairro {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#cpf {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#comentarios { background:url(images/mensagem.gif); width:400px; height:200px; border:none; padding-top:9px; padding-left:10px;}
#mensagem{ background:url(images/mensagem.gif); width:400px; height:200px; border:none; padding-top:9px; padding-left:10px;}
#treinamento { background:url(images/bg-select.gif);width: 287px; height: 27px; margin-bottom: 9px; overflow: visible; position: relative; z-index: 10; float: left; border:0px; top; cursor: pointer;}
#arquivo_filestyle { background: url(images/bg-inputFile.gif); width:100px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#anexo_filestyle { background: url(images/bg-inputFile.gif); width:100px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#idade{background: url(images/bg-inputFile2.gif); width:94px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#celular {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#cargo{background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#escolaridade {background: url(images/bg-inputFile.gif); width:194px; height:20px; border:none; padding-top:6px; padding-left:10px;}
#salario {background: url(images/bg-inputFile2.gif); width:94px; height:20px; border:none; padding-top:6px; padding-left:10px;}



.boxSelect {width: 287px; height: 27px; margin-bottom: 9px; overflow: visible; position: relative; z-index: 10; float: left;}
			.boxSelect input {position: absolute;}
			.boxSelect ul.selectOptions {display: none; width: 285px; background: #fff; margin: 4px 0; border: 1px solid #8cc63f; position: absolute; top: 27px; left: 0;}
			.boxSelect ul.selectOptions.error {border: 1px solid #ff0000;}
			.boxSelect ul.selectOptions li {width: 273px; padding: 3px 6px; font-size: 11px; color: #000; cursor: pointer;}
			.boxSelect ul.selectOptions li.hover {background: #8cc63f; color: #fff;}








.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}


#servicos_home {
    background: url("images/servicos.png") no-repeat scroll 0 0 transparent;
    height: 2px;
    text-indent: -999999px;
}

#noticias {
     background: url("images/noticias.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 0;
    margin-top: 30px;
    padding-bottom: 0;
    text-indent: -999999px;
}

#engepower_titulo {
    background: url("images/engepower_titulo.jpg") no-repeat scroll 0 0 transparent;
    height: 0px;
    text-indent: -999999px;
}

#historico_titulo {
    margin-left: 0;
    margin-right: 430px;
    padding: 0;
}

#servicos_sidebar {
    margin-left: 0;
    margin-right: 475px;
    padding: 0;
}

#maisSobre {
    margin-left: 0;
    margin-right: 430px;
    padding: 0;
}

.body p.grey {
    color: #A4A4A4;
    font: 11px/1.8em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 5px 0;
}

#fundo_pesquisa {
    background: url("images/fundo_busca.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    font-size: 14px;
    height: 36px;
    padding-top: 0;
    text-indent: 7px;
    width: 227px;
	* padding-top:8px;
}

#submit {
    background: url("images/pesquisa.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    text-indent: -999999px;
    top: 6px;
    width: 29px;
	*right: 20px;
	
}

.header_text {
    background: url("images/shadow.jpg") no-repeat scroll center bottom transparent;
    height: 334px;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 1200px;
}

#topo_vermelho {
    background: url("images/topo_vermelho.png") no-repeat scroll 0 0 transparent;
    height: 191px;
    position: absolute;
    top: 45px;
    width: 648px;
	z-index: 4;
}

.gallery {
    height: 300px;
    margin: -4px 0 0 116px;
    position: relative;
    width: 960px;
}


#premiosAlinha{
	  list-style: none outside none;
    margin: 0;
    padding: 0;
	}
#premiosAlinha li{}