@charset "utf-8";
/* CSS Document */

/*****************************************
	
	As Marias da Graça
	
	HOTSITE
	Esse monte de mulher palhaça
	
	Criado em: Setembro/2009                     																					
	Desenvolvido por: ZONAInternet.com
	
*****************************************/

/************************************
	BASIC TAGS
************************************/

* {  margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

body { background: #508d33 url(../imgs/bg.gif); color: #606060; font-size: 12px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }

*:focus { outline: none; }

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.align_center { text-align: center; }
	.align_right { text-align: right; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	.cor333 { color: #333; }
	.cor666 { color: #666; }
	.cor999 { color: #999; }
			
	.none { display: none; }
	
	.float_left { float: left; }
	.float_right { float: right; }
	.clear { clear: both; }
	.espacoGenerico {height: 10px;}
	.linha {height: 1px; border-bottom: solid #CCCCCC 1px; margin-bottom: 10px; }

	p { line-height: 24px; }
	a { color: #666; font-weight: normal; }
	a:hover { color: #999; text-decoration: underline; }

/************************************
	ESTRUTURA 
************************************/

.desktop { 
	min-width: 980px; width: auto !important; width: 980px; width:100%; background: #508d33 url(../imgs/bg_desktop.gif) repeat-x;  }
	
.content {
	min-height: 620px; height: auto !important; height: 620px; overflow: hidden;
}
.content .meio {
	min-height: 531px; height: auto !important; height: 531px; overflow: hidden; position: relative;
}

.meio { margin: 0 auto; width: 980px; }


body.home .desktop { background: #508d33 url(../imgs/bg_desktop_home.gif) repeat-x;  }


/************************************
	MENU 
************************************/

.menu { height: 36px; padding-top: 4px; }
.menu ul { width: 620px; display: block; margin: 0 auto; }
.menu ul li { float: left; margin-left: 5px; }
.menu ul li a { 
	display: block; height: 22px; font-size: 11px; padding: 8px 0 0 25px;
	color: #ffffff; font-weight: bold; cursor: pointer; text-transform: uppercase;
	}
.menu ul li a:hover { color: #426e00; text-decoration: none; }


	/* HOME */
	.menu ul li.home 			a { width: 46px; background: url(../imgs/menu_home.gif); }
	
	/* O FESTIVAL */
	.menu ul li.festival 		a { width: 74px; background: url(../imgs/menu_festival.gif); }
	
	/* PROGRAMAÇÃO */
	.menu ul li.programacao		a { width: 96px; background: url(../imgs/menu_programacao.gif); }
	
	/* EDIÇÃO 2007 */
	.menu ul li.ed2007 			a { width: 83px; background: url(../imgs/menu_ed2007.gif); }
	
	/* CADASTRO */
	.menu ul li.cadastro		a { width: 72px; background: url(../imgs/menu_cadastro.gif); }
	
	/* CONTATO */
	.menu ul li.contato			a { width: 65px; background: url(../imgs/menu_contato.gif); }
	

/************************************
	SUBMENU (Programação) 
************************************/
.submenu a {
	color: #999;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 112px;
	}
	
	body.espetaculosActive .submenu a.espetaculos { background-position: left -33px; color: #666; cursor: default; } 
	body.oficinasActive .submenu a.oficinas { background-position: left -33px; color: #666; cursor: default; }
	body.batepapoActive .submenu a.batepapo { background-position: left -33px; color: #666; cursor: default; }	

	/*   ESPETACULOS   */
	.submenu a.espetaculos { background: url(../imgs/bg_btn_submenu.gif) no-repeat;}
	.submenu a:hover.espetaculos { background-position: left -33px;	color: #666; }
	
	/*   OFICINAS   */
	.submenu a.oficinas { background: url(../imgs/bg_btn_submenu.gif) no-repeat;}
	.submenu a:hover.oficinas { background-position: left -33px; color: #666;}
	
	/*   BATE-PAPO   */
	.submenu a.batepapo { background: url(../imgs/bg_btn_submenu.gif) no-repeat;}
	.submenu a:hover.batepapo { background-position: left -33px; color: #666;}

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

.content .logo { float: left; width: 413px; height: 444px; padding: 0 25px; }

.content .conteudo { float: left; width: 500px;}
.content .conteudo h1 { margin: 25px 0 10px 0; }
.content .conteudo h2 { color: #91c21b; text-transform: uppercase; margin: 0 0 10px 10px; }
.content .conteudo h4 { font-size: 14px; font-weight: bold; padding-left: 10px; }

.content .conteudo .scroll { width: 475px; height: 340px; overflow-y: auto; padding-bottom: 20px; float: right; }
.content .conteudo p { padding: 0 20px 10px 10px; line-height: 18px; }
.content .conteudo p span { font-weight: bold; }
.content .conteudo p span.destaque { color: #666; font-size: 18px; font-weight:bold; }

.content .meio .parceiros { position:absolute; bottom: 0; width: 980px; height:87px; background: url(../imgs/footer_logos.gif); }

.marias_foto { text-align:right; width: 170px;}
/*************************************
	ACORDION
*************************************/	

.element { display: none; }
.foto {border: #CCCCCC 4px solid; margin: 0 5px 10px 5px;}

h3.toggler {
	background: #f1f1f1; 
	border: solid 1px #d6d6d6;
	cursor: pointer;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	text-align: left;
}
h3.toggler:hover { background: #ffffff; }

/*************************************
	PROGRAMAÇÃO
*************************************/	
#wrapper { overflow:auto; height: 350px; }

/************************************
	FORM
************************************/

#form { margin: 0 0 0 10px; }

label { font-weight: bold ; }

.fieldset {
	border: none;
	padding: 0; margin-bottom: 10px;
}
.fieldset_cidade {
	border: none; float: left;
	padding: 0; margin: 0 5px 10px 0;
}

.fieldset_estado {
	border: none; float: left;
	padding: 0; margin-bottom: 10px;
}

.campoForm { color: #333; font-size: 11px; width:340px; height: 17px; padding: 3px 0 2px 2px; border: 1px solid #ccc; background:#fff; margin: 2px 0 0 0;}
.campoCidade { width:200px; }
.campoEstado { width:130px; }
.campoTextarea { color: #333; font-size: 11px; width:342px; height: 95px; padding: 3px 0 2px 2px; border: 1px solid #ccc; background:#fff; margin: 2px 0 0 0; font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;}

.btnContato {
	background: url(../imgs/btn_enviar.gif); color: #999;
	width: 102px; height: 35px; margin-bottom: 10px;
	text-indent: -9999px; cursor: pointer; float: left;
}

.boxContato { background: #e0e0e0; width: 246px; height: 35px; float: left; }

/************************************
	FOOTER 
************************************/

.footer { clear: both; height: 60px; }
	.footer .meio { padding-top: 10px; }
	.footer .meio { color: #ffffff; font-size: 11px; line-height: 20px; }
	
	.footer .meio .local 	{ float: left; width: 380px; background: url(../imgs/footer_logoespaco.gif) left -10px no-repeat; padding-left: 138px; }
		.footer .meio .local span { color: #2c4a00; }
		.footer .meio .local a { color: #d4ed8a; text-decoration: underline; }
		.footer .meio .local a:hover { color: #ffffff; text-decoration: none; }
		
	
	.footer .meio .creditos { float: right; width: 310px; text-align: right; }
		.footer .meio .creditos span { color: #2c4a00; }
		.footer .meio .creditos a { color: #2c4a00; text-decoration: underline; }
		.footer .meio .creditos a:hover { color: #2c4a00; text-decoration: none; }