*{font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0;}
a{text-decoration: none; outline: none;}
ul{list-style:none;}
img{	border: none;}

#geral{margin: 0 auto; padding: 0; text-align: left; width: 1000px;}

#geral #header{background:url(../images/bg-header.gif) repeat-x bottom; height: 125px; padding: 0 0 0 0;}
#geral #header h1 a{background:url(../images/logo-festival-brasil-hsbc.gif) no-repeat; float: left; height: 70px; margin: 20px 25px 0 0; text-indent: -19000px; width: 259px;}
#geral #header ul#menu{float: left;}
#geral #header ul#menu li{border-right: 2px solid #e6e6e6; float: left; height: 115px; padding: 0 7px 0 0; text-align: right; width: 140px;}
#geral #header ul#menu li a{color: #ff0000;	font-size: 18px; font-weight: bold; height: 45px; display: block; padding: 65px 0 0 0;}
#geral #header ul#menu li.selecionado{background:#ff0000;}
#geral #header ul#menu li.selecionado a{color: #ffffff;}

#geral  #content{float: left;width: 1000px;} 
/*HSBC NO MUNDO*/
#geral  #content #hsbcmundo{float: left; width: 100%;}
#geral  #content #hsbcmundo dl{float: left; margin: 20px 0 0 0; width: 100%;}
#geral  #content #hsbcmundo dl dt{
	background: #ff0000;
	color: #ffffff;
	float: left;
	font-size: 20px;
	font-weight: bold;
	height: 25px;
	padding: 95px 5px 0 0;
	text-align: right;
	width: 115px;
}
#geral  #content #hsbcmundo dl dd{float: left; margin: 0 20px 0 0;}
#geral  #content #hsbcmundo dl dd img{height: 120px; width: 120px;}
#geral  #content #hsbcmundo dl dd p{ line-height: 18px; margin: 0 0 7px 0; width: 670px;}
#geral  #content #hsbcmundo dl dd p.link{background:url(../images/seta.gif) no-repeat 0px 4px; padding: 0 0 0 7px;}
#geral  #content #hsbcmundo dl dd p.link a{color:#ff0000;}
#geral  #content #hsbcmundo dl dd p.link a:hover{text-decoration: underline;}
#geral  #content #hsbcmundo dl dd p.disclaimer{font-size: 10px; margin: 0 0 7px 0;}
/*-----------------------------------------------*/
/*CONHEÇA O FESTIVAL*/
#geral #content #conhecafestival{margin: 20px 0 30px 0; float: left;}
#geral #content #conhecafestival #top{float: left;}
#geral #content #conhecafestival #top h1{
	background:#00a651;
	color: #ffffff;
	float: left;
	font-size: 20px;
	font-weight: bold;	
	height:50px;
	padding: 70px 5px 0 0;
	text-align: right;
	width:115px;
}
#geral #content #conhecafestival #top ul#submenu{float: left;}
#geral #content #conhecafestival #top ul#submenu li{float: left; height: 17px; padding: 44px 5px 0 0; text-align: right; width: 60px;}
#geral #content #conhecafestival #top ul#submenu li#festival{background:#0067b4;}
#geral #content #conhecafestival #top ul#submenu li#mapa{background:#ead000;}
#geral #content #conhecafestival #top ul#submenu li#festival.selecionado{background: #0067b4 url(../images/setasel.gif) no-repeat;}
#geral #content #conhecafestival #top ul#submenu li#mapa.selecionado{background: #ead000 url(../images/setasel.gif) no-repeat;}
#geral #content #conhecafestival #top ul#submenu li a{color: #ffffff; font-size: 12px; font-weight: bold;}
#geral #content #conhecafestival #cntofestival{float: left; width: 100%;}
#geral #content #conhecafestival #cntofestival img{float: left; margin: 0 30px 0 120px;}
#geral #content #conhecafestival #cntofestival h2{color: #ff0000; float: left; font-size: 22px; font-weight: bold;}
#geral #content #conhecafestival #cntofestival p{color: #555555; float: left; font-weight: bold; line-height:17px; margin: 15px 0 0 0; width: 580px;}
#geral #content #conhecafestival #cntmapa{float: left; margin: 0 0 0 20px; width: 700px;}
#geral #content #conhecafestival #cntmapa img.mapa{float: left; margin: 0 20px 0 0;}
#geral #content #conhecafestival #cntmapa h2{color: #ff0000; float: left; font-size: 22px; font-weight: bold; margin: 130px 0 10px 0;}
/*-----------------------------------------------*/
/*ARTISTAS CONVIDADOS*/
#geral #content .container{
	width: 900px;
	height: 400px;
	margin: 20px 10px 0 0;
	float: left;
	
}
#geral #content .container  #scroller{ 
	position: absolute; 
	overflow: hidden;
	width: 900px;
	height: 400px;
}
#geral #content .container .scrollercontainer {
  position: absolute;
  
}
#geral #content #anchor {
	width: 50px;
	margin: 20px 0 0 0;
	height: 150px;
	float: left;
}
#geral #content #anchor a{
	color: #ffffff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 15px;	
	padding: 40px 1px 0 0;
	text-align: right;	
	width: 59px;
}
#geral #content #anchor a.mus{background: #ead000;}
#geral #content #anchor a.artpl{background: #00a651; height: 30px; padding: 25px 1px 0 0;}
#geral #content #anchor a.des{background: #0067b4;}
#geral #content #anchor a.lit{background: #ff0000;}
#geral #content #anchor a.exp{background: #f58220;}
#geral #content #anchor .scrollbarup {
  cursor: pointer;
  height: 32px;
  margin: 0 0 3px 0;
  width: 60px;
}
#geral #content #anchor .scrollbardown {
	cursor: pointer;
	height: 32px;
	margin: 3px 0 0 0;	
	width: 60px;
}
#geral #content #artistasconvidados ul{float: left; margin: 0 0 3px 0; width: 890px; padding: 10px;}
#geral #content #artistasconvidados ul#musica{background: #ead000;}
#geral #content #artistasconvidados ul#artesplasticas{background: #00a651;}
#geral #content #artistasconvidados ul#design{background: #0067b4;}
#geral #content #artistasconvidados ul#literatura{background: #ff0000;}
#geral #content #artistasconvidados ul#expressao{background: #f58220;}
#geral #content #artistasconvidados ul li{float: left; width: 100%;}
#geral #content #artistasconvidados ul li img{float: left; height: 120px; margin: 0 15px 0 0; width: 120px;}
#geral #content #artistasconvidados ul li h3{font-size: 15px; margin:5px 0 5px 0;}
#geral #content #artistasconvidados ul li p{color: #333333; font-weight: bold; line-height:17px; width: 650px;float: left;}


#geral #content .mod{text-align: right; font-weight: bold; color: #717174; margin: 0 40px 0 0;}
#geral #content .pdf{text-align: right; color: #ff0000; display: block; margin: 0 40px 0 0;}
#geral #content .pdf a{color: #ff0000; font-weight:bold;}
#geral #content .pdf a:hover{text-decoration:underline;}


/*-----------------------------------------------*/
/*RODAPE*/
#geral  #rodape{border-top: 1px solid #cccccc; float: left; margin: 20px 0 0 0; padding: 20px 0; width: 1000px;}
#geral  #rodape p{text-align: center;}
/*-----------------------------------------------*/