@CHARSET "UTF-8";
.alinhar{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
div#topo{
	width:100%;
	background:url("../img/index_bg.gif") 0 0 repeat-x #E5E5E5;
	min-height: 140px;
	overflow:hidden;
	padding-top: 10px;
}
div#bar{
	width: 100%;
	background: url("../img/header_bg_text.gif") 0 0 repeat-x;
	height: 10px;
}
div#logo{
	width: 330px;
	margin-top:10px;
	float: left;
	margin-right: 10px;
	height: 80px;
	background: url("../img/logo.png") 0 10px no-repeat;
}
div#busca{
	margin-top:10px;
	width: 550px;
	padding-top:25px;
	float: right;
	height: 55px;
}
div#busca label{
	text-align: right;
	font-size: 13px;
}
div#menu{
	width: 890px;
	float: left;
	height: 43px;
	padding-left:10px;
	padding-top:7px;
	margin-top: 10px;
	background: url("../img/menu_bg.gif") 0 0 no-repeat;
	margin-bottom: 10px;
}
div#banner{
	width: 900px;
	min-height: 280px;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
	float: left;
}
div#banner h3{
	font-size: 20px;
}
div#monitor{
	background: url("../img/lapimg.png") 0 0 no-repeat;
	width:465px;
	height:280px;
	padding-left:73;
	float: left;
}
div#loader{
	width: 319px;
	height: 201px;
	margin-left: 72px;
	margin-top: 16px;
	background: url("../img/loader.gif") center 80px no-repeat;
}
div#com_box{
	float: right;
	height: 280px; 
	width: 400px;
}
div#servicos{
	float: left;
	width: 440px;
	margin-right: 10px;
	min-height: 250px;
	overflow: hidden;	
}
div#twitter{
	float: right;
	min-height: 250px;
	margin-left: 10px;
	width: 440px;
	overflow: hidden;
	margin-bottom: 10px;
}
p.titulo{
	font-size: 18px;
	background:url("../img/direita.png") 0 3px no-repeat;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	padding-left: 20px; 
	
}
div#servicos li, div#servicos li a{
	list-style: none;
	color:#333;
	padding-left: 10px;
	margin-bottom:3px;
	clear: both;
}
div#servicos ul{
	padding-left: 0px;
}
div#servico li, div#servicos li a{
	list-style: none;
	color:#333;
	padding-left: 10px;
	margin-bottom:3px;
	clear: both;
}
div#servico ul{
	padding-left: 0px;
}
div#servico ul a{
	color:#333;
	text-decoration: none;
}
div#servico ul a:hover{
	text-decoration: underline;
}
.ui-icon{
	float: left; margin-right: 5px; margin-left: -5px;
}

div#servico{
	min-height: 350px;
	overflow: hidden;
	width: 900px;
}

div#rodape{
	height: 80px;
	background: #EEEEEE;
	border-top:1px solid #ccc;
	float:  left;
	width: 100%;
}


/* Twitter */

#twitter-ticker{
	width:440px;
	height:200px;
	color:#666666;
	display:none;
	text-align:left;
}

#tweet-container{
	height:230px;
	width:auto;
	overflow:hidden;
}
.tweet{
	padding:5px;
	margin:0 8px 8px;
	border:1px solid #F0F0F0;
	background:url(img/transparent.png);
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user,.tweet a{
	font-weight:bold;
	color:#06c;
}
#twitter-ticker{
	margin:0px auto 0px;
}

div#copyright{
	float: left;
}
div#submenu{
	float: right;
	margin-top: 5px;
}
div#submenu a{
	float: left;
	margin-right: 10px;
	color: #333;
	padding-top: 3px;
}
div#perfil{
	min-height: 350px;
	overflow: hidden;
	width: 300px;
	float: left;
}
div#historia{
	float: left;
	margin-left: 20px;
	width: 560px;
	min-height: 350px;
	overflow: hidden;	
}
div#categorias{
	float: left;
	width: 300px;
	min-height: 370px;
	overflow: hidden;
	margin-right: 10px;
}
div#clientes{
	float: left;
	overflow: hidden;
	min-height: 370px;
	width: 580px;
	margin-left: 10px;
}
div#coluna1{
	float: left;
	width: 300px;
	min-height: 370px;
	overflow: hidden;
	margin-right: 10px;
}
div#coluna2{
	float: left;
	overflow: hidden;
	min-height: 370px;
	width: 580px;
	margin-left: 10px;
}
p.opcao{
	height: 25px;
	font-size:12px;
	width: 280px;
	background: url("../img/option.png") 0 0  no-repeat;
	padding-left: 20px;
	padding-top: 8px;
}
p.opcao a{
	color: #333;
	text-decoration: none;
}
p.opcao a:hover{
	color: #06c;
}
div#i_cliente{
	height: 100px;
	width: 567px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}
div#i_cliente p{
	margin: 0px;
	padding: 0px;
}
div#i_cliente p.img{
	float: left;
	margin-right: 10px;
}
div#i_cliente a.botao{
	float: right;
}
p.nome_cliente{
	font-size:16px;
	padding: 0px;
}
div#clientes_view{
	width: 900px;
	min-height: 300px;
	overflow: hidden;
}

ul#mapasite a{
	color: #333;
}
ul#mapasite li ul a{
	color: #06c;
}
div.repeat{
	min-height: 90px;
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom:1px dashed #ccc; 
}
div#loader ul, div#loader li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}