body { font: 12px/1.4em Tahoma, Verdana, sans-serif; background: #fff url(../images/bg-body.jpg) repeat-x; color: #2b4953;}
p {margin: 0 0 1.4em 0;}
strong { font-weight: bold;}

.right {float: right;}
.left { float: left;}
.clear { clear: both; height: 0;}

.imgleft { float: left; margin: 0 20px 20px 0;}
.imgright { float: right; margin: 0 0 20px 20px;}

img.middle-align { vertical-align: middle;}

div.separator { padding: 0 0 1.4em 0; }

.obs { font-size: 11px;}
.obrigatorio { color: red;}

.obstabela { font-size: 9px;}

a, a:visited {text-decoration: none; color: #20287a }
a:hover {text-decoration: underline;}

h1, h2, h3 {color: #000;}

h1 {font-size: 24px; margin: 0 0 1em 0; letter-spacing: -1;}
h2 {font-size: 14px; margin: 0 0 .5em 0; font-weight: bold;}

a.destacado { background: #df1d14; color: #fff; padding: 8px 10px;}

#content ul {margin: 0 0 1.4em 0; }

.box-loja { background: #e6e6e6; border: 1px solid #ccc;}

.onde { background: #df1d14; color: #fff; padding: 8px 10px;}

table.resultado { background: #e6e6e6; }

.marginleft { margin: 0 0 0 229px;}

/* LAYOUT */

#wrap { background: url(../images/bg-wrap.jpg) no-repeat; width:970px; margin: 0 auto; }
#top { height: 65px; background: url(../images/bg-top.jpg) no-repeat;}
#wrapper {  width: 940px; margin: 0 auto;}
#head { background: url(../images/pneu-encontre.gif) right no-repeat; height: 65px;}
#destaque { padding: 28px 0; text-align: center;}
.interna #head { margin: 0 0 70px 0;}
#content { /* background: green; */}
#menu-inf { clear: both; background: url(../images/bg-menu-inf.gif) no-repeat; }
#footer { clear: both; text-align: center; color: #90a3a9; padding: 10px 0 30px 0; }

#top img { float: right;}
#top-inner { padding: 0 20px;}

#copyright { float: left; padding: 9px 20px; color: #8ea3a9; }

/* 	MENU SUPERIOR */

#menu-sup-inner { }
#menu-sup ul {  }
#menu-sup ul li {float: left;}
#menu-sup ul li a {display: block; font-size: 14px; padding: 10px 10px; background: url(../images/separator.gif) right no-repeat; font-weight: bold; color: #2b4953;}
#menu-sup ul li#last a { background: none;}
#menu-sup ul li.active a { text-decoration: underline;}

#head-inner {padding: 6px 0 0 0;}

/*#res_bairro {display:inline;} */

.encontre { width: 390px; padding: 9px 20px;}
.encontre img.pad {padding: 5px 0 4px 0;}

#col1 { float: left;}


/* BOXES */

div.box-loja-home, div.box { width: 441px; height: 211px; background: url(../images/bg-box.gif) no-repeat; position: relative;}

div.box-loja-home .btn, div.box .btn { display: block; width: 175px; height: 30px; position: absolute; top: 155px; left: 240px; }

div.box div.box-inner { /* background: url(../images/bg-box-bottom.jpg) no-repeat bottom; */}

div.box-inner { padding: 23px 18px; }
div.box-inner img { float: left; margin: 0 20px 0 0; }
div.box-inner a img { margin: 0; }




.cidade { background: #fff; color: #da251d; margin: 0 0 14px 0; padding: 2px;}
.nome { color: #23297a; font-size: 16px; font-weight: bold;}
.nome2 { font-size: 16px; color: #da251d;}
.fone { font-weight: bold; margin: 0 0 14px 0;}
.nome, .nome2, .endereco { margin: 0 0 5px 0;}

.titulo { font-size: 16px; color: #da251d; margin: 0 0 8px 0;}
.box-inner p { line-height: 18px;}


#col2 { margin: 0 0 0 461px;}
.interna #col2 { margin: 0 0 0 300px; padding: 0 0 50px 0; line-height: 1.5em;}

img#maxxis { padding: 0 0 20px 0;}
#col2a { width: 231px; background: url(../images/bg-pneus.gif) no-repeat; padding: 74px 0 0 0; float: left;}
#col2a img {padding: 0 0 20px 0;}

#col2b { margin: 5px 0 0 254px; padding: 64px 0 0 0; text-align: center; background: url(../images/bg_pneu_por_dentro.jpg) no-repeat; }
#col2b img, #col2b div { padding: 0 0 20px 0;}

#col2bN { margin: 5px 0 0 254px; padding: 0; text-align: center; }
#col2bN img, #col2bN div { /* padding: 0 0 20px 0; */}

#col2bN #busca-pneu { background: url(../images/bg-busca.jpg) no-repeat; width: 222px; height: 195px;}
#col2bN #busca-pneu-inner { padding: 93px 0 0 0;}

#col2bN #por-dentro { background: url(../images/bg-por-dentro.jpg) no-repeat; width: 222px; height: 220px;}

input.bt-busca { border: none;}

#col2bN input, #col2bN select { margin: 0 0 5px 0; font-size: 11px;}


/* CONTEUDO */

.box-texto { margin: 0 0 1.4em 0; text-align: center; padding: 20px; background: #e6e6e6; color: #000; font-style: italic;}

.page-compromissos a img { margin: 0 10px 0 0;}
.prog-relacionados { font-size: 10px;}
.divider { padding: 20px 0;}
.center { text-align: center;}

.tit a { font-size: 14px;}
.teaser, .teaser a { color: #666; margin: 0 0 15px 0;}

img.prog-logo { vertical-align: middle;}

table td { padding: 10px 20px;}


/* PRODUTOS */

.products ul { list-style: disc;}
.products table { margin: 0 0 0 5px;}
.products table td, table.resultado table td { background: #e6e6e6; border: 1px solid #fff; padding: 6px 20px; text-align: center; vertical-align: middle;}
.products table tr.header td { font-weight: bold;}

.products .pneu { float: left; margin: 0 30px 30px 5px; width: 340px; height: 190px; background: url(../images/produtos/bg-pneu.gif) no-repeat;}
.products .pneu-inner { padding: 10px 18px}


table.resultado { border-top: 1px solid #b3b7bc; margin: 0 0 20px 0;}
table.resultado table { margin: 0;}
table.resultado h1 { margin: 16px 0; font-size: 20px}
table.resultado ul li { list-style-position: inside;}
table.resultado td { padding: 0; background: none; border: none; text-align: left; vertical-align: top;}
table.resultado .pneu { width: 200px; height: 100px; background: none; margin: 0;}
table.resultado .pneu-inner { padding: 0;}

table.resultado .pneu img { width: 180px; height: 80px;}

span.buscar-novamente { font-size: 18px; color: #666; margin: 0 0 10px 0; display: block;}

h1.resultado { font-size: 22px; line-height: 26px; margin: 20px 0;}
h1.resultado strong { font-weight: normal; color: #d8380a; }

table.resultado { width: auto; background: none;}

.products p, .products ul { padding-left: 380px;}

/* NOTICIAS */

.noticias-resumo p, .noticias-resumo h2 { margin: 0 0 .3em 0;}
.noticias-resumo .noticias-item { margin: 0 0 1em 0;}




/* CONTATO */

label { display: block;}
input, select, textarea { border: 1px solid #ccc; padding: 3px; margin: 0 0 10px 0; font-size: 12px;}
input.txt, textarea { width: 300px;}
input.ddd { width: 40px; }


#menu-inf-inner { padding: 8px 0;}
#menu-inf ul { padding: 0 0 0 394px; }
#menu-inf ul li {float: left;}
#menu-inf ul li a {display: block; padding: 10px 10px; background: url(../images/separator.gif) right no-repeat; font-weight: bold; color: #2b4953;}
#menu-inf ul li#last a { background: none;}
#menu-inf ul li.active a { text-decoration: underline;}



#col1 ul li, #col1 h3 { border-bottom: 1px solid #9c9ea0; line-height: 2em;}
#col1 ul li a, #col1 ul li a:visited { color: #333;}
#col1 ul li.active a { color: #000;}