/*********************************************  CORES - 

amarelo - #F7C234
verde - #799654 
azul -  #00AFD1
cinza escuro - #808080 
cinza claro - #BBBBBB
azul da barra do menu - #00528C
azuis do background -  #ABDAE4 , #89D1E0  

*/  



/*********************************************  GERAL  */  
html {
	margin:0;
	padding:0;
	background:url(../imgs/bg.jpg) top left repeat;
}
body {
	margin:0;
	padding:0;
}
#geral {
	position:absolute;
	width:760px;	
	left:50%;	
	margin:0 0 0 -380px;
}
form {
	margin:0;
	padding:0;
}
.bt {
	display:block;
	color:#FFF;
	background-color:#BBB;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px;
}
.bt2 {
        display:block;
        color:#FFF;
        background-color:#BBB;
        font:10px Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:center;
        text-decoration:none;
        padding:5px;
}
.linha {
	border-top:1px solid #F5F5F5;	
}








/*********************************************  INTERNAS  */

/******  Bread Crumb  */
#bread_crumb {
	width:760px;
	font:11px Arial, Helvetica, sans-serif;
	color:#00528C;
	background-color:#F7C234;
	margin:0;
	padding:0;
}
#bread_crumb li {
	list-style:none;
	display:inline;
	line-height:30px;
	padding:10px;
}
#bread_crumb a, #bread_crumb a:visited {
	font-weight:bolder;
	color:#00528C;
	text-decoration:none;
}
#bread_crumb a:hover {
	color:#FFF;
}
.seta {
	width:11px;
	height:11px;
	background:url(../imgs/seta.gif) center center no-repeat;
	color:#FFF;
	margin:-10px;
}



/***********************  Miolo  */
#miolo {
	float:left;
	background-color:#FFF;
	padding:5px 0 0;
}





/******  Conteudo  */
#conteudo {
	float:left;
	width:505px;
	_width:500px;
}
#conteudo #tit {
	background-color:#799654;
}
#conteudo #tit h1 {
	height:50px;
	background-position:left center;	
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin:0 0 0 10px;
}
#conteudo h2 {
	font:18px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:-1px;
	color:#799654;
}


#conteudo .lista {
	font:12px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#808080;
	margin:40px 0 40px 30px;
	*margin:40px 0 40px 70px;
}
#conteudo .lista li {
	padding:2px 0;
}
#conteudo .fotos {
	width:auto;
	margin:10px 0 40px;
	padding:15px;
	background-color:#F5F5F5;
}
#conteudo .fotos li {
	display:inline;
	list-style:none;
}
#conteudo span.txt_ampliar {
	font:10px Arial, Helvetica, sans-serif;
	color:#808080;
	letter-spacing:2px;
	background-color:#F5F5F5;
	padding:5px 5px 5px 20px;
	margin:0;
}
#conteudo .fotos img {
	border:5px solid #FFF;
	cursor:pointer;
	cursor:hand;
	margin:10px;
}







/*******************  Coluna Direita  */
#coluna_direita {
	float:right;
	width:255px;
}
/******  Indique  */
#indique {
	width:255px;
	background-color:#F5F5F5;
	padding-bottom:20px;
	margin-bottom:5px;
}
#indique h2 {
	height:50px;
	background:url(../imgs/tit_indique.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin:0;
	padding:0;
}
#indique label, #indique input, #indique textarea {
	width:220px;
}
#indique label {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:10px 15px 0;
}
#indique input, #indique textarea {
	font:12px Arial, Helvetica, sans-serif;
	color:#808080;
	border:1px solid #CCC;
	padding:2px;
	margin:0 15px;
}
#indique input:focus, #indique textarea:focus, #indique input:hover, #indique textarea:hover {
	font:12px Arial, Helvetica, sans-serif;
	color:#808080;
	border:1px solid #808080;
	padding:2px;
	margin:0 15px;
}
#indique a.bt {
	width:50px;
	margin:5px 16px 0 16px;
}
#indique a.bt:hover {
	background-color:#808080;
}
#indique #status {
	display:block;
	width:220px;
	font:12px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:10px 15px 0;
}




/******  Cadastre-se  */
#cadastre_se {
	width:255px;
	background-color:#F5F5F5;
	padding-bottom:20px;
}
#cadastre_se h2 {
	height:50px;
	background:url(../imgs/tit_cadastre_se.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin:0;
	padding:0;
}
#cadastre_se p {
	font:12px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:10px 15px 0;
}
#cadastre_se a {
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	color:#AAA;
	font-weight:bold;
	text-decoration:none;
}
#cadastre_se a:hover {
	color:#808080;
}




/*********************************************  RODAPE  */
#rodape {
	float:left;
	height:38px;
	background-color:#FFF;
	padding:0 15px;
	border-top:2px solid #F5F5F5;
	width:730px;
}
#rodape p {
	float:left;
	width:600px;
	font:10px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:7px 0;
}
#rodape p a {
	font:10px Arial, Helvetica, sans-serif;
	color:#808080;
	text-decoration:none;	
}
#rodape p a:hover {
	text-decoration:underline;
}
#logo_bm {
	float:right;
	background:url(http://www.anapassos.art.br/images/brasil-multimidia.gif) no-repeat;
	width:25px;
	height:25px;
	margin:5px 0;
}
#logo_bm a {
	display:block;
	width:24px;
	height:20px;
}
#logo_twitter {
	float:left;
	background:url(../imgs/twitter.gif) no-repeat;
	width:35px;
	height:35px;
	margin:2px 2px;
	padding-left:10px;
}
#logo_facebook {
	float:left;
	background:url(../imgs/facebook.gif) no-repeat;
	width:35px;
	height:35px;
	margin:2px 2px;
}
#logo_twitter a, #logo_facebook a {
	display:block;
	width:35px;
	height:35px;
}



#alerta_flashplayer {
	clear:both;	
	padding:5px;
	font:10px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
}
#alerta_flashplayer a {	
	color:#666;
	text-decoration:none;
}
#alerta_flashplayer a:hover {
	text-decoration:underline;
}