@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #e3e3e3; font: normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f;}
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;  background-color:#e3e3e3; height: 45px; width: 45px; float:right;margin-right:10px; margin-top:30px;}
#idiomas2 { display:block;  background-color:#e3e3e3; height: 45px; width: 45px; float:right;margin-right:12px; margin-top:30px;}

/* search */
.search { float:right; padding:0; margin:25px 0 0 0; }
#cse { float:right; padding:0; margin:45px 21px 0 0; }
.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; }
.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 { padding:5px 0 0 30px; margin:0; width:930px; float:left; background-color:#000000}
.menu ul { padding:0px; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 6px; border:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:13px 0; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px 10px; background:none;}
.menu ul li a:hover { color: #ff0000;}
.menu ul li a.active {color: #ff0000;}

/********** 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 p.grey { font: normal 11px Arial, Helvetica, sans-serif; color:#a4a4a4; padding:10px 5px 0 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; }
#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; }
#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;
}