@charset "utf-8";

* { font-family: "Trebuchet MS"; font-size: 12px; padding: 0; margin: 0; outline: 0; }
body { text-align: center; padding: 0 0 30px 0; }

body#copa {
	background: #025b94 url('../img/bg.jpg') repeat-x;
}

li { list-style: none; }
a { text-decoration: none; }
img { border: 0; }
table { border-collapse: collapse; }

#pop_up_home { position: absolute; top: 50%; left: 50%; width: 500px; height: 368px; margin: -184px 0 0 -250px; z-index: 40; }
#pop_up_home a { float: left; }
#pop_up_home a img { float: left; }

#pop_up_home a.fechar { float: right; line-height: 18px; background: white; color: red; padding: 0 6px; font-weight: bold; }

.move { clear: both; }

.top_here { position:absolute; left: 0; top: 0; width: 100%; }

.corpo { width: 854px; margin: 0 auto; position: relative; }
.corpo * { text-align: left; }

#topo {	z-index: 1; }
#z-2 { z-index: 2; }

.o-titulo { font-size: 21px; line-height: 21px; color: #f69220; margin: 0 0 20px 0; width: 329px; font-family: "Trebuchet MS"; }

#topo ul { position: absolute; top: 51px; right: 15px; z-index: 2; width: 723px; }
#topo ul li { float: left; }
#topo ul * { font-size: 12px; color: #FFF; }
#topo li a , #topo li strong { padding: 0 6px; line-height: 41px; display: block; float: left; }
#topo li strong { cursor: pointer; }
#topo li.click { background: url(../img/bg_menu_hover.gif) repeat-x; }
#topo li.barrinha_menu { padding: 0 4px; width: 1px; background: url(../img/barrinha_menu.gif) repeat-y center; height: 29px; margin: 6px 0 0 0; }
body#copa #topo li.barrinha_menu { padding: 0 4px; width: 1px; background: url(../img/barrinha_menu.gif) repeat-y center; height: 29px; margin: 6px 0 0 0; }
#topo li img { float: left; margin: 16px 4px 0 0; }
#topo .corpo { width: 952px; }
#bg_menu { height: 81px; margin: 30px 0 0 0; z-index: 1; }
#logo {	position:absolute; left:0; top:26px; width:202px; height: 108px; z-index: 1; }

body#copa #topo ul * {
	color:#00532b !important;
}

button.bola_ok { border: none; background: url(../png/bola_ok.png); width: 19px; height: 19px; float: left; cursor: pointer; }

