@import url("reset.css");
@import url("replacements.css");

/**
	Projeto - Projeto (CLIENTE) v: 0.1
	Developer(s):
		+ Fernando Basilio (fernando.basilio@hellointeractive.com.br)
*/

/* ELEMENTOS ------------------------------------------------------------------------------ */
html, body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	font-family: verdana;
	font-size: 10px;*/
	line-height: 13px;
	color: #696969;
	background: #f3f2ed;
}
html{ overflow-y: scroll; }

h1, h2, h3, h4, h5 { font-size: 11px; font-weight: normal; }

/* Custom Headers */

h3.destaque
{
    background-color: #F5F5F1;
    border: solid 1px #EEE;
    padding: 9px;
}

a{
	overflow: hidden;
	color: #6F6E4F;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

li { list-style: none; }

input, textarea, select{
	font-family: Tahoma;
	font-size: 11px;
	color: #7a7857;
	padding: 0 2px;
}

textarea{
	overflow: auto;	
}

button{
	border: 0;
	font-size: 11px;
	cursor: pointer;
}

strong{
	font-weight: bold;
}

h3{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}

h4{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

h5{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
	color: #9e260e;
}

p{ 
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

p em{
	font-style: italic!important;
}



/* estilos tinymce  */
.titulo_principal{
	float: left;
	width: 97%;
	color: #6e6e52!important;
	background: #f7f6f4;
	border: 1px solid #eeeeec;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.borda_imagem{
	border-bottom:3px solid #BEBEBE;
	border-right:3px solid #BEBEBE;
	margin-right: 10px
}

.link_amarelo{
	font-weight: bold;
	color: #ffc423;
	text-transform: uppercase;
}

.link_mais {
	background: #ffc825;
	font-size: 9px;
	padding: 0 3px 1px 3px;
}

.link_mais:hover{
	text-decoration: none;
}

.link_veja_mais {
	float: left;
	background: url(../images/bullet_next.png) no-repeat 2px 0px;
	font-weight: bold;
	padding-left: 20px;
	height: 16px;
	padding: 1px 0 1px 23px;
}

.link_veja_mais:hover{
	text-decoration: underline;
}


.bullet_ponto{
	padding-left: 10px;
	background: url(../images/bullet_point.png) no-repeat left 5px;
}

.indice_como_funciona{
	float: left;
	display: inline;
	width: 80%;
	color: #6e6e52!important;
	background: #F4F4F0;
	border: 1px solid #eeeeec;
	padding: 5px;
	margin-bottom: 3px;
	margin-left: 70px
}

.numero_indice{
	background: #ffc825;
	font-size: 9px;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* estilos tinymce  */

.box_postos{
	float: left;
	width: 97%;
	color: #6e6e52!important;
	background: #f7f6f4;
	border: 1px solid #eeeeec;
	padding: 5px;
}

.box_pontos .titulo_principal{
	margin-bottom: 2px;	
}

.titulo_principal_todas_dicas{
	width: 83%;
}



/* MODAL */
/*
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; } 
.view_modal { position: absolute; left: 50%;	top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }
*/
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.view_modal {
	left:50%;
	position:absolute;
	text-align:left;
	top:50%;
	z-index:99998;
}

.bg_modal {
	background-color:#000000;
	left:0pt;
	position:absolute;
	top:0pt;
	z-index:99998;
}

#modal {
	background: #000 ;
	color:#FFFFFF;
}

.conteudo_modal{
	background: #fff;
	width: 640px;
	height: 480px;
	padding: 10px;
	border: 1px solid #919191;
}

.conteudo_modal img{
	width: 640px;
	height: 480px;
}

.conteudo_modal a{
	position: absolute;
	right: 0;
	top: 0;
	background: #9e260e;
	color: #fff;
	padding: 5px 8px;
}
.conteudo_modal a:hover{
	text-decoration: none;
}


/* ESTRUTURA ------------------------------------------------------------------------------ */
#topo{
	border-bottom: 1px solid #fff;
}

.content_topo{
	width: 990px;
	height: 186px;
	margin: 0 auto;
	position: relative;
}

.img_logo_ccr_viaoeste,
.img_logo_ccr_viaoeste a{
	float: left;
}

.img_logo_ccr_viaoeste{
	margin: 2px 3px;
}

.box_disque{
	float: right;
	width: 500px;
	height: 26px;
	margin: 34px 0 0 0;
	border-right: 9px solid #9e260e;
}


.box_disque .disque_concessionaria,
.box_disque .disque_telefone{
	float: right;
	height: 26px;
}

.box_disque .disque_concessionaria h2{
	float: right;
	width: auto;
	height: 15px;
	margin-right: 5px;
	margin-top: 7px;
}

.box_disque .disque_telefone{
	width: 108px;
	height: 26px;
	background: #f6f6f2;
}

.box_disque .disque_telefone h2{
	float: left;
	width: 97px;
	height: 22px;
	margin-left: 5px;
}

#footer{
	width: 100%;
	height: 33px;
	border-top: 1px solid #dad8d1;
	background: #f4f6f6;
}

.content_footer{
	width: 950px;
	height: 21px;
	margin: 0 auto;
	padding: 12px 20px 0 20px;
	font-size: 10px;
}

.content_footer h6 {
	float: left;
	margin-top: 2px;
}

.content_footer .navFooter {
	float: right;
	width: 570px;
	height: 12px;
}

.content_footer .navFooter li{
	float: right;
	width: auto;
	display: inline;
	height: 12px;
	font-size: 10px;
	font-family: Tahoma;
	color: #7b605b;
/*	text-indent: -9999px;*/
}

.content_footer .navFooter li a:hover{
    text-decoration: none;
}

.content_footer .navFooter li{
	margin-left: 15px;
	border-left: 1px solid #7b605b;
	padding-left: 15px;
}

.content_footer .navFooter li.navFooterPolitica{
	border: 0;
}


/* navInstitucional */
.navInstitucional{
	width: 990px;
	height: 32px;
	padding: 3px 0 0 0;
}
	
.navInstitucional ul{
	float: right;	
}
	
.navInstitucional ul li{
	float: left;
	margin: 0 8px;
}

.navInstitucional ul li,
.navInstitucional ul li a{
	float: left;
	color: #7b605b;
	height: 32px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


/* navTopo ------------------------------------------------------------------------------ */
.navTopo{
	float: right;
	width: 660px;
	height: 26px;
	margin: 13px 0 0 0;
}
	
.navTopo ul{
	float: right;	
}
	
.navTopo ul li{
	float: left;
	margin-left: 1px;
}

.navTopo ul li,
.navTopo ul li a,
.btNavTopoBusca,
.btOK{
	float: left;
	height: 26px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.boxBuscar{
	float: right;
	padding: 0;
	margin-left: 1px;
}

.boxBuscar input{
	float: left;
	width: 142px;
	margin-top: 6px;
	margin-right: 6px;
	border: none;
	background: #fff;
}

/* breadcrumb */
.breadcrumb{
	height: 25px;
	margin-top: 1px;
}

.breadcrumb ul{
	float: left;
	display: inline;
	margin: 6px 0 0 20px;
}

.breadcrumb ul li{
	float: left;
	display: inline;
	color: #9e260e;
	padding-right: 10px;
	margin-right: 5px;
	background: url(../images/bullet_breadcrumb.png) no-repeat right 3px;
}

.breadcrumb ul li a{
	color: #9e260e;
}



/* navMain ------------------------------------------------------------------------------ */
.navMain{
	float: left;
	width: 990px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 0;
}

.navMain ul{
	float: left;	
}
	
.navMain ul li{
	float: left;
	display: inline;
	margin-left: 1px;
}

.navMain ul li,
.navMain ul li a{
	float: left;
	height: 30px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


/* container ------------------------------------------------------------------------------ */
#container{
	float: none;
	width: 990px;
	display: table;
	background: #fff;
	margin: 0 auto;
}

.content{
	float: left;
	width: 990px;
/*	padding-bottom: 20px;*/
}

.navInterna{
	float: left;
}

.btVejaMais{
	float: left;
	width: 125px;
	font-weight: bold;
	padding: 0 0 0 20px;
}


/* box Linha Publicidade */
.boxLinhaPublicidade{
	float: left;
	width: 990px;
	margin: 10px 0;
}

.boxLinhaPublicidade .publicidade{
	float: left;
	display: inline;
	width: 310px;
	height: 60px;
	margin: 0 16px 0 7px;
	text-align: center;
	font-size: 10px;
}

.boxLinhaPublicidade .last{
	margin-right: 0;
}

.boxLinhaPublicidade .publicidade span{
	float: left;
	width: 100%;
}



.parceiros	{
	display:inline;
	float:left;
	margin-left:125px;
	margin-top:25px;
	padding-bottom:25px;
	width: 740px;
}

.parceiros li, 
.parceiros li a{
	float: left;
	height: 32px;
	text-indent: -9999px;
	
	overflow: hidden;
}
.parceiros li { float:left; margin-left:20px; }


.btEnviar{
	float: left;
	width: 69px!important;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/btEnviar.png) no-repeat;
	border: 0;
	cursor: pointer;
}

.boxFlashAcompanhe{
	float: left;
	height: 92px;
	overflow: hidden;
}

/* coluna full ------------------------------------------------------------------------------ */
.conteudo_full{
	float: left;
	width: 773px;
	height: 100%;
	padding: 30px 10px 0 12px;	
}

.listPremios{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

/* coluna 1 ------------------------------------------------------------------------------ */
.conteudo{
	float: left;
	width: 413px;
	padding: 30px 10px 0 12px;	
}


/* coluna 2 ------------------------------------------------------------------------------ */
.destaques{
	float: left;
	width: 320px;
/*	background: #f00;*/
	padding: 30px 15px 0 25px;	
}

.destaques img{
/*	margin-bottom: 15px;*/
}

/*.conteudo strong,
.destaques strong,
.conteudo_full strong{
	font-size:10px;
}*/
	

/* coluna 3 ------------------------------------------------------------------------------ */
.sidebar{
	float: left;
	width: 193px;
	background: url(../images/bg_breadcrumb.png);
	padding-bottom: 100px;
	padding: 2px 0 50px 2px;
}

.sidebar .navSidebar,
.sidebar .navSidebar li,
.sidebar .navSidebar li a{
	float: left;
	width: 193px;
}

.sidebar .navSidebar li,
.sidebar .navSidebar li a{
	background: url(../images/navSidebar.png) no-repeat 0 -19px;
/*	background: lime;*/
	color: #9e260e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
}

.sidebar .navSidebar li a{
	height: 16px;
	width: 186px;
	padding: 3px 0 0 7px;
}

.sidebar .navSidebar li a:hover,
.sidebar .navSidebar li a.on{
	background-position: 0 0;
	text-decoration: none;
}

.sidebar .navSidebar li.short,
.sidebar .navSidebar li.short a{
	letter-spacing: 0px;
}


.sidebar .navSidebar li{
	margin: 2px 0 0 0;
}


/* box_resultado_busca ------------------------------------------------------------------------------ */
.box_resultado_busca p{
	padding: 5px 10px;
	width: 95%;
	margin: 2px 0;
	background: #F7F6F4;
	border: 1px solid #EEEEEC;
}

.box_resultado_busca p.destaque{
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
	background: none;
	border: none;
}

.box_resultado_busca p a strong{
	color: #9e260e;
}

.paginacao{
	width: 350px;
	padding-left: 265px;
	background: none;
	border: none;
}

.paginacao .primeira,
.paginacao .ultima{ display: none; }

.paginacao a{
	float: left;
	font-size: 11px;
	color: #9e260e;
	font-weight: bold;
	margin: 0 3px;
	border-right: 2px solid #9e260e;
	padding: 2px 5px 1px 0;
}

.paginacao .anterior,
.paginacao .proximo{
	width: 18px;
	height: 16px;
	text-indent: -99999px;
	margin: 0 3px;
	padding: 0 5px 0px 0;
}
.paginacao .anterior{ background: url(../images/btSetasGaleriaPrev.png) no-repeat; }
.paginacao .proximo{ background: url(../images/btSetasGaleriaNext.png) no-repeat; border-right: 0; }

.paginacao .activePage{
	color: #808080;
}

.btn_edit
{
	background:#00557F none repeat scroll 0%!important;
	font-size: 10px!important;
	text-align: center!important;
	padding: 3px 5px 3px 5px!important;
	text-transform: uppercase!important;
	float: right!important;
	font-weight: normal!important;
	color: #FFF!important;
}


.conteudo_full_site{
	width: 965px;
	position: relative;
/*	background: lime;	*/
}

.conteudo_full_site .linhaForm {
	float: left;
	margin-bottom: 7px;
	padding: 0;
	width: 720px;
}

.conteudo_full_site .linhaForm label {
	float: left;
	font-size: 9px;
	padding: 3px 5px 0 0;
	text-align: right;
	width: 60px;
}

.conteudo_full_site .linhaForm input,
.conteudo_full_site .linhaForm select {
	float: left;
	padding: 2px;
	width: 285px;
}

.conteudo_full_site .linhaForm select {
	width: 160px;
}

.conteudo_full_site .linhaForm .lbl_end_completo{ width: 116px;	}
.conteudo_full_site .linhaForm .input_end_completo{ width: 229px; }
.conteudo_full_site .linhaForm .input_telefone{ width: 90px; }
.conteudo_full_site .linhaForm .select_cidade{ width: 263px; }
.conteudo_full_site .linhaForm .select_assunto{ width: 293px; }

.conteudo_full_site .linhaForm textarea{ width: 644px; }

.conteudo_full_site .linhaForm .btEnviar{
	float: right;
	margin-right: 5px;
}

.conteudo_full .box_erros
.conteudo_full_site .box_erros{
	position: absolute;
	top: 80px;
	right: 10px;
	width: 240px;
	height: 200px;
	padding: 30px 0 0 0;
}

.conteudo_full .box_error{
	color: #f00;
	padding: 10px 0;
}

.conteudo_full_site .box_erros span{
	float: left;
	width: 240px;
}

.voltar {
    position: relative;
    top: 20px;
    display: block;
    text-indent: -9999px;
    background: url(../images/btnVoltar.gif) no-repeat;
    width: 71px;
    height: 21px;
}

.bt_print, 
.bt_email {
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/btnVoltar.gif) no-repeat;
	margin-left: 10px;
	text-indent: -9999px;
}

.bt_print{ background: url(../images/bt_print.gif) no-repeat; }
.bt_email{ background: url(../images/bt_email.gif) no-repeat; }


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}