/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@charset "iso-8859-1";
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS Principal
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
html{
	width:100%;
	height:100%;
}
body{
	margin:0px;
	border:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	color:#666;
	text-align:left;
}
form{
	border:0px;
	padding:0px;
	margin:0px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS Estrutura
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#topo{
	width:100%;
	height:37px;
	border-bottom:1px #CCC solid;
	border-top:8px #DA251E solid;
	background-color:#CCC;
	background-image:url(../_imagens/topo_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#logomenu{
	width:890px;
	height:170px;
	margin:0px auto;
}
#destaque{
	width:880px;
	height:215px;
	margin:0px auto;
	padding:5px;
	border:1px #CCC solid;
}
#corpo{
	width:830px;
	min-height:300px;
	margin:15px auto;
}
#rodape{
	width:100%;
	height:225px;
	padding:25px 0px;
	background-color:#C00;
	background-image:url(../_imagens/rodape.jpg);
	background-repeat:repeat-x;
}
/* //////////////////////////// */
/* 		CSS Sub-Estrutura 		*/
#topo_barra{
	width:890px;
	height:35px;
	margin:1px auto;	
}
#topo_left{
	width:445px;
	height:35px;
	float:left;
	text-align:left;
}
#topo_right{
	width:445px;
	height:35px;
	float:left;
	text-align:right;
}
#logo{
	width:300px;
	height:80px;
	float:left;
	margin-left:30px;
	margin-top:40px;
	margin-right:80px;
}
#menu{
	width:480px;
	height:60px;
	float:left;
	margin-top:55px;
	text-align:right;
}
#rodape_box{
	width:760px;
	height:190px;
	margin:20px auto auto auto;
	color:#FFF;
	font-size:11px;
}
#rodape_logo{
	float:left;
	width:140px;
	height:190px;
}
#rodape_dados{
	float:left;
	width:200px;
	height:190px;
}
#rodape_parceiros{
	float:left;
	width:200px;
	height:190px;
}
#rodape_selo{
	float:left;
	width:220px;
	height:190px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS para Seções do Site
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
h1.titulo{
	margin:0px 0px 5px 0px;
	padding:0px;
	border:0px;
	font-size:14px;
	color:#555555;
	font-weight:bold;
	text-transform:uppercase;
}
h1.titulo b{
	font-size:16px;
	color:#DA251E;
	margin-right:4px;
}
#inovacao{
	font-size:22px;
	color:#C00;
	margin:0px;
	padding:0px;
	border:0px;
	font-weight:normal;
	text-align:justify;
	letter-spacing:-1px;
}

#portfolio{
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}
#portfolio li{
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px;
	border:0px;
	list-style:none;
}
#portfolio li a{
	width:194px;
	height:155px;
	border:1px #C00 solid;
	background-color:#C00;
	float:left;
	list-style:none;
	text-decoration:none;
	color:#CCC;
}
#portfolio li a:hover{
	border:1px #666 solid;
	background-color:#666;
	text-decoration:none;
	color:#CCC;
}

#portfolio .portfolio{
	width:180px;
	font-size:10px;
	color:#CCC;
	margin:0px 3px;
}
#portfolio .portfolio .pimg{
	width:80px;
	height:30px;
	float:left;
	margin-left:5px;
	margin-top:7px;
}
#portfolio .portfolio .ptext{
	width:90px;
	height:40px;
	float:right;
	text-align:right;
	line-height:12px;
	margin-right:5px;
	text-transform:lowercase;
}
#portfolio .portfolio .ptext b{
	color:#FFF;
}

#paginas{
	width:800px;
	margin:0px 15px;
	text-align:left;
	line-height:18px;
	font-size:13px;
}

#contato_dados{
	width:350px;
	margin:0px 15px;
	text-align:left;
	line-height:17px;
	font-size:13px;
	float:left;
}
#contato_form{
	width:410px;
	margin:0px 15px;
	text-align:left;
	line-height:17px;
	font-size:13px;
	float:left;
}

