﻿@charset "utf-8";
/* -------------- ESTILOS GERAIS --------------- */

*{
	margin:0;
	padding:0;
}
body{
	background:#faf7f0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
}
img{border:0;}

a{text-decoration:none; color:#333}

a:link {color:#333} 

a:hover {color:#046504} 

a:visited {color:#046504} 

a:active {color:#000} 

/* -------------- HOME  --------------- */

#container_topo {
	position: relative;
	top:0;
	left:0;
	width: 100%;
	height: 162px;
	z-index: 1;
	background:url(../images/a_02.gif) repeat-x
}
#topo {
	position: relative;
	margin:auto;
	width: 1024px;
	height: 162px;
	z-index: 2;
	background:url(../images/p_01.jpg) no-repeat;
}
#container_menu {
	position: relative;
	margin:auto;
	width: 100%;
	height: 74px;
	z-index: 2;
	background:#FBBA18;
}
#menu {
	position: relative;
	margin:auto;
	padding-left:15px;
	width: 1050px;
	height: 52px;
	z-index: 3;
}
#container_geral {
	position: relative;
	margin:auto;
	width: 1024px;
	height: auto;
	z-index: 3;
}
#banner {
	float:left;
	width: 1024px;
	height: auto;
}
#menu_lateral {
	float:left;
	width: 200px;
	height: 242px;
	background:#CCC;
    margin-left:30px;
	padding-top:10px;	
	border-radius:5px;
	behavior:url(PIE.htc);
}
.links_laterais{
	border-bottom:1px dotted #333;
	padding-bottom:10px;
	padding-top:10px;
}

.links_laterais a:link{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#333;
	margin-left:20px;
}
.links_laterais a:hover{
	color:#046504;
}
#texto {
	float:left;
	width: 470px;
	height: 455px;
	padding:20px;
	margin-left:10px;
	margin-top:-250px;
}
#banner_fixos_laterais {
	float:right;
	width: 260px;
	height: auto;
	margin-top:-250px;
}
#cotacao_online {
	width: 237px;
	height: 200px;
	float:left;
	clear:both;
}
#bolsa {
	float:left;
	width: 200px;
	height: 115px;
	clear:both;
}
#solicitar_proposta {
	float:right;
	width: 507px;
	height: 346px;
	margin-right:13px;
}
#simulador {
	float:right;
	width: 258px;
	height: auto;
}
#container_rodape {
	float:left;
	width: 100%;
	height: 154px;
	background:url(../images/a_04.gif) repeat-x;
	margin-top:60px;
}
#rodape {
	position: relative;
	margin:auto;
	width: 1024px;
	height: 154px;
	background:url(../images/p_06.gif) no-repeat;
}
#facebook{
	position:relative;
	top:-31px;
	right:-940px;
	width:48px;
	height:48px;
}
/* -------------- PETROCRED / OUVIDORIA / OBJETIVOS / SIMULADORES --------------- */
#texto_outras_paginas {
	float:left;
	width: 830px;
	height: auto;
	padding:20px;
	margin-left:88px;
}
#texto_outras_paginas h2{
	color: #046504;
	font-size:18px;
}
#banner_fixos_laterais_outras {
	float:right;
	width: 260px;
	height: auto;
	margin-bottom: 40px;
}
/* -------------- PRODUTOS --------------- */
#produtos {
	float:left;
	width: 830px;
	height: auto;
	padding:20px;
	margin-left:110px;
}
#produtos h2{
	color: #046504;
	font-size:18px;
}

.img_produto{
    border: 1px solid #666666;
    float: left;
    height: 110px;
    margin: 8px 17px 10px 0;
    width: 185px;
}
/* -------------- CONTATO/LOCALIZAÇÃO --------------- */
#contato {
	float:left;
	width: 540px;
	height: 455px;
	padding:20px;
	margin-left:110px;
}
#contato h2{
	color: #046504;
	font-size:18px;
}

#formulario{
	float:left;
	width: 350px;
	height: 455px;
}

#mapa{
	float:right;
	width: 109px;
	height: 455px;	
}
#endereco{
 	float: right;
    height: 155px;
    margin-right: -250px;
    margin-top: -70px;
    width: 340px;		
}

.simuladorfinanceiro
{  
   
    float: left; height:300px;
    margin: 0 0 0 105px;
    width: 567px;
}



    .simuladorfinanceiro h2
    {
     color:#3B702A;margin-bottom: 15px;
    }

.simuladorfinanceiro h5
{
  color:#535252; width:150px; height:28px; float:left; font-style:normal; font-weight: normal;
}

.simuladorfinanceiro input
{   
    float: right;
    height: 24px;
    margin-bottom:4px;
    width: 268px;
}

.simuladorfinanceiro select
{   
    float: right;
    height: 24px;
    margin-bottom:4px;
    width: 268px;
}