/* Global Styles */

body {
	margin:0px;
	text-align:center;
	background-color:#c0dffd;
	}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}

/* ID Styles */

/*IDs novo Index*/


#globalbox{
	width:900px;
	height:600px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#80c8f0;
	}
#banner{
	margin-left:auto;
	margin-right:auto;
	}
#barra{
	padding:5px 10px 0px 0px;
	height:20px;
	background-color:#3366cc;
	border-top:solid 1px #003366;
	border-bottom:solid 1px #003366;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing:.2em;
	text-align:right;	
	}	
#designerbar{
	position:absolute;
	left:0px;
	bottom:0px;
	width:890px;
	padding:5px 0px 0px 10px;
	border-top:solid 1px #3366cc;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#3366cc;
	text-align:left;
	height:20px;
	}	
#boxesq{
	position:absolute;
	top:223px;
	left:0px;
	width:160px;
	height:350px;
	background-color:#e6f3ff;
	}
.navcel{
	width:140px;
	padding:8px 0px 8px 20px;
	background:url("ball.png") 5px 50% no-repeat;
	border-bottom:solid 2px #c0dffd;
	text-align:left;
	}
.navcel:hover{
	background:url("redball.png") 5px 50% no-repeat;
	background-color:#ffffcc;
	}
.navcel_a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:0.1em;
	text-decoration: none;
	cursor:hand;
	}	
.navcel_a:hover{
	color:#ff6600;
	}
#boxmeio{
	position:absolute;
	top:213px;
	left:160px;
	width:740px;
	padding-left:25px;
	}
#fotobox{
	position:absolute;
	top:5px;
	right:40px;
	width:230px;
	height:320px;	
	padding:10px;
	overflow:auto;
	}
.tumb{
	cursor:hand;
	}	
#imgbase{
	position:absolute;
	top:12px;
	left:20px;
	border:solid 8px #fff;
	}
#tumb1, #tumb2, #tumb3, #tumb4, #tumb5, #tumb6, #tumb7, #tumb8{
	border:solid 1px #fff;
	position:absolute;
	cursor:hand;
	}	
#tumb1, #tumb2, #tumb3, #tumb4{	
	left:500px;
	}	
#tumb5, #tumb6, #tumb7, #tumb8{
	left:620px;
	}	
#tumb1,#tumb5{
	top:32px;
	}
#tumb2,#tumb6{
	top:112px;
	}
#tumb3,#tumb7{
	top:192px;
	}
#tumb4,#tumb8{
	top:272px;
	}
#att{
	position:absolute;
	top:12px;
	left:10px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
#navigation{
	border:0px;
	width:160px; 
	}	
#navigation td {
	border-bottom: 2px solid #c0dffd;
	text-align:left;
	padding:0px;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:5px 5px 5px 20px;
	background:url("ball.png") 5px 50% no-repeat;
	}
	
#navigation a:hover {
	background:#FFFFCC url("mm_arrow.gif") 5px 45% no-repeat;
	color:#FF6600;
	/*font-weight:bold;*/
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	text-align:justify
	}
.subtitulo {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	text-align:left;
	}
.titulimagem {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#CC0066;
	line-height:20px;
	margin-top:0px;
	text-align:left;
	}	
.legenda {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	}	
.legenda_centrada {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
	}
.legenda_justificada{
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:justify;
	}
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
.cap{
	text-align:left;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}	
