/* ESTILOS| Microsist Informática Ltda | 01/01/2008 | www.leiacook.com.br */


/****************************************
		PARA ZERAR TUDO
****************************************/
@import url("reset.css"); /* resets all browser */

*{
	margin:0px;
	padding:0px;
}

html {height:100%;margin-bottom:1px;}



body {
	margin: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#tudo {
	width: 776px;
	margin-right: auto;
	margin-left: auto;
}
#topo {
	width: 776px;
	height: 78px;
	background-image: url(topo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#foto {
	width: 776px;
	height: 188px;
	padding-top:0px;
	background-image: url(fotos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#meio {
	width: 776px;
	background-image: url(meio.gif);
	background-repeat: repeat-y;
	background-position: center;
	display: block;
	clear: both;
	float: left;
}
#meio #conteudo {
	width: 630px;
	float:left;
	text-align:left;
	padding-left: 84px;
	padding-top: 20px;

}
#rodape {
	text-align: left;
	width: 776px;
	height: 56px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-image: url(rodape.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

/* ------------------- MENU ------------------- */
#topo #menu {
	width: 776px;
	display: block;
	text-align:right;
}
#menu ul {
	list-style-type: none;
	display: block;
	padding: 0px;
	padding-top:0px;
	text-align:right;
}
#menu ul li {
	display: block;
	float: right;
	padding-left: 0px;
}

/* ------------------- LINKS ------------------- */

A:link {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #B93330; 
	TEXT-DECORATION: underline;	
}
A:active {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
}


.mini:link {
	FONT-SIZE: 9px;
	COLOR: #8E97A8; 
	TEXT-DECORATION: none;
}
.mini:visited {
	FONT-SIZE: 9px;
	COLOR: #8E97A8; 
	TEXT-DECORATION: none;
}
.mini:hover {
	FONT-SIZE: 9px;
	COLOR: #000000; 
	TEXT-DECORATION: nonee;	
}
.mini:active {
	FONT-SIZE: 9px;
	COLOR: #8E97A8; 
	TEXT-DECORATION: none;
}

/* ------------------- TITULOS ------------------- */
.Titulo_Azul {
	FONT-WEIGHT: bolder;
	FONT-SIZE: 15px;
	COLOR: #8E97A8;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
.Titulo_Cinza{
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 15px; 
	COLOR: #8E97A8; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	}
.Titulo_Cinza_Peq{
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 11px; 
	COLOR: #8E97A8; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	}
.Titulo_Pag {
	FONT-WEIGHT: bolder;
	FONT-SIZE: 18px;
	COLOR: #8E97A8;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	}
	
/* ------------------- BOTAO ------------------- */	
.botao {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	CURSOR: default;
	FONT-FAMILY: Tahoma, Verdana, "Trebuchet MS", Arial;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	}
/* ------------------- DIVERSOS ------------------- */	
.Letra_Cinza{
	FONT-SIZE: 11px; 
	COLOR: #8E97A8; 
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	}
.Letra_Tabela{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	border-top-color: #8E97A8;
	border-right-color: #8E97A8;
	border-bottom-color: #8E97A8;
	border-left-color: #8E97A8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}
.Site:link {
	TEXT-DECORATION: none;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	width: 208px;
	float: left;
}
.Site:visited {
	TEXT-DECORATION: none;
	FONT-SIZE: 10px;
	COLOR: ##8E97A8;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	width: 208px;
	float: left;
}
.Site:hover {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	width: 208px;
	float: left;
	COLOR: #B93330; 
	TEXT-DECORATION: underline;
	}
.Site:active {
	TEXT-DECORATION: none;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	width: 208px;
	float: left;
}


.borda_foto {
	TEXT-DECORATION: none;
	BORDER-RIGHT: 2px solid #8E97A8;
	BORDER-TOP: 1px solid #F5F5F5;
	BORDER-LEFT: 1px solid #F5F5F5;
	BORDER-BOTTOM: 2px solid #8E97A8;
	CURSOR: auto;
	padding: 5px;
	margin-top: 10px;
	margin-right: 16px;
	margin-left: 16px;
	margin-bottom: 3px;
}
.borda {
	BORDER-RIGHT: 1px solid #F5F5F5;
	BORDER-TOP: 1px solid #F5F5F5;
	BORDER-LEFT: 1px solid #F5F5F5;
	BORDER-BOTTOM: 1px solid #F5F5F5;
	CURSOR: auto;

	}

.Recuo {
	padding-left: 30px;
}

.Texto_Index {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: verdana, tahoma, "trebuchet MS", arial, helvetica, sans-serif;
	text-align: left;
	width: 169px;
	padding-left: 29px;
	padding-rignt: 29px;
	float: left;
}


/* ------------------- LISTA ------------------- */	

#lista {
	float:left;
	width: 625px;
	display: block;
	text-align:left;
	clear:both;


}
#lista ul {
	list-style-type: none;
	margin-left:0px;
	

}
#lista ul li {
	display: inline;
	font-size: 10px;
	float:left;
	width:208px;
	text-align:center;
	

}
#lista ul li a{
	width:208px;
	text-decoration: none;
	width:100%;

}



ul#texto {/*comentário da foto*/
	list-style:none;
	width:625px;
	margin-bottom:20px;
	float:left;

}
ul#texto li {
	display: inline;
	font-size: 10px;
	float:left;
	width:208px;
	text-align:center;
}
ul#texto li a{
	width:208px;
	text-decoration: none;
	width:100%;
}
ul#texto ul li a:hover{
	color: #B93330; 
	text-decoration: underline;
}


.borda_sites {
	TEXT-DECORATION: none;
	BORDER-RIGHT: 2px solid #8E97A8;
	BORDER-TOP: 1px solid #F5F5F5;
	BORDER-LEFT: 1px solid #F5F5F5;
	BORDER-BOTTOM: 2px solid #8E97A8;
	CURSOR: auto;
	padding: 5px;
	margin-top: 10px;
}
h1 {/* titulo pontilhado */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8E97A8;
	background-color:#F5F5F5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	clear:both;/*para a cor de fundo ficar ate o final da linha*/
	float:none;
}

