* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}*
body{
	background:#242a2b url(../images/back.jpg) repeat-x top left;
	overflow:auto;
}
.popup{
	background:#212626;
	overflow:auto;
}
/*****************************************
**** POPUP
*****************************************/
#geralPopup{
	position:relative;
	width:600px;
	height:auto;
	margin:0px auto;
}

#topoPopup{
	position:relative;
	float:left;
	width:600px;
	height:90px;
}
#geralPopup p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 10px 0px 10px;
}
#geralPopup h1{
	font:bold 12px tahoma, arial, verdana;
	color:#b8027c;
	margin:20px 10px 10px 10px;		
}
#fotosPopup{
	position:relative;
	float:left;
	width:566px;
	height:280px;
	margin:5px 0px 10px 0px;
}
#fotosPopup .fotoGrande{
	position:relative;
	float:left;
	width:400px;
	height:280px;
}
#fotosPopup .fotoPeq{
	position:relative;
	float:right;
	width:140px;
	height:260px;
	border-left:5px solid #f1f1f1;
	padding:10px 0px 10px 5px;
	text-align:center;
	overflow:auto;
}
.fotoPop{
	border:3px solid #505050;
	margin:0px 5px 5px 10px;
}

/*****************************************
**** ESTRUTURA
*****************************************/
#geral{
	position:relative;
	width:775px;
	height:auto;
	margin:23px auto;
}
#topo{
	position:relative;
	float:left;
	width:775px;
	height:105px;
}
#topo .menu{
	position:absolute;
	right:0px;
	top:-23px;
	text-align:right;
}
#topo .left{
	position:relative;
	float:left;
	width:195px;
	height:105px;
}
#topo .right{
	position:relative;
	float:right;
	width:135px;
	height:105px;
}
#topo .area{
	position:absolute;
	bottom:0px;
	right:10px;
}
#topo .nome{
	position:absolute;
	bottom:45px;
	right:20px;
	width:400px;
	font:normal 11px tahoma, verdana, arial;
	color:#ccc;
	text-align:right;	
}
#meio{
	position:relative;
	float:left;
	width:775px;
	height:220px;
}
#meio .menu{
	position:relative;
	float:left;
	width:192px;
	height:220px;
}
#meio .banner{
	position:relative;
	float:right;
	width:583px;
	height:220px;
	z-index:100;
}
#bt{
	position:relative;
	float:right;
	z-index:100000;

}
#meio .dentro{
	position:absolute;
	right:-630px;
	bottom:-50px;

}
#conteudo{
	position:relative;
	float:left;
	width:775px;
	height:auto;
	margin:0px;
	z-index:10;
}
#rodape{
	position:relative;
	float:left;
	width:775px;
	height:30px;
	margin:10px 0px;
}
#rodape .url{
	position:relative;
	float:left;
}
#rodape .mauna{
	position:relative;
	float:right;
}
#rodape2{
	position:relative;
	float:left;
	width:775px;
	height:30px;
	margin:10px 0px;
	padding:10px 0px 0px 0px;
	border-top:10px solid #2f2f2f;
}
#rodape2 .url{
	position:relative;
	float:left;
}
#rodape2 .mauna{
	position:relative;
	float:right;
}

/*** HOME ***/
#materiais{
	position:relative;
	float:left;
	width:515px;
	height:auto;
	border-bottom:10px solid #2f2f2f;
	background:url(../images/backHome_materias.jpg) no-repeat top center;
	padding:0px 0px 10px 0px;
}
#apoio{
	position:relative;
	float:right;
	width:255px;
	height:auto;
	border-bottom:10px solid #2f2f2f;
	background: url(../images/backHome_apoios.jpg) no-repeat top center;
	padding:0px 0px 10px 0px;
}
#prod{
	position:relative;
	float:left;
	width:120px;
	height:225px;
	text-align:center;
	margin:10px 0px 0px 2px;
}
#prod p{
	font:normal 11px tahoma, verdana, arial;
	margin:5px 0px 5px 0px;
	color:#ccc;
}
#prod .nome{
	position:relative;
	float:left;
	font:bold 11px tahoma, verdana, arial;
	width:125px;
	height:25px;
	margin:5px 0px 5px 0px;
	color:#ccc;	
}
.btMais{
	position:relative;
	float:right;
	margin:5px 10px 0px 0px;
}
#homeBaixo{
	position:relative;
	float:left;
	width:257px;
	height:173px;
	border-bottom:10px solid #2f2f2f;
	margin:2px 1px 0px 0px;
}

