body {width: 980px; margin: 0 auto; padding: 0; background-color: #FFF;}

li {list-style: none;}

#content #leftBox li a.bt_banner {margin-left: 0;}

/* CONFIGURE THE FIRST THREE BOXES */
#content {width: 980px; margin: 0; padding: 0; background-color: transparent;}

#home		 {width: 980px; margin-top: 0px;}
#columnLeft  {width: 250px; margin: 0; float: left; position: absolute;}
#column      {width: 520px; margin-left: 265px; float: left;}
#columnRight {width: 180px; margin-left: 800px; float: left; position: absolute;}

#footer		   {width: 980px; height: 170px; bottom: 0; background-image: url(../images/Bases/degrade-inferior.png); text-align: center;}
#footer p	   {padding-top: 150px; font-family: Arial; font-size: 12px; color: #333;}
#footer .afoot {font: 12px Arial; color: #333; text-decoration: underline;}
.clear		   {clear: both;}

/*CONFIGURE THE BOXES OF HOME*/

#content #leftBox, #content #centralBox, #content #rightBox			 {margin-bottom: 15px;}
#content #leftBox h2, #content #centralBox h2, #content #rightBox h2 {margin: 0 15px; padding: 8px 0; background: url(../images/Bases/line.png) repeat-x left bottom;}

#content h1 {font-family: Arial; font-size: 16px; font-style: normal; color: #000;}
#content h2 {font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #333; text-align: left;}
#content h3 {font-family: Arial; font-size: 15px; font-style: normal; font-weight: normal; color: #F03; text-align: left; padding: 0; margin: 0;}
#content p  {font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #333; text-align: left;}

#content #leftBox li a    {font-family: Arial; font-size: 10px; text-decoration: underline; color: #F03; margin-left: 150px;}
#content #leftBox .lf_hm_photo {margin-left: 0;}
#content #centralBox li a {font-family: Arial; font-size: 10px; text-transform: uppercase; text-decoration: underline; color: #F03; margin-left: 350px;}
#content #rightBox li a    {font-family: Arial; font-size: 10px; text-decoration: underline; color: #F03; margin-left: 0px;}

#content #maps {text-align: center;}

#centralBox #firstvideo {width: 490px; height: 295px; margin: 18px 10px 10px;}

#content #leftBox li	{width: 224px;}
#content #centralBox li {width: 494px;}
#content #rightBox li, #content #rightBox #ladodireito	{width: 160px;}

#content #leftBox li, #content #centralBox li, #content #rightBox #ladodireito {margin: 10px 10px 0 10px; padding: 3px; background: url(../images/Bases/fundoLi.png) repeat-y; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; behavior:url(border-radius.htc);}
#content #rightBox li {margin: 10px 10px 0 10px;}

#content #leftBox li:last-child, #content #centralBox li:last-child, #content #rightBox li:last-child, #content #rightBox #ladodireito {margin-bottom: 10px;}

#content #centralBox h3 {margin-left: 10px;}

#content .tempo {margin: 10px;}

#content #colphoto1		{width: 120px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; float: left;}
#content #colphoto1 a	{font-size: 12px; font-family: Arial; color: #333;}
#content #colphoto1 a:link {text-decoration: none;}
#content #colphoto1 a:hover {color: #000;}
#content #colphoto1 a:active {color: #333; text-decoration: none;}
#content #colphoto1 img {margin: 0;}
#content #colphoto1 p	{margin: 0;}

#content #colphoto2		{width: 150px; margin-top: 10px; margin-left: 275px; margin-bottom: 10px;}
#content #colphoto2 a	{font-size: 12px; font-family: Arial; color: #333;}
#content #colphoto2 a:link {text-decoration: none;}
#content #colphoto2 a:hover {color: #000;}
#content #colphoto2 a:active {color: #333; text-decoration: none;}
#content #colphoto2 img {margin: 0;}
#content #colphoto2 p 	{margin: 0;}

.box	{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; behavior:url(border-radius.htc);}
.shadow {border: 1px solid #CCC; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -o-box-shadow: 1px 1px 2px #999; -khtml-box-shadow: 1px 1px 2px #999;}

/*CONFIGURE THE BOXES FOR THE PAGES*/

#body	  {width: 812px; height: 820px; margin: 0px;}
#colLeft  {width: 180px; margin-top: 180px; margin-left: 40px; float: left;}
#colRight {width: 570px; margin-top: 110px; margin-left: 220px;	position: absolute;}

#assista						  {width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_assista.png);}
#assista .assistalist li		  {margin-bottom: 5px;}
#assista .assistalist li a		  {font-family: Arial; font-size: 14px; font-weight: normal; color: #333; text-decoration: underline; text-align: left;}
#assista .assistalist li a:hover  {text-decoration: none;}
#assista .assistabox			  {width: 550px; height: 600px; margin-top: 120px;}
#assista .cinelist				  {margin-left: 20px; width: 200px;}
#assista .cinelist li			  {margin-bottom: 5px;}
#assista .cinelist #local		  {font-family: Arial; font-size: 13px; font-weight: bold; color: #000; padding: 0; margin: 10px 0 5px 0;}
#assista .cinelist li a			  {font-family: Arial; font-size: 13px; font-weight: normal; color: #333; text-align: left;}
#assista .cinelist #dia			  {font-family: Arial; font-size: 13px; font-weight: bold; color: #090; text-transform: uppercase;}
#assista #vid #vidList			  {width: 550px; height: 200px; overflow: auto;}
#assista #vid #vidList a		  {font: Arial 12px normal; color: #333; text-align: left;}
#assista #vid #vidList a:link	  {text-decoration: none;}
#assista #vid #vidList a:hover	  {color: #FFF;}
#assista #vid #vidList a:active	  {color: #333; text-decoration: none;}

#agenda							{width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_agenda.png);}
#agenda .agendalist li a		{font-family: Arial; font-size: 14px; font-weight: normal; color: #333; text-align: left;}
#agenda .agendalist li a:link	{text-decoration: underline;}
#agenda .agendalist li a:hover	{text-decoration: none;}
#agenda .agendalist li a:active {text-decoration: underline;}
#agenda .agendabox				{width: 590px; height: 600px; overflow: auto; margin-top: 120px;}
#agenda #cal li					{width: 550px; margin-top: 20px; background-color: #FFF; padding: 5px;}
#agenda #cal h1.titulo			{font-size: 18px; font-weight: bold; color: #000; padding: 0; margin: 0;}
#agenda #cal h2.subtitulo		{font-size: 16px; font-weight: bold; color: #F00; padding: 0; margin: 0;}
#agenda #cal h3.insubtitulo 	{font-size: 10px; color: #00F; padding: 0; margin: 0;}
#agenda #cal p.texto 			{font-size: 12px; color: #666; padding: 0; margin: 0;}
#agenda #cal p.comentario 		{font-size: 10px; color: #900; padding: 0; margin: 0;}
#agenda #cal a.aconteudo 		{font-size: 12px; text-decoration: underline; color: #666;}


#contato {width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_contato.png);}
#form	 {width: 275px; margin-top: 200px; margin-left: 250px; float: left;}
.line	 {padding-top: 10px; padding-left: 10px;}

#anunciante						  {width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_anunciantes.png);}
#anunciante .anunlist li a		  {font-family: Arial; font-size: 12px; font-weight: normal; color: #333; text-align: left;}
#anunciante .anunlist li a:link   {text-decoration: underline;}
#anunciante .anunlist li a:hover  {text-decoration: none;}
#anunciante .anunlist li a:active {text-decoration: underline;}
#anunciante .anun				  {width: 530px; margin-top: 170px;}
#anunciante .anun li		      {width: 120px; height: 100px; background-color: #FFF; margin-right: 10px; text-align: center; float: left;}
#anunciante .anun li img	      {margin-top: 10px;}
#anunciante .anun li p		      {text-align: center; margin-bottom: 10px;}

#leia						{width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_leia.png);}
#leia .leialist li a		{font-family: Arial; font-size: 12px; font-weight: normal; color: #333; text-align: left;}
#leia .leialist li a:link   {text-decoration: underline;}
#leia .leialist li a:hover  {text-decoration: none;}
#leia .leialist li a:active {text-decoration: underline;}
#leia .leiabox				{margin-top: 170px;}
#leia .leiabox li			{width: 540px; background-color: #FFF; text-align: justify; padding: 5px 10px 5px 10px;}
#leia li .comment			{text-align: center; color: #900; font: Arial; font-size: 10px; font-style: italic;}
#leia li .mensagem			{font-family: Arial; font-size: 12px; font-weight: normal; color: #333; text-align: justify;}

#links {width: 812px; height: 820px; margin-top: -11px; margin-left: -12px; background-image: url(../images/bg_links.png);}
#links #link {width: 689px; height: 600px; margin-top: 160px; margin-left: 121px; float: left; overflow: auto;}
#links li {width: 550px; display: block; margin-bottom: 10px; background-color: #FFF;}
#links li h3 {padding: 5px 0 5px 5px;}
#links li img {margin-left: 125px; padding: 0;}
#links li p {text-align: center; padding: 0;}
#links li a {font-size: 12px; font-family: Arial; margin-left: 460px; color: #333;}
#links li a:link {text-decoration: underline;}
#links li a:hover {text-decoration: none;}
#links li a:active {text-decoration: underline;}