body {
	background:#a9cdfd;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}

/********** website **********/
#Info {
	position:absolute;
	width:200px;
	background:#FFFFFF;
	height:200px;
	top:100px;
	left:200px;
}

/********** website **********/
#Pagina {
	width:906px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

/********** header **********/
#Header {
	float:left; 
	width:100%; 
	height:50px; 
	background:url('/header.png'); 
	padding:0px; 
	margin-bottom:15px;
}

/********** Header **********/
#Logo {
	float:left; 
	width:160px; 
	margin-left:30px; 
	margin-top:5px;
}

#Descricao {
	float:left; 
	width:460px; 
	line-height:50px; 
	text-align:center; 
	font-size:13px; 
	color:#007698;	
	font-style:italic;
}

#Pesquisa {
	float:left; 
	width:170px; 
	padding-top:15px;
}

/********* Banner *********/
#BannerImg {
	float:left; 
	position:relative;
	width:730px; 
	height:250px; 
	margin-bottom:10px;
}

#BannerImg div {
	width:730px; 
	height:250px;
	position:absolute;
	top:0;
	left:0;
	z-index:97; 
}

#BannerImg div.active {
	z-index:99;
}

#BannerImg div.last-active {
	z-index:98;
}

/********** Bg Header, Conteudo, Footer **********/
#Bg-Conteudo-Header {
	font-size:0px;
	width:906px;
	height:10px;
	background: url("icon/bg/bg-conteudo-header.png");
}

#Bg-Conteudo-Middle {
	width:880px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:50px;
	background: url("icon/bg/bg-conteudo-middle.png") repeat-y; 
	display:table;
}

#Bg-Conteudo-Footer {
	width:906px;
	height:10px;
	background: url("icon/bg/bg-conteudo-footer.png");
	font-size:0px;

}

/********** Menu Superior **********/
/* menus */
#Menu {
	width:903px; 
	height:32px;
	position:relative;
	margin-bottom:15px;
	margin-top:2px;
	padding-left:3px;
}

#Menu ul {
	list-style: none;
	margin:0px; 
	padding:0px;
	}

#Menu ul li {
	position:relative; 
	float:left;
	width:103px;
	}

#Menu ul li a {
	display:block;
	width:103px;
	height:32px;
	line-height:32px;
	background: url("/icon/bg/menu_header.png");
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#Menu ul li a:hover {
	background: url("icon/bg/menu_header1.png");
	color:#FFFFFF; 
}

ul ul {
	position:absolute;
	display: none;
	left:0px;
	top:32px;
}

#Menu li ul li a {
	background:#009cc7;
	width:160px; 
	height:25px;
	line-height:25px; 
	padding-left:10px; 
	color:#FFFFFF; 
	font-weight:normal;	
	text-align:left; 
	font-size:11px; 
	opacity:.90;
	filter: alpha(opacity=90);
} 

#Menu li ul li a:hover {
	background:#00c1f6;
	color:#FFFFFF;

} 

#Menu li:hover ul ul, li.over ul ul {
	display:none;
}

#Menu li:hover ul, li li:hover ul, li.over ul, li li.over ul {
	display: block;
	border-top:1px solid #a9cdfd;
	z-index:100;
} 

/********** Links Diectos Index **********/
.LinksDirectos {
	float:left; 
	width:225px; 
	height:135px; 
	background: url('/icon/indexback.png') no-repeat; 
	padding:0px 5px 5px 5px;
}

/********** Conteudo divs **********/
#PaginaMiniInfo {
	float:left; 
	width:280px; 
	line-height:30px; 
	border-bottom:1px dotted #CCCCCC; 
	margin-bottom:15px; 
	font-size:12px; 
	color:#007698;
}

#PaginaMiniInfo2 {
	float:left; 
	width:450px; 
	height:30px; 
	border-bottom:1px dotted #CCCCCC; 
	margin-bottom:15px;
}

#PaginaInfo {
	float:left;
	width:430px; 
	line-height:30px; 
	border-bottom:1px dotted #CCCCCC; 
	margin-bottom:15px;
	font-size:12px;
	color:#007698;
}

#PaginaInfo2 {
	float:left; 
	width:450px; 
	height:30px; 
	border-bottom:1px dotted #CCCCCC; 
	margin-bottom:15px;	
}

#Conteudo {
	float:left;
	width:880px;
}

#ConteudoEsq {
	float:left; 
	width:670px; 
	margin-right:10px;
}

#ConteudoEsq2 {
	float:left; 
	width:730px; 
	margin-left:5px;
}

#ConteudoDir {
	float:right;
	width:200px;
}

#PubImg {
	float:left; 
	width:178px; 
	height:120px; 
	margin-bottom:10px;
}

#PubTexto {
	float:left; 
	padding:10px; 
	width:690px; 
	height:120px;
	background:url('/background.png') no-repeat; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:11px;
	margin-bottom:10px;
}

#PortfolioConteudo {
	float:left; 
	width:680px; 
}

#PortfolioPesquisa {
	float:left; 
	width:200px;
}

.PortfolioWebsite {
	float:left; 
	width:250px; 
	margin-bottom:10px;
	margin-right:10px;
}