.Musica{
    text-align:center;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.3em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:18px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.navText1 {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
.index_float{
	float:left;
	margin:1em 1em 1em 0em;
	}
.imagemcentr{
	left:50%;
	top:50%;
	margin-top:2em;
	margin-bottom:2em;
	}	
.centrado{
	width:100%;
	text-align:center;
	font-size:1.1em;
 }	
	
/* Styles for Calendar */
.pop {
	display: none;
	}
.itr0,.itr1,.itr2,.itr3,.itr4,.itr5,.itr6,.itr7{
	position:relative;
	text-decoration: none;
	color: #000;
	z-index:2;
	}

.itr0:hover .pop,
.itr1:hover .pop,
.itr2:hover .pop,
.itr3:hover .pop,
.itr4:hover .pop,
.itr5:hover .pop,
.itr6:hover .pop,
.itr7:hover .pop {
	display: block;
	position:absolute;
	font-size: 0.8em;
	/*background-color:#6666FF;*/
	background-color:#ffffff;
	padding:1em;
	}
.itr0:hover .pop {
	left: -18.4em;
	top: 5.5em;	
	}	
.itr1:hover .pop {
	left: -22em;
	top: 5.5em;	
	}
.itr2:hover .pop {
	left: -4.1em;
	top: 4em;
	}
.itr3:hover .pop {
	left: -7.7em;
	top: 4em;	
	}
.itr4:hover .pop {
	left: -11.3em;
	top: 4em;
	}
.itr5:hover .pop {
	left: -14.9em;
	top: 4em;	
	}
.itr6:hover .pop {
	left: -18.5em;
	top: 4em;	
	}
.itr7:hover .pop {
	left: -22.1em;
	top: 4em;	
	}	
.cal{
	text-align:center;
	font-size:1em;
	font-family: Arial, Verdana, sans serif;
	}
.cxtext{
	width:170px;
	padding:5px;
	text-align:left;
	font-size:1.2em;
	color:#FFFFFF;
	background-color:#6666FF;
	}	
table.mes{
	background-color:#CCCCFF;
	}	
ul.grupos{
	list-style: square outside;
	text-align:left;
	font-size:1.2em;
	color:#FFFFFF;
	width:180px;
	}
/*************************
         Style para gala 2010
**************************/
.tn0,.tn1,.tn2,.tn3,.tn4,.tn5{
	position:relative;
	text-decoration: none;
	color: #000;
	}
.tn0:hover .pop,
.tn1:hover .pop,
.tn2:hover .pop,
.tn3:hover .pop,
.tn4:hover .pop,
.tn5:hover .pop{
	display: block;
	position:absolute;
	font-size: 0.8em;
	/*background-color:#6666FF;*/
	padding:1em;
	border:0px;
	}
.tn0:hover .pop{
	left: -2px;
	top: -353px;	
	}	
.tn1:hover .pop{
	left: -127px;
	top: -353px;	
	}
.tn2:hover .pop{
	left: -251px;
	top: -353px;
	}
.tn3:hover .pop{
	left: -2px;
	top: -448px;	
	}
.tn4:hover .pop{
	left: -127px;
	top: -448px;
	}
.tn5:hover .pop{
	left: -251px;
	top: -448px;	
	}
.rancho{
	border:0px;
	margin:10px;
	}

/*Classes para Carnaval 2011*/	

.cn0,.cn1,.cn2,.cn3,.cn4,.cn5,.cn6,.cn7,.cn8,.cn9,.cn10,.cn11{
	position:relative;
	text-decoration: none;
	color: #000;
	}
.cn0:hover .pop,
.cn1:hover .pop,
.cn2:hover .pop,
.cn3:hover .pop,
.cn4:hover .pop,
.cn5:hover .pop,
.cn6:hover .pop,
.cn7:hover .pop,
.cn8:hover .pop,
.cn9:hover .pop,
.cn10:hover .pop,
.cn11:hover .pop{
	display: block;
	position:absolute;
	padding:1em;
	border:0px;
	}
.cn0:hover .pop{
	left: -372px;
	top: -120px;	
	}	
.cn1:hover .pop{
	left: -443px;
	top: -120px;	
	}
.cn2:hover .pop{
	left: -514px;
	top: -120px;
	}
.cn3:hover .pop{
	left: -372px;
	top: -226px;	
	}
.cn4:hover .pop{
	left: -443px;
	top: -226px;
	}
.cn5:hover .pop{
	left: -514px;
	top: -226px;	
	}
.cn6:hover .pop{
	left: -372px;
	top: -332px;	
	}
.cn7:hover .pop{
	left: -443px;
	top: -332px;	
	}
.cn8:hover .pop{
	left: -514px;
	top: -332px;	
	}
.cn9:hover .pop{
	left: -372px;
	top: -438px;	
	}
.cn10:hover .pop{
	left: -443px;
	top: -438px;	
	}
.cn11:hover .pop{
	left: -514px;
	top: -438px;	
	}	
.rancho1{
	border:0px;
	margin:0px;
	}
	
.cxtext1{
	width:350px;
	text-align:center;
	font-size:1.2em;
	color:#FFFFFF;
	background-color:#6666FF;
	}