/* geral */

* {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#A19E8F;
	font-size:11px;
}

#principal {
	width:960px;
	margin:0 auto;
	position:relative;
	background:url(../images/bkg_principal.gif) no-repeat top left;
	overflow:hidden
}

#main {
	float:left;
	width:960px;
	margin:0 0 0 0
}

.conteudo #main {
	position:relative;
}

/* Z-INDEX STACK */

#menu ul li ul { z-index:4 }
#menu { z-index:3 }
.conteudo #breadcrumb { z-index:2 }
#footer { z-index:1 }


/* header */

#header {
	float:left;
	width:960px
}

#logo_left {
	float:left;
	width:39x;
	margin:76px 0 0 38px;
	display:inline /* ie6 double margin fix */
}

#busca {
	float:left;
	width:113px;
	height:21px;
	clear:right;
	margin:96px 0 0 63px;
	display:inline /* ie6 double margin fix */
}

#busca #left {
	float:left;
	width:10px;
	height:21px;
	background:url(../images/bkg_busca_left.gif) no-repeat top left
}

#busca input {
	float:left;
	background:url(../images/bkg_busca.gif) repeat-x top left;
	padding:4px 0 0 0;
	color:#0078AB;
	font-weight:bold;
	width:81px;
	height:18px;
	font-size:11px
}

#busca #btn_ok {
	float:left;
	width:22px;
	height:21px
}

#logo_right {
	float:right;
	width:98px;
	margin:15px 16px 0 0
}

#header #items_right {
	float:right;
	width:123px;
	margin:0 80px 0 0
}

#header h4#idioma {
	float:left;
	width:auto;
	font-size:11px;
	margin:12px 0 0 12px;
	display:inline /* ie6 double margin fix */
}

#header h4#idioma a {
	color:#0078AB;
	font-weight:bold;
	text-decoration:none;
	text-transform:capitalize
}

#header h4#idioma a:hover {
	text-decoration:underline
}



#menu_cosan {
	float:right;
	margin:2px 0 0 0;
	z-index:5
}

#menu_cosan a.quick-acess {
	height:20px;
	padding:7px 0 0 13px;
	width:113px;
	float:left;
	font-weight:bold;
	color:#0078AB;
	text-decoration:none
}

#menu_cosan a.quick-acess:hover {
	color:#97C03C;
}

#menu_cosan a.quick-acess {
	background:url(../images/bkg_menu_cosan.gif) no-repeat left top;
	margin:5px 0 0;
}


#menu {
	float:left;
	width:100%;
	margin:35px 0 0 0;
	clear:both;
	position:relative;
}

#menu ul {
	float:left;
	width:auto;
	height:30px;
}

#menu ul li {
	float:left; /* Tira Espaçamento no IE */
	height:31px;
	width:auto;
	position:relative;
}

#menu ul li a {
	cursor:pointer;
	display:block;
	height:31px;
	overflow:hidden;
	text-indent:-9999px
}

/* PORTUGUES */

#menu ul li a#mnu_26265 { background:url(../images/menu/mnu_mob_1_pti.gif) no-repeat left top; width:56px }
#menu ul li a#mnu_26266 { background:url(../images/menu/mnu_mob_2_pti.gif) no-repeat left top; width:112px }
#menu ul li a#mnu_26267 { background:url(../images/menu/mnu_mob_3_pti.gif) no-repeat left top; width:83px }
#menu ul li a#mnu_26268 { background:url(../images/menu/mnu_mob_4_pti.gif) no-repeat left top; width:113px }
#menu ul li a#mnu_26269 { background:url(../images/menu/mnu_mob_5_pti.gif) no-repeat left top; width:61px }
#menu ul li a#mnu_26270 { background:url(../images/menu/mnu_mob_6_pti.gif) no-repeat left top; width:67px }
#menu ul li a#mnu_26271 { background:url(../images/menu/mnu_mob_7_pti.gif) no-repeat left top; width:62px }
#menu ul li a#mnu_26272 { background:url(../images/menu/mnu_mob_8_pti.gif) no-repeat left top; width:125px }
#menu ul li a#mnu_26273 { background:url(../images/menu/mnu_mob_9_pti.gif) no-repeat left top; width:76px }
#menu ul li a#mnu_26274 { background:url(../images/menu/mnu_mob_10_pti.gif) no-repeat left top; width:91px }

