/*
Nome: Posto Tuiuti
Endereco: www..com.br
Versao: 1.0
Agencia: Agencia P4 - contato@agenciap4.com.br
Autor CSS: Giovani Oliveira - gio.oliveira@gmail.com
*/

*{
	border: none;
	list-style: none;
	margin: 0;
	padding:0;
}

html{
	/*background: #001B36 url(imagens/fundo+html.jpg) repeat-x left top;*/
}

body{
	background: #001B36 url(imagens/fundo+html.jpg) repeat-x left top;
	/*background: url(imagens/fundo+body.jpg) no-repeat center top;*/
}

#geral{
	background: #fff url(imagens/fundo+body.jpg) no-repeat center top;
	/*background: url(imagens/fundo+geral.png) repeat-x left top;*/
	margin: 0 auto;
	width: 940px;
}

/* +----------------------------------------------------------------+
Topo				
+----------------------------------------------------------------+ */

#topo,
#topoIndex{
	height: 200px;
	padding-bottom: 25px;
	position: relative;
}
#topo{
	background: url(imagens/fundo+topo.png) no-repeat center bottom;
}
#topoIndex{
	background: url(imagens/fundo+topo+index.png) no-repeat center bottom;
}

#topo h1, #topoIndex h1,
#topo h1 a, #topoIndex h1 a{
	background: url(imagens/h1+topo.png) no-repeat;
	display: block;
	height: 159px;
	text-indent:-9999px;
	width:212px;
	position: absolute;
	left: 5px;
	top: -13px;
}
#topo h1 a,
#topoIndex h1 a{
	background: none;
	left: 0;
	top: 0;
}

#topo ul,
#topoIndex ul{
	height: 43px;
	position: absolute;
	right: 20px;
	top: 96px;
}
#topo ul{
	padding-left: 15px;
	width: 695px;

}
#topoIndex ul{
	padding-left: 55px;
	width: 655px;
}

#topo ul li,
#topoIndex ul li{
	display: block;
	float: left;
	height: 43px;
}

#topo ul li a,
#topoIndex ul li a{
	display: block;
	float: left;
	height: 43px;
	margin: 0 5px;
	text-indent: -9999px;
}

#topo ul li a.hum,
#topoIndex ul li a.hum{background: url(imagens/menu/home.png) no-repeat left top; width:41px; }
#topo ul li a.hum:hover,
#topoIndex ul li a.hum:hover{background: url(imagens/menu/home+hover.png) no-repeat left top; }

#topo ul li a.dois,
#topoIndex ul li a.dois{background: url(imagens/menu/rede.png) no-repeat left top; width:46px; }
#topo ul li a.dois:hover,
#bodyDois #topo ul li a.dois,
#topoIndex ul li a.dois:hover,
#bodyDois #topoIndex ul li a.dois{background: url(imagens/menu/rede+hover.png) no-repeat left top; }

#topo ul li a.tres,
#topoIndex ul li a.tres{background: url(imagens/menu/servicos.png) no-repeat left top; width:63px; }
#topo ul li a.tres:hover,
#bodyTres #topo ul li a.tres,
#topoIndex ul li a.tres:hover,
#bodyTres #topoIndex ul li a.tres{background: url(imagens/menu/servicos+hover.png) no-repeat left top; }

#topo ul li a.quatro,
#topoIndex ul li a.quatro{background: url(imagens/menu/promocoes.png) no-repeat left top; width:84px; }
#topo ul li a.quatro:hover,
#bodyQuatro #topo ul li a.quatro,
#topoIndex ul li a.quatro:hover,
#bodyQuatro #topoIndex ul li a.quatro{background: url(imagens/menu/promocoes+hover.png) no-repeat left top; }

#topo ul li a.cinco,
#topoIndex ul li a.cinco{background: url(imagens/menu/novidades.png) no-repeat left top; width:77px; }
#topo ul li a.cinco:hover,
#bodyCinco #topo ul li a.cinco,
#topoIndex ul li a.cinco:hover,
#bodyCinco #topoIndex ul li a.cinco{background: url(imagens/menu/novidades+hover.png) no-repeat left top; }

#topo ul li a.seis,
#topoIndex ul li a.seis{background: url(imagens/menu/eventos.png) no-repeat left top; width:60px; }
#topo ul li a.seis:hover,
#bodySeis #topo ul li a.seis,
#topoIndex ul li a.seis:hover,
#bodySeis #topoIndex ul li a.seis{background: url(imagens/menu/eventos+hover.png) no-repeat left top; }