.top-rgt { float: right; width: 389px; padding: 7px 0 0 0; display: block; }
.top-rgt label { color: #FFF; line-height: 20px; float: left; padding: 0 7px 0 0; }
.top-rgt input { width: 175px; height: 20px; border: 0; float: left;  }
.top-rgt button.bola_ok { margin: 1px 35px 0 5px; }
.top-rgt a { float: left; display: block; line-height: 20px; color: #FFF; }
.buscabg{
	color:#999;
}

.box_branco { background: white; padding: 270px 0 19px 20px; }

.colun-rgt { float: right; padding: 63px 0 0 0; }
p.paginas { line-height: 20px; font-size: 11px; color: #808282; padding: 0 0 20px 30px; }
p.paginas * { font-size: 11px; color: #808282; }

.conteudo { float: left; padding: 0 0 0 22px; width: 595px; }

/* informações fixas do menu lateral */
#menu_lateral { float: left; width: 189px; }
#menu_lateral h2 { font-style: italic; font-size: 17px; float: right; width: 159px; padding: 0 0 9px 0; cursor: pointer; }
#menu_lateral ul { width: 167px; padding: 0 0 80px 22px; }
#menu_lateral ul li { font-size: 11px; color: white; padding: 0 0 0 8px; width: 150px; height: 27px; line-height: 27px; cursor: pointer; text-transform: uppercase; }
#menu_lateral ul li.click { cursor: pointer; font-weight: bold; height: auto; }
#menu_lateral ul li.barrinha_lateral { cursor: pointer; height: 2px; line-height: 2px; font-size: 1px; }
#menu_lateral .lateral_bg { padding: 60px 0 0 0; }
/* até aqui */

/* css funcional do marker */
.cont_mark { position: absolute; top: 0; left: 213px; width: 24px; z-index: 1; }
#mark { position:absolute; right: 0; top: 364px; width:24px; height:27px; z-index: 1; }
/* css de background do marker */
.marker { width: 24px; float: left; margin: 64px 0 0 4px; }
.mark_top { height: 8px; }
.mark_bg { position: relative; }
.mark_bottom { height: 12px; }
/* até aqui */


.box_receitas *, .list_produtos * { cursor: pointer; }

/* informações fixas do rodape */
.rodape { position: relative; }
.rodape a { color: #676767; cursor: pointer;}
body#copa .rodape a { color: #00532b; cursor: pointer;}
.rodape a:hover { color: #333; cursor: pointer;}
body#copa .rodape a:hover { color: #002614; cursor: pointer;}
#box_rodape { z-index: 1; width: 100%; height: 95px; color: #676767; }
body#copa #box_rodape { z-index: 1; width: 100%; height: 95px; color: #00532b; }
.logos-pe { position: absolute; z-index: 1; top: 5px; right: 80px; }
.rodape ul { font-size: 11px; width: 592px; margin: 0 auto; display: block; padding: 32px 0 10px 0; height: 15px; }
.rodape ul li { float: left; }
.rodape ul li.barrinha_rodape { width: 2px; background:url(../img/barrinha_rodape.gif) repeat-y; height: 15px; margin: 0 5px; }
body#copa .rodape ul li.barrinha_rodape { width: 2px; background:url(../img/barrinha_rodape.gif) repeat-y; height: 15px; margin: 0 5px; }
.rodape p { text-align: center; font-size: 10px; }
#bg_rodape {  width: 854px; height: 95px; margin: auto; }

/* só para selo fifa */
.rodape ul#fifa { font-size: 11px; width: 375px; margin: 0 auto; display: block; padding: 20px 0 10px 0; height: 15px; }
.rodape ul#fifa li { float: left; }
.rodape ul#fifa li.barrinha_rodape { width: 2px; background:url(../img/barrinha_rodape.gif) repeat-y; height: 15px; margin: 0 5px; }
/* fim selo fifa */

/* até aqui */


/* css do sub-menu */

.sub-menu { background: url(../img/sub/bg.gif) repeat-y !important; padding: 0 !important; position: relative; margin: 0 0 0 -20px; width: 170px !important; display: none; }
																																																								.sub-menu .sub-top { background: #008896 url(../img/sub/top.gif) no-repeat left bottom !important; cursor: pointer; width: 170px !important; line-height: 12px !important; font-size: 0px !important; height: 12px !important; padding: 0 !important; margin: 0 !important; }
																																																								
																																																								.sub-menu .sub-top2 { background: #950e00 url(../img/sub/top2.gif) no-repeat left bottom !important; cursor: pointer; width: 170px !important; line-height: 12px !important; font-size: 0px !important; height: 12px !important; padding: 0 !important; margin: 0 !important; }
																																																								.sub-menu li { padding: 0; background: none; margin: 0; line-height: 15px; text-align: right; width: 170px; }
	.sub-menu li a { color: white !important; }																																																							
.sub-menuzinho { line-height: 20px !important; height: 20px !important; font-weight: normal; }
.sub-menuzinho:hover { background: none !important; font: bold 11px "Trebuchet MS" !important; line-height: 20px !important; height: 20px !important;  }

.sub-bottom { cursor: pointer; width: 170px !important; line-height: 12px !important; font-size: 0px !important; height: 12px !important; padding: 0 !important; margin: 0 !important; background: #008896; }																																																				.sub-bottom img { background: #008896; }

.sub-bottom2 { cursor: pointer; width: 170px !important; line-height: 12px !important; font-size: 0px !important; height: 12px !important; padding: 0 !important; margin: 0 !important; background: #950e00; }																																																								.sub-bottom2 img { background: #950e00; }
																																																								
.sub-click { font-weight: bold !important; color: #763804 !important; cursor: pointer !important; }																																																								.barrinha-nha { padding: 0; background: url(../img/sub/barrinha.gif) no-repeat !important; margin: 0 0 0 11px !important; height: 2px !important; line-height: 2px !important; font-size: 2px !important; }

.loadi { width: 100%; height: 100%; text-align: center; }
.list_receitas { font-size: 30px; line-height: 16px; }