#homeBaixo2{
	position:relative;
	float:right;
	width:257px;
	height:173px;
	border-bottom:10px solid #2f2f2f;
	margin:2px 0px 0px 1px;
}
#homeBaixo p{
	font:normal 11px tahoma, verdana, arial;
	margin:5px 5px 10px 5px;
	color:#ccc;	
}

/*** AREA RESTRITA ***/
.campos_form {
	position:relative;
	float:right;
	color: #181818;
	background:#2f2f2f;
	margin:2px 20px 0px 0px;
	text-align:right;
	font:normal 14px tahoma;
}
.bt{
	text-align:right;
	margin:5px 15px 0px 0px;
}
#conteudo .name{
	position:absolute;
	top:11px;
	left:130px;
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;	
}
/*** INTERNAS ***/
#conteudo .left{
	position:relative;
	float:left;
	width:500px;
	height:auto;
}
#conteudo .left p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 0px 0px 10px;
}
#conteudo .font{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 0px 0px 10px;
}

#conteudo .right{
	position:relative;
	float:left;
	width:265px;
	height:auto;
	margin:0px 0px 0px 10px;
}


#conteudo .center{
	position:relative;
	float:left;
	width:755px;
	height:auto;
	padding:10px;
}
#conteudo .center p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 0px 0px 0px;	
}
#conteudo .left h3{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:10px 5px 0px 10px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #505555;	
}
#conteudo .right ul{
	margin:20px 0px 0px 0px;
}
#conteudo .right li{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 0px 0px 20px;
	list-style:url(../images/list.jpg);
}
#conteudo .busca{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:0px 10px 0px 0px;		
}
.campo_busca{
	background:#2f2f2f;
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	border:none;
	padding:3px 3px 3px 5px;
	border:1px solid #2f2f2f;
	margin:0px 0px 0px 0px;
}
.campo_detalhe{
	background:#505050;
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	border:none;
	padding:3px 3px 3px 5px;
	border:1px solid #2f2f2f;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#conteudo .foto{
	margin:15px 10px 5px 10px;
	border:1px solid #ccc;
}
#conteudo .fotoDetalhe{
	position:relative;
	float:left;
	width:370px;
	height:auto;
}
#conteudo .imgDetalhe{
	border:10px solid #4e4f4f;
}
#conteudo .descDetalhe{
	position:relative;
	float:left;
	width:390px;
	height:auto;
}
#conteudo .descDetalhe h1{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:10px 0px 10px 20px;		
}
#conteudo .descDetalhe p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:0px 0px 0px 20px;		
}
#rodapeDetalhes{
	position:relative;
	float:left;
	width:390px;
	height:auto;
	margin:20px 0px 0px 0px;
}
#rodapeDetalhes .left{
	position:relative;
	float:left;
	width:100px;
}
#rodapeDetalhes .right{
	position:relative;
	float:right;
	width:90px;
	margin:0px 25px 0px 0px;
}

#top{
	position:relative;
	float:left;
	width:755px;
	height:30px;
	background:#1a1a1a;
	margin:20px 0px 0px 0px;
}
#top .left{
	position:relative;
	float:left;
	font:bold 11px tahoma, arial, verdana;
	color:#ccc;
	margin:10px 0px 0px 10px;
	width:400px;
	
}
#top .right{
	position:relative;
	float:right;
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	width:250px;
	text-align:right;
	margin:10px 10px 0px 0px;
}
#loja{
	position:relative;
	float:left;
	width:240px;
	height:auto;
	margin:10px 0px 20px 0px;
}
#loja h1{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:0px 0px 10px 0px;		
}
#loja p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:0px 0px 0px 0px;		
}

#conteudo .right h1{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:10px 0px 10px 20px;		
}
#conteudo .right p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:0px 0px 0px 20px;		
}


#contato{
	width:500px;
	position:relative;
	float:left;
	height:auto;
}
#contato form{
	text-align:left;
	margin:30px 0px 0px 20px;
}
#contato label{
	display: block;
	width: 120px;
	float: left;
	font:bold 11px Tahoma, Arial, Verdana;
	padding:4px 5px;
	margin:1px;
	color:#b8027c;
	text-align:right;
}
#contato .campos {
	color: #ccc;
	font:normal 11px Tahoma, Arial, Verdana;
	background:#2f2f2f;
	padding:4px 5px;
	margin:1px;
}
#contato .campos_form_textArea{
	color: #ccc;
	font:normal 11px Tahoma, Arial, Verdana;	
	background:#2f2f2f;
	overflow:auto;
	padding:2px 5px;
	margin:1px;		
}
#contato .bt {
	position:relative;
	float:right;
	margin:10px 70px 0px 0px;
}
#contato .font{
	font:normal 11px Tahoma, Arial, Verdana;
	color:#ccc;
}
.tr{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	border-bottom:2px solid #232a2a;
	padding:5px;
}

#classificados{
	width:745px;
	position:relative;
	float:left;
	height:auto;
	border-bottom:1px solid #333;
	padding:0px 0px 10px 0px;
	margin:0 0 0 10px ;
}
#classificados h1{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:0px 0px 0px 0px;		
}
#classificados p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:0px 0px 0px 0px;		
}

#classificados .thumb{
	border:3px solid #505050;
	margin:5px 5px 5px 0px;
}
#classificados .bt{
	position:absolute;
	bottom:5px;
	right:-15px;
}
#classificadosForm{
	width:200px;
	position:relative;
	float:left;
	height:auto;
}
#classificadosForm form{
	text-align:left;
	margin:10px 0px 0px 0px;
}
#classificadosForm label{
	display: block;
	width: 120px;
	float: left;
	font:bold 11px Tahoma, Arial, Verdana;
	padding:4px 5px;
	margin:1px;
	color:#b8027c;
	text-align:left;
}
#classificadosForm .campos {
	color: #ccc;
	font:normal 11px Tahoma, Arial, Verdana;
	background:#2f2f2f;
	padding:4px 5px;
	margin:1px;
}
#classificadosForm .campos_form_textArea{
	color: #ccc;
	font:normal 11px Tahoma, Arial, Verdana;	
	background:#2f2f2f;
	overflow:auto;
	padding:2px 5px;
	margin:1px;		
}
#classificadosForm .bt {
	position:relative;
	float:right;
	margin:10px 0px 0px 0px;
}
#classificadosForm .bt2 {
	position:relative;
	float:right;
	margin:10px 0px 0px 0px;
}

#classificadosForm .font{
	font:normal 11px Tahoma, Arial, Verdana;
	color:#ccc;
}

#mural{
	width:380px;
	position:relative;
	float:left;
	height:auto;
	border-bottom:1px solid #333;
	padding:0px 0px 10px 0px;
	margin:15px 0px 0px 0px;
}
#mural h1{
	font:bold 11px tahoma, arial, verdana;
	color:#b8027c;
	margin:0px 0px 0px 0px;		
}
#mural p{
	font:normal 11px tahoma, arial, verdana;
	color:#ccc;
	margin:0px 0px 0px 0px;		
}
#mural .thumb{
	border:3px solid #505050;
	margin:5px 5px 5px 0px;
}


#promo{
	position:relative;
	float:left;
	z-index:10000000000;
}
#promo .banner{
	position:absolute;
	top:120px;
	left:150px;
	width:499px;
	height:322px;
	background:url(../images/back_promo.gif) no-repeat top left;
}
#promo .bt{
	position:absolute;
	top:440px;
	left:580px;
}
#promo .cont{
	position:relative;
	float:left;
	width:335px;
	margin:5px 0px 0px 130px;
	_margin:5px 0px 0px 55px;
	text-align:center;
}
#promo .cont h1{
	font:normal 11px tahoma, arial, verdana;
	color:#333;
	margin:0px 0px 5px 0px;
	
	text-align:center;		
}
#promo .cont p{
	font:bold 12px tahoma, arial, verdana;
	color:#b8027c;
	margin:0px 0px 0px 0px;
	text-align:center;		
}
#form{
	width:350px;
	position:relative;
	float:left;
	height:auto;
	text-align:left;
}
#form form{
	text-align:left;
	margin:98px 0px 0px -50px;
	_margin:105px 0px 0px -50px;
}
#form label{
	display: block;
	width: 80px;
	float: left;
	font:bold 11px Tahoma, Arial, Verdana;
	padding:4px 5px;
	margin:1px;
	color:#b8027c;
	text-align:left;
	background:#b5b5b5;
}
#form .campos {
	color: #ccc;
	font:normal 11px Tahoma, Arial, Verdana;
	background:#9e9e9e;
	padding:4px 5px;
	margin:1px;
}