#topo ul li a.sete,
#topoIndex ul li a.sete{background: url(imagens/menu/links.png) no-repeat left top; width:38px; }
#topo ul li a.sete:hover,
#bodySete #topo ul li a.sete,
#topoIndex ul li a.sete:hover,
#bodySete #topoIndex ul li a.sete{background: url(imagens/menu/links+hover.png) no-repeat left top; }

#topo ul li a.oito,
#topoIndex ul li a.oito{background: url(imagens/menu/cartao.png) no-repeat left top; width:130px; }
#topo ul li a.oito:hover,
#bodyOito #topo ul li a.oito,
#topoIndex ul li a.oito:hover,
#bodyOito #topoIndex ul li a.oito{background: url(imagens/menu/cartao+hover.png) no-repeat left top; }

#topo ul li a.nove,
#topoIndex ul li a.nove{background: url(imagens/menu/contato.png) no-repeat left top; width:64px; }
#topo ul li a.nove:hover,
#bodyNove #topo ul li a.nove,
#topoIndex ul li a.nove:hover,
#bodyNove #topoIndex ul li a.nove{background: url(imagens/menu/contato+hover.png) no-repeat left top; }



#topo form,
#topoIndex form{
	height: 43px;
	padding-left: 47px;
	position: absolute;
	right: 40px;
	bottom: 27px;
	width: 273px;
}
#topo form input,
#topoIndex form input{
	background: none;
	border:none;
	color: #888;
	font: bold 11px Arial, Helvetica, sans-serif;
	height:20px;
	padding: 6px 0 5px;
	margin: 5px 0 0 0;
	width:232px;
	text-align:left;
	text-transform: uppercase;
}
#topo form button,
#topoIndex form button{
	width:22px;
    height:25px;
    background: url(imagens/lupa+topo.png) no-repeat center;
    border:none;
    text-indent:-9000em;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
	right:7px;
	bottom:10px;
}

/* +----------------------------------------------------------------+
Index - Página Principal				
+----------------------------------------------------------------+ */



/* +----------------------------------------------------------------+
Conteudo				
+----------------------------------------------------------------+ */

#conteudoIndex{
	background: url(imagens/fundo+conteudo+interno+index.jpg) repeat-y center top;
}
#conteudoBaseIndex{
	background: url(imagens/fundo+conteudo+base+index.jpg) no-repeat center top;
	clear: both;
	height: 15px;
}

#conteudo{
	background: url(imagens/fundo+conteudo+interno.jpg) repeat-y center top;
}
#conteudoBase{
	background: url(imagens/fundo+conteudo+base.jpg) no-repeat center bottom;
	clear: both;
	height: 15px;
}

/* interna */
#interna{
	padding: 0 30px;
}

/* banner rotativo index */
#interna #destaqueIndex{
	background: url(imagens/fundo+interna+destaque.jpg) no-repeat center top;
	float: left;
	margin: 0 20px 20px 10px;
	padding: 7px 6px 6px;
	width: 508px;
}
#interna #destaqueIndex #imagem h1{
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 8px 0 13px;
	text-align: center;
	text-transform: uppercase;
}
#interna #destaqueIndex ul{
	height: 18px;
	width: 520px;
	text-align: center;
}
#interna #destaqueIndex ul li{
	display: inline;
	padding: 0 3px;
}
#interna #destaqueIndex ul li a{
	color: #cecece;
	font-size: 22px;
}
#interna #destaqueIndex ul li a:hover,
#interna #destaqueIndex ul li a.on{
	color: #f8c301;
}

