/* CSS Document */



* { margin: 0; padding: 0; }
espaco {
float:left;
height:2em;
clear:both;
background-color:#ffffdd;
}
html, body { height: 100%; } /*..........Necessário..........*/
/* Min-Height é usado por browsers modernos - "HEIGHT:AUTO" é necessário */
#conteudomaruten {
	padding: 10px;
	margin: 5px;
	text-align: left;
	float:left;
	position: relative;
	min-height: 85%;
	background-color:#ffffdd;
	height: auto;
	height: 85%;

}
/*............BOTTOM:0(ZERO) É NECESSÁRIO...............*/
#menurodape {  position: absolute; bottom:0px; height: 60px; margin:0px; padding: 2px; clear:both; background-color:#ffffdd; width:99%;}
/*............HACK COM CORREÇÕES PARA MSIE...............*/
* HTML #menurodape { margin-bottom:2px; bottom:-1px; }

body { 

	margin:0px;
	
	width:99%;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#666666;

    	padding: 0;

	background: #ffffdd; /*#FFFFDD;*/

	scrollbar-shadow-color: #6b0103; scrollbar-face-color: #f3f3f3;

	scrollbar-3dlight-color: #6b0103; scrollbar-highlight-color: #FFFFFF;

	scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #f3f3f3;

	scrollbar-arrow-color: #6b0103

}



.topo {

	display:block;

	/*width:100%;

	min-width:778px;*/

	height:89px;

	background:url(../imagens/bg_topo.gif) repeat-x;

	margin-top:0px;

	padding:-100px;

}

.slogan{

	display:inherit;

	float:right;

	margin-top:31px;

	background:url(../imagens/slogan.gif) no-repeat;

	width:370px;

	height:50px;

}

#logo{

	width:300px;

	height:89px;

	float:left;

	display:inline;

}

.menu{

	display:block;

	float:left;

	width:100%;

	/*min-width:778px;*/

	/*background:url(../imagens/bg_menu.gif);*/

	/*height:40px;*/

}

.menu ul {

	display:block;

	margin:0;

	padding-left:0px;

}

.menu ul li{

	display:inline;

	float:left;

	text-align:center

	list-style:none;

	width:200px;

	height:40px;

	background:url(../imagens/bg_menu.gif) repeat-x;

	text-align:center;

	}

.menu ul li a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	text-decoration:none;

	display:block;

	padding-top:8px;

}	

.menu ul li:hover{

	background:url(../imagens/link_on.gif) no-repeat;

	width:116px;

	height:31px;

	cursor:pointer;

	}

#miolo{

	display:block;

	margin:0px;

	float:left;



	position:relative;

}

.marca{

	position:absolute;

	top:0px;

	left:0px;

	width:120px;

	height:112px;

	vertical-align:top;

	z-index:1;

	background: url(../imagens/marca_dagua.gif) #ff no-repeat;

}

.conteudo{

	display:inline;

	float:left;

	margin:0px;



	padding:0px;

}

.conteudo h1{

	font-family:Verdana, Arial;

	font-stretch:semi-condensed;

	font-size:14px;

	color:#333333;

	background:url(../imagens/bg_h1.gif) repeat-x top left;

	padding:9px 0;

	margin:0;

	text-indent:10px;

	height:35px;



}

.conteudo p{

	padding-left:20px;

}



.conteudo p b{

	color:#660000;



}



.conteudo ul li{

	padding-left:150px;

	list-style:url(../imagens/seta.gif) inside;

	line-height: 20px;

	}

.conteudo {

	margin-bottom:35px;

}


.ativa a{

	background:url(../imagens/link_on.gif) no-repeat;

	width:116px;

	height:31px;

	cursor:default;

	}

#corte{

	background:url(../imagens/corte_menu.gif) no-repeat;



	height:31px;

	float:left;

}

#fecha{

	background: url(../imagens/fecha_menu.gif) no-repeat;

	width:2px;

	height:31px;

	float:left;

}

.cel2{

	padding-right:10px; 

	width:95%; 

	height:230px;/*233px; overflow: scroll;
	overflow-x: hidden;*/

overflow:auto;
	
	margin-left:0px;

font-family:Verdana, Arial;

	font-stretch:semi-condensed;

	font-size:16px;

	text-indent:0px;

	text-align:justify;

	/*border-width: 1px;

	border-style: solid;

	border-color: #666666;*/

	/*text-indent:50px;*/

}

.cel{

	padding-right:10px; 

	width:95%; 

	height:300px;/*233px; */


	margin-left:0px;

	text-indent:0px;

	text-align:justify;

	/*border-width: 1px;

	border-style: solid;

	border-color: #666666;*/

	/*text-indent:50px;*/

}


#rodape{

	

	text-align:right;

	padding:10px;
	
	/*display:block;*/

	float:left;



	/*min-width:778px;*/

	background:url(../imagens/rodape.gif) repeat-x;

	/*height:25px;*/

	bottom:-6px;

	position:fixed;
	
	clear:both;
	

}



h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

}



.menu a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

	text-decoration:none;

	display:block;

	padding-top:8px;

	border-width: 1px;

	border-style: solid;

	border-color: #666666;

}



.menu a:hover{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	cursor:pointer;

	/*background:#ffffff;*/

	color:#666666;

	font-weight:bold;

}

hr{

	width: 80%;

	text-align:left;

}



p b{

	color:#6b0103;

}



.title h1{

	font-family:Verdana, Arial;

	font-size:18px;

	font-style:italic;

	/*color:#666666;*/

	padding:0px 0px;

	margin:10px;

}



ul {

	list-style-image: url(../imagens/check.gif)

}

a.linkindex:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;

}
a.linkindex:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;

}
a.linkindex:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;

}