@charset "utf-8";
/******************************************/
/**   Designer:   Ítalo Araújo  ***********/
/**   Front-End:  Ítalo Araújo  ***********/
/**   Créditos:   Luiz Tiago    ***********/
/**   Cliente:    Abrasel-PE    ***********/
/**   Empresa:    Prática Internet  *******/
/******************************************/

/**************    RESET   ****************/

body{
	background:#fff;
	margin:0;
	padding:0;
	font-family:trebuchet ms;
	font-size:11px;
	margin-bottom:10px;
}

html{
	overflow-y:scroll;
}

p,h1,h2,h3,h4,h5,h6,h7,input,textarea,ul,li,div, form{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

a{
	font-family:trebuchet ms;
	font-size:11px;
	color:#ff6800;
	text-decoration:underline;
}

/************ Configurando ID´s da Estrutura ************/

#pagina{
	left:50%;
	margin-left:-380px;
	position:relative;
	margin-top:10px;
	width:760px;
	background:#FFFFFF;
}

#curvaTopo{
	background:url(../img/bg_topo.gif) no-repeat;
	height:10px;
	overflow:hidden;
	width:760px;
}

#container{
	width:760px;
}

#curvaRodape{
	clear:both;
	background:url(../img/bg_rodape.gif) no-repeat top;
	height:10px;
	overflow:hidden;
	width:760px;
}

#topo{
	padding:3px;
}

#logo{
	width:220px;
	height:100px;
	float:left;	
	margin-left:1px;
	_margin-left:0px;
	background:url(../img/bg_logo.gif) no-repeat top;
}

	#logo h1{
		background:url(../img/recifesabor.gif) no-repeat;
		width:164px;
		height:87px;
		text-indent:-5000px;
		margin-left:25px;
		margin-top:5px;
		display:block;
		cursor:pointer;	
	}

#menu_topo{
	float:left;
	margin-left:3px;
	width:523px;
}

#imgTopo{
	margin-left:7px;
	margin-top:9px;
}

#miolo{
	width:760px;
}

#colEsquerda{
	margin-left:10px;
	_margin-left:5px;
	margin-top:10px;
	float:left;
	width:200px;
}

#patrocinadores{
	margin-top:10px;
}

#corpo{
	float:left;
	width:530px;
	overflow:hidden;
	margin-left:10px;
	margin-top:8px;
}

#apresentacao{
	background: #fff url(../img/bg_inicioPagina.gif) no-repeat top;
	width:530px;
}
	#conteudoApresentacao{
		padding:15px;
	}

#participantes{
	background: #fff url(../img/bg_tit_participantes.gif) no-repeat top;
	width:310px;
	float:left;
}

#receitas{
	background: #fff url(../img/bg_tit_receitas.gif) no-repeat top;
	width:210px;
	float:left;
	margin-left:10px;
	margin-top:-6px;
}

#logosParceiros img{
	margin-top:10px;
	margin-left:10px;
}

#rodape{
	clear:both;
	text-align:center;
	margin-top:10px;
}
	#rodape p{
		margin-top:8px;
		padding-bottom:10px;
	}

.titulo{
	margin-top:15px;
	margin-left:15px;
}

.link{
	margin-top:10px;
}
	.link img{
		margin-right:5px;
	}
	
/******** Configurando ID´s das Páginas Interna *******/

.bgPaginasInternas{
	float:right;
	width:530px;
	background:#fff url(../img/bg_inicioPagina.gif) no-repeat top;
	_margin-right:5px;
}

	.bgPaginasInternas p, .bgPaginasInternas a, .bgPaginasInternas h3{
		margin-left:15px;
		margin-right:15px;
	}

.bgPaginasInternas h3{
	font-size:16px;
	color:#ff6800;
}
.caixa3 {
	margin: 0px;
	margin-bottom: 10px;
	overflow:hidden;
	padding:15px 0px 15px 25px;
}
.miniatura {
float:left;
_margin-right:20px;
padding:2px -2px 1px 2px;
_padding:5px 5px 1px 5px;
_width:130px;
_border:1px solid #CCCCCC;
}
.miniatura a {
border:none;
}
.miniatura img{
_margin-left:-15px;
_margin-bottom:0px;
border:none;
}

.form{
	background:#ffeee2;
	width:250px;
	height:16px;
	border:1px solid #ff6800;
	margin-left:15px;
	vertical-align:middle;
	font-family:trebuchet ms;
	font-size:11px;
	color:#000000;
}

.textarea{
	background:#ffeee2;
	width:250px;
	height:110px;
	border:1px solid #ff6800;
	margin-left:15px;
	font-family:trebuchet ms;
	font-size:11px;
	color:#000000;
}

.button{
	background:#ff6800;
	color:#FFFFFF;
	width:70px;
	height:20px;
	border:none;
	margin-left:15px;
	margin-bottom:20px;
}
.tableCinza {
border: 1px solid #ccc;
border-collapse: collapse;
}
.tableCinza td {
border: 1px solid #ccc;
}