p { font:11px "Arial"; color:#6567AD;}
h4 { font: bold 14px "Arial"; color:#3F406E;}
h1 { font: bold 30px "Arial"; color:#3F406E; padding:30px 0 5px 0;}
h2 { font: bold 26px "Arial"; color:#3F406E;}
a { font: 11px "Arial"; color:#6A267D; text-decoration:underline;}
a:hover { font: 11px "Arial"; color:#6A267D; text-decoration:none;}
#pad { padding-left:15px;}

#ladoA { width:434px; float:left; background:#F0F0F9; }
#ladoA #pad { margin:30px 0 0 30px; clear:both;}
#ladoA #pad #imgMaior {/* width:300px; height:225px;*/ border:#CDCFF0 solid 1px; padding:5px; background:#FFFFFF; margin-bottom:5px;} /*tamanho da imagem maior*/
#ladoA #pad #imgMaior .Selo { position:absolute; width:151px; height:67px; background:url(../img/selo-festa-junina-2010.png) no-repeat; }
#ladoA #pad .imgMenor { /*width:156px; height:116px;*/ border:#CDCFF0 solid 1px; padding:5px; background:#FFFFFF; float:left;} /*tamanho da imagem maior*/
#ladoA #pad p { font:11px "Arial"; color:#7476BD;}
#ladoA #pad p a { font:11px "Arial"; color:#7476BD; text-decoration:none;}
#ladoA #pad p a:hover { font:11px "Arial"; color:#7476BD; text-decoration:underline;}
#ladoA #pad h3 { font: bold 18px "Arial"; color:#3F406E;}
#ladoA #pad h4 { font: bold 14px "Arial"; color:#3F406E;}
#ladoA #pad #bgEnvie { background:url(../img/receitas/bgEnvieReceitaInt.gif) no-repeat; width:310px; height:137px; clear:both; margin-top:30px;}
#ladoA #pad #bgEnvie #pad2 { padding: 55px 0 0 20px;}
#ladoA #pad #bgEnvie #pad2 p { font:11px "Arial"; color:#3F406E;}

#ladoA #pad .ranking { margin:10px 0 20px 0; background:#F9F9FD;/* padding:10px 13px;*/ width:310px;}
#ladoA #pad .ranking #padrank { padding:15px 15px;}
#ladoA #pad .ranking h3 { font: bold 16px "Arial"; color:#3F406E; padding-bottom:5px;}
#ladoA #pad .ranking a.estrela { background:url(../img/receitas/estrela_off.gif) no-repeat; width:16px; height:16px; display:block;}
#ladoA #pad .ranking a.estrela:hover { background:url(../img/receitas/estrela_on.gif) no-repeat; width:16px; height:16px; display:block;}
#ladoA #pad .ranking ul { display:block; clear:both;}
#ladoA #pad .ranking ul li { float:left; list-style:none; height:16px; margin-right:5px;}

#ladoB { width:436px; float:left; background:#F0F0F9; margin-left:15px;}
#ladoB #pad { margin:89px 0 0 0px; clear:both;}
#ladoB #pad	p { font:11px "Arial"; color:#7476BD; padding-left:2px;}
#ladoB #pad ul { height:35px; display:block; clear:both;}
#ladoB #pad ul .Ativo{ height:30px; *height:54px; float:left; margin-right:2px; padding:12px 10px; list-style:none; font: bold 14px "Arial"; color:#3F406E; background:#FFFFFF;}
#ladoB #pad ul li { height:30px; *height:54px; float:left; margin-right:2px; padding:12px 5px; list-style:none; font: bold 14px "Arial"; color:#9A9CCF; background:#DEDEF1; text-decoration:none;}
#ladoB #pad ul li a { font: bold 11px "Arial"; color:#9A9CCF; text-decoration:none;}
#ladoB #pad ul li a:hover { font: bold 12px "Arial"; color:#3F406E;  text-decoration:none;}
#ladoB #pad h3 { font: bold 18px "Arial"; color:#8284C6; margin:20px 0 5px 2px;}
#ladoB #pad p.Identifica { font: 11px "Arial"; color:#3F406E; padding-left:2px;}
#ladoB #pad #bgAbaCont { width:420px; height:306px; background:#FFFFFF; overflow:auto; clear:both;}
#ladoB #pad #bgAbaCont .abaCont {padding:10px; border-bottom:#F0F0F9 solid 1px; }
#ladoB #pad #bgEnvie { background:url(../img/receitas/bgEnvieReceita.gif) no-repeat; width:420px; height:138px; clear:both; margin-top:30px;}
#ladoB #pad #bgEnvie #pad2 { padding: 55px 0 0 20px;}
#ladoB #pad #bgEnvie #pad2 p { font:11px "Arial"; color:#3F406E;}

/*envie receitas*/
#lado2A { width:350px; float:left; background:#F0F0F9; }
#lado2A #pad { margin:30px 0 0 40px; clear:both;}
#lado2A #pad input, select { font: 11px "Arial"; color:#333333; width:216px; margin-bottom:5px;}
#lado2A #pad textarea { font: 11px "Arial"; color:#333333; width:350px;}
#lado2A #pad p { font:11px "Arial"; color:#7476BD;}
#lado2A #pad h4 { font: bold 14px "Arial"; color:#3F406E;}

#lado2B { width:510px; float:left; background:#F0F0F9; }
#lado2B #pad { margin:30px 15px 0 0px; clear:both;}
#lado2B #pad input, select { font: 11px "Arial"; color:#333333; width:216px; margin-bottom:5px;}
#lado2B #pad textarea { font: 11px "Arial"; color:#333333; width:350px; height:125px; margin-bottom:5px;}
#lado2B #pad p { font:11px "Arial"; color:#7476BD;}
#lado2B #pad p span { font: italic 10px "Arial"; color:#7476BD; }
#lado2B #pad h4 { font: bold 14px "Arial"; color:#3F406E;}

a#enviar { background:url(../img/receitas/bt_env_off.gif) no-repeat; width:73px; height:18px; display:block;}
a#enviar:hover { background:url(../img/receitas/bt_env_on.gif) no-repeat; width:73px; height:18px; display:block;}

#resultado {clear:both; text-align:center; margin:30px 0;}
#topForm { background:url(../img/duvidas/topForm.gif) no-repeat; width:350px; height:15px; margin-top:20px; }
#meioForm { background:#DEDEF1; width:350px;}
#meioForm h4 { font: bold 14px "Arial"; color:#52539A;}
#meioForm #padd { padding:0px 15px;}
#bottomForm { background:url(../img/duvidas/bottomForm.gif) no-repeat; width:350px; height:15px; }