#PaginasConteudo { 
	float:left;
	width:450px; 
	margin-left:80px; 
	margin-top:5px;
}

.BtSelPagina {
	float:left; 
	width:80px; 
	line-height:20px; 
	text-align:center; 
	border:1px solid #007b9d; 
	color:#0086ab;
}

.BtPagina {
	float:left; 
	width:20px; 
	line-height:20px; 
	text-align:center; 
	border:1px solid #007b9d; 
	margin-left:5px; 
	color:#0086ab;
}

ul {
 	margin:0px;
	padding:0px;
}

.Lista li {
	float:left;
	height:12px;
	width:90%;
	background-image: url("icon/seta1.bmp");
	margin:0px;
	margin-top:2px; 
	padding-left:10px; 
	background-repeat: no-repeat; 
	background-position:0% 50%;
	list-style:none;
}

.Info-C5-Middle .Bt-Medio {
	float:left;
	margin-top:15px;
}

#Descricao-Solucao {
	float:left;
	font-size:13px; 
	color:#8c8c8c; 
	margin-top:15px;
	margin-bottom:20px;
	text-align:justify;
}


/********** Menu Esquerdo **********/
#MenuEsq {
	width:145px;
	float:left;
}

#MenuEsq ul {
	padding:0px; 
	margin:0px; 
}

#MenuEsq li {
	list-style:none;
	height:32px;
}


#MenuEsq li a:hover {
	color:#007698;
}

#MenuEsq li a {
	color:#007698; 
	float:left;
	width:125px;
	padding-left:15px;
	line-height:25px;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
}

#MenuEsq li a:hover {
	background: #d5e6fd; 
	color:#007698;
}


/********** footer **********/
#Footer {
	float:left;
	width:890px;
	height:10px;
	margin-top:20px;
 	border-top:1px solid #CCCCCC; 
}

#FooterLogo {
	float:left;
	width:170px; 
	padding-top:10px; 
	padding-left:20px;
}

#FooterLinks {
	float:left;
	width:420px;
	padding-top:20px;
}

#FooterM {
	float:left;
	width:250px;
	padding-top:20px;
	padding-left:20px;
	text-align:right;
}

/********** estilos de letra **********/
a {
	color:#007698;
	text-decoration:none;
}

.Info-C5-Middle ul li a:hover, .Info-C1-Middle ul li a:hover {
	color:#d30102;
}

h1 {
	font-size: 12px;
	color:#ff7000;
	margin-bottom:25px;
	margin-top:15px;
}

h2 {
	font-size: 12px;
	color:#008eb7;
	margin-top:10px;
}

h3 {
	font-size:11px;
	color:#518824;
	margin-top:10px;
}

p {
	text-align:justify;
}

/********** formulários **********/
input {
	font-size: 10px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}

select {
	font-size: 10px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}

label {
	font-size: 11px;
	color:#666666;
	width:150px; 
	float:left;
}

textarea { 
	font-size:10px; 
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	color:#666666;
}

form {
	margin:0px;
}

.clearFieldBlurred { font-style: italic; }
.clearFieldActive { background: #ecfdec; }

/********** Botões touch informativos **********/

.btn_acessibilidade {
	background:url("/icon/bt/bt_touch_compatible.png");
	width:134px; 
	padding-left:20px;
	text-align:center; 
	line-height:24px; 
	float:left; 
	color:#666666; 
	margin-right:10px;
}

.btn_acessibilidade:hover {
	background:url("/icon/bt/bt_touch_compatible2.png"); 
	cursor: pointer;
}

.btn_touchcompatible {
	background:url('/icon/bt/bt_touch_compatible.png'); 
	width:134px; 
	padding-left:20px;
	text-align:center; 
	line-height:24px; 
	float:left; 
	color:#666666; 
	margin-right:10px;
}

.btn_bugreport {
	background:url('/icon/bt/bt_bugreport.png'); 
	width:100px; 
	padding-left:20px;
	text-align:center; 
	line-height:24px; 
	float:left; 
	color:#666666; 
}

.btn_bugreport:hover {
	background:url("/icon/bt/bt_bugreport2.png"); 
	cursor: pointer;
}

.btn_touchcompatible:hover {
	background:url("/icon/bt/bt_touch_compatible2.png"); 
	cursor: pointer;
}

.btn_sabermais {
	position:absolute; 
	float:left; 
	width:90px; 
	padding-right:10px; 
	line-height:20px; 
	text-align:center; 
	background:url('/icon/bt/bt_sabermais.png');
}

.jp-stop {
	float:left; 
	width:90px;
	height:30px;
	padding-left:30px;
	background:url('/icon/desligar.jpg') no-repeat;
	background-position:0% 50%;
}

img {
	border:0;
}

/********** Menu de erro **********/
.erro {
	float:left;
	width:400px;
	margin-right:200px; 
	border:1px solid red; 
	background-color:#FFE9DB; 
	color:red; 
	padding:5px 5px 5px 5px; 
	margin-bottom:20px;
	font-size: 12px;
}

/********** Tabelas **********/

table.marcas {
	border-spacing: 0px;
	border-style: solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-collapse: separate;
}

table.marcas td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
}

table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: separate;
}

table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
}