/*###############################################################################
						RESET / GERAL
###############################################################################*/

html,body {margin:0;padding:0;height:100%;}
ul,li, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;
    width: 473px;
}
img {border-style: none;
    border-color: inherit;
    border-width: 0;
    height: 90px;
    width: 129px;
}
li {list-style:none;}
a {text-decoration:none;}

#geral {
	position:relative;
	float:left;
	width:100%;
	min-height:100%;
	font:10pt Arial, Helvetica, sans-serif;
	color:#949494;
}

#geral a {
	font-weight:bold;
	color:#666666;
	text-decoration:underline;
}

#geral b, #geral strong {
	font-weight:bold;
	color:#666666;
}

.limite {
	margin:0 auto;
	width:955px;
}

.container {
	float:left;
	width:100%;
	height:100%;
}

.left {float:left;}
.right {float:right;}

hr.separador {
	float:left;
	width:100%;
	margin:30px 0 30px 0;
	border:none;
	border-top:1px dotted #737373;
}

.titulao{
    float:right;
    margin:35px 0 0 0;  
    font:bold 25pt Arial, Helvetica, sans-serif;
}

/*###############################################################################
						FORMULARIO
###############################################################################*/

ul.form {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

ul.formA {
	float:left;
	width:100%;
	margin-bottom:15px;
}

ul.form li {
	float:left;
	width:50%;
}

ul.form li span.titulo {
	float:left;
	width:35%;
	padding-top:5px;
	text-align:left;
	font:9pt Arial, Helvetica, sans-serif;
	color:#787878;
	margin-right:15px;
}

ul.form li span.titulo small {
	float:left;
	width:100%;
}

.validacao {
	float:left;
	font:bold 11pt Arial, Helvetica, sans-serif;
	color:#bc1e1e;
	margin:0 3px;
}

.validacao1 {
	background:#ffecec !important;
	color:#821818 !important;
	border:1px solid #a60a0a;
}

ul.form li .barra {
	float:left;
	padding:5px 5px 0 5px;
}

.input {
	float:left;
	border:1px solid #dfdfdf;
	font:9pt Arial, Helvetica, sans-serif;
	color:#787878;
	height:22px;
	padding-left:3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}

.input25 {width:25px;}
.input50 {width:50px;}
.input70 {width:70px;}
.input100 {width:100px;}
.input120 {width:120px;}
.input150 {width:150px;}
.input170 {width:170px;}
.input200 {width:200px;}
.input250 {width:250px;}
.input300 {width:300px;}
.input380 {width:380px;}

.select {
	float:left;
	border:1px solid #abadb3;
	font:9pt Arial, Helvetica, sans-serif;
	color:#787878;
	height:22px;
	padding-left:3px;
	margin-top:1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}

.select50 {width:50px;}
.select70 {width:70px;}
.select100 {width:100px;}
.select120 {width:120px;}
.select150 {width:150px;}
.select170 {width:170px;}
.select200 {width:200px;}
.select250 {width:250px;}

.textarea {
	float:left;
	border:1px solid #dfdfdf;
	font:9pt Arial, Helvetica, sans-serif;
	color:#454545;
	padding-left:3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}

.textarea70 {width:70px;}
.textarea100 {width:100px;}
.textarea120 {width:120px;}
.textarea150 {width:150px;}
.textarea170 {width:170px;}
.textarea200 {width:200px;}
.textarea250 {width:250px;}
.textarea270 {width:270px;}
.textarea300 {width:298px;}
.textarea350 {width:350px;}
.textarea380 {width:379px;}

.btazul {
	float:right;
	background:#364759;
	border:none;
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:25px;
	cursor:pointer;
	outline:none;
	padding:0 20px 3px 20px;
	margin:20px 3px 0 3px;
	line-height:25px;
}

.btvermelhoescuro {
	float:right;
	background:#6c0000;
	border:none;
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:25px;
	cursor:pointer;
	outline:none;
	padding:0 20px 3px 20px;
	margin:20px 3px 0 3px;
	line-height:25px;
}

.btvermelho {
	float:right;
	background:#6c0000;
	border:none;
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:25px;
	cursor:pointer;
	outline:none;
	padding:0 20px 3px 20px;
	margin:20px 3px 0 3px;
	line-height:25px;
}

.btverde {
	float:right;
	background:#1b4713;
	border:none;
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:25px;
	cursor:pointer;
	outline:none;
	padding:0 20px 3px 20px;
	margin:20px 3px 0 3px;
	line-height:25px;
}


/*###############################################################################
						TOPO
###############################################################################*/

#topo {
	float:left;
	width:100%;
	height:191px;
	background:url(../img/bg_menu.jpg) bottom repeat-x;
}

#topo .limite {
	height:191px;
	background:url(../img/fundo_topo.jpg) no-repeat;
}

#topo .limite .logo {
	float:left;
	margin:23px 0 0 0;
    width: 139px;
}

#topo .limite .menu {
	float:left;
	width:955px;
	height:71px;
	margin-top:23px;
	background:url(../img/barra_menu.png) no-repeat;
}

#topo .limite .menu li {
	float:left;
	width:158px;
	height:43px;
	text-align: center;
	border-right:1px solid #a1a2af;
	font:13pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#topo .limite .menu li.contato {
	border:none;
}