/* ultimas noticias index */
#interna #ultimasNoticias{
	background: url(imagens/fundo+interna+noticias.jpg) no-repeat center top;
	float: left;
	height: 256px;
	padding: 12px;
	width: 296px;
}
#interna #ultimasNoticias h2{
	background: url(imagens/fundilho.jpg) repeat-x left bottom;
	color: #888;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 0 0 5px;
}
#interna #ultimasNoticias ul{
	height: 200px;
}
#interna #ultimasNoticias ul li{
	background: url(imagens/visto.png) no-repeat left 3px;
	line-height: 0;
	margin-bottom: 14px;
	padding-left: 20px;
}
#interna #ultimasNoticias ul li a{
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0;
	text-decoration: none;
}
#interna #ultimasNoticias ul li a span{
	color: #aaa;
}
#interna #ultimasNoticias #link a{
	background: url(imagens/setinha+branca.png) no-repeat left 12px;
	color: #fff;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-left: 70px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#interna #box{
	clear: both;
	height: 207px;
	margin: 5px 0;
	padding: 0 10px;
}
/* box cartao */
#interna #box #cartao{
	background: url(imagens/fundo+cartao+index.jpg) no-repeat center;
	height: 177px;
	float: left;
	margin-right: 40px;
	padding: 15px;
	position: relative;
	width: 310px;
}
#interna #box #cartao .imagemCartao{
	position: absolute;
	right: -10px;
	top: 60px;
}
#interna #box #cartao p{
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-right: 140px;
}
#interna #box #cartao h2,
#interna #box #fidelidade h2{
	background: url(imagens/fundilho.jpg) repeat-x left bottom;
	color: #888;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 0 0 5px;
}
#interna #box #cartao a{
	background: url(imagens/setinha+branca.png) no-repeat left 12px;
	color: #fff;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-left: 50px;
	padding: 8px 0 0 10px;
	position: absolute; bottom: 7px;
	text-decoration: none;
	text-transform: uppercase;
}


/* box fidelidade */
#interna #box #fidelidade{
	background: url(imagens/fundo+fidelidade+index.jpg) no-repeat center;
	height: 177px;
	float: left;
	margin-right: 10px;
	padding: 15px 5px;
	position: relative;
	width: 290px;
}
#interna #box #fidelidade h2{
	margin: 0 10px 10px;
}
#interna #box #fidelidade p{
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin:0 10px 8px;
}
#interna #box #fidelidade form{
	background: url(imagens/form+fidelidade.png) no-repeat left top;
	height: 36px;
}
#interna #box #fidelidade form input{
	background: none;
	border: none;
	color: #444;
	font: 11px Arial, Helvetica, sans-serif;
	height: 13px;
	padding: 8px 5px;
	width:125px;
}
#interna #box #fidelidade form input.menor1{
	margin-left: 8px;
	width: 95px;
}
#interna #box #fidelidade form button{
	background: none;
	border: none;
	color: #357ECB;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	height:21px;
	display: block;
	margin:0;
	width:27px;
}
#interna #box #fidelidade a{
	background: url(imagens/setinha+branca.png) no-repeat left 12px;
	color: #fff;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-left: 45px;
	padding: 8px 0 0 10px;
	position: absolute; bottom: 7px;
	text-decoration: none;
	text-transform: uppercase;
}

/* box clima */
#interna #box #clima{
	background: url(imagens/fundo+clima+index.jpg) no-repeat center;
	height: 167px;
	float: left;
	padding: 20px 25px;
	width: 120px;
}

/* internaEsquerda */
#internaEsquerda{
	float: left;
	padding: 0 10px;
	width: 605px;
}

#internaEsquerda h1{
	border-bottom: 1px solid #f0f0f0;
	color: #3366C2;
	font: bold 32px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#internaEsquerda p{
	color: #505050;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px;
}

#internaEsquerda form{
	margin: 0 auto;
	padding: 20px 0 40px;
	position: relative;
	width: 500px;
}

/* novidades */
#internaEsquerda #novidades{
	padding: 0 15px;
}
#internaEsquerda #novidades ul li{
	background: url(imagens/visto.png) no-repeat left 3px;
	line-height: 0;
	margin-bottom: 20px;
	padding-left: 20px;
}
#internaEsquerda #novidades ul li a{
	color: #555;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 0;
	text-decoration: none;
}
#internaEsquerda #novidades ul li a span{
	border-bottom: 1px solid #f0f0f0;
	color: #aaa;
	display: block;
	padding-bottom: 20px;
}

#internaEsquerda #novidades img{
	float: left;
	padding: 6px 3px 30px 3px;
	margin: 0 20px 5px 0;
}

#internaEsquerda #novidades h3{
	font: normal 20px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	text-decoration:none;
	color: #001B36;
	font-size: 20px;
	letter-spacing:-1px;
}

#internaEsquerda #novidades p{
	color: #505050;
	font: normal 13px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px;
}

