/* 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: #863131; 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.4em; }
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; height:195px;}
#topo h1 {width:250px; height:82px; background:url(http://i.cheftheo.com.br/logotipo_cheftheo.png) left top no-repeat; overflow:hidden; position:absolute; top:100px; left:10px;}
#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:0; 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:195px; 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 -195px;}
#topo #menu li.chef a {width:70px; background-position:-93px top;}
#topo #menu li.chef a:hover {background-position:-93px -195px;}
#topo #menu li.menu a {width:88px; background-position:-167px top;}
#topo #menu li.menu a:hover {background-position:-167px -195px;}
#topo #menu li.galeria a {width:88px; background-position:-259px top;}
#topo #menu li.galeria a:hover {background-position:-259px -195px;}
#topo #menu li.dicas a {width:87px; background-position:-351px top;}
#topo #menu li.dicas a:hover {background-position:-351px -195px;}
#topo #menu li.midia a {width:78px; background-position:-442px top;}
#topo #menu li.midia a:hover {background-position:-442px -195px;}
#topo #menu li.contato a {width:90px; background-position:-522px top;}
#topo #menu li.contato a:hover {background-position:-522px -195px;}
#topo #menu li.mapa a {width:64px; background-position:-616px top;}
#topo #menu li.mapa a:hover {background-position:-616px -195px;}

#conteudo {margin:50px 0 0 0;}
#conteudomidia { height:730px; 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:190px; height:150px; padding:110px 40px 0 40px; margin-left:30px; background:url(http://i.cheftheo.com.br/lousa.jpg) left top no-repeat; float:left;}

#vinho {width:170px; height:150px; padding:110px 40px 0 40px; margin-left:30px; float:left;}

#sugestoes h3 {display:none;}
#sugestoes ul {margin:0; margin-left:-10px; padding:0;}
#sugestoes ul li {margin:0; padding:0; list-style-type:none; display:block; color:#FFF; font-size:17px; 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 #social {margin-left:30px; 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;}

ul#video {margin:0; padding:0;}
ul#video li {width:386px; list-style-type:none; display:inline; float:left; margin-right:30px;I}

.lista-fotos {width:220px; margin:130px 10px 0 0; float:left;}
.lista-fotos li {margin:0; padding:0; list-style-type:none;}
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;}

.album { float:left; text-align:center;}
.album h4 {font-size:24px; margin:10px 0 20px 0; border-bottom:2px solid #922624;}
.album ul {margin:0 0 20px 0; padding:0;}
.album ul li {margin:0 0 5px 0; padding:0 0 1px 0; list-style-type:none; display:inline;; border-bottom:1px dashed #ccc5a6; font-style:italic;}
.album ul img {padding:12px;  margin-bottom:10px;}

#social {margin:0; padding:0;}
#social li {margin:0; padding:0; list-style-type:none; display:inline; width:30px; height:30px; background-position:left top; background-repeat:no-repeat; overflow:hidden; margin-right:10px; float:left;}
#social li.twitter {background-image:url(http://i.cheftheo.com.br/icon-twitter.png);}
#social li.facebook {background-image:url(http://i.cheftheo.com.br/icon-facebook.png);}
#social li a {height:0; min-height:0; display:block; padding:400px 0 0 0;}

#conteudo-midia {
	width:960px;
	height:400px;
	float:left;

	
	
	}
	
#barra-midia1 {
	width:435px;
	height:361px;
	float:left;
	margin-left:40px;
	background-image:url(http://www.theomedeiros.com.br/img/impresssos.png);

	
	
	}
	
#barra-midia2 {
	width:435px;
	height:361px;
	float:left;
	margin-left:40px;
	background-image:url(http://www.theomedeiros.com.br/img/movie.png);

	}	
	
#barra-meio {
	width:310px;
	height:220px;
	float:left;
	margin-left:60px;
	margin-top:90px;


	}		

#rodape-midia {
	width:970px;
	height:120px;
	float:left;
	margin:auto;

	}	

#meio-vi {
	width:840px;
	height:auto;
	float:left;
	margin-left:60px;
	
	}
	
#meio-videos {
	width:970px;
	height:1180px;
	float:left;
	margin:auto;


	}			

#lista-ano {
	width:970px;
	height:60px;
	float:left;
	margin:auto;
	margin-left:20px;
	margin-top:0px;

	}

#linha-dividde {
	width:970px;
	height:22px;
	float:left;
margin-left:20px;
	font-size:14px;

	}
	
#formata-receita{
	float:left;	
}