/*
-----------------------------------------------------
	Projeto: Posto Tlio
	Version: 1.0
	Data: 29/01/2009
-----------------------------------------------------
*/

@import url(reset.css);

/*
------------------
ESTRURA
------------------
*/

body {background:#fff5cc url(../imagens/background.jpg) no-repeat; background-position:top center; background-attachment:fixed; font:.75em "Arial", "Helvetica", sans-serif; color:#666; margin:0;}
#page {width:760px; margin:0 auto;}
#header {background:url(../imagens/menu_background.jpg) no-repeat left top; height:54px; position:relative;}
#flash {background:#fff; height:257px; padding-bottom:20px; z-index:90;}
#content {background:#fff; padding:0 20px 20px;}
#footer {padding:10px;}

/* Header */
#header h1 a {background:url(../imagens/logo.png) no-repeat left top; text-indent:-10000px; width:261px; height:99px; display:block; position:absolute; left:0; top:0;}

/* Content */
.content_interno {background:#fff url(../imagens/header_titulo.jpg) no-repeat left top !important;}

/* Produtos */
.produtos {height:400px;}
.produtos li {background:#fff; width:238px; height:200px; border-width:0 1px 1px 0; border-style:solid; border-color:#fff #cbcbcb #cbcbcb #fff; float:left;}
.produtos li a {border:3px solid #fff; width:232px; height:194px; display:block;}
.produtos li a:hover {border:3px solid #ffd800;}
.produtos li a img {width:232px; height:194px;}

.produto_fotos {width:315px; float:left; overflow:hidden;}
.produto_descricao {width:383px; border-left:2px solid #ffb159; padding-left:20px; float:left;}

#slider {text-align:right; width:315px; height:373px;}
#slider ul li {width:440px; height:373px; display:block;}

#nav {margin-right:20px;}
#nav a {background:#ff8700; color:#fff; padding:5px; margin:1px; display:block; float:left;}

table {border-left:1px solid #ccc; border-top:1px solid #ccc;}
table th, table td {background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:.2em;}
table th {background:#cbcbcb;}

/* Table Striping*/
table tr.over td {background:#f00;}
table tr.alt td {background:#f00;}

.produtos_galeria {height:89px; margin-top:10px;}
.produtos_galeria ul {height:89px; padding-left:20px;}
.produtos_galeria ul li {width:100px; height:100px; margin:2px; display:block; float:left; position:relative;}
.produtos_galeria ul li a {width:100px; height:89px; display:block;}

#tooltip {background:url(../imagens/tooltip.png) no-repeat left top; color:#7f4c00; text-align:center; height:25px; padding:9px 10px; display:none; z-index:100; position:absolute;}

/* Fotos */
.fotos {}
.fotos li {background:#fff; width:142px; height:121px; border-width:0 1px 1px 0; border-style:solid; border-color:#fff #cbcbcb #cbcbcb #fff; float:left;}
.fotos li a {border:3px solid #fff; width:136px; height:115px; display:block;}
.fotos li a:hover {border:3px solid #ffd800;}

/* Home */
.homepage {border-left:1px solid #cbcbcb; width:200px; margin-left:20px; padding-left:20px; float:right;}


/*
------------------
TIPOGRAFIA
------------------
*/
strong, b {font-weight:bold;}
.content_interno h2 {height:110px; margin-bottom:20px;}

.content_interno h2.titulo {background-position:right 15px; background-repeat:no-repeat; text-indent:-10000px; }

.content_interno h2.empresa {background-image:url(../imagens/titulo_empresa.png);}
.content_interno h2.produtos {background-image:url(../imagens/titulo_produtos.png);}
.content_interno h2.barra_cereais {background-image:url(../imagens/titulo_barras_cereais.png);}
.content_interno h2.barra_cereais_light {background-image:url(../imagens/titulo_barras_cereais_light.png);}
.content_interno h2.barra_recheada {background-image:url(../imagens/titulo_barras_recheadas.png);}
.content_interno h2.torradas {background-image:url(../imagens/titulo_torradas.png);}
.content_interno h2.especial {background-image:url(../imagens/titulo_produtos_especiais.png);}
.content_interno h2.terceirizacao {background-image:url(../imagens/titulo_terceirizacao.png);}
.content_interno h2.kids {background-image:url(../imagens/titulo_kids.png);}
.content_interno h2.contato {background-image:url(../imagens/titulo_contato.png);}
.content_interno h2.cadastro {background-image:url(../imagens/titulo_cadastro.png);}

.content_interno h4 {font-size:1.25em; font-weight:bold; color:#ff8700;}

#content h3 {font-size:1.7em; margin-bottom:.3em;}
#content p {line-height:1.5em; margin-bottom:1.8em;}

#footer p {font-size:.9em; color:#a69f85; text-align:center;}
#footer .settor {background:url(../imagens/settor.jpg) no-repeat left top; text-indent:-10000px; width:138px; height:23px; margin:10px auto; display:block;}
#footer .settor:hover {background:url(../imagens/settor.jpg) no-repeat left bottom;}

a:link,
a:active,
a:visited {color:#ff7900;}
a:hover {text-decoration:underline;}


/*
------------------
MENUS
------------------
*/

#menu {position:absolute; top:0; right:0;}
#menu ul li {display:inline;}
#menu ul li a {text-indent:-10000px; height:54px; display:block; float:left;}
#menu ul li a.btn_empresa {background:url(../imagens/menu_itens.png) no-repeat 0 0; width:125px;}
#menu ul li a.btn_empresa:hover {background:url(../imagens/menu_itens.png) no-repeat 0 -54px; width:125px;}
#menu ul li a.btn_produtos {background:url(../imagens/menu_itens.png) no-repeat -125px 0; width:125px;}
#menu ul li a.btn_produtos:hover {background:url(../imagens/menu_itens.png) no-repeat -125px -54px; width:125px;}
#menu ul li a.btn_terceirizacao {background:url(../imagens/menu_itens.png) no-repeat -250px 0; width:125px;}
#menu ul li a.btn_terceirizacao:hover {background:url(../imagens/menu_itens.png) no-repeat -250px -54px; width:125px;}
#menu ul li a.btn_contato {background:url(../imagens/menu_itens.png) no-repeat -375px 0; width:126px;}
#menu ul li a.btn_contato:hover {background:url(../imagens/menu_itens.png) no-repeat -375px -54px; width:126px;}


/*
------------------
FORMULÁRIOS
------------------
*/

.loading {background:#f0f0f0; border:1px solid #c4c4c4; padding:5px 10px;}

#form_contato {width:350px; float:right;}
form div {margin-bottom:5px;}
form label {width:75px; padding:4px 0; display:block; float:left;}

form .input {width:260px;}

form input,
form textarea {border:1px solid #cbcbcb; padding:3px;}
form .submit {padding-left:75px;}
form .submit input {width:100px;}

/*
------------------
Outros
------------------
*/

.loading {display:none;}
.clear_both {clear:both;}