body {
background-color: white;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:black;
padding:0px;
margin:0px;
scrollbar-face-color: white;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;
scrollbar-arrow-color: black;
scrollbar-track-color: black;
}

a {
color: gray;
text-decoration:none;
}

a:hover{
color: black;
text-decoration: none;
}

form {
  padding:0px;
  margin:5px;
}

.botoes {
font-size: 10px;
font-weight: bold;
background-color: white;
color: black;
text-decoration: none;
border: 1px solid black;
margin-top: 2px;
padding: 1px;
}
/******************************************************
/*                 Menu dinamico                      *
/******************************************************/

#menu-superior {
  margin: 0;
  padding: 0px 0 0 0px;
  z-index:20;
}

#menu-superior ul {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#menu-superior #dropdown {
  height:20px;
  padding: 0;
  background: black;
  border:1px solid gray;
}

#menu-superior li {
  position: relative;
  float: left;
  line-height: 1em;
  padding: 4px;
  padding-right: 6em;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

#menu-superior li.first,
#menu-superior li.firstover {
  border-left: none;
  width: 160px;
}

#menu-superior li a {
  display: block;
  padding: 3px 5px 2px 5px;
  line-height: 1em;
  color: white;
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
}


#menu-superior li a:hover {
  text-decoration: none;
  background: transparent;
  color: #FCEFA4;
}

#menu-superior li ul {
  position: absolute;
  display: none;
  width: 159px;
  margin-top: 4px;
  left: -1px;
  border: 1px solid gray;
  border-top: none;
  z-index:50;
  background-color:#FCEFA4;
}

#menu-superior li:hover ul, 
#menu-superior li.over ul,
#menu-superior li.firstover ul{
  display: block;
}

#menu-superior li ul li {
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0;
  border-top: solid gray 1px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  text-align: left;
}

#menu-superior li ul li a {
  padding: 3px 10px 5px 15px;
  margin: 0 0 0 0;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  border-top: none;
  background-image: url(../imagens/item.gif); 
  background-repeat: no-repeat; 
  background-position: 3px 4px;
  color: black;
  
  /* IE is being dumb again */
  width: 140px;
}

#menu-superior li ul li > a {
  width: auto;
  background-image: url(../imagens/item.gif); 
  background-repeat: no-repeat; 
  background-position: 3px 4px;
}

#menu-superior li ul li a:hover {
  text-decoration: none;
  background-color: #ecaf43;
  background-image: url(../imagens/item.gif); 
  background-repeat: no-repeat; 
  background-position: 3px 4px;
  color:black;
}

/******************************************************
/*                 Fim menu                           *
/******************************************************/

h3 {
background-color: gray;
color: white;
font-size:13px;
font-weight: bold;
padding: 2px;
margin: 2px;
margin-right: .5em;
}

h3 img{
border: 0px;
width: 20px;	
}

p{
padding: 5px 10px;
margin:0px;
font-family: Verdana;
text-align: justify;
text-indent: 0.15in;
}

pre{
padding: 5px 10px;
margin:0px;
font-family: Verdana;
}

/* ************** container do layout **************** */
#container {
width: 800px;
background-image: url(../imagens/sax2.jpg);
background-repeat: no-repeat;
background-position: 250px 150px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: white;
}

/* ************ banner do logo ***************** */
#banner {
background-image: url(../imagens/topo_bruno.jpg);
background-repeat: no-repeat;
height: 83px;
width: 800px;
padding: 0px;
}

/* **************** Coluna central/principal ******************* */
#content {
float: left;
background-color: transparent;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
width: 633px;
height:400px;
border-right: solid gray 1px;
overflow: auto;
}

div#content { 
  min-height:400px;
  /* height:expression(this.scrollHeight > 600 ? "auto":"600px"); */ 
}

#scroller input {
border: 0px;
}
/* ************** div dos Videos *********** */

#videos img {
  margin: 15px 5px 3px 5px;
  width: 350px;
  border: solid gray 2px;
}

#videos i {
  margin-left: 18px;
}

.youtube_video {
  margin: 15px 5px 3px 5px;
  padding-left: 5px; 
}



/* ************** div das fotos *********** */

#fotos img {
  margin: 15px 5px 3px 5px;
  width: 350px;
  border: solid gray 2px;
}

#fotos i {
  margin-left: 18px;
}

/*************** div das fotos da imprensa */

#fotos_imprensa img {
  border: solid gray 2px;
}
#fotos_imprensa i {
  margin-left: 14px;
}

/* ************* div do calendario ********** */
#calendario p {
  text-indent: 0;	
}


/* *************** Colunas ***************** */

#coluna {
 background-color: transparent;
 float: left;
 width: 316px;
 margin: 0;
 padding: 0px;
}
div#coluna {
 min-height:600px;
 height:expression(this.scrollHeight > 600 ? "auto":"600px");
}


/* ************** Menu Esquerdo **************** */
#left {
float: left;
width: 164px;
height:400px;
margin: 0px;
padding: 0px;
border-left: solid gray 1px;
border-right: solid gray 1px;
background-image: url(../imagens/bruno_esquerda2.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-color:white;
}
div#left {
min-height:400px;
/* height:expression(this.scrollHeight > 600 ? "auto":"600px");*/
}

#left h3 {
background-color: gray;
color: white;
font-size:11px;
font-weight: bold;
padding: 2px;
padding-left: 0.25em;
margin: 1px;
margin-right: 1em;
}

#left h4 {
background-color: black;
color: white;
text-align: center;
font-size: 10px;
font-weight: bold;
padding: 1px;
padding-left: .50em;
margin: 2px;
margin-left: 1.25em;
margin-right: 1.25em;
}

#left a {
color: white;
text-decoration:none;
}

#left a:visited {
color: white;
text-decoration:none;
}

#left a:hover {
color: #F5CB5F;
}

/************ Rodape *****************/
#footer {
background: black;
color: gray;
font-size: 10px;
height: 20px;
border:1px solid gray;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; 
}

#footer p{
text-align: right;
text-ident: none;
}

#footer a{
  color: white;
}

#footer a:hover{
  color: #94BC5C;
}