@charset "UTF-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font: 12px Verdana, Geneva, sans-serif;
}

a, img {
	border: none;
	text-decoration: none;
}
a:link, a:active, a:visited {
	font-weight: bold; 
	color: #000;
}
a:hover, #footer a:hover {color: #82B63A;}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
q {
	font: italic 11px Verdana, Geneva, sans-serif;
	display: block;
	background: #f7fbf1;
	padding: 8px;
	line-height: 12px;
	margin-left: 10px;
	text-align: justify;
	margin: 3px
}
form {
	display: inline;
}
input, textarea, select {
	border: 1px solid #000;
	font-size: 10px;
	color: #000;
	padding: 2px 4px;
}
.wrapper {
	width: 985px;
	margin: 0 auto;
	position: relative;
} 
.whiteline {border-top: 1px solid #fff;}
.textosimples {text-align: left}
.textocenter {text-align: center}
.textoright {text-align: right}
.padding3 {padding:3px}
.padding5 {padding:5px}
.padding10 {padding:10px}
.padding10-25 {padding:10px 25px}
.padding10-5 {padding: 10px 5px}
.paddingbot5 {padding-bottom: 5px}
.marginbot10 {margin-bottom: 10px}
.margintop5 {margin-top: 5px}
.mgtopbot10 {margin: 10px 0;}
.overflow {overflow: hidden;}
.clear {clear: both}
.time8 {
	font: bold 8px Verdana, Geneva, sans-serif;
}
.red, .erro {color: #000;}
.red a {
	font-weight: bold; 
	color: #000;
}
.red a:hover {color: #82B63A;}
.gray {color: #666;}
.gray a {
	font-weight: bold; 
	color: #666;
}
.gray a:hover {color: #82B63A;}

.wid265{width: 265px}
.wid200 {width: 200px}
.wid171 {width: 171px}
.wid135 {width: 135px}
.wid138 {width: 138px}

/* ---- TOP ---- */
#top {
	background: url(/tpl/imagens/header.jpg) no-repeat;
	height: 154px;
	border-bottom: 1px solid #fff;
	display: none;
}
#conversor, #equivalentes, #actions, #mainpict span {display:none;}
#mainpict {
	float: left;
}
#printpict {float: right;}
#logoprint {
	margin-bottom: 20px;
}
#mainicons {width: 320px;}
#imgPop img {width: 250px;}

/* ---- MIDDLE ---- */
#middle {
	overflow: hidden;
}
/* ---- MID LEFT ---- */
#midleft {
	display: none;
}

/* ---- MID CONTENT ---- */
#midcenter {
	width: 600px;
	margin: 0 6px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#pub120-240 {
	display: none;
}
#pub468-60 {
	display: none;
}
#breadcrumb {
	font: 11px Tahoma, Geneva, sans-serif;
}
#breadcrumb span {
	font: 16px Tahoma, Geneva, sans-serif;
}
h5.recipestitle {
	margin: 0;
	padding: 5px 0 0 10px;
	color: #000;
	font: bold 16px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
h6.recipessubtitle {
	margin: 0;
	padding: 0 10px 5px 10px;
	color: #000;
	font: 12px Verdana, Geneva, sans-serif;
}
ul.lastrecipes {
	overflow: hidden;
}
ul.lastrecipes li.recipeleft {
	padding: 5px 0 5px 10px;
	line-height: 20px;
	height: 20px;
	float: left;
	width: 258px;
	overflow: hidden;
}
ul.lastrecipes li.reciperight {
	padding: 5px 0;
	line-height: 20px;
	height: 20px;
	float: left;
	width: 200px;
	color: #000;
	font-weight: bold;
	font-size: 8px;
	text-align: right;
}
ul.lastrecipes li.recipeleft a:link, ul.lastrecipes li.recipeleft a:active, ul.lastrecipes li.recipeleft a:visited, ol.toplist li a:link, ol.toplist li a:visited, ol.toplist li a:active {
	font-weight: normal; 
	color: #000;
}
ul.lastrecipes li.recipeleft a:hover, ol.toplist li a:hover {color: #82B63A;}

#icona {
	width: 20px;
	float: left;
	text-align:center;
}
#iconb {
	width: 35px;
	float: left;
	text-align:left;
}
#iconc {
	width: 25px;
	float: left;
	text-align:center;
}
#icond {
	width: 28px;
	float: left;
	text-align:left;
}
#icone {
	width: 32px;
	float: left;
	text-align:center;
}
#iconf {
	width: 31px;
	float: left;
	text-align:center;
}
#iconfoto {
	width: 25px;
	float: left;
	text-align: center;
}
li.enviereceita {
	margin: 10px 0;
	border: 2px solid #000;
	float: left;
	padding: 4px 10px;
	
}
li.enviereceita a:link, li.enviereceita a:active, li.enviereceita a:visited {
	color: #000;
	font: bold 14px Verdana, Geneva, sans-serif;
	
}
li.enviereceita:hover {
	background-color: #D5EAB8;
}

