/* CSS Document */

.gold {
	color:#B7A030
	}

.blue {
	color:#009999
	}
	
.grey {
	color:#808080
	}
	
.orange {
	color:#ed7d31;
	}
	
.small {
	font-size: 9px;
	}
body 

{

margin: 0; 

padding: 0; 

font: 12px/1.3em Helvetica, Arial, sans-serif;

color: #000;

background-color: #FFF;

}



p {

    margin: 0;

    padding: 0;

    margin-bottom: 8px;

}



#destaques ul{

    margin-top: 3px;

	margin-bottom: 3px;

}



#container

{

margin: 1em 5%;

background-color: #FFF;

background-image: url(../bord_background2.jpg);

background-repeat: repeat-y;

border: 1px solid #333;

}



#banner

{

background-color: #5D4F00;

border-bottom: 0px solid #333;

}



#banner h1

{

margin: 0;

padding: .5em;

}



/* INICIO - Estilos Navegaçao */



#navcontainer

{

float: left;

background: #5D4F00;

width: 160px;

margin: 0;

padding: 1em 0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

}



ul#navlist

{

text-align: left;

list-style: none;

padding: 0;

margin: 10px;

width: 135px;

}



ul#navlist li

{

display: block;

margin: 0;

padding: 0;

}



ul#navlist li a

{

display: block;

width: 100%;

padding: 0.5em 0 0.5em 2em;

border-width: 1px;

border-color: #5D4F00 #aaab9c #ccc #aaab9c;

border-style: solid;

color: #000;

text-decoration: none;

background: #FEF0A0;

}



#navcontainer>ul#navlist li a { width: auto; }



ul#navlist li#active a

{



background: #D4C361;

color: #000000;

}



ul#navlist li a:hover, ul#navlist li#active a:hover

{

color: #000000;

background:#D4C361;

border-color: #aaab9c #ddd #ddd #bbb;

}



/* FIM - Estilos Navegaçao */



#content

{

padding-top: 1em;

margin: 0 2em 0 200px;

}



#footer

{

clear: both;

background-color: #897816;

padding: 1em;

text-align: right;

border-top: 1px solid #333;

color:#FFFFFF;

font: 10px/1.5em Verdana, Arial, sans-serif;

}



#footer a

{

color:#FFFFFF;

text-decoration:none;

}



#footer a:hover

{

text-decoration:underline;

}







/* Estilos Headers */



h1 {

    padding: 0;

	font-size: 20px;

}



h2 {

    padding: 0;

	font-size: 17px;

	margin: 10px 0 5px 0;

}



h3 {

    padding: 0;

	font-size: 14px;

	margin: 10px 0 5px 0;

	}



h4 {

    padding: 0 0 0 0;

	margin: 10px 0 5px 0;

    font-size: 12px;

	border-bottom:1px solid #555555;

	}

	

table,td,th

{

	border: 1px solid #BBB;

	border-collapse: collapse;

	padding:3px;

	font: 11px;

}



/* Estilos Tabelas Horários Arte Jovem Verao */



.tabela1,tabela1.td,tabela1.th

{

	border: 1px solid #000;

	border-collapse: collapse;

	padding:3px;

	color: #FF6600;

}



.tabela2,tabela2.td,tabela2.th

{

	border: 1px solid #000;

	border-collapse: collapse;

	padding:3px;

	color: #00CCFF;

}



.tabela3,tabela3.td,tabela3.th

{

	border: 1px solid #000;

	border-collapse: collapse;

	padding:3px;

	color: #339966;

}



.tabela4,tabela4.td,tabela4.th

{

	border: 1px solid #000;

	border-collapse: collapse;

	padding:3px;

	color: #FF33FF;

}



/* 

table

{

border: none;

}

*/



img.right { 

float: right; 

margin-left:15px;

margin-top:5px;

//border: 5px solid;

}



img.left { 

float: left; 

margin-right:20px;

//border: 1px solid;

}



img.center {

margin-left:10px;

}



#destaques img {

border: 0px;

border: 2px solid #000000;

}



h1:first-letter {

font-size: 25px;

}



#avisos

{

margin: 5px;

padding: 5px;

width:80%;

background-color: #FFF9F9;

border: 1px solid #333;

}



#destaques

{

margin: 5px;

padding: 5px 10px;

background-color: #FFE6E6;

border: 1px solid #333;

}



#destaque_barra

{

margin: 5px;

padding: 5px 10px;

color:#000;

background-color:#FFF9F9;

border: 2px solid #333;

text-align:center;

}



#destaque_barra a

{

color: #000;

}