/*  
Theme Name: Bilhares Capelo
Theme URI: 
Description: The default theme for Bilhares Capelo
Version: 1.0
Author: Felipe Campos
Author URI:
*/

/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/															
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}

/*
+----------------------------------------------------------------+
	Extras															
+----------------------------------------------------------------+
*/
.clear {clear:both; overflow:hidden; font-size:0; visibility:hidden}
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}

/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/
html, body {height:100%}
body {background:#000 url(img/bg.jpg) no-repeat center top; font:62.5% Arial, Helvetica, sans-serif; text-align:center}
a {text-decoration:none}
h1, h2, h3, h4, h5, h6, strong {font-weight:700}

/*
+----------------------------------------------------------------+
	Wrapper
+----------------------------------------------------------------+
*/
#wrapper {margin:0 auto; width:1024px}

/*
+----------------------------------------------------------------+
	Conteudo
+----------------------------------------------------------------+
*/
#conteudo {background:transparent url(img/bg-conteudo.jpg) no-repeat center top; height:402px; margin:0 auto; padding-top:29px; width:770px}
#empresa #conteudo {background:url(img/bg-empresa.jpg) no-repeat center top; padding-top:78px; position:relative}
#produtos #conteudo {background:url(img/bg-produtos.jpg) no-repeat center top; height:421px; padding-top:10px; position:relative}
#servicos #conteudo {background:url(img/bg-servicos.jpg) no-repeat center top; padding-top:39px}
#ofertas #conteudo {background:url(img/bg-ofertas.jpg) no-repeat center top; padding-top:49px; position:relative}
#contato #conteudo {background:url(img/bg-contato.jpg) no-repeat center top; margin-top:2px; padding-top:38px}

#conteudo .destaque {float:left; font-size:1.2em; width:256px}
#conteudo .destaque .saiba-mais {color:#4d3417; float:right; margin:11px 14px 11px 0}
#conteudo .destaque img {clear:both; display:block; margin:0 auto; width:190px}
#conteudo .destaque strong {color:#286029; display:block; margin-bottom:15px}
#conteudo .destaque .de, #conteudo .destaque .por {color:#000}
#conteudo .destaque .de span {color:#00853c}
#conteudo .destaque .por span {color:#dc0000}

#conteudo #newsletter, #conteudo #aluguel, #conteudo #loja {display:inline; float:left; margin:10px 2px 0 22px; text-align:left}
#conteudo #newsletter {width:232px}
#conteudo #aluguel {width:235px}
#conteudo #loja {width:231px}

#conteudo #newsletter h2, #conteudo #aluguel h2, #conteudo #loja h2 {color:#4d3417; font-size:1.4em}
#conteudo #newsletter h2 {margin-bottom:17px}
#conteudo #aluguel h2 {margin-bottom:24px}
#conteudo #loja h2 {margin-bottom:17px}

#conteudo #newsletter strong {color:#196433; display:block; font-size:1.2em; margin-bottom:10px}
#conteudo #newsletter #form-news {font-size:1.2em}
#conteudo #newsletter #form-news li.nome, #conteudo #newsletter #form-news li.email {float:left}
#conteudo #newsletter #form-news li.nome {margin-right:13px}
#conteudo #newsletter #form-news li.email {margin-right:11px}
#conteudo #newsletter #form-news input {background-color:#e0dcc2; border:0 none; color:#817d60; width:166px}
#conteudo #newsletter #form-news #nome {margin-bottom:8px}
#conteudo #newsletter #form-news #bt-enviar {background-color:transparent; color:#817d60; cursor:pointer; float:right; margin-right:18px; padding:0; width:41px}

#conteudo #aluguel img {margin-right:15px}
#conteudo #aluguel strong {color:#196433; display:block; font-size:1.2em; margin:0 0 5px}
#conteudo #aluguel a {color:#000; font-size:1.2em; text-decoration:underline}

#conteudo #loja img {margin:20px 15px 0 20px}
#conteudo #loja strong {color:#196433; display:block; font-size:1.2em; margin:40px 0 5px}
#conteudo #loja p {color:#000; font-size:1.2em}

/*
+----------------------------------------------------------------+
	Empresa
+----------------------------------------------------------------+
*/
#img-empresa {float:left; padding:7px 0 0 15px; text-align:left; width:238px}
#texto-empresa {float:left; font-size:1.2em; margin:10px 0 0 14px; text-align:left; width:501px}
#texto-empresa h2 {color:#00853c; margin-bottom:19px}
#texto-empresa p {margin-bottom:18px}

/*
+----------------------------------------------------------------+
	Produtos
+----------------------------------------------------------------+
*/
#nav-produtos li {float:left; height:27px; text-align:left}
.mesa-bilhar {overflow:hidden; position:relative; width:110px}
.mesa-bilhar span {background:url(img/bt-mesa-bilhar.jpg) no-repeat; height:100%; position:absolute; width:100%}
.mesa-tacos {overflow:hidden; position:relative; width:49px}
.mesa-tacos span {background:url(img/bt-tacos.jpg) no-repeat; height:100%; position:absolute; width:100%}
.mesa-pingpong {overflow:hidden; position:relative; width:128px}
.mesa-pingpong span {background:url(img/bt-mesa-ping-pong.jpg) no-repeat; height:100%; position:absolute; width:100%}
.mesa-carteado {overflow:hidden; position:relative; width:121px}
.mesa-carteado span {background:url(img/bt-mesa-carteado.jpg) no-repeat; height:100%; position:absolute; width:100%}
.mesa-pebolim {overflow:hidden; position:relative; width:117px}
.mesa-pebolim span {background:url(img/bt-mesa-pebolim.jpg) no-repeat; height:100%; position:absolute; width:100%}
.mesa-xadrez {overflow:hidden; position:relative; width:112px}
.mesa-xadrez span {background:url(img/bt-mesa-xadrez.jpg) no-repeat; height:100%; position:absolute; width:100%}
.jogos-acessorios {overflow:hidden; position:relative; width:118px}
.jogos-acessorios span {background:url(img/bt-jogos-acessorios.jpg) no-repeat; height:100%; position:absolute; width:100%}

.mesa-bilhar a, .mesa-tacos a, .mesa-pingpong a, .mesa-carteado a, .mesa-pebolim a, .mesa-xadrez a, .jogos-acessorios a {cursor:pointer}

#lista-produtos {height:350px; margin:8px auto 0; /*overflow:auto;*/ left:0; text-align:left}
.produto {margin-bottom:13px; width:600px}
.produto h2, .produto h3, .produto h4 {color:#00853c; font-size:1.4em; margin-top:20px}
.produto img {margin:15px 16px 0 0; width:259px}
.produto p {font-size:1.2em}
.produto .texto_prod {float:left; width:325px}
.divisao {background:url(img/img-barra-divisao.jpg) no-repeat left top; height:1px; width:681px}

/*
+----------------------------------------------------------------+
	Serviços
+----------------------------------------------------------------+
*/
#nav-servicos {font-size:1.2em}
#nav-servicos li {display:inline; float:left}
#nav-servicos li a {color:#4d3417}
#nav-servicos li.venda {margin-left:108px}
#nav-servicos li.aluguel {margin-left:224px}
#nav-servicos li.reforma {margin-left:209px}
#img-servico {float:left; padding:52px 0 0 17px; text-align:left; width:238px}
#texto-servico {float:left; font-size:1.2em; height:250px; margin:50px 0 0 14px; text-align:left; width:480px}
#texto-servico h2 {color:#00853c}
#texto-servico p {margin-bottom:18px}

/*
+----------------------------------------------------------------+
	Ofertas
+----------------------------------------------------------------+
*/
#titulo {color:#cf261f; font-size:2em}
#overflow-ofertas {height:245px; /*margin:45px 0 0; overflow:auto;*/ left:0; text-align:left}
.texto-ofertas {font-size:1.2em; margin:0 0 36px 22px; width:600px}
.texto-ofertas .img {float:left; padding:0 17px 0 17px; width:274px}
.texto-ofertas h2 {color:#00853c; font-size:1.2em}
.texto-ofertas .medidas, .texto-ofertas .de {margin-top:18px}
.texto-ofertas .de, .texto-ofertas .por {color:#000; font-weight:bold}
.texto-ofertas .de span {color:#00853c}
.texto-ofertas .por span {color:#dc0000}

/*
+----------------------------------------------------------------+
	Contato
+----------------------------------------------------------------+
*/
#contact {color:#4d3417; font-size:1.4em; font-weight:bold; margin:0 auto; text-align:left; width:500px}
#contact label {clear:left; float:left; line-height:25px; margin-bottom:16px}
#contact .input {background:transparent url(img/bg-input.jpg) no-repeat left top; float:right; height:25px; margin-bottom:16px; width:384px}
#contact .ddd {background:transparent url(img/bg-input-ddd-fone.jpg) no-repeat left top; display:inline; height:25px; margin:0 5px 0 0; width:76px}
#contact .input-fone {background:transparent url(img/bg-input-fone.jpg) no-repeat left top; height:25px; margin-bottom:16px; width:301px}
#contact .textarea {background:transparent url(img/bg-textarea.jpg) no-repeat left top;height:128px; margin-bottom:16px; width:384px}
#contact input {background-color:transparent; border:0 none; float:right; font-size:1.2em; height:25px; width:384px}
#contact #ddd {background-color:transparent; border:0 none; height:25px; width:76px}
#contact #fone {background:transparent; border:0 none; height:25px; width:301px}
#contact textarea {background:transparent; border:0 none; font-family:Arial, Helvetica, sans-serif; float:right; height:128px; overflow:auto; width:384px}
#contact #bt-enviar {background:url(img/bt-enviar.jpg) no-repeat 0 0; border:medium none; clear:both; content:""; cursor:pointer; display:block; float:none; height:20px; line-height:0; margin:0 auto 43px; padding:0; text-indent:-9999px; width:68px}

/*
+----------------------------------------------------------------+
	Footer
+----------------------------------------------------------------+
*/
#footer {clear:both; font-size:1.2em; margin-top:15px; text-align:left}
#footer strong {display:inline; float:left; margin:0 101px 0 35px}
#footer p {color:#196433; float:left}
#footer span {font-weight:bold}
#footer a {color:#414042; font-weight:bold; margin-left:78px}

#empresa #footer {position:absolute; left:0; top:397px}
#produtos #footer {position:absolute; left:0; top:397px}
#servicos #footer {margin-top:59px}
#ofertas #footer {position:absolute; left:0; top:397px}
#contato #footer {margin-top:24px}