/* paginacao */
#internaEsquerda #paginacao{
	display: block;
	height: 25px;
	margin: 0 auto;
	width: 310px;
}
#internaEsquerda #paginacao ul{
	padding-top: 20px;
}
#internaEsquerda #paginacao ul li{
	float: left;
	height: 30px;
}
#internaEsquerda #paginacao ul li a{
	background: url(imagens/fundo+li+paginacao.jpg) repeat-x;
	border: 1px solid #d3d3d3;
	color: #444;
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 16px;	
	padding: 3px 8px;
	margin: 0 1px;
}
#internaEsquerda #paginacao ul li a:hover{
	border: 1px solid #001B36;
}
#internaEsquerda #paginacao ul li a.on{
	background: #001B36;
	border: 1px solid #001B36;
	color: #fff;
}

/* links */
#internaEsquerda #links{
	padding: 0 15px;
}
#internaEsquerda #links ul li{
	background: url(imagens/visto.png) no-repeat left 3px;
	line-height: 0;
	margin-bottom: 20px;
	padding-left: 20px;
}
#internaEsquerda #links ul li a{
	border-bottom: 1px solid #f0f0f0;
	color: #555;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0 0 10px;
	text-decoration: none;
}

/* promocoes + rede */
#internaEsquerda #promocoes,
#internaEsquerda #rede{
	padding: 0 15px;
}
#internaEsquerda #promocoes img,
#internaEsquerda #rede img{
	background: url(imagens/fundo+imagem.jpg) no-repeat center top;
	float: left;
	padding: 6px 3px 30px 3px;
	margin: 0 20px 5px 0;
}

/*alterado por Reges*/

#internaEsquerda #promocoes .boxes{
	float: left;
	width:330px;
}


#internaEsquerda #promocoes .boxes h2{
	border-bottom: 1px solid #ccc;
	color: #900;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
}

#internaEsquerda #promocoes .boxes p{
	color: #444;
	font-size:12px;
	margin: 10px 0;
}
#internaEsquerda #promocoes h3{
	color:#E67817;
	font: bold 20px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.boxes h3 span{font-size: 12px; display: block;padding-top: 15px;}

/* servicos */
#servicos{
	padding: 0 15px;
}
#servicos img{
	float: left;
	margin: 0 15px 5px 0;
}
#servicos p strong{
	color: #001B36;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#servicos p a{color: #505050;}

/* eventos */
#eventos{
	padding: 0 15px;
}
#eventos li{
	color: #444;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	text-decoration:none;
}
#eventos li strong{
	color: #001B36;
	font-size: 20px;
	letter-spacing:-1px;
}
#eventos li span{
	color: #888;
	display: block;
	padding-bottom:5px;
}

#eventos h5{
	font: normal 20px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	text-decoration:none;
	color: #001B36;
	font-size: 20px;
	letter-spacing:-1px;
}

#eventos #imagens img{
	float: left;
	margin: 5px 10px;
	padding: 2px;
	border: 1px solid #ccc;
}

/* cartao fidelidade */
#cartao{
	padding: 0;	
}

#cartao #regulamento{
	background: url(imagens/fundo+regulamento.jpg) no-repeat center top;
	float: left;
	padding: 15px 8px 0;
	width: 194px;
}
#cartao #regulamento a{
	color: #aaa;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 35px 0 10px;
	text-align: center;
	text-decoration: none;
}

#cartao #texto{
	float: left;
	margin: 0 0 40px 20px;
	width: 350px;
}
#cartao #texto p span{
	color: #001B36;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#cartao h4{
	color: #3366C2;
	display: block;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 30px 0 5px;
	text-transform: uppercase;
}
#cartao #listagemRecompensas{
      background: url(imagens/fundo+listagem+recompesas.jpg) no-repeat left top;
      clear: both;
      height: 170px;
      margin-bottom: 25px;
      padding: 5px 30px;
      position: relative;
      width: 540px;
} 
#cartao #listagemRecompensas ul li{
	  color: #555;
	  font: normal 11px Arial, Helvetica, sans-serif;
      float: left;
      margin: 0 5px;
      width: 170px;
      text-align: center;
}
#cartao #listagemRecompensas ul li a{
	color: #3366C2;
	display: block;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#cartao #listagemRecompensas ul li img{
	display: block;
	margin: 0 auto;
}
.setaEsquerda{
	position: absolute;
	left: -8px;
	top: 62px;
}
.setaDireita{
	position: absolute;
	right: -8px;
	top: 62px;
}



