@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	border:0px;
}

body {
	font-family:'Futura Md BT',Arial, Helvetica;
	font-size: small;
	background-color:#0174ab;
}

/* Textos */
.menu {}
.style1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style2 {
	font-size: 12px;
	font-weight: bold;
	color:#660066;
}
.titulo {
	font-family:Arial, Helvetica;
	font-size:26px;
	font-weight:bold;
	color:#005584;
}
.titulo2 {
	font-family:Arial, Helvetica;
	font-size:20px;
	font-weight:bold;
	color:#005584;
}
.texto {
	font-family:"Arial", Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#0174AB;
	text-decoration:none;
}
.textoLaranja {
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	color:#F49901;
}
.textoBranco {
	font-family:Arial, Helvetica;
	font-size:10px;
	font-weight:normal;
	line-height:150%;
	color:#FFFFFF;
}
.textoBranco2 {
	font-family:Arial, Helvetica;
	font-size:9px;
	font-weight:normal;
	line-height:150%;
	color:#FFFFFF;
}
.menuBase {
	font-family:'Arial', Helvetica;
	font-size:10px;
	font-weight:normal;
	line-height:150%;
	color:#FFFFFF;
}
.textoMini {
	font-family:'Arial', Helvetica;
	font-size:11px;
	font-weight:normal;
	line-height:150%;
	color:#FFFFFF;
	background-color:#005584;
	border:solid 2px #005584;
}
.textoMini2 {
	font-family:'Arial', Helvetica;
	font-size:11px;
	font-weight:normal;
	line-height:150%;
	color:#005584;
}
.textoBold {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#005584;
	line-height: 130%;
	
}

.textoBoldOn {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#F49901;
	line-height: 130%;

	
}
.textoBoldOff {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#005584;
	line-height: 130%;

}
.menuEmpresa {
	font-family:'Futura Md BT',Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#005584;
	line-height: 130%;
}
.textoBold2 {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#F49901;
	text-decoration:none;
}
.menuEmpresa2 {
	font-family:'Futura Md BT',Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#F49901;
}
.textoBoldDestaque {
	font-family:Arial, Helvetica;
	font-size:20px;
	font-weight:bold;
	line-height:100%;
	color:#005584;
}
.textoBold2Destaque {
	font-family:Arial, Helvetica;
	font-size:20px;
	font-weight:bold;
	line-height:130%;
	color:#F49901;
}
.bt_laranja_on {
	font-size: 12px;
	color:#50008D;
}
.bt_laranja_off {
	font-size: 12px;
	color:#FFFFFF;
}

/* Conteúdo */

