/*geral*/

* {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231F20;
	font-size:9px
}

#externa {}

#principal {
	width:896px;
	margin:0 auto;
	position:relative
}

/* Z-Index Stack */

#conteudo iframe { z-index:0 }
#box-acesso { z-index:4 }
#menu { z-index:2 }

/*header*/

#header {
	float:left;
	position:relative;
	width:896px;
	height:248px;
	background:url(../images/bkg_header.gif) no-repeat top left;
}

#logo_right {
	float:right;
	margin:26px 18px 0 0
}
#logo_cemar {
	display:inline;
	float:left;
	width:40px;
	height:44px;
	margin:10px 0 0 20px;
}
#logo_cemar a {
	display:block;
	width:40px;
	height:44px;
	text-indent:-9999px;
	outline:none;
}	
#busca_ac {
	float:right;
	position:absolute;
	top:85px;
	right:18px;
	width:457px;
}
	
#acesso {
	float:left;
	width:241px;
	height:29px;
	background:url(../images/bkg_acesso.gif) no-repeat top left;
	margin:0 11px 0 0;
}

#busca {
	float:left;
	width:205px;
	height:29px;
	background:url(../images/bkg_busca.gif) no-repeat top left
}
	
#busca_ac h3 {
	float:left;
	margin:8px 5px 0 6px;
	display:inline /*ie6 double margin fix*/
}
	
#btn_ac {
	float:left;
	margin:6px 0 0 0;
}
	
#busca input {
	float:left;
	margin:5px 0 0 0;
	width:128px;
	height:16px;
	font-size:11px;
	color:#878889;
	padding:2px 0 0 2px;
}
	
#busca #btn_ok {
	display:inline;
	float:left;
	margin:6px 0 0 5px
}
	
#banner_header {
	position:absolute;
	top:124px;
	left:11px;
}

/*home*/

#col_left {
	float:left;
	width:208px;
	margin:7px 0 0 0;
}

#col_mid {
	float:left;
	width:464px;
	margin:7px 0 0 7px;
	display:inline /*ie6 double margin fix*/
}

#col_right {
	float:left;
	width:210px;
	margin:7px 0 0 7px;
	display:inline /*ie6 double margin fix*/
}

#menu {
	float:left;
	position:relative;
	width:100%;
	z-index:5
}

#menu ul li {
	display:inline; /*ie6 double margin fix*/
	padding:0 0 3px 0;
	float:left;
	position:relative;
	height:29px;
	line-height:29px;
}

#menu ul li ul {
	background:#003A63;
	border:1px solid #FFF;
	border-bottom:none;
	left:208px;
	position:absolute;
	top:0;
	width:200px;
	z-index:6
}

#menu ul li ul li {
	border-bottom:1px solid #FFF;
	display:block;
	position:relative;
	float:none;
	font-size:11px;
	height:19px;
	line-height:19px;
	z-index:7
}

#menu ul li ul li a {
	color:#FFF;
	padding-left:5px;
	text-decoration:none
}

#menu ul li ul li a:hover { text-decoration:underline }

.banner_left {
	float:left;
	margin:10px 0 0 0;
	width:208px;
	display:inline;
}

.banner_right {
	float:left;
	margin:8px 0 0 0;
	width:210px;
	display:inline;
}

#flash {
	float:left;
	width:464px;
	height:297px
}

#destaques {
	float:left;
	width:100%;
	margin:8px 0 0 0;
}

#destaques h3 {
	float:left;
}

#destaques #itens_destaques {
	float:left;
	width:100%;
	background:#D1D2D4;
	/*height:118px;*/
}

#destaques #itens_destaques #col_1,
#destaques #itens_destaques #col_3 {
	float:left;
	width:145px;
	margin:4px 0 0 0;
}

#destaques #itens_destaques #col_2 {
	float:left;
	width:145px;
	display:inline; /*ie6 double margin fix*/
	margin:4px 14px 0 15px
}

#destaques #itens_destaques h3 {
	margin:0 0 3px 0
}

#destaques #itens_destaques p {
	margin:0 3px 3px 5px;
	font-weight:bold;
	font-size:9px;
	line-height:12px
}

#destaques #borda_bot {
	float:left;
	width:464px;
	height:7px
}

#noticias {
	float:left;
	width:210px;
	height:297px;
}

#noticias h3 {
	float:left;
	width:auto;
	margin:0 0 10px 0
}
	
#noticias p.data {
	font-weight:bold;
	font-size:10px;
	color:#11476D;
	margin:0 3px 0 3px
}
	
#noticias p.descricao {
	font-weight:bold;
	font-size:9px;
	margin:0 3px 6px 3px
}
	
#noticias p.descricao a {
	text-decoration:none;
	color:#000000
}
	
#noticias p.descricao a:hover {
	text-decoration:underline
}

/*interna*/

#div_interna {
	float:left;
	width:682px;
	position:relative;
	margin:7px 0 0 6px;
	display:inline /*ie6 double margin fix*/
}

.borda {
	float:left;
	width:681px;
	height:auto
}

#conteudo {
	display:inline;
	float:left;
	position:relative;
	padding:0 20px 0 20px;
	_padding:0 0 0 21px;
	background:#E7E7E8;
	color:#000;
	width:641px;
}

#conteudo p {
	text-align:justify;
	font-size:11px;
	margin-bottom:17px;
}

#conteudo p a {
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	color:#000
}

#conteudo p a:hover {
	text-decoration:underline;
}
#conteudo h3 {
	font-style:italic;
	font-weight:bold;
	font-size:15px;
	margin-bottom:15px;
}

