/* CSS Document */

/* -------------------------------------------

project:	cheftheo.com.br
author:		JHD Comunicação - jhdweb.com.br
date:		2010/03/18

------------------------------------------- */

html, body {height:100%;}
body { margin: 0; padding:0; color: #908b75; font:12px Georgia, "Times New Roman", Times, serif; background:#FFF url(http://i.cheftheo.com.br/bg_main.jpg) left top repeat-x; overflow-x:hidden;}
textarea, input, select, option, optgroup, button {color: #666; font: 1em "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; margin:0; padding:0;}
div.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}
.noscreen {display:none;}


/* RE-SETS

------------------------------------------- */

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption, blockquote { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

abbr, acronym { border: none; cursor: help; }

form, label, fieldset {margin:0; padding:0;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a, a:active, a:focus { color: #000; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }
:focus {-moz-outline-style: none;}

p, blockquote {line-height:18px;}

/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; color:#922624; font-style:italic; font-weight:normal;}
h1 { font-size: 3.2em; }
h2 { font-size: 3.0em; }
h3 { font-size: 2.4em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }

/* GENERAL
------------------------------------------- */

form label {width:80px; float:left; text-align:right; margin-right:10px;}
form div {clear:left; margin-bottom:5px;}
form input, form textarea {width:220px; padding:3px; border:1px solid #c5c0b0;}
form input:focus, form textarea:focus {border-color:#96917b;}
form textarea {height:90px;}
form button {margin-left:90px; border:1px solid #c5c0b0; color:#96917b; padding:5px 10px; font-size:10px; text-transform:uppercase; background:#d8d1b1 url(http://i.cheftheo.com.br/bg_box.jpg) left top repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
form button:hover {border-color:#96917b;}

	/* JQUERY.VALIDATE */
	label.error {position:absolute; left:310px; margin-top:-10px; z-index:10; background-color:#942824; color:#FFF; padding:3px; float:left; width:150px;}


/* LAYOUT

------------------------------------------- */

#site {width:1000px; height:100%; min-height:100%; margin:0 auto; position:relative;}
body > #site {height:auto; min-height:100%;}

#warning {width:280px; height:auto; min-height:80px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-75px; padding:10px; border:2px solid #af9f78; color:#3F3110; background-color:#DBD4C4; z-index:10; font-size:18px; opacity:0.95; -moz-opacity: 0.95; filter: alpha(opacity=95)}

#topo {position:relative;}
#topo h1 {width:404px; height:133px; background:url(http://i.cheftheo.com.br/logotipo_cheftheo.png) left top no-repeat; overflow:hidden; position:absolute; top:28px; left:318px;}
#topo h1 a {display:block; height:0; min-height:0; padding:400px 0 0 0;}
#topo h2 {width:671px; height:59px; background:url(http://i.cheftheo.com.br/slogan.png) left top no-repeat; text-indent:-10001px; position:absolute; left:315px; top:200px;}
#topo #menu {margin:0; padding:0; position:absolute; top:305px; left:300px;}
#topo #menu li {margin:0; padding:0; display:inline; overflow:hidden; text-indent:-10001px; margin:0 4px 0 0;}
#topo #menu li a {background:url(http://i.cheftheo.com.br/menu.png) left top no-repeat; width:90px; height:90px; float:left; margin-right:4px;}
#topo #menu li.casa a {width:68px; background-position:-21px top;}
#topo #menu li.casa a:hover {background-position:-21px -90px;}
#topo #menu li.chef a {width:70px; background-position:-93px top;}
#topo #menu li.chef a:hover {background-position:-93px -90px;}
#topo #menu li.menu a {width:88px; background-position:-167px top;}
#topo #menu li.menu a:hover {background-position:-167px -90px;}
#topo #menu li.galeria a {width:88px; background-position:-259px top;}
#topo #menu li.galeria a:hover {background-position:-259px -90px;}
#topo #menu li.dicas a {width:87px; background-position:-351px top;}
#topo #menu li.dicas a:hover {background-position:-351px -90px;}
#topo #menu li.midia a {width:78px; background-position:-442px top;}
#topo #menu li.midia a:hover {background-position:-442px -90px;}
#topo #menu li.contato a {width:90px; background-position:-522px top;}
#topo #menu li.contato a:hover {background-position:-522px -90px;}
#topo #menu li.mapa a {width:64px; background-position:-616px top;}
#topo #menu li.mapa a:hover {background-position:-616px -90px;}

#conteudo {margin:50px 0 0 0;}
#conteudo h3 {width:200px; height:70px; background:url(http://i.cheftheo.com.br/titulos_h3.gif) left top no-repeat; text-indent:-10001px;}
#conteudo h3#tit-chef {background-position:left -70px;}
#conteudo h3#tit-cardapio {background-position:left -140px;}
#conteudo h3#tit-galeria {background-position:left -210px;}
#conteudo h3#tit-receitas {background-position:left -280px;}
#conteudo h3#tit-midia {background-position:left -350px;}
#conteudo h3#tit-contato {background-position:left -420px;}
#conteudo h3#tit-mapa {background-position:left -490px;}

#sugestoes {width:175px; height:150px; padding:110px 40px 0 40px; margin-left:50px; background:url(http://i.cheftheo.com.br/lousa.jpg) left top no-repeat; float:left;}
#sugestoes h3 {display:none;}
#sugestoes ul {margin:0; padding:0;}
#sugestoes ul li {margin:0; padding:0; list-style-type:none; display:block; color:#FFF; font-size:18px; font-style:italic;}
#sugestoes ul li span {display:block;}

#novidades {width:341px; height:218px; padding:20px 25px; margin:0 0 0 17px; border:1px solid #c5c0b0; background:url(http://i.cheftheo.com.br/bg_box.jpg) left top repeat-x; float:left;}
#novidades h3 {width:174px; height:34px; background:url(http://i.cheftheo.com.br/bg_tit_novidades.png) left top no-repeat; text-indent:-10001px;}
#novidades ul {margin:0; padding:0;}
#novidades ul li {margin:0; padding:0; list-style-type:none; display:block;}
#novidades ul li a {color:#908b75; font-size:12px; font-style:italic; padding:6px 0; border-bottom:1px solid #c5c0b0; display:block;}
#novidades ul li a:hover {text-decoration:none; border-color:#a9a189;}
#novidades form {margin-top:15px;}
#novidades form fieldset {padding:5px; background-color:#f9f7f2;}
#novidades form fieldset legend {display:inline; font-style:italic; color:#908b75; margin-bottom:10px;}
#novidades form fieldset label {width:60px;}
#novidades form fieldset label.error {width:150px; margin-left:250px; margin-top:-15px;}
#novidades form fieldset div {margin:0;}
#novidades form fieldset input {width:180px; float:left; margin-right:3px;}
#novidades form fieldset button {margin:0; padding:3px 7px; float:left;}

#galeria-home {width:208px; height:238px; padding:10px; margin:0 0 0 17px; border:1px solid #c5c0b0; background:url(http://i.cheftheo.com.br/bg_box.jpg) left top repeat-x; float:left; position:relative;}
#galeria-home-sombra {width:208px; height:238px; background:url(http://i.cheftheo.com.br/sombra-galeria-home.png) left top no-repeat; position:absolute; z-index:5; top:10px; left:10px;}

#rodape {border-top:3px solid #942824; color:#908b75; padding:20px 0; margin:30px 0 0 0; font-style:italic;}
#rodape #copy {font-size:11px; float:left; margin-right:50px;}
#rodape #address {float:left;}
#rodape #jhd {width:94px; height:30px; background:url(http://i.cheftheo.com.br/jhd_logotipo.gif) left top no-repeat; float:right; overflow:hidden;}
#rodape #jhd a {display:block; height:0; min-height:0; padding:400px 0 0 0;}


/* ELEMENTS

------------------------------------------- */

#form_contato {width:341px; height:218px; padding:20px 25px; margin-right:20px; border:1px solid #c5c0b0; background:url(http://i.cheftheo.com.br/bg_box.jpg) left top repeat-x; float:left;}

ul#galeria {margin:0; padding:0;}
ul#galeria li {width:179px; height:170px; margin:0; padding:33px 31px 32px 31px; list-style-type:none; display:inline; float:left; background:url(http://i.cheftheo.com.br/bg_foto.png) left top no-repeat;}
ul#galeria li span {display:block; font-size:10px; color:#8d8771; margin-top:3px;}

a.foto {padding:10px; margin:4px 10px 0 0; border:1px solid #c5c0b0; background:url(http://i.cheftheo.com.br/bg_box.jpg) left top repeat-x; float:left;}

.coluna {width:268px; float:left; margin-right:50px;}
.coluna h4 {font-size:24px; margin:10px 0 20px 0; border-bottom:2px solid #922624;}
.coluna ul {margin:0 0 20px 0; padding:0;}
.coluna ul li {margin:0 0 10px 0; padding:0 0 5px 0; list-style-type:none; display:block; border-bottom:1px dashed #ccc5a6; font-style:italic;}
.coluna ul li span {font-size:10px; color:#aba486; display:block; font-style:normal;}
.coluna ul img {padding:12px; background:url(http://i.cheftheo.com.br/bg_foto_cardapio2.png) left top no-repeat; margin-bottom:10px;}