/* Styles for scrolling layers and scrollbars  */
div#holder1 { 
  position:relative; left:5px; top:5px;
  width:175px; height:232px; 
  overflow:hidden; z-index:100;  
  }
div#wn1  { 
  position:absolute; left:0px; top:23px;
  width:180px; height:210px; 
  clip:rect(0, 175px, 210px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:180px}
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:161px; top:23px;
  width:14px; height:210px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:14px;
  width:14px; height:184px;
  background-color:#858585;
  z-index:1
  }
div#dragBar1 {
  position:absolute;
  width:14px; height:5px;
  background-color:#4a4a4a;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }

/* ********************  inicio paginas especificas ************************** */

/*Flash Karas*/

#winFlashMegaManhas{
	width:874px;
	height:371px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	margin:0 0 12px 0;	
}
#3colums { 
	width: 876px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#winHorarios{
	width:180px;
	height:302px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	float:left;
	margin: 0 12px 12px 0
}
#winHorariosLista
{

}
	#winHorariosLista ul.items {
		margin:0;
		padding:0px;
	}
	#winHorariosLista ul.items li{
		list-style-type:none;
		list-style:none;
		margin:5px 0px 5px 8px;
		width:155px;
		height:48px
	}
	#amareloTexto {
		color:#CEBA31;
		font-family: Verdana, Arial,  Helvetica, sans-serif;
		font-weight:bold;
		text-align:left;
		padding:2px
	}
	#separadorHorarios {
		width:150px;
		height:1px;
		background-color:#949494;
		float:left;
		position:relative;
		margin:4px 0 4px 0;
		padding:0;
	}
	/* Config scroll winHorarios*/
	#boxScrollHorarios{
		width: 180px;
		height:250px;
		margin:0px 0px 0px 0px;
	}
	#boxScrollHorarios ul{
		margin-bottom:0px
	}
	#boxScrollHorarios ul li{
		width: 169px;
		list-style-type:none;
		list-style:none;
		margin:0px 0px 0px 0px
	}
	#scrollHorarios{
		margin:0;
		padding:0px;
		float:left;
		width: 176px;
		height:150px
	}
	#headHorarios{
		height:21px;
		margin:0;
		padding:0px;		
	}
	.ConteudoHorarios{
		text-align:left;
		font:Verdana, Arial, Helvetica, sans-serif;
		padding:5px;
		padding-left:2px;
		font-size:10px
	}
.amareloTexto {
		color:#CEBA31;
		font-family: Verdana, Arial,  Helvetica, sans-serif;
		font-weight:bold;
		text-align:left;
		padding:2px
	}
#winMRec{
	width:300px;
	height:250px;
	margin:0 0 12px 12px;
	float:right
}
#winAsUltimas{
	width:368px;
	height:302px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	float:right;
	margin:0 0 12px 0;
	padding:0
}
	#winAsUltimas ul.items {
		margin:0;
		padding:0px;
	}
	#winAsUltimas ul.items li{
		list-style-type:none;
		list-style:none;
		margin:5px 0px 8px 0;
		width:355px;
		height:33px;
	}
.laranjaTexto {
	color:#E35D02;
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}

/*Viagens*/

#winViagens{
	width:562px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	float:left;
	margin: 0 0 12px 0
}
#viagensList{
	width:400px;
	float:right;
	padding-top:10px;
	margin:0;
}
	#viagensList ul.items {
		margin:0;
		padding:0;
	}
	#viagensList ul.items li{
		list-style-type:none;
		list-style:none;
		padding:0 0 10px 0;
		float:left;
		text-align:left;
		margin:0;
		width:395px;
}
	#viagensList a {
		font-weight:bold
	}
#imgHolderViagens{
	width:150px;
	height:200px;
	margin:0 auto;
	text-align:center;
	float:left;
	padding-top:10px
}
/*Jogo da Mula*/
#winJogoDaMulaList{
	width:562px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	float:left;
	margin: 0 0 12px 0
}
#jogoDaMulaList{
	width:400px;
	float:right;
	padding-top:10px;
	margin:0;
}
	#jogoDaMulaList ul.items {
		margin:0;
		padding:0;
	}
	#jogoDaMulaList ul.items li{
		list-style-type:none;
		list-style:none;
		padding:0 0 10px 0;
		float:left;
		text-align:left;
		margin:0;
		width:395px;
}
	#jogoDaMulaList a {
		font-weight:bold
	}
#imgHolderJogo{
	width:150px;
	height:200px;
	margin:0 auto;
	text-align:center;
	float:left;
	padding-top:10px
}
/*TEAM*/
#winTeam{
	width:562px;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-image:url(../images/1x1_50black.png);
	background-position:top;
	float:left;
	margin: 0 0 12px 0
}
#animadores {
	height:90px;
	width:400px;
	text-align:center;
	margin:0 auto;
}
	#animadores ul.items {
		margin:0;
		padding:0;
		text-align:center;
		margin:0 auto;		
	}
	#animadores ul.items li{
		list-style-type:none;
		list-style:none;
		margin:0;
		text-align:center;
		float:left;
		width:80px
	}
.animadorName{
	margin:0 auto;
	text-align:center;
	width:60px
}
#imgHolderTeam{
	width:535px;
	height:127px;
	margin:0 auto;
	text-align:center;
	padding-top:10px
}
/*para todos*/
#2colums { 
	width: 876px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#winMRec{
	width:300px;
	height:250px;
	margin:0 0 0 12px;
	float:right
}

img.valignmid {
	display:inline;
	vertical-align:bottom;
	border:0px;
}

#paginacao {
	padding:0;
	margin:10px 5px 5px 5px;
	height:24px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
/* ********************  fim paginas especificas ************************** */
/* Styles for demo, not necessary for scrolling layers */