#conteudo ul { margin-bottom:20px }

#conteudo ul li {
	margin:0 25px 10px 30px;
	list-style:square;
	font-size:11px
}

#conteudo table { 
	margin-left:40px;
	width:90%
}

#conteudo table .tabelatt,
#conteudo table .tabelatx {
	padding:4px;
}

#conteudo table .tabelatt { 
	background:#003A63;
	color:#FFF;
	font-weight:bold
}

#conteudo table .tabelatx {
	border-bottom:1px solid #003A63;
	color:#111
}

#conteudo table .tabelatx a { color:#111 }
#conteudo table .tabelatx a:hover { text-decoration:none }

#conteudo iframe {
	background:#E7E7E8;
}

#conteudo h2 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height:25px;
}

.linktop {
	margin:0 0 15px 0;
}

#conteudo h4 {
	color:#11476D;
	font-size:10px;
	margin:0 0 5px 15px;
}

#conteudo h4 a {
	color:#11476D;
	text-decoration:none
}

#conteudo h4 a:hover {
	text-decoration:underline
}

#conteudo .img_left {
	float:left;
	margin:10px 10px 10px 40px;
	width:auto
}
#conteudo .btn-topo {
	display:block;
	width:640px;
	height:15px;
	text-indent:-9999px;
	background:url(../images/ico_top_pti.gif) right no-repeat;
	outline:none;
	clear:both;
}

/* arquivos */

#periodo { font:bold 11px Verdana, Arial, Helvetica, sans-serif; height:35px }

#periodo h5 {
	color:#11476D;
	float:left;
	font-size:11px;
	margin-top:4px;
	padding-left:10px
}

#periodo label { float:right; display:inline; margin-right:15px }

#periodo label span.campo { 
	color:#11476D;
	margin:0 9px 0 0
}

#periodo label select {
	border:1px solid #CCC;
	color:#999;
	font-size:10px;
	padding:1px 1px 1px 2px;
	width:66px
}

.arquivos { clear:both; margin-left:10px }

.arquivos h3 {
	color:#11476D;
	font:15px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px
}

#conteudo .arquivos table { margin-left:30px; color:#111; width:90% }

#conteudo .arquivos table a { color:#111 }
#conteudo .arquivos table a:hover { text-decoration:none }

.arquivos .data,
.arquivos .icone,
.arquivos .link { padding-bottom:8px }

#conteudo .arquivos .data { 
	width:70px;
	background:url(../images/ico_bullet1.gif) no-repeat 0px 10px; 
	vertical-align:top
}

.arquivos .icone { text-align:center; width:26px }

.arquivos .link { padding-left:5px; vertical-align:top }

#update {
	display:inline;
	float:left;
	width:640px;
	margin:10px 0 !important;
}

#update h5 {
	float:left;
	font-size:11px;
	font-style:italic;
	font-weight:normal
}

#update #btn_topo {
	float:right;
}

.btn_topo {
	float:right;
	width:465px;
	margin:0 25px 0 40px;
	text-align:right
}

/* -- ACESSO RAPIDO -- */

#box-acesso {
	background:url(../images/bkg_acesso_bot.gif) no-repeat left bottom;
	display:none;
	float:left;
	left:212px;
	padding:10px 0 5px;
	position:absolute;
	top:100px;
	width:442px
}

#box-acesso #box-acesso-inner{
	background:url(../images/bkg_acesso_top.gif) no-repeat left top;
	float:left;
	padding-top:5px
}

#box-acesso #box-acesso-mid{
	background:#D1D2D4;
	float:left;
	padding:4px 10px;
	width:422px
}
#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:#003A63;
	font-size:10px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
	width:90%
}

#box-acesso-mid .acesso-mid h4 a {
	padding:0 0 0 8px;
	text-decoration:none
}

#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 {
	display:block;
	font-size:10px;
	padding:2px 0 2px 0;
	width:90%
}

#box-acesso-mid .acesso-mid ul li a {
	color:#111;
	display:block;
	text-decoration:none;
	width:200px
}

#box-acesso-mid .acesso-mid ul li a:hover { text-decoration:underline }

/*slideshow*/
#slideshow {
	float: left;
	height: 297px;
	width: 464px;
	position: relative;
	background-image: url(../images/slideshow_loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index:1;
}
#slideshow img {
	float: left;
}
#slideshow .numbers {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 22px;
	z-index:6
}
#slideshow .numbers a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:-9999px
}
#slideshow .link1 { background-image: url(../images/slideshow_link1.gif) }
#slideshow .link2 { background-image: url(../images/slideshow_link2.gif) }
#slideshow .link3 { background-image: url(../images/slideshow_link3.gif) }
#slideshow .link4 { background-image: url(../images/slideshow_link4.gif) }

#slideshow .numbers a:hover,
#slideshow .numbers .activeSlide { background-position: left -22px!important; }

/*agencia eletronica*/

#agencia {
	width:896px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:15px 0 0 0
}

#agencia iframe {
	width:800px;
	height:500px;
	margin:0 0 0 48px;
	float:left;
	border: 0px solid #ffffff;
	display:inline /*ie6 double margin fix*/
}

/*footer*/

#footer {
	float:left;
	width:100%;
}

#left_foot {
	float:left;
	margin:17px 0 0 15px;
	display:inline /*ie6 double margin fix*/
}

#right_foot {
	float:right;
	margin:10px 0 0 0
}