#midcenter ul.videos {
	overflow: hidden;
	padding-left: 5px;
	border-bottom: 1px solid #82B63A;
}
h5.videostitle {
	margin: 0;
	padding: 10px;
	color: #000;
	font: 14px Verdana, Geneva, sans-serif;
}
ul.videos li.video {
	width: 33.33%;
	float: left;
	text-align: center;
	margin: 0;
}
ul.videos li.video h6 {
	color: #000;
	margin: 4px 0;
	padding: 0;
	font: bold 10px Verdana, Geneva, sans-serif;
	text-align: center;
}
ol.toplist {
	margin: 0;
	padding: 0 0 0 30px;
	font: 10px Verdana, Geneva, sans-serif;
	list-style-position: outside;
	overflow: hidden;
}
ol.toplist li {
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-indent: -5px;
}
#receita h1 {
	margin: 0;
	padding: 0;
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #000;
}
#receita h2 {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Geneva, sans-serif;
}
#receita h2 q {width:320px;}
#composicao {
	width: 340px;
	float: left;
	overflow: hidden;
}
ul.composicao {
	overflow: hidden;
	padding: 5px 0 5px 5px;
}
#recomendaMsgSucesso {
	display: none;
	padding: 10px;
	text-align: center;
}
/* PÁGINA DE VIDEOS */

ul.vidcat  {
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
ul.vidcat li {
	font: 11px Verdana, Geneva, sans-serif;
	width: 50%;
	float: left;
}
ul.videoslist li.vdlistleft {
	width: 130px;
	float: left;
}
ul.videoslist li.vdlistright {
	width:310px;
	float: right;
}

/* PÁGINA DE TOPS */

ul.toplist li {
	width: 33.33%;
	float: left;
	text-align: center;
}
.top-pict, .userpict {
	width: 90px;
	float: left;
	text-align: center;
	position: relative;
}
.top-pict img.bord, .userpict img.bord {
	border: 1px solid #82B63A;
	padding: 4px;
	background-color: #fff;
	margin-top: 2px;
}
.top-pict span, .userpict span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	background: url(/tpl/imagens/paper-clip-mini.png) no-repeat;
	z-index: 3;

}
.top-content {
	width: 310px;
}
.topn1 {background: url(/tpl/imagens/topn1.png) right center no-repeat;}
.topn2 {background: url(/tpl/imagens/topn2.png) right center no-repeat;}
.topn3 {background: url(/tpl/imagens/topn3.png) right center no-repeat;}
.topn4 {background: url(/tpl/imagens/topn4.png) right center no-repeat;}
.topn5 {background: url(/tpl/imagens/topn5.png) right center no-repeat;}
.topn6 {background: url(/tpl/imagens/topn6.png) right center no-repeat;}
.topn7 {background: url(/tpl/imagens/topn7.png) right center no-repeat;}
.topn8 {background: url(/tpl/imagens/topn8.png) right center no-repeat;}
.topn9 {background: url(/tpl/imagens/topn9.png) right center no-repeat;}
.topn10 {background: url(/tpl/imagens/topn10.png) right center no-repeat;}
.topn11 {background: url(/tpl/imagens/topn11.png) right center no-repeat;}
.topn12 {background: url(/tpl/imagens/topn12.png) right center no-repeat;}
.topn13 {background: url(/tpl/imagens/topn13.png) right center no-repeat;}
.topn14 {background: url(/tpl/imagens/topn14.png) right center no-repeat;}
.topn15 {background: url(/tpl/imagens/topn15.png) right center no-repeat;}

.topn1p {background: url(/tpl/imagens/topn1p.png) right center no-repeat;}
.topn2p {background: url(/tpl/imagens/topn2p.png) right center no-repeat;}
.topn3p {background: url(/tpl/imagens/topn3p.png) right center no-repeat;}
.topn4p {background: url(/tpl/imagens/topn4p.png) right center no-repeat;}
.topn5p {background: url(/tpl/imagens/topn5p.png) right center no-repeat;}
.topn6p {background: url(/tpl/imagens/topn6p.png) right center no-repeat;}
.topn7p {background: url(/tpl/imagens/topn7p.png) right center no-repeat;}
.topn8p {background: url(/tpl/imagens/topn8p.png) right center no-repeat;}
.topn9p {background: url(/tpl/imagens/topn9p.png) right center no-repeat;}
.topn10p {background: url(/tpl/imagens/topn10p.png) right center no-repeat;}
.topn11p {background: url(/tpl/imagens/topn11p.png) right center no-repeat;}
.topn12p {background: url(/tpl/imagens/topn12p.png) right center no-repeat;}
.topn13p {background: url(/tpl/imagens/topn13p.png) right center no-repeat;}
.topn14p {background: url(/tpl/imagens/topn14p.png) right center no-repeat;}
.topn15p {background: url(/tpl/imagens/topn15p.png) right center no-repeat;}


/* ---- MID RIGHT ---- */
#midright {
	width: 300px;
	padding: 0;
	float: left;
	overflow: hidden;
	display: none;
}
/* ---- FOOTER ---- */
#footer {
	display: none;
}








/* popup sucesso e erro */
#infoMerro {
	width: 328px;
	height: 130px;
	color: #000;
	padding: 10px;
	background: url(/tpl/imagens/erro.png) bottom right no-repeat;
}
#infoMsucesso { 
	width: 328px;
	height: 130px;
	color: #000;
	padding: 10px;
	background: url(/tpl/imagens/sucesso.png) bottom right no-repeat;
}

/* tooltips de ingredientes */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

/* popups vários pelo site*/
#mensagem-jq {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#fff; border:4px solid #82B63A; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#000; font-weight: bold;}
#simplemodal-container a.modalCloseImg {background:url(/tpl/imagens/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}	
.simplemodal-wrap {margin: 0; padding: 0;}
/* AUTO COMPLETE PESQUISA */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #D5EAB8;
}

.ac_over {
	background-color: #000;
	color: #FFF;
}