/* INGLES */

#menu ul li a#mnu_26570 { background:url(../images/menu/mnu_mob_1_eni.gif) no-repeat left top; width:72px }
#menu ul li a#mnu_26574 { background:url(../images/menu/mnu_mob_2_eni.gif) no-repeat left top; width:51px }
#menu ul li a#mnu_26576 { background:url(../images/menu/mnu_mob_3_eni.gif) no-repeat left top; width:93px }
#menu ul li a#mnu_26577 { background:url(../images/menu/mnu_mob_4_eni.gif) no-repeat left top; width:126px }
#menu ul li a#mnu_26594 { background:url(../images/menu/mnu_mob_5_eni.gif) no-repeat left top; width:73px }
#menu ul li a#mnu_26612 { background:url(../images/menu/mnu_mob_6_eni.gif) no-repeat left top; width:62px }
#menu ul li a#mnu_26614 { background:url(../images/menu/mnu_mob_7_eni.gif) no-repeat left top; width:71px }
#menu ul li a#mnu_26620 { background:url(../images/menu/mnu_mob_8_eni.gif) no-repeat left top; width:88px }
#menu ul li a#mnu_26623 { background:url(../images/menu/mnu_mob_9_eni.gif) no-repeat left top; width:91px }
#menu ul li a#mnu_26624 { background:url(../images/menu/mnu_mob_10_eni.gif) no-repeat left top; width:119px }



#menu ul li ul {
	float:left; /* Ajustar com o tamanho do Texto */
	display:none;
	left:0;
	margin-left:0;
	top:28px;
	width:235px;
}

#menu ul li ul li {
	background:none;
	float:left; /* Tira Espaçamento no IE */
	width:auto;
	line-height:20px;
	height:20px;
	background:url(../images/bkg_submenu_mid.png) repeat-y left top;
}

#menu ul li ul li.primeiro {
	background:url(../images/bkg_submenu_top.png) repeat-y left top;
	padding:5px 0 0 0
}

#menu ul li ul li.ultimo {
	background:url(../images/bkg_submenu_bot.png) repeat-y left top;
}	

#menu ul li ul li a {
	color:#FFFFFF;
	background:none;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;		
	line-height:15px;
	height:15px;
	padding:0 0 0 10px;
	text-decoration:none;
	text-indent:0;
	width:235px
}

#menu ul li ul li a:hover { text-decoration:underline }

#breadcrumb {
	clear:both;
	display:inline;
	float:left;
	margin:5px 20px;
	width:80%;
	color:#DCDBD5
}

#breadcrumb a {
	color:#DCDBD5;
	text-decoration:none
}

#breadcrumb a:hover { text-decoration:underline }

.conteudo #breadcrumb {
	left:0;
	position:absolute;
	top:0;
}

/* conteudo home */

#col_left {
	float:left;
	width:480px
}

#col_right {
	float:right;
	width:434px
}

#flash {
	float:left;
	width:480px;
	height:287px;
	margin-bottom:-60px;
}

#texto_home {
	float:left;
	width:480px;
	margin:40px 0 0 0
}
#texto_home p a {
	color:#A19E8F;
}
#texto_home h1 {
	color:#006BB6;
	font-size:48px;
	font-weight:bold;
	margin:0 10px 10px 20px
}

#texto_home p {
	margin:0 10px 10px 20px;
	font-size:12px;
	text-align:left;
}

#box_home {
	*float:left;
	width:100%;
	/*background:#A5A5A2;*/
	margin-left:-130px;
	padding-bottom:20px;
}

#box_home .item {
	float:right;
	width:133px;
	margin:0 6px 0 0;
	display:inline /* ie6 double margin fix */
}

#box_home .item .thumb {
	margin:0 0 7px 0
}

#box_home .item h3 {
	font-size:15px;
	color:#FFFFFF;
	margin:0 0 7px 0
}

