/*
 * Autor: Impera Developer Team
 * Data: 22/10/2007 - 16/11/08
 * 
 */
 
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	vertical-align:middle;
}

body{
	background: #ffffff url("http://www.comidaslight.com.br/images/fundo.png") no-repeat top center;
}

/********************************************
 * Para formatação de imagens 
 ********************************************/
 
img{
	border:none;
}

img.imgleft{
	float: left;
	margin: 0 10px 0 0;
}

img.imgright{
	float: left;
	margin: 0 0 0 10px;
}

#legenda {
	width: 140px;
	height: auto;
	float: left;
}

#legenda sub{
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
}
/********************************************
 * Geral
 ********************************************/

#geral{
	width: 770px;
	margin: 0 auto;
}

/********************************************
 * Topo
 ********************************************/

#topo{
	height: 199px;
}

#topoImg{
	width: 770px;
	height: 157px;
	background: transparent url("http://www.comidaslight.com.br/images/light_01.jpg") no-repeat top center;
	float: left;
}

/********************************************
 * Menu
 ********************************************/

#menu{
	width: 770px;
	height: 42px;
	background: transparent url("http://www.comidaslight.com.br/images/light_04.jpg") no-repeat top center;
	float: left;
}

/********************************************
 * Conteúdo
 ********************************************/

#conteudo{
	width: 770px;
	height: auto;
	/*background: transparent url("../images/fundo.jpg") repeat-y top center;*/
	display: table;
}

#conteudoEsquerda{
	width: 615px;
	min-height: 240px;
	text-align:justify;
	display: block;
	float: right;
}

#conteudoEsquerda h2{
	font: bold 18px 'Trebuchet MS', Tahoma, Arial;
	text-align: center;	
	width: 587px;
}

#conteudoEsquerda h1{
	width: 587px;
	font: bold 18px 'Trebuchet MS', Tahoma, Arial;
	letter-spacing: 5px;
	text-transform:uppercase;
	text-align: center;
	float: none;
}

#conteudoEsquerda p{
	font: 16px Arial, Tahoma, 'Trebuchet MS', Arial;
	line-height: 22px;
	width: 587px;
	margin-top: 15px;
}

#conteudoEsquerda hr{
	width: 400px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #BBD3A3;
}


#conteudoEsquerda center{
	font: 14px Arial, Tahoma, 'Trebuchet MS', Arial;
}

table tr td{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #ccc;
	/*text-transform: capitalize;*/
}

#conteudoEsquerda li{
	width: 587px;
	font: 16px Arial, Tahoma, 'Trebuchet MS', Arial;
	padding: 5px 0 0 5px;
	line-height: 18px;
	list-style: url(../images/medida.png);
	list-style-position: inside;
}
/*************
Classes
*************/

#conteudoEsquerda .imgDireita{
	float: right;
	margin-right: 25px;
	display: table;
}

#conteudoEsquerda .imgEsquerda{
	float: left;
	display: block;
}

#conteudoEsquerda .receitas{
	font: 14px Arial, Tahoma, 'Trebuchet MS', Arial;
	width: 180px;
	padding: 4px 0 4px 6px;
	*margin-left: -14px;
	/*line-height: 18px;*/
	/*background: url("http://www.comidaslight.com.br/images/botao.jpg") no-repeat center top;*/
	list-style: none;
	list-style-position: inherit;
}

#conteudoEsquerda .relacionadas{
	font: 14px Arial, Tahoma, 'Trebuchet MS', Arial;
	width: 550px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 12px 0 0 6px;
	*margin-left: -14px;
	line-height: 18px;
	list-style: none;
	list-style-position: inherit;
}
#conteudo a.dicas
{
color:#000000;
text-align:left;
margin:0px;
}

/*************
PUBLICIDADE
*************/
#conteudoDireita{
	width: 155px;
	min-height: 650px;
	display: table;
	float: left;
	/*background: transparent url("../images/light_04.jpg") no-repeat top center;*/
}

#publicidadeLateral{
	width: 130px;
	height: auto;
	margin: 28px 0 0 7px;
}

#conteudoPublicidade{
	width: 0;
	height: 0;
	display: none;
}

#publicidadeFooter{
	width: 745px;
	height: 230px;
	padding-top: 5px;
	margin-left: 19px;
}

#uolBanner{
	width: 100%;
	height: 80px;
	margin: 0 auto;
	float: left;
	display: table;
}

/********************************************
 * Inputs
 ********************************************/

.inputText{
	padding: 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #eee;
	color: #000000;
	border: 1px solid #ccc;
}

.inputTextDisabled{
	padding: 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: none;
	color: #000000;
	border: none;
}

.inputButton{
	padding: 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #B2C7A8;
	border: 1px solid #B2C7A8;
}

form table tr td{
	border: none;
}

/********************************************
 * Rodapé
 ********************************************/
#footer{
	height: 250px;
	width: 770px;
}

#rodape{
	height: 40px;
	width: 770px;
}