/* 
 Autor:Marvio Pinheiro
  Data:17/11/2010
Função: Desenvolvimento e estilização do site finance
*/

*{margin:0; padding:0;}
.clear{clear:both;}
a{
	color:#FFCC00;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#luz{
	background:url(../image/luz.jpg) no-repeat;
	margin:0 auto;
	height:1100px;
}
body{
	background:#449284; 
	/*background:#6fbfaf; */
	font:15px Arial, Helvetica, sans-serif; 
	color:#FFF;
}
#geral{
	width:960px;
	margin:0 auto;
}
/*#header{
	*margin-top:60px !important;
	}*/
	/* TOPO, LOGO E MENU */
	#topo{width:960px; height:199px;}
	#logo{
		background:url(../image/logo2021.png) no-repeat;
		width:396px;
		height:74;
		float:left;
		margin-top:15px;
		border-radius: 10px;
		height: 110px;
	}
	#logo h1{
		display:block; 
		text-indent:-9999px;
	}
	#logo a{
		display:block;
		width:396px;
		height:155px;
	}
	#menu-sup{
		background:url(../image/bg-menu.png) no-repeat;
		width:538px;
		height:52px;
		margin:35px 0;
		float:right;
	}
	#menu-sup li{
		display:inline;
		list-style:none;
		padding:17px 0;
		float:left;
		margin-left:13px;
	}
	#menu-sup li a{
		color:#FFF;
		font:16px Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#menu-sup li a:hover{
		color:#79450B;
		text-decoration:underline;
	}
	
	/* BANNER PRINCIPAL */
	#baner-principal{
		width:960px;
		height:477px;
		*heigth:570px ;
		float:left;
		margin-top:-100px;
		*margin-top:0 !important;
	}
	/* BOX */
	.box-1{
		width:299px;
		float:left;
		margin-left:20px;
	}
	
	/* QUEM SOMOS */
	h1.quem{
		background:url(../image/quem.png) no-repeat;
		width:201px;
		height:40px;
		float:left;
		text-indent:-9999px;
	}
	h1.correspondentes{
		background:url(../image/correspondente.png) no-repeat;
		width:277px;
		height:40px;
		float:left;
		text-indent:-9999px;
	}
	h1.noticia{
		background:url(../image/produtos.png) no-repeat;
		width:141px;
		height:40px;
		float:left;
		text-indent:-9999px;
	}
	/* RODA PE */
	#roda-pe{
		background:url(../image/bg-rodape1.jpg) repeat-x;
		height:168px;
		font-size:12px;
	}
	#roda-pe .wrap{
		background:url(../image/bg-rodape-2.png) no-repeat;
		width:960px;
		height:167px;
		margin:0 auto;
	}
	.wrap p{
		color:#449284;
		padding:44px 0 0;
		text-align:center;
	}
	ul.desenvolvimento{
		float:right; 
		display:inline;  
		margin-right:20px; 
		font-size:10px; 
		margin-top:-4px;  
		*margin-top:-50px;   
		list-style:none;
		*float:none;
		*display:none;
	}
	ul.desenvolvimento li{display:inline;  color:#449284;}
	ul.desenvolvimento li a{
		background:url(../image/logo-analise2.png) no-repeat; 
		float:right;
		width:27px;
		height:19px;
		text-indent:-9999px;
	}
	ul.desenvolvimento li a:hover{
		background:url(../image/logo-analise1.png) no-repeat;
		width:27px; 
		height:19px;
	}
	/*----------------*/
	ul.desenvolvimento-2{float:right; *float:none; display:inline; *display:block; margin-right:20px; font-size:10px; margin-top:-4px; }
	ul.desenvolvimento-2 li{display:inline; *display:block;  color:#449284; list-style:none;}
	ul.desenvolvimento-2 li a{
		float:right;
		color:#449284;
	}
	ul.desenvolvimento-2 li a:hover{
		color:#006633;
		text-decoration:underline;
	}
	
	/* INTERNO */
	#interna{
		display:block;
		margin-top:-100px;
		*margin-top:0;
		height:auto;
	}
	h1.convenios{
		background:url(../image/convenios.png) no-repeat;
		width:172px;
		height:32px;
		display:block;
		text-indent:-9999px;
	}
	h1.parceiros{
		background:url(../image/parceiros.png) no-repeat;
		width:149px;
		height:30px;
		display:block;
		text-indent:-9999px;
	}
	h1.sobrenos{
		background:url(../image/sobrenos.png) no-repeat;
		width:162px;
		height:31px;
		display:block;
		text-indent:-9999px;
	}
	h1.contato{
		background:url(../image/contato.png) no-repeat;
		width:136px;
		height:35px;
		display:block;
		text-indent:-9999px;
	}

	/* FALE CONOSCO */
	#fale{
		width:400px;
	}
	#fale label{
		display:block;
		margin:10px 0 0 0;
	}
	#fale input, textarea{
		border:1px solid #030;
		padding:3px;
	}
	#botao{
		background:#030;
		color:#FFF;
		cursor:pointer;
		font-weight:bold;
	}


	/* BOX- 1 */
	#box-1{
		width:300px;
		height:151px;
		display:block;
		float:left;
		margin:30px 10px 0 0;
	}
	.box-1 p{
		text-align:justify !important;
	}
	/* PRODUTO */
	.produtoLi li{
		padding:5px 0;
		list-style:none;
		font-size:17px;
		font-weight:bold;
	}

	/* internas boxes */
	#boxInter{
		width:939px;
		position:relative;
		background:#FFF;
	}
	#boxInter h2{
		color: #449284;
		margin-left: 10px;
	}
	#boxInter p{
		color: #449284;
		line-height: 150%;
		margin: 10px;
	}
	#boxInter form{
		margin:10px;
		float:left;
	}
	#boxInter form label{
		color:#449284;
	}
	p.fontVerd {
		color: #449284;
		font-size: 21px;
		line-height: 150%;
		margin-left: 10px;
	}
	.topBox{
		background:url(../image/top-box.png) no-repeat;
		width:939px;
		height:26px;
		position:Absolute;
		top:-26px;
	}
	.fto-contato{
		float:right;
		width:400px;
		height:450px;
	}
	.bottomBox{
		background:url(../image/bottom-box.png) no-repeat;
		width:939px;
		position:relative;
		bottom:-10px;
		height:10px;
	}
	
	/* header simuladores */
	.SimulHead, .SimulHead2{
		color:#449284;
		height:40px;
	}
	.SimulHead{
		background-position:0 0;
	}
	.SimulHead2{
		background-position:0 -40px;
	}
	/*/\/ IFRAME \/\*/
	iframe{
		border:none;
	}
	.botao{
		background:#003A87;
		color:#FFF;
		cursor:pointer;
	}
	
	/*/\/ SIMULADORES \/\*/
	.simulCaixa, .simulBradesco{
		background:url(../images/simuladores.jpg) no-repeat;
		border:1px dashed #01172E;
		height:43px;
		width:219px;
		margin:20px 45px 0;
	}
	.simulCaixa a, .simulBradesco a{
		display:block;
		height:43px;
		width:219px;
		text-indent:-9999px;
	}
	.simulCaixa{
		background-position:0 0;
	}
	.simulBradesco{
		background-position:0 -44px;
	}
	
	.campanha{
		font:14px Arial, Helvetica, sans-serif;
	}
	.campanha li{
		line-height:240%;
	}
	.campanha li span{
		font-weight:bold;
	}
	
	.wrapInter {
		margin: 0 auto;
		min-height: 300px;
		width: 860px;
	}
	
	.wrapInter input, select, textarea{
		border: 1px solid #CDCDCD;
		padding: 5px;
	}