.filtros{
	width:290px;
	height:20px;
	float:right;
	text-align:left;	
}

#folio_imgs{
	width:250px;
	min-height:250px;
	float:left;
	margin-right:30px;
}
#folio_info{
	width:550px;
	min-height:250px;
	float:left;
}

#folio{
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}
#folio li{
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	border:0px;
	list-style:none;
}
#folio li a{
	width:70px;
	height:70px;
	border:4px #CCC solid;
	background-color:#CCC;
	float:left;
	list-style:none;
	text-decoration:none;
}
#folio li.padrao a{
	width:236px;
	height:236px;
	border:4px #CCC solid;
	background-color:#CCC;
	float:left;
	list-style:none;
	text-decoration:none;
}
#folio li a:hover, #folio li.padrao a:hover{
	border:4px #C00 solid;
	background-color:#C00;
	text-decoration:none;
}

h2{
	margin:0px;
	border:0px;
	padding:0px;
	font-size:13px;
	color:#666;
	font-weight:bold;
}
h3{
	margin:1px 0px;
	border:0px;
	padding:0px;
	font-size:19px;
	color:#C00;
	font-weight:bold;
	letter-spacing:-1px;
}

h4 a{
	margin:5px 10px 0px 0px;
	border:0px;
	padding:0px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0px 10px;
	background-color:#C00;
	text-decoration:none;
	float:left;
	text-transform:lowercase;
}
h4 a:hover{
	color:#FFF;
	background-color:#333;
	text-decoration:none;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS Padrão do Site
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.left{
	text-align:left;
	float:left;
}
.right{
	text-align:right;
	float:right;
}
.aleft{
	text-align:left;
}
.aright{
	text-align:right;
}
.space15{
	clear:both;
	height:15px;
}
.space20{
	clear:both;
	height:20px;
}
.space25{
	clear:both;
	height:25px;
}
.space30{
	clear:both;
	height:30px;
}
.space35{
	clear:both;
	height:35px;
}
.space40{
	clear:both;
	height:40px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS de Links do Site
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
a{
	color:#C00;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:none;
}

#rodape a{
	color:#FFF;
	text-decoration:none;
}
#rodape a:hover{
	color:#CCC;
	text-decoration:none;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS Forms para o Site
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.frm_label{
	float:left;
	width:100px;
	margin:5px 6px 5px 0px;
	text-align:right;
	color:#C00;
}

.frm_input{
	float:left;
	background-color:#F0F0F0;
	border:1px #CCC solid;
	color:#666;	
	text-align:left;
	padding:3px 2px;
	margin:2px 3px 1px 0px;
	font-family:Arial;
	font-size:12px;	
}

.frm_input:hover, .frm_input:focus{
	background-color:#F0F0F0;
	border:1px #C00 solid;
	color:#A71F22;
}

.frm_submit{
	padding:3px 6px;
	text-align:center;
	border:2px #900 solid;
	background-color:#C00;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}

.frm_submit:hover{
	border:2px #000 solid;
	background-color:#333;
	color:#FFF;
}

#contato_form br{
	clear:both;
}

h3.form_msg{
	margin:0px;
	border:0px;
	padding:0px;
	color:#C00;
	font-size:19px;
	font-weight:bold;
	letter-spacing:-1px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* 		CSS Menu do Site
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#menu ul{
	height:20px;
	width:480px;
	margin:0px 0px 0px 40px;
	padding:0px;
}
#menu ul li{
	float:left;
	list-style:none;
}
#menu ul li a{
	font-family:Arial, Verdana;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	color:#666;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	display:block;
	float:left;
	border-bottom:8px #FFF solid;
	border-top:5px #FFF solid;
	padding:5px 10px;
	margin:0px 7px;
}
#menu ul li a:hover, #menu ul li .current{
	text-decoration:none;
	color:#C00;
	border-bottom:8px #C00 solid;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */