/* Redefinição global dos elementos da página */
body, html
{width:100%; height:100%;}
/* Fundo tem que ser aplicado ao body apenas para não tornar o render da página lento */
body
{
	background:#217ab2 url(../images/background.png) repeat-x center center; scrollbar-face-color:#1f6191;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#ddeafd;
   scrollbar-shadow-color:#1f6191;
   scrollbar-highlight-color:#ddeafd;
   scrollbar-3dlight-color:#ddeafd;
   scrollbar-darkshadow-Color:#ddeafd;

	}
/* Redefinição de todos os elementos para manter uma aparência geral em todos os browsers */
*{margin:0px; padding:0px; border:0px none; font-family:Arial, Helvetica, sans-serif;
    font-size:11px; color:#005094;}

/* Redefinição dos elementos básicos do html */
h2, h3, h4, h5, h6
{color:#fff}
h1
{font-size:35px; color:#fff}
h2
{font-size:24px;}
h3
{font-size:18px}
h4
{font-size:16px}
h5
{font-size:14px}
h6
{font-size:12px}
/* È necessário usar a classe textBox em inputs do tipo texto e password porque
    o internet explorer 6 não aceita o pseudo selector */
input[type="text"], input[type="password"], .textBox
{border:1px solid #000; padding:2px 4px}


/*** Layout do site ***/
#halfPage
{height:50%;}
#contentWrapper
{position:relative;  top:-304px; height:263px;}
/*Sombras*/
#shadow{width:898px; height:557px; margin:0px auto; padding:18px; background: url(../images/fundo_Div.png) no-repeat;  _background:none; }
/*Sombras*/
        #centerContentWrapper
        {background:#fff; width:898px; height:544px; padding:12px 0px 0px 0px; margin:0px auto}
/* Cabecalho - Menu de Cima */
#HeaderWrapper{height:78px; overflow:hidden; background:#fff; padding-bottom:12px;}

#HeaderTop{height:78px; overflow:hidden}

#HeaderLogo{width:226px!important; height:78px!important;  background:#fff url(../images/Logo.gif);}

.margem_top1{width:12px; height:78px; float:left;}
.margem_top{width:8px; height:78px; float:left;}
.pub{width:192px; height:78px; float:left;}

.pub2{width:200px; height:78px; float:left;}

.pub3{width:239px; height:78px; float:left;}
/*leftMenu*/
#leftMenu
{width:226px; float:left; height:451px; background-color:#fff;
    }
#menu
{
    width:226px; padding-top:8px; float:left; height:84px;  float:left; background:#ed2325 url(../images/menu.jpg) repeat-x;
    }
#ligueja
{
    width:226px; float:left; height:40px;  float:left;
    }
#search
{
    width:226px; float:left; height:166px;  float:left; background-color:#1f6191;
    }
#recomendar
{
    width:226px; float:left; height:86px; float:left; background:#fff url(../images/recomendar.jpg);
    }

#newsletter
{
    width:226px; float:left; height:70px;  float:left; background:#fff url(../images/newsletter.jpg);
    }
#separador
{
    width:12px; float:left; height:451px; background-image:url(../images/lateral.jpg); float:left;
    }

#ShowContent
{
    width:660px; float:left; height:451px; background-image:url(../images/top.jpg); float:left;
    background-repeat:no-repeat;
    }
#pesquisar
{ }

#menu ul, ol
{margin:1px 5px 5px 45px;}
#menu li a
{font-size:14px; color:#fff; font-weight:bold; text-decoration:none;}
#menu li a:hover{
text-decoration:none; color:#1a1859;}

#menu li
{list-style:url(../images/listDot.png); _list-style:url(../images/listDot.gif); margin-bottom:0px;}
#menu li.teste
 {list-style-type:none !important; list-style-image:none !important; color:#fff; font-weight:bold; text-decoration:none;}

#searchCombos
{ padding:5px 10px 10px 27px; }
#searchCombos div
{ padding:6px 0px 0px; height:20px; }
#searchCombos select
{ border:1px solid #000; height:17px; width:159px; padding:0px; margin:0px; font-size:10px; }
#searchCombos select.cboFuel
{ width:136px; }

#load
{ position:absolute; background:#ffd200 url(../images/menuPesquisa.jpg) repeat-x; width:226px; height:160px; top:0px; left:0px;}

/*leftMenu*/

/* Header Contents */
#HeaderLogo
{width:226px;height:auto; float:left; text-align:center;}

/* Content Area */
#contentArea
{height:550px; padding:5px 0px}
/* only for ie */

/* Classes necessárias */
.floatFinalizer
{height:0px; font-size:0px; line-height:0px; clear:both}
.black
{color:#000 !important}
.strong
{font-weight:bold !important; font-size:11px;}
.cleanButton   
{ color:#000; background:transparent; cursor:pointer; font-size:10px; margin:0px; padding:3px 0px 3px 2px }
.textInput
{ color:#706865; background:#f3f2ee; border:1px !important }

.pesquisa
{font-size:15px; color:#000; font-weight:bold;}
.recomendar
{margin:11px 10px 10px 37px;}
.recomendar_text
{font-size:15px; color:#015496; font-weight:bold;}

.recomendar_estilo1
{ border:1px solid #000; height:11px; width:150px; padding-bottom:0px; margin:0px; font-size:10px;}
.recomendar_estilo2
{ border:1px solid #000; height:11px; width:127px; padding:0px; margin:0px; font-size:10px;}

.largura20px
{ width:20px! important;}
#detailsFotos{width:35%;float:left;padding-top:0px;padding-left:20px;color:#333333 !important;}
#detailsContent{width:28%;float:left;padding-top:10px;color:black !important;}
#detailsExtras{width:28%;float:right;padding-top:10px;color:#333333 !important; margin-right:10px;}
#extrasTop{ background-image:url(../images/extrasTop.gif); background-repeat:no-repeat; height:16px; text-align:center; color:White !important; padding-right:20px; font-weight:bold;}
#caracteristicas{ background-color:#f5f3ef; padding:8px; display:block; overflow:scroll; overflow-x:hidden; height:200px;width:165px; }
#extras{ background-color:#f5f3ef; padding:8px; display:none; overflow:scroll; overflow-x:hidden; height:200px;width:165px; }
#credito{float:left; width:660px; height:117px; background:#fff url(../images/credito.gif);}
#mainPesquisa{margin:20px 20px 0px 20px;}
.panel{position:relative; top:0px; width:100%;}
p{color:#333333;}