#topo .limite .menu li img {
	float:left;
	margin:13px 4px 0 0;
}

#topo .limite .menu li.home img {
	margin-left:44px;
}

#topo .limite .menu li.empresa img {
	margin-left:20px;
}

#topo .limite .menu li.sistema img {
	margin-left:22px;
}

#topo .limite .menu li.links img {
	margin-left:38px;
}

#topo .limite .menu li.vagas img {
	margin-left:37px;
}

#topo .limite .menu li.contato img {
	margin-left:28px;
}

#topo .limite .menu li span {
	float:left;
	margin-top:13px;
}

#topo .limite .menu li a {
	float:left;
	width:159px;
	height:43px;
	color:#FFFFFF;
}

/*###############################################################################
						MEIO
###############################################################################*/

.meio {
	float:left;
	width:100%;
	padding-bottom:75px;
	background:url(../img/bg_slider.jpg) top repeat-x;
}

/*###############################################################################
						PIECEMAKER
###############################################################################*/

.meio #piecemaker {
	margin-top:-35px;
	margin-bottom:30px;
}

/*###############################################################################
						MEIO
###############################################################################*/

.meio .titulo {
	float:left;
	width:100%;
	margin:0 0 20px 0px;
	font: bold 18pt 'News Cycle', sans-serif;
	color:#2b2b2b;
}

.meio .box {
	float:left;
	width:159%;
	height:360px;
}

.meio .esquerda {
	float:left;
	width:585px;
	margin-right:20px;
}

.meio .esquerda2 {
	float:left;
	width:200px;
	margin-right:20px;
}

.meio .centro {
	float:left;
	width:955px;
	margin-right:20px;
}

.meio .direita {
	float:left;
	width:350px;
}

.meio .direita2 {
	float:left;
	width:735px;
}

.meio .direita .botaocima {
	float:right;
	cursor:pointer;
	margin-top:12px;
}

.meio .direita .botaobaixo {
	float:right;
	cursor:pointer;
	margin-top:12px;
	margin-right:3px;
}

.meio .direita #itens {
	width:350px;
}

.meio .direita .produto {
	float:left;
	width:350px;
	border-bottom:1px dotted #737373;
	margin-bottom:13px !important;
}

.meio .direita .produto img {
	float:left;
	margin-right:7px;
}

.meio .direita .produto .tit {
	float:left;
	width:260px;
	margin-bottom:2px;
	font:bold 11pt Arial, Helvetica, sans-serif;
	color:#535353;
}

.meio .direita .produto .tit a, .meio .direita .produto .desc a {
	text-decoration:none !important;
}

.meio .direita .produto .desc a {
	font-weight:normal !important;
}


.meio .direita .produto .bt-saiba {
	float:right;
	margin:8px 0 10px 0;
}


 /*###############################################################################
						SISTEMA
###############################################################################*/
.meio .caixa {
	float:left;
	width:100%;
	display:none;
}

.meio .caixa .inteiro {
	display:none;
}

.meio .caixa .vermais {
	float:left;
	width:100%;
	padding-top:10px;
	height:30px;
	font:13pt Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
	border:1px solid #dcdcdc;
	background:#ededed;
}

/*###############################################################################
						LINKS
###############################################################################*/

#links ul {
	float:left;
	width:100%;
}

#links ul li {
	float:left;
	width:100%;
	padding-bottom:3px;
	margin-bottom:15px;
	border-bottom:1px dotted #404040;
}

#links ul li img {
	float:left;
	margin:0 10px 5px 0;
}

#vagas ul li h3 {
	font:bold 12pt Arial, Helvetica, sans-serif;
}

#vagas ul li a {
	text-decoration:none;
}

#links ul li p a {
	text-decoration:none;
	font-weight:normal;
}

/*###############################################################################
						VAGAS
###############################################################################*/

#vagas ul {
	float:left;
	width:100%;
}

#vagas ul li {
	float:left;
	width:100%;
	padding-bottom:3px;
	margin-bottom:15px;
	border-bottom:1px dotted #404040;
}

#vagas ul li h3 {
	font:bold 12pt Arial, Helvetica, sans-serif;
}

#vagas ul li .quantidade {
	float:left;
	width:74px;
	height:52px;
	background:#354659;
	color:#FFFFFF;
	text-align:center;
	margin:0 10px 5px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}

#vagas ul li .quantidade .num {
	float:left;
	width:100%;
	font:bold 17pt Arial, Helvetica, sans-serif;
	margin-top:4px;
}

#vagas ul li .quantidade .vagas {
	float:left;
	width:100%;
	text-transform:uppercase;
	font:bold 8pt Arial, Helvetica, sans-serif;
}

#vagas ul li a {
	text-decoration:none;
}

#vagas ul li p {
	margin-top:3px;
}

#vagas ul li p a {
	text-decoration:none;
	font-weight:normal;
}


 /*###############################################################################
						RODAPE
###############################################################################*/

#rodape {
	position:absolute;
	background:url(../img/rodape-fundo.jpg) repeat-x;
	bottom:0;
	left:0;
	top:100%;
	text-align:center;
	font:9pt Arial, Helvetica, sans-serif;
	color:#383838;
	height:56px;
	width:100%;
}

#rodape .barra {
	float:left;
	width:100%;
	margin-top:15px;
}