#box_home .item p {
	color:#FFFFFF;
	margin:0 0 7px 0;
	font-size:12px;
}

#youtube {
	float:left;
	width:434px;
	margin:20px 0 0;
	margin-left:-40px;
	margin-bottom:-40px;	
}

#arquivos_video {
	float:left;
	width:auto;
	margin:10px 0 0 0
}

/* internas */

#conteudo {
	float:left;
	width:100%;
	margin:54px 0 0 0;
	/*height:470px*/
	height:auto;
}

#conteudo #left {
	float:left;
	width:403px
}

#conteudo #right {
	float:left;
	width:557px
}

#conteudo #right.colspan {
	width:960px
}

#conteudo #left .img_left {
	float:left;
	width:auto;
	margin:11px 0 9px 0
}

#conteudo #left #terminais {
	float:left;
	width:auto;
	margin:0 0 0 23px;
	display:inline /* ie6 double margin fix */
}

#conteudo #left .mapa {
	float:left;
	width:auto;
	margin:94px 0 0 44px;
	display:inline /* ie6 double margin fix */
}

#conteudo #right h2 {
	color:#006BB6;
	font-size:30px;
	font-weight:bold;
	margin:0 10px 10px 0
}

#conteudo h3 {
	color:#A19E8F;
	font-size:20px;
	margin:0 0 10px 0;
}

#conteudo p,
#conteudo li,
#conteudo table {
	margin:0 46px 10px 0;
	font-size:12px;
	text-align:left;
}

#conteudo p a,
#conteudo li a,
#conteudo table a {
	color:#A19E8F;
	text-decoration:underline
}

#conteudo p a:hover,
#conteudo li a:hover,
#conteudo table a:hover {
	text-decoration:none
}

#conteudo ul.linktop { margin:0 0 15px 0 }

	#conteudo ul.linktop li {
		background:url(../images/ico_bullet3.gif) no-repeat left 4px;
		font-weight:bold;
		list-style:none;
		margin-bottom:9px;
		padding-left:11px;
	}
	
		#conteudo ul.linktop li	a { text-decoration:none }
		
			#conteudo ul.linktop li	a:hover { text-decoration:underline }


#conteudo ul {
	margin:0 0 10px 30px;
}

#conteudo ul {
	margin:0 45px 10px 15px;
}

#conteudo ul li {
	margin:0 0 10px 0; 
	background:url(../images/ico_bullet4.gif) no-repeat left 6px; 
	padding:0 0 0 10px 
}
#conteudo ol {
	margin-right:45px;
	margin-left:20px;
}
#conteudo ol li { 
	margin:0 0 10px 0;
	color:#A19E8F; 
	list-style:decimal;
	padding:0px
}

#conteudo table {
	font-size:13px;
	width:100%
}

#conteudo table td { padding:3px }

#conteudo table td.tabelatt { 
	background:#E01A22;
	color:#FFF;
}

#conteudo table td.tabelatx {
	border-bottom:1px solid #E01A22;
	color:#A19E8F;
}

#conteudo table td.tabelatx a { color:#A19E8F }

#conteudo table td.tabelatx a:hover { text-decoration:none }

.imagem_conteudo {
	float:left;
	margin:20px;
	display:inline /* ie6 double margin fix */
}

a.btn-topo {
	color:#006BB6;
	font-weight: bold;
	display: block;
	width: 92%;
	text-align:right;
	padding:0 30px 16px 0;
	text-decoration:none
}

a.btn-topo:hover { text-decoration: underline }

a.voltaraotopo {
	background:url(http://www.mzweb.com.br/mobil/web/images/bg_topo.gif) no-repeat left 2px;
	color:#D1D1C9;
	float:right;
	font-size:12px;
	height:14px;
	overflow:hidden;
	padding-left:30px;
	text-decoration:none;
	width:91px;
}

/* Arquivos */

#conteudo #right #periodo h2 { font-size:16px; float:left }

#periodo #lano { float:right }
#periodo #lano .campo { margin-right:10px; }

#periodo #lano select {
	color:#A19E8F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	border:1px solid #A19E8F;
	width:60px

}
.arquivos h3 { clear:both }

