/* CSS Document */
* {
	padding:0;
	margin:0;
}


body, html {
	width:100%;
	height:100%;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

* html #geral
{
height: 100%;/*essa função faz com que o layout fique acertado no FF, IE6 e IE7, o height nao pode ficar no #geral que dá pau no IE7*/
}

#geral{
position:relative;
width:1003px;
min-height:100%;
}



/*----------- TOPO ------------*/

#topo{
width:1003px;
height:58px;

}


#topo1 {
width:257px;
height:70px;
display:block;
text-indent:-3000px;
background: url(images/logo_maxi_trust.gif) no-repeat 29px 7px;
}
/*#topo a{

#topo h5{
float:right;
width:26px;
height:14px;
padding-right:6px;
position:relative;
top:37px;*/
#topo h4{
float:right;
width:25px;
height:14px;
position:relative;
top:37px;

}
#topo h5{
float:right;
width:34px;
height:14px;
position:relative;
top:37px;

}
#topo h1{
width:412px;
height:22px;
float:right;
margin-right:39px;
top:25px;
position:relative;
}

/*---- riscos ----*/

.riscos{
width:100%;
margin-top:20px;
padding-top:2px;
padding-bottom:2px;
height:auto;
border-top:solid 3px #de8703;
border-bottom:solid 3px #de8703;
}

/*------------NAVEGACAO--------------*/
#navegacao{

width:100%;
background:url(images/fdo_cinza.gif) 0 0;
/*background:url(../../Corte_Maxi/line_amarelo.gif) 0 0;*/
height:245px;
border-top:solid 3px #0f1f7a;
border-bottom:solid 3px #0f1f7a;
overflow:hidden;
}

#navegacao ul
{
width:245px;
height:175px;
position:relative;
top:9px;
left:21px;
float:left;

}
#navegacao ul li
{
background:url(images/fdo_botao.gif) repeat-x 0 0;
height:24px;
width:245px;
border-top:solid 1px #d3d3d3;
border-left:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
list-style:none;

}
	#navegacao li a{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0f1f7a;
	padding-left:23px;
	padding-top:4px;
	background:url(images/seta_menu.gif) no-repeat 12px 10px;
	display:block;
	_height:1%;/* arruma o problema de espacamento entre as LI no IE6*/
	}
	
	#navegacao ul li:hover
	{
		background:url(images/fdo_botao_over.gif) repeat-x 0 0;
	}
		#navegacao ul li:hover a
		{
			color:#FFF;
			background:url(images/seta_menu_branca.gif) no-repeat 12px 10px;
		}

#navegacao ul.btn_clientes
{
	margin-top:25px;
	height:auto;
	clear:both;/*limpar o float da ul que antecede essa*/
	
}
	#navegacao ul.btn_clientes li
	{
		background-image:none;
		background-color:#de8703;
		font-weight:bold;
		overflow:hidden;/*esconder o aumento da barra laranja*/
	}
	
	#navegacao ul.btn_clientes li a
	{
		/*float:left;esses float é para fazer a seta se alinhar com o topo da barra laranja*/
		font-size:12px;

	}
	
		#navegacao ul.btn_clientes li a, #navegacao ul.btn_clientes li:hover, #navegacao ul.btn_clientes li:hover a
		{
			background-image:none;
			background-color:#de8703;
			cursor:pointer;
		}
		
		#navegacao ul.btn_clientes li img
		{
			/*float:right;*/
			margin-top:5px;
			margin-right:52px;
			position:relative;
			top:-23px;
			left:170px;
			overflow:hidden;
			height:auto;
			background-color:#33FFFF;
		}


/*---------- FLASH -----------*/
#flash{
width:715px;
height:230px;
border:solid 2px #FFF;
position:relative;
left:35px;
top:6px;
overflow:hidden;
}

/*----CONTEUDO------*/
#conteudo{
	padding-bottom:35px;
	zoom:1;/* fazer a div conteudo englobar as outras divs no ie6*/
}

#conteudo:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/*--------- RODAPE -----------*/
#rodape{
	
	width:1003px;
	height:28px;
	clear:both;
	left:0;
	bottom:0;
	margin-top:-37px;
	position:relative;
	background:#ff9a03 url(images/fdo_rodape.gif) repeat-x 0 0;
	text-align:center;
	padding-top:9px;
}



/*=============================================================================*/
/* ------------ paginas ------------ */

/*------ HOME -------*/

#espaco1
{
	width:350px;
	height:auto;
	margin-top:10px;
	margin-left:28px;
	float:left;
	text-align:justify;
	color:#727272;
	padding-bottom:20px;
	_display:inline;/* eliminar a duplicacao da margem pelo IE6*/
}

#espaco1 p{ line-height:1.3;}

#vantagens{
	width:321px;
	float:left;
	background:url(images/fdo_vantagens_20.gif) no-repeat 0 0;
	margin-left:34px;
	height:307px;
	margin-top:10px;
}

#vantagens input{
	position:relative;
	top:268px;
	left:215px;
}

#expansao{
	width:220px;
	height:330px;
	float:left;
	margin-left:34px;
	margin-top:10px;
}