/* ESTRUTURA
*****************************************************************************************/
* {
	margin: 0;
	padding: 0;
	}

body {
	height: 100%;
	width: 100%;
	background: #fff url(/images/page_bg.jpg) repeat-x;
	font-family: Tahoma, Arial, "Trebuchet MS";
	font-size: 68.5%; /* tamanho de corpo padrao */
	color: #333;
	}
	

/*CABEÇALHOS 
*****************************************************************************************/
#topo {
	width: 760px;
	height: 90px;
	margin: 0 auto;
}

	#topo h1 a {
		position: absolute;
		display: block;
		width: 70px;
		height: 70px;
		background: url(/images/epzlogo.gif);
		top: 10px;
		text-indent: -9000px;
		overflow: hidden;
	}
	
	.associado_nlogado, .associado_login, .associado_logado {
		float: right;
		width: 300px;
		text-align: right;
		overflow: hidden;
	}
		.associado_nlogado { padding-top: 20px; }
		.associado_nlogado ul { width: 300px; left: 12px; }
		.associado_nlogado li { float: right; margin-left: 11px; padding: 0 11px 2px 0; border-right: 1px solid #ccc; }
		
		.associado_login { text-align: left; height: 75px; padding-top: 15px; top: 15px; width: 245px; }
		.associado_login ul { height: 45px; }
		.associado_login li { float: left; margin-right: 10px; }
		.associado_login li input { margin-top: 3px; }
		.associadomail { width: 120px; }
		.associadosenha { width: 65px; }
		.associado_login .botao_peq_form { position: absolute; left: 204px; top: 30px; }
		.associado_login .redescuro { top: -6px; }
		
		.associadomail { margin-top: 6px; }
		.associadosenha { margin-top: 3px; }
		
		.associado_login .botao_loginOK {
			position: absolute;
			right: 0;
			top: 20px;
		}
		
		.associado_login .redescuro {
			display: block;
			margin-top: 1px;
		}
		
	.associado_logado { padding-right: 85px; height: 76px; color: #666; top: 7px; }
	.associado_logado_foto { position: absolute; right: 0; top: 0; border: 3px solid #595959; width: 70px; height: 70px; }
	.associado_logado span { display: block; padding-bottom: 5px; }
	.associado_logado a { color: #666; }
	
	.msg_topo { padding: 2px 10px 2px 5px; background: #FFFFCC; }
	.msg_topo a { color: #B7863E; text-decoration:none; }
	


/*NAVEGAÇÃO 
*****************************************************************************************/
/*navegação principal*/
.nav {
	width: 760px;
	margin: 2px auto 0 auto;
	height: 69px;
}

	.nav li {
		float: left;
		margin-right: 2px;
	}
	
		.nav li a {
			display: block;
			height: 36px;
			text-indent: -9000px;
			overflow: hidden;
			font-size: 1px;
			background-position: 10px -21px;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		
		.nav li a:hover, .navON { background-color: #404040; background-position: 10px 12px; }
			
		.nav li a.navnoticias { background-position: 10px -24px; }
		.nav li a:hover.navnoticias { background-position: 10px 9px; }
		
		.navhome, .navhomeON { width: 42px; background-image: url(/images/menu_home.gif) }
		.navespeciais, .navespeciaisON { width: 65px; background-image: url(/images/menu_especiais.gif) }
		.navagitos, .navagitosON { width: 53px; background-image: url(/images/menu_agitos.gif) }
		.navdanceterias, .navdanceteriasON { width: 82px; background-image: url(/images/menu_danceterias.gif) }
		.navfestasvip, .navfestasvipON { width: 73px; background-image: url(/images/menu_festasvip.gif) }
		.navbook, .navbookON { width: 48px; background-image: url(/images/menu_books.gif) }
		.navensaios, .navensaiosON { width: 57px; background-image: url(/images/menu_ensaios.gif) }
		.navnoticias, .navnoticiasON { width: 86px; background-image: url(/images/menu_lingua.gif) }
		.navagenda, .navagendaON { width: 55px; background-image: url(/images/menu_agenda.gif) }
		.navassociados, .navassociadosON { width: 77px; background-image: url(/images/menu_associados.gif) }
		.navepzsound, .navepzsoundON { width: 69px; background-image: url(/images/menu_epzsound.gif) }
		.navservicos, .navservicosON { width: 63px; background-image: url(/images/menu_servicos.gif) }
		
		.nav li a.navhomeON, .nav li a.navespeciaisON, .nav li a.navagitosON, .nav li a.navdanceteriasON, .nav li a.navfestasvipON, .nav li a.navbookON,
		.nav li a.navensaiosON, .nav li a.navnoticiasON, .nav li a.navagendaON, .nav li a.navassociadosON, .nav li a.navepzsoundON { background-position: 10px 12px; }

		.subnav {
			position: absolute;
			top: 36px;
			width: 760px;
			height: 34px;
		}
		
			.subnav li {
				height: 37px;
			}
		
		.subnav li a {
			float: left;
			height: 28px;
			padding: 9px 12px 0 12px;
			text-indent: 0;
			font: normal 1.1em "Trebuchet MS";
			text-decoration: none;
			color: #333;
		}
		
		.subnav li a:hover { 
			color: #FF6600;
			background: url(/images/menusubitem_bg.jpg) repeat-x;
		}
		
		
/* navegação secundaria */
.navabas {
	clear: both;
	height: 46px;
	padding-left: 10px;
	background: url(/images/navabas_bg.jpg) no-repeat left bottom;
	margin-bottom: -15px;
}

	.navabas li {
		float: left;
		margin-right: 5px;
		height: 27px;
		}
		
		.navabas li a {
			display: block;
			background-color: #D8D8D8;
			padding: 8px 20px 0 20px;
			height: 19px;
			float: left;
			}
			
		.navabas li a img { margin-bottom: 0; }
				
		.navabas li.abaON a { background-image: url(/images/cinza_bg.gif); }
		
		
/* breadcrumb */



/*paginacao*/
.setatras {
	padding: 0 0 0 12px;
	background: url(/images/setatras.gif) no-repeat left 3px;
	color: #333;
	text-decoration: none;
	float: left;
}

.setafrente {
	padding: 0 12px 0 0;
	background: url(/images/setafrente.gif) no-repeat right 3px;
	color: #333;
	text-decoration: none;
	margin-right: 15px;
}

.listathumbs .qtd {
	color: #999;
	clear: both;
	top: 5px;
}

.paginacao {
	height: 17px;
	clear: both;
}

.pagtop { margin-bottom: 20px; }
.pagbottom { margin-top: 35px; }

	.paginacao .setatras {
		margin: 0 20px 0 0;
		}
		
	.paginacao .setafrente {
		float: left;
		margin: 0 0 0 20px;
		text-decoration: none;
		}

	.paginacao span {
		float: left;
		}

/*botoes*/
#content_wrap .botao_medio, #content_wrap .botao_grande, #content_wrap .botao_medio_form {
	display: block;
	width: 75px;
	height: 27px;
	text-align: center;
	font: bold 0.9em "trebuchet ms", tahoma;
	line-height: 27px;
	color: #5F4432;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.botao_peq_form {
	display: block;
	width: 38px;
	height: 27px;
	text-align: center;
	font: bold 0.9em "trebuchet ms", tahoma;
	line-height: 27px;
	color: #5F4432;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

#content_wrap .botao_medio[class] { background: url(/images/botao_medio.png); }
#content_wrap .botao_grande { width: 110px; }
#content_wrap .botao_grande[class] { background: url(/images/botao_grande.png); }
#content_wrap .botao_medio_form[class] { background: url(/images/botao_medio_form.png); }
.botao_peq_form[class] { background: url(/images/botao_pequeno_form.png); }

.excluir { padding-left: 20px; background: url(/images/icone_excluir.gif) no-repeat; }
.editar { padding-left: 20px; background: url(/images/icone_editar.gif) no-repeat; }

/*CONTEUDO
*****************************************************************************************/
#content_wrap {
	width: 760px;
	margin: 6px auto 0 auto;
	z-index:10;
}

	.acessos {
		height: 17px;
		color: #fff;
	}
	
	.acessos span {
		margin-right: 15px;
		padding: 0 0 0 10px;
		background: url(/images/bulletbranco.gif) no-repeat 0 5px;
		}
		
	.fullbanner { width: 476px; height: 60px; float: left; background: url(/images/adver.gif) no-repeat right bottom; }
	.fullbanner a { display: block; position: absolute; top: 0; left: 0; width: 468px; height: 60px; background: #fff; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; }

	.retangulo { width: 180px; height: 150px; background: url(/images/adver_horiz.gif) no-repeat; padding-top: 10px; margin-top: 45px; }
	.retangulo a { display: block; position: absolute; top: 0; left: 0; width: 180px; height: 150px; background: #fff; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; }
	
	.vertical { position: absolute; top: 8px; right: -180px; width: 160px; height: 600px; background: url(/images/adver_horiz.gif) no-repeat; padding-top: 10px; }
	.vertical a { display: block; position: absolute; top: 0; left: 0; width: 160px; height: 600px; background: #fff; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; }
	
	.banner_floater1, .banner_floater2 { position:absolute; z-index:1000 }
	.banner_floater1 { top:-10px; left:0px; width:760px; height:350px; }
	.banner_floater2 { top:110px; left:384px; width:300px; height:250px; }
	.banner_floater1 a.fechar, .banner_floater2 a.fechar { position:absolute; top:-20px; right:0px; background:#666; color:#fff; padding:2px 4px 3px 6px; text-decoration:none; }
	.banner_floater1 a.click, .banner_floater2 a.click { display: block; position: absolute; top: 0; left: 0; background: #fff; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; z-index:1100 }	
	
	.busca_wrap {
		float: left;
		width: 260px;
		height: 60px;
		margin: 0 0 0 20px;

	}

	.content {
		clear: both;
		width: 760px;
		background: url(/images/contenttop_bg.jpg) no-repeat center 6px;
		padding-top: 16px;
		min-height: 800px;
	}
		.contador {
			font: normal 11px Tahoma; "Trebuchet MS";
			color: #333;
			top: -4px;
			left: 10px;
		}
		
	.maincontent {
		float: left;
		width: 560px;
	}
		
	.abacontent {
		padding: 8px 0 0 10px;
	}
	
	.barralateral {
		width: 180px;
		float: right;
	}


/*RODAPE
*****************************************************************************************/
#footer {
	height: 299px;
	clear: both;
	background: url(/images/footer_bg2.jpg) repeat-x 0 bottom;
}

	.infofooter {
		width: 760px;
		height: 214px;
		margin: 0 auto;
		background: url(/images/footer_detalhe.jpg) no-repeat center 50px;
		padding-top: 85px;
	}

		.infofooter p, .infofooter a {
			color: #8D8D8D;
		}
		
		.camminologo {
			position: absolute;
			width: 179px;
			height: 55px;
			right: 10px;
			bottom: 21px;
			text-indent: -9000px;
			overflow: hidden;
			background: url(/images/logo_cammino.jpg);
		}
		
		.infofooter a.backtop {
			position: absolute;
			right: 0;
			top: 30px;
			color: #333;
			text-decoration: none;
			background: url(/images/seta_cima.gif) no-repeat center top;
			padding: 7px;
			}
			

/*CONFIGURA TAGS
*****************************************************************************************/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label {
	position: relative;
	}
	
hr {
	display: none;
	height: 1px;
	font-size: 1px;
	}
	
ul {
	list-style: none;
	}
	
address {
	font-style: normal;
	}
	
input, textarea, select {
	font: normal 1em Tahoma, Arial, "Trebuchet MS";
}

img {
	border: 0;
}

a { color: #333; }

label { display: block; }


/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/
.box {
	width: 170px;
	background: url(/images/cinza_bg.gif);
	padding: 6px 5px 6px 5px;
	margin-bottom: 12px;
	color: #fff;
}

	.box a { color: #fff; }
	
	.box .botao_c_medio a { color: #5F4432; }
	
.boxfotolateral {
	background-color: #DCD8CB;
	padding: 3px;
	margin: 5px 0 12px 0;
}

.textobox {
	background-color: #DCD8CB;
	padding: 3px;
	margin: 0 15px 10px 0;
	float: left;
	}

	.boxfotolateral h4 {
		margin: 5px 0 5px 5px;
	}
	
.boxclarobase {
	height: 60px;
	background: url(/images/boxclarobase.jpg) repeat-x;
	margin-top: -3px;
	}
	
.boxescuro {
	background: #666 url(/images/boxcinzaescuro_bg.jpg) repeat-x;
}


/*FORMULARIOS 		
*****************************************************************************************/
/*busca*/
#inputbusca { width: 181px; }
.submitbusca { position: absolute; right: 1px; top: 25px; }
.busca_wrap label { font-size: 1.1em; margin-bottom: -1px; }

.inputxt, .inputxt_form {
	border: 1px solid #666;
	height: 17px;
	background: #fff url(/images/input_bg.jpg) repeat-x;
	padding: 3px 0 0 3px;
}

.inputxt_form { font-size: 1.2em; padding: 3px 0 3px 3px; }

.selectxt {
	border: 1px solid #666;
	height: 19px;
	background: #fff url(/images/input_bg.jpg) repeat-x;
	padding: 1px;
}

	.selectxt option { margin: 2px 0;}
	
.textareaxt {
	border: 1px solid #666;
	background: #fff url(/images/input_bg.jpg) repeat-x;
	padding: 2px;
}

.checkbox { display: inline; margin-right: 5px; }

/*box*/
.box label {
	display: block;
	margin-bottom: 1px;
}

.box .inputxt, .box .selectxt, .box .textareaxt, .box option {
	width: 165px;
	margin-bottom: 7px;
	overflow: hidden;
}

.box .textareaxt { height: 65px; }


/*LISTAS
*****************************************************************************************/
/*bullets*/
.graybullets li {
	padding-left: 14px;
	background: url(/images/graybullet.gif) no-repeat left 7px;
}

/*lateral eventos*/
ul.lateral_eventos { margin: 10px 0 35px 0; }

ul.lateral_eventos li {
	margin-bottom: 13px;
}


/*TABELAS
*****************************************************************************************/



/*TIPOGRAFIA
*****************************************************************************************/
h1, h2, h3, h4, h5, h6 { color: #81581D; font-weight: normal; font-family: "trebuchet ms";}

h2.titulopage {
	font: normal 2.4em "Trebuchet MS", Tahoma, Verdana;
	float: left;
	margin-bottom: 10px;
}

h3.titulocat {
	font-size: 1.3em;
	color: #666;
	margin-bottom: -5px;
}

h4 { font-size: 1.2em; }

p {
	line-height: 1.7em;
	margin-bottom: 10px;
}
.titulogrd { font: normal 2.2em "Trebuchet MS"; }

.titulomedio { font: normal 1.5em "Trebuchet MS"; }

.titulopequeno { font: normal 1.2em "Trebuchet MS"; }

.legenda {
	color: #666;
	line-height: 1.3em;
	margin: 5px 7px;
}


/*EFEITOS
*****************************************************************************************/
.clear {
    position: relative;
    clear: both;
    height: 1px;
    font-size: 1px;
    }
	
.center { text-align: center; }
.bold { font-weight: bolder; }
.italic { font-style: italic; }
.floatleft { float: left; }
.floatright { float: right; }
.nofloat { clear: both; }
.inline { display: inline; }
.branco { color: #fff; }
.redescuro { color: #C2403D; }
.redeclaro { color: #FF9393; }
.greenescuro { color: #81B630; }
.greenclaro { color: #9ED152; }
.cinza { color: #333; }
.cinzamedio { color: #666; }
.cinzaclaro { color: #999; }
.marrom { color: #81581D; }
.marromclaro { color: #B48932; }
.nounderline { text-decoration: none; }
.nobg { background: none; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.linha { 
	font-size: 1px;
	border-bottom: 1px solid #e9e9e9;
	height: 1px;
}
.scratch {
	width: 220px;
	height: 178px;
	background: url(/images/scratchback.jpg) no-repeat;
	margin-bottom: -178px;
}
.hidden { position: absolute; width: 0; height: 0; visibility: hidden; }
	
/*ELEMENTOS DIVERSOS
*****************************************************************************************/
/*validacao*/
.msg_c {
	height: 14px;
	padding: 4px 3px 4px 5px;
	background-color: #595959;
}

.msgconfirma_cinza, .msgerro_cinza { background-color: #595959; color: #A2EC8C; }
.msgerro_cinza { color: #FF8888; }

.msgconfirma_branco, .msgerro_branco { background-color: #EFEFEF; color: #6CAD2C; }
.msgerro_branco { color: #C2403D; }

	.msgconfirma_cinza p, .msgerro_cinza p, .msgconfirma_branco p, .msgerro_branco p { margin: 0; padding: 4px 8px; }