#container {
	width:775px;
	margin-left:-387.5px;
	left:50%;
	position:relative;
	height:auto;
	display: table;
}
.ccols{
	width:775px;
	height:auto;
	float: left;
}
#container1 {
	width:100%;
	margin:auto;
	background:url(images/background_topo.jpg) top center repeat-x;
	background-color: #FFFFFF;
	height: auto;
	overflow-x:hidden;
}
#area1 {
	width:775px;
	margin-left:-387.5px;
	left:50%;
	position:relative;
	height:160px;
}
#news {
	width:770px;
	float: left;
	margin-top: 6px;
	height: 24px;
}
#emailnews {
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-left: 460px;
}
#email {
	float: left;
	margin-bottom: 2px;
}
#menu {
	width:480px;
	height: 20px;
	float: left;
	padding-left: 220px;
	margin-top: 88px;
}
#bthome {
	width:60px;
	padding-left: 225px;
	text-align: center;
	height: 20px;
}
#area2 {
	width:770px;
	position: relative;
	margin: auto;
}
#area {
	height:auto;
	float:left;
	padding-left: 6px;
	width: auto;
}
.areacliente {
	height:600px;
	float:left;
	padding-left: 20px;
	width: 740px;
}
.barracliente {
	float:left;
	width: 740px;
	background:url(images/cadeado_logado.jpg) no-repeat top right;
	padding-top: 7px;
	padding-left: 12px;
	padding-bottom: 20px;
}
.descrcliente {
	height:33px;
	float:left;
	width: 715px;
	background-color: #025587;
	padding-left: 10px;
}
.contcliente {
	float:left;
	width: 720px;
	padding-left: 10px;
	padding-top: 10px;
	display: table-column;
	min-height: 300px;
}
.cont_noticia{
	float:left;
	width: 680px;
	padding-right: 20px;
	padding-left: 20px;
}
.contcliente_left {
	float:left;
	width: 340px;
	padding-right: 20px;
}
.contcliente_right {
	float:right;
	width: 340px;
	padding-left:19px;
	border-left: solid 1px #F49901;
}
#arealateral {
	height:auto;
	float:right;
	width: 287px;
}
#interAjax {
	height:auto;
	float:left;
	width:auto;
}
#interAjax2 {
	height:auto;
	float:left;
	width:280px;
}
#areaRight {
	float:right;
	height:auto;
	width:auto;
}
.indexR{
	float:right;
	height:auto;
	width:auto;
	padding-right: 16px;
	background:url(images/tarja_vertical.jpg) left top no-repeat;
	padding-left: 11px;
}
#includeRight {
	float:right;
	width:284px;
	height:auto;
}
#includeRight2 {
	float:right;
	width:488px;
	height:auto;
}
#frotaRight {
	float:right;
	width:418px;
	height:auto;
	background-color: #FFFFFF;
	padding: 9px;
	margin-top: 10px;
	border: solid 1px #A0CFE6;
}
#menufrotaRight {
	float:right;
	width:420px;
	height:auto;
	background-color: #FFFFFF;
	padding: 9px;
}
#areaLogin {
	float:right;
	width:246px;
	height:auto;
	background-image: url(images/img_cadeado.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#areaNoticias {
	float:left;
	width:230px;
	height:auto;
	line-height: 80%;
}
#areaEnquete {
	float:left;
	width:230px;
	height:auto;
	line-height: 80%;
}
#areaTexto {
	float:left;
	width:440px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#areaTexto3 {
	float:left;
	width:250px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#tarjaH2 {
	float:left;
	width:460px;
	padding-left: 20px;
	padding-bottom: 0px;
	background-image: url(images/tarjah2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 2px;
}
#tarjaH3 {
	width:418px;
	background-image: url(images/tarjah2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#areaSocial {
	float:left;
	width:740px;
	padding-bottom: 20px;
	height: 249px;
	background-image: url(images/img_social.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#ProjetoSocial {
	float:left;
	width:600px;
	height: auto;
	padding-left: 70px;
	padding-top: 125px;
	padding-right: 50px;
}
#menuEmpresa {
	float:left;
	width:450px;
	height: auto;
	padding-left: 10px;
	padding-bottom: 20px;
}
#areaTexto2 {
	float:left;
	width:360px;
	padding-left: 120px;
	padding-bottom: 20px;
	background-image: url(images/img_recicla.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#tarjaVertical {
	width:22px;
	height:580px;
	float: left;
	position: static;
}
.movdireita{
	float:right;
	width:246px;
}
#tarjaHorizontal {
	float:left;
	width:230px;
	height:2px;
	background: url(images/tarja_horizontal.jpg) center no-repeat;
	padding: 10px 0 10px 5px;
}
#btTarja {
	float:right;
	width:auto;
	height:auto;
	margin-right: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btTarja {
	float:right;
	width: 246px;
	height: 29px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.icoTarja {
	float:left;
	width:33px;
	height:29px;
}
.textoTarja {
	float:left;
	width:190px;
	height:24px;
	background-image: url(images/bg_bt_laranja.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}
.textoTarja2 {
	float:left;
	width:140px;
	height:24px;
	background-image: url(images/bg_bt_laranja.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
	padding-top: 5px;
}
.areaTarja {
	float:left;
	width:auto;
	height:29px;
}
.cantoTarja {
	float:left;
	width:6px;
	height:29px;
}

#container2 {
	width:100%;
	position:inherit; _position:relative;
	margin:auto;
	background-color: #FFFFFF;
	background-image: url(images/bg_base.jpg);
	background-repeat: repeat-x;
}
#area3 {
	width:740px;
	position:relative;
	margin:auto;
	height: 41px;
	background-image: url(images/background_base.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}
#menuBase {
	width:770px;
	position:inherit; _position:relative;
	margin:auto;
	height: 30px;
}
#includeMenuBase {
	width:770px;
	height: 30px;
	float:left;
}

.marcatexto{
	float: left;
	width:340px;
	height:auto;
	padding-left:20px;
}

.coltext1 {
	float:left;
	font-family:"Arial", Helvetica, sans-serif;
	width:210px;
	padding-left: 3px;
	padding-bottom: 10px;
}

.texto a{
	font-family:"Arial", Helvetica;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	color:#0174AB;
    text-decoration:none
	
}
	.texto a:hover{color:#F49901;}
	.texto a:visited{color:#0174AB;}


.textoBold3 {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#005584;
	line-height: 130%;
    text-decoration:underline
}


.textoBold3Off {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#005584;
	line-height: 130%;
    text-decoration:underline
		}
		
.embalabox{
	float:left;
	height:auto;
	width:438px;
	padding-right:10px;
}
.textoroxo {
	font-family:"Arial", Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#660066;
}

.textolaranja {
	font-family:"Arial", Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#F49901;
}
.textoazul {
	font-family:"Arial", Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#005584;
	text-decoration: none;
}

.btenviar{
	float:left;
	width:400px;
}
.img_social{
	float:left;
	width:770px;
	height:231px;
	background:url(images/img_social.jpg) no-repeat center bottom;
}

