@charset "utf-8";
/* CSS Document */
html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#1c1c1c url('../i/bg.jpg') repeat-y top center;
	color:#000;	
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#main { 
	width:979px;
	position:relative;  /*Contexto de posicionamento */	
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	background:#fff;
}
* html #main {height: 100%;}
#content {padding-bottom:40px; display:inline-block;}
#header {
	width:100%;
	height:114px;
	text-align:center;
	background:#1c1c1c url('../i/bg_header.jpg') repeat-x top left;
}
#header h1{background:transparent url('../i/logo_engeluz.png') no-repeat 22px 18px; float:left; padding:18px 0 0 22px; margin:0; width:218px; height:82px;}
#header h1 a{float:left; text-indent:-10000em; width:202px; height:82px;}

#navTop{float:right; font-size:0.9em; list-style:none; padding:84px 0 0 0; margin:0;}
#navTop li{height:30px; float:left; margin:0 1px 0 0; padding:0;}
#navTop li a{background:#009 url('../i/bg_menu_left_blue.jpg') no-repeat top left; float:left; height:27px; padding:0 0 3px 10px; color:#fff; text-decoration:none;}
#navTop li a span{background:transparent url('../i/bg_menu_right_blue.jpg') no-repeat top right; cursor:pointer; float:left; padding:7px 10px 0 0;}
#navTop li a:hover, #navTop li a.active{background:#06f url('../i/bg_menu_left_lightblue.jpg') no-repeat top left !important; height:29px !important; margin-top:-2px !important;}
#navTop li a:hover span, #navTop li a.active span{background:transparent url('../i/bg_menu_right_lightblue.jpg') no-repeat top right !important;}

#middle {
	width:auto;
	float:right;
	padding-top:0;
	position:static;
	background:#fff;
}

.banner_home{width:979px; height:300px;}
.banner_internal{width:979px; height:300px;}
.md_content, .md_content_gray{display:inline-block; padding:5px 0 0;}
.md_content_gray{background:#f4f5f7 url('../i/bg_box.jpg') repeat-x top left; display:block; padding:10px 0 0;}

.v_line, .v_line_m{background:transparent url('../i/v_line.png') no-repeat center 13px; width:15px; height:225px; float:left;}
.v_line_m{ height:170px;}

.body_box{padding:5px 10px; width:462px; float:left; }
.body_box h2{font-size:1.2em; margin:0; padding:0 0 7px;}
.body_box p{font-size:0.88em; line-height:1.2em; margin:0; padding:0 0 10px;}

.welcome, .news{padding:10px 0 0}

.read_more{color:#03c; float:right; font-size:0.88em; padding:7px 0 0;}
.read_more:hover{color:#06f; text-decoration:none;}

.box_img{float:left; padding:0 10px 5px 0; width:150px;}
.box_img img{border:5px solid #ccc; text-align:left; display:block;}
.box_img span{color:#666; display:block; font-size:0.75em; text-align:left; width:100%;}

.why, .latest{list-style:none; margin:0; padding:0; font-size:0.88em; line-height:1.2em; }
.latest{padding:15px 0 0 0;}
.latest li{background:transparent url('../i/pointer_blue.gif') no-repeat 0 3px; padding:0 0 20px 20px;}

.lamp, .hat, .money{ height:46px; padding:10px 0 0 65px; margin:0 0 10px; }
.lamp{background:transparent url('../i/ico_lamp.gif') no-repeat 9px center;}
.hat{background:transparent url('../i/ico_hat.gif') no-repeat 0 center;}
.money{background:transparent url('../i/ico_money.gif') no-repeat 2px center;}

.news form{margin:0; padding:0;}
.news input{padding:7px 0 0 35px; height:23px; border:1px solid #333; width:420px; font-weight:bold; color:#333;}
.news #nome{background:#fff url('../i/ico_nome.gif') no-repeat 1px 1px; margin-bottom:5px;}
.news #email{background:#fff url('../i/ico_mail.gif') no-repeat 1px 1px;}
.news button{padding:5px 10px; margin:10px 0 0; cursor:pointer; float:left; border:none; color:#fff; font-weight:bold; background:#009 url('../i/bg_menu_left_over.jpg') no-repeat top right;}

#footer {
	background:#fff;;
	width:100%;
	height:40px;
	padding:0;
	position:absolute;
	bottom:0; 
	text-align:center;
	border-top:2px solid #f4f5f7;
}
#footer span{font-size:0.75em; margin:5px 0 0 0; display:block;}
#footer .copyright{color:#666; margin:2px 0 0 0 !important; display:block;}

.clearme {clear:both;}

/*INTERNAS*/
.inside{padding:5px 10px; width:959px; position:relative;}
.inside .box_img{width:auto !important; padding:15px 15px 15px 0 !important;}
.inside .box_img img{border:5px solid #ccc;}
.inside h2{font-size:1.2em; margin:0; padding:0 0 7px;}
.inside p{font-size:0.88em;}


/*list*/
.list_steps{float:left;}
.list_steps li{float:left; width:auto !important; background:none !important; padding:0 20px 5px 0 !important;}
.list_steps .jFlowSelected a{background:#ccc; color:#000; padding:5px 5px 3px 0; text-decoration:none;}
.list_inside li{padding-bottom:7px !important;}
.list_inside li span{display:block;}
.padding_top{padding-top:10px !important;}
.bold{font-weight:bold;}
.invisible{display:none;}
.min_gray{font-size:0.85em; color:#666;}

#jFlowSlide{position:relative;}

/*FOMULARIO*/
.contact form, .trabalhe_conosco {margin:0; padding:0;}
.contact .line{display:block;}
.contact .space{display:block;}
.contact input, textarea{padding:7px 0 0 5px; height:23px; background:#fff; border:1px solid #333; font-weight:bold; color:#333; width:400px;}
.contact textarea{height:130px;}
.contact button, .trabale_conosco button{padding:5px 10px; margin:10px 0 0; cursor:pointer; float:left; border:none; color:#fff; font-weight:bold; background:#009 url('../i/bg_menu_left_over.jpg') no-repeat top right;}

#map{margin:20px 0 0;display:block; width:400px; height:300px; float:left; border:3px solid #333;}
.require{color:#C00 !important; font-weight:bold !important;}
.trabalhe_conosco .inside{width:920px !important;}
.trabalhe_conosco .fieldset{display:block;width:96% !important; margin:0 0 10px; padding:5px 5px 15px; border:none; }
.trabalhe_conosco legend{font-size:1.1em; font-weight:bold; display:block; margin:0 0 5px; padding:0;}
.trabalhe_conosco .line{float:left; width:100%; margin:0; padding:0;}
			  .separate{border-top:1px solid #999; margin:5px 0 2px 0 !important;}
			  .separate label{font-weight:bold;}
.trabalhe_conosco .space{display:block; width:100%; margin:0; padding:0;}
.trabalhe_conosco .inline{display:inline !important; width:auto; margin:0 5px 0 0; vertical-align:top;}
.trabalhe_conosco .inputbox, .trabalhe_conosco .textarea, .trabalhe_conosco .data{width:95.5%; height:20px; padding:5px 5px 3px; background:#fff; border:1px solid #333; font-weight:bold; color:#333;}
	.trabalhe_conosco .periodo{float:left; width:40%; height:20px; padding:5px 5px 3px; background:#fff; border:1px solid #333; font-weight:bold; color:#333;}
	.trabalhe_conosco .periodo_text{float:left; width:4%; height:25px; padding:5px 0 0; text-align:center;}
	.trabalhe_conosco .textarea{height:80px;}
.trabalhe_conosco .radio{display:block; height:25px; padding:7px 0 0; float:left;}
.trabalhe_conosco .checkbox_1c{display:block; height:18px; padding:7px 0 0; float:left; width:99%;}
.trabalhe_conosco .checkbox_2c{display:block; height:18px; padding:7px 0 0; float:left; width:50%;}
.trabalhe_conosco .checkbox_3c{display:block; height:18px; padding:7px 0 0; float:left; width:32%;}
.trabalhe_conosco .select{width:60%; height:30px; padding:5px 5px 3px; background:#fff; border:1px solid #333; font-weight:bold; color:#333;}
.trabalhe_conosco .select_multi{width:60%; height:140px; padding:5px 5px 3px; background:#fff; border:1px solid #333; font-weight:bold; color:#333;}
.trabalhe_conosco .w50p{float:left; width:48% !important; margin-right:1% !important; height:60px;}
.trabalhe_conosco .w33p{float:left; width:31% !important; margin-right:1% !important;}
	.trabalhe_conosco .w50p .inputbox, .trabalhe_conosco .w50p .textarea, .trabalhe_conosco .w50p .data{width:97% !important;}
	.trabalhe_conosco .w33p .inputbox, .trabalhe_conosco .w33p .textarea, .trabalhe_conosco .w33p .data{width:98% !important;}
	
.trabalhe_conosco .top10px{margin-top:10px !important;}
.trabalhe_conosco .btnbox{float:left; width:99%; margin:10px 0;}
/*news msg*/
#boxForm, #boxMsg{ float:left; height:107px; width:462px;}
.hidden{display:none !important;}


/*panel*/
.panel .panel-overlay {display:none;}
.panel-overlay h2{margin:10px 0 0;}
.panel-overlay  p{margin:0;}

/*PORTFOLIO - Galeria*/
#thumbs ul{float:left; list-style:none; padding:0;}
	#thumbs img{border:none;}
	#thumbs ul li{float:left; margin:5px; border:4px solid #ccc; padding:0;}
	#thumbs ul li a{float:left; width:60px; height:60px;}