/* internaDireita */
#internaDireita{
	float: right;
	padding: 0 10px;
	width: 220px;
}
#internaDireita h2{
	background: url(imagens/fundilho.jpg) repeat-x left bottom;
	color: #888;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 0 0 5px;
}
#internaDireita ul li{
	background: url(imagens/visto.png) no-repeat left 3px;
	line-height: 0;
	margin-bottom: 14px;
	padding-left: 20px;
}
#internaDireita ul li a{
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0;
	text-decoration: none;
}
#internaDireita ul li a span{
	color: #aaa;
}

#internaDireita #clima{
	background: url(imagens/fundo+clima+direita.jpg) no-repeat center;
	height: 167px;
	float: left;
	margin: 15px 0 15px 25px;
	padding: 20px 25px;
	width: 120px;
}

#internaDireita #cartaoFidelidade{
	margin-bottom: 20px;
	padding: 0 15px;
}
#internaDireita #cartaoFidelidade p{
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#internaDireita #cartaoFidelidade h2{
	background: url(imagens/fundilho.jpg) repeat-x left bottom;
	color: #888;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 0 0 5px;
}
#internaDireita #cartaoFidelidade a{
	background: url(imagens/setinha+azul.png) no-repeat left 12px;
	color: #367ec8;
	display: block;
	font: bold 10px Arial, Helvetica, sans-serif;
	padding: 8px 0 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}


/* destaques */
#destaques{
	background-color: #fff;
	height: 246px;
	padding: 20px 20px 15px;
}

#destaques .boxDireita,
#destaques .boxEsquerda{
	background: url(imagens/fundo+destaques+box.jpg) no-repeat left 16px;
	float: left;
	height: 246px;
	width: 440px;
}

#destaques .boxDireitag{
	background: url(imagens/fundo+destaques+box.jpg) no-repeat -1px 16px;
	float: left;
	height: 248px;
	width: 900px;

}
#destaques .boxDireita ul, #destaques .boxDireitag ul{
	height: 185px;
	padding: 35px 0 0 70px;
}
#destaques .boxDireita ul li, #destaques .boxDireitag ul li{
	display: block;
	float: left;
	margin: 0 10px 0 40px;
	width: 188px;
	text-align: center;
}
#destaques .boxDireita ul li a, #destaques .boxDireitag ul li a{
	color: #888;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#destaques .boxDireita ul li a img, #destaques .boxDireitag ul li a img{
	margin-bottom: 5px;
}
#destaques .boxDireita ul li a strong, #destaques .boxDireitag ul li a strong{
	color: #000;
	font-size: 14px;
}
#destaques .boxDireita ul li a span, #destaques .boxDireitag ul li a span{
	font-size: 12px;
	font-weight: bold;
}

#destaques .boxEsquerda{
	margin-right: 20px;
}
#destaques .boxEsquerda ul{
	height: 225px;
	padding: 7px 0 0 12px;
}
#destaques .boxEsquerda ul li{
	float: left;
	margin: 9px 20px;
}

#destaques h3{
	color: #7f7f7f;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 15px;
	text-transform: uppercase;
}

/* +----------------------------------------------------------------+
Rodapé				
+----------------------------------------------------------------+ */

#rodape{
	background: url(imagens/fundo+rodape.jpg) repeat-x left top;
	height: 115px;
}
#rodape ul{
	background: url(imagens/fundo+rodape+ul.jpg) no-repeat center top;
	height: 80px;
	margin: 0 auto;
	padding: 35px 0 0;
	width: 940px;
	text-align: center;
}
#rodape ul li{
	background: url(imagens/li+rodape.png) no-repeat right center;
	display: inline;
	padding-right: 10px;
	margin-left: 2px;
}
#rodape ul li.semFundo{
	background: no-repeat;
}
#rodape ul p a{
	color: #8091A2;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 10px 0 0;
	text-align: center;
}
#rodape ul li a{
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}


/* +----------------------------------------------------------------+
Classes adicionais				
+----------------------------------------------------------------+ */
.azul{
	color: #367ec8;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 0 10px;
}
.linkIr,
.linkVoltar{
	border-top: 1px solid #ddd;
	display: block;
	margin-top:10px;
	text-align:right;
}


/* Links */
a{text-decoration: none; outline:none;}
a img{border: none;}





/*
Nome: Posto Tuiuti
Endereco: www..com.br
Versao: 1.0
Agencia: Agencia P4 - contato@agenciap4.com.br
Autor CSS: Giovani Oliveira - gio.oliveira@gmail.com
*/