/* 
============================================
	FOLHA DE ESTILOS EM CASCATA
	WWW.OPADESIGN.COM.BR - VERSÃO 2
	CRIADO: 23/06/2009
	POR: YURI MAIO ARAKAKI
============================================
*/
html, body {height:100%; width:100%} 
body{
	background:url(../imagens/bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	padding:0px;
	margin:0px;
	line-height:16px;
}
img{border:0px;}

#carregando {display:none;}
#tweet-container ul {
	color:#333;
	list-style:none;
	width:200px;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	
	}
#tweet-container .imagem img {
	display:block;
	float:left;
	}
#tweet-container li {
	min-height:40px;
	clear:both;
	border:1px solid #ccc;
	
	}
.time {
	font-size:11px;
	display:block;
	text-align:right;
}
#tweet-container ul a {
	color:#000;
	font-style:italic;
	font-size:11px;
	background:none;
	padding:0px;
	}
#tweet-container ul a:hover {
	text-decoration:underline;
	}
label{display:block;}



#footer{
	margin:auto;
	position:relative;
	min-height:100%;
}

#align{
	width:950px;
	margin:auto;
}
* html #footer {height:100%;}

#conteiner{
	width:950px;
	position:relative;
	height:auto;
	float:left;
	padding-bottom:80px;
}

.clear {clear:both;}

#topo{
	width:945px;
	height:167px;
	float:left;
}

.btnAreaCliente{
	width:945px;
	height:36px;
	text-align:right;
}

.spaceMenu{
	width:745px;
	height:52px;
	float:right;
}

.menu{
	width:586px;
	height:67px;
	float:right;
}
.menu ul{
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	display:inline
}

.menu ul li{
	float:left;
	margin-right:9px;
	display:inline;
}

.destaque{
	width:662px;
	height:282px;
	float:left;
	background:#CCCCCC;
	margin-top:26px;
	padding:5px 0 0 5px;
}
.DivTxtdestaque{
	float:left;
	
	width:247px;
	background:#CCCCCC;
	margin:10px 0 0 15px;
}

.txtDestaque{
	float:left;
	width:210px;
	height:261px;
	padding:10px 0 0 20px;
	text-align:left;
}
.txtDestaque h1{
	color:#FFFFFF;
	font-size:24px;
	letter-spacing:-1pt;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:20px;

}
.txtDestaque a{
	height:15px;
	float:left;
	background:url(../imagens/icone-mais.gif) no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font-weight:800;
}
.boxes{
	width:667px;
	float:left;
	background:url(../imagens/bg-boxes.gif) repeat-y;
	margin-top:28px;
}
.box{
	width:310px;
	float:left;
	text-align:left;
}
h1{
	font-size:22px;
	color:#A0A0A0;
	font-weight:normal;
	line-height:22px;
	padding:0px;
	margin:0px 0 20px 0;
	letter-spacing:-0.8pt
}
.box a{
	height:15px;
	float:left;
	background:url(../imagens/icone-mais.gif) no-repeat;
	padding-left:20px;
	color:#A0A0A0;
	font-size:16px;
	text-decoration:none;
	font-weight:800;
}
h2{
	font-size:22px;
	color:#A9BB2B;
	font-weight:normal;
	margin:0px;
}

.boxNewsLetter{
	width:240px;
	float:left;
	height:168px;
	margin:10px 0 0 14px;
	text-align:left;
}
.inputNewsletter{
	background:url(../imagens/bg-input-nome.jpg) no-repeat;
	border:none;
	width:243px;
	height:27px;
	font-size:16px;
	color:#999999;
	padding:4px 0 0 7px;
}
.rodape{
	width:100%;
	background:#8E9E25;
	height:50px;
	position:absolute;
	bottom:0px;
	left:0px;
	color:#FFFFFF;
	padding-top:10px;
	margin-top:20px;
}
.subMenu{
	
	width:265px;
	float:left;
	margin:30px 0 30px 0;
	text-align:left;
	position:relative;
}
.subMenu ul{
	margin:15px 0 15px 0;
	padding:0px;
	float:left;	
}
.subMenu ul li{
	width:244px;
	float:left;
	list-style:none;
	padding:0px;
	height:41px;

}
.subMenu ul li a{
	width:244px;
	height:31px;
	float:left;
	font-size:18px;
	color:#CCCCCC;
	padding:10px 0 0 15px;
	text-decoration:none;
	letter-spacing:-0.5pt;
}
.litop{	background:url(../imagens/solucoes/submenu/btn-top.jpg) no-repeat;}
.litop:hover{background:url(../imagens/solucoes/submenu/btn-top-hover.jpg) no-repeat; color:#FFFFFF;}

.liItem{background:url(../imagens/novidade/bg-item-assunto.gif) repeat-x;}
.liItem:hover{background:url(../imagens/solucoes/submenu/btn-top-hover.jpg) no-repeat; color:#FFFFFF;}


.subMenuN{
	width:265px;
	float:left;
	margin:30px 0 30px 0;
	text-align:left;
	position:relative;
}
.subMenuN ul{
	margin:15px 0 15px 0;
	padding:0px;
	float:left;	
}
.subMenuN ul li{
	width:244px;
	float:left;
	list-style:none;
	padding:0px;
	height:35px;
}
.subMenuN ul li a{
	width:244px;
	height:25px;
	float:left;
	font-size:18px;
	color:#CCCCCC;
	padding:10px 0 0 15px;
	text-decoration:none;
	letter-spacing:-0.5pt;
}


.libottom{	background:url(../imagens/solucoes/submenu/btn-bottom.jpg) no-repeat;}
.libottom:hover{background:url(../imagens/solucoes/submenu/btn-bottom-hover.jpg) no-repeat; color:#FFFFFF;}
.limiddle{	background:url(../imagens/solucoes/submenu/btn-middle.jpg) no-repeat;}
.limiddle:hover{background:url(../imagens/solucoes/submenu/btn-middle-hover.jpg) no-repeat; color:#FFFFFF;}

.contSolucoes{
	width:600px;
	float:left;
	margin:30px 0 0 66px;
	text-align:left;
}

.float{
	float:left;
}

h3{
	background:#F4F4F4;
	width:915px;
	height:26px;
	font-size:22px;
	font-weight:normal;
	float:left;
	text-align:left;
	color:#999999;
	padding:10px 0 0 10px;
	margin:20px 0 20px 0 ;
	text-transform:uppercase;
}
.thumbWeb{
	width:308px;
	height:210px;
	float:left;
	text-align:center
}
.thumbWeb a{
	margin:auto;
}
.thumbEmtk{
	width:185px;
	height:155px;
	float:left;
	text-align:center;
}