.arquivos td.link,
.arquivos td.link a,
.arquivos td.link a:hover {
	color:#A19E8F;
}

.arquivos td.link a {
	text-decoration:none;
}

.arquivos td.link a:hover {
	text-decoration:underline;
}

.box_cinza {
	float:right;
	width:100%;
	background:#A6A699;
	color:#FFFFFF;
	margin:14px 0 0 0
}

.box_cinza .coluna_a {
	float:left;
	width:auto;
	margin:17px 25px 0 0
}

.box_cinza .coluna {
	float:left;
	width:150px;
	margin:17px 0 0 0
}

.box_cinza .coluna_b {
	float:left;
	width:300px;
	margin:17px 5px 0 0
}

.box_cinza .coluna_c {
	float:left;
	width:180px;
	margin:17px 0 0 0
}

.box_cinza h6 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0
}

.box_cinza h6 a {
	text-decoration:none;
	color:#FFFFFF
}

.box_cinza h6 a:hover {
	text-decoration:underline
}

.box_cinza h5 {
	font-size:10px;
	margin:0 0 10px 0;
	font-weight:bold;
}

.box_cinza h5.leia_mais {
	float:right
}

.box_cinza h5.leia_mais a {
	color:#ED1B2E;
	text-decoration:none;
	text-align:right
}

.box_cinza h5.leia_mais a:hover {
	text-decoration:underline;
}

/* footer */

#footer {
	position:relative;
	float:left;
	width:100%;
	margin:24px 0 10px 0
}

#footer ul#items_left {
	float:left;
	width:auto;
	margin:0 0 0 20px
}

#footer ul#items_left li {
	display:inline;
	margin:0 14px 0 0
}

#footer #item_right {
	float:right;
	width:auto;
	margin:0 29px 0 0
}

/* Mapa do Site */

#conteudo #mapasite li {
	list-style:none;
	margin-bottom:5px
}

#mapasite .tit_mapa,
#mapasite .tit_mapa a {
	color:#006BB6;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#mapasite .tit_mapa a:hover,
#mapasite .txt_mapa a:hover { text-decoration:underline }

#mapasite .txt_mapa {
	font-size:11px
}

#mapasite .txt_mapa a { 
	color:#A19E8F;
	padding-left:15px;
	text-decoration:none
}

/* --- Acesso Rápido --- */

#box-acesso {
	background:#FFF url(../images/bkg_acesso_bot.gif) no-repeat left bottom;
	width:442px;
	float:left;
	position:absolute;
	right:190px;
	top:32px;
	padding:0 0 10px;
	display:none;
	z-index:6
}

#box-acesso #box-acesso-inner{
	background:url(../images/bkg_acesso_top.gif) repeat-y left top;
	padding-top:10px
}

#box-acesso #box-acesso-mid{
	background:url(../images/bkg_acesso_mid.gif) repeat-y left top;
	float:left;
	width:422px;
	padding:0 10px
}
#box-acesso #box-acesso-mid .acesso-mid {
	float:left;
	width:208px
}

#box-acesso-mid .acesso-mid h4,
#box-acesso-mid .acesso-mid h4 a {
	color:#006BB6;
	font-weight:normal;
	font-size:11px;
	margin-bottom:5px;
	font-weight:bold
}

#box-acesso-mid .acesso-mid h4 a {
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 0;
}

#box-acesso-mid .acesso-mid h4 a:hover { text-decoration:underline }
#box-acesso-mid .acesso-mid ul { margin:0 0 5px 5px }

#box-acesso-mid .acesso-mid ul li {
	font-size:11px;
	font-weight:bold;
	background:url(../images/ico_bullet3.gif) no-repeat left 6px;
	padding:2px 0 2px 8px;
	float:left;
	width:190px
}

#box-acesso-mid .acesso-mid ul li a {
	color:#A19E8F;
	text-decoration:none;
}

#box-acesso-mid .acesso-mid ul li a:hover { text-decoration:underline }