#imagens{
 float:right;
 margin-left:10px;
}

#imagens IMG{
 margin-bottom:15px;
}

#navcontainer
{
 z-index: 1;
 font-size: 12px;
 float:right;
}

#navcontainer img{
 border:0px;
 background:transparent;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
position: relative;
z-index: 2;
}

#navcontainer li
{
 margin:1px;
display: inline;
text-align: center;
 border:0px #555555 solid;

}

#navcontainer li a
{
background-color: #E7ECF2;
/* border: 1px solid #ccc; */
text-decoration: none;
}

#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
 border:0px;
}

#navcontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#navcontainer li a span {display: none}

#navcontainer li a:hover span{ 
display:block;
position:absolute;
top: 30px; 
right:0px; 
width:200px;
background-color:transparent; 
color:#95A8B7;
text-align: right;
padding: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
}


IMG.left{
 float:left;
 margin-right:10px;
}

IMG.right{
 float:right;
 margin-left:3px;
}

IMG{
 border:2px solid white;
}

#indexLeft{
 float:left;
 background:#666666;
 width:500px;
}

#indexRight{
 float:right;
 background:#666666;
 width:200px;
}

#menu{
 background:#444444;
 clear:both;
 width:200px;
}

#menu IMG{
 border:0px;
}

#menu a DIV {display: none}

#menu a:hover DIV{ 
display:block;
background-color:transparent; 
color:#FEA402;
text-decoration:none;
 border:0px;
font-size: 12px;
font-weight: bold;
text-align:right;
float:right;
}









#all{
 width:700px;
 text-align:left;
 margin:0 auto;
 background:#666666;
 clear:both;
}

#top{
 height:120px;
 background:url('top.png') no-repeat bottom right #555555;
}

#mainTitle{
 position:relative;
 font: 700 26px "trebuchet ms", serif;
 color:white;
 top:15px;
 left:40px;
}

#nav{
 clear:both;
 float:right;
 height:40px;
}

#nav li {
  display: inline;
  list-style: none;
}

#nav li a {
  float: left;
  margin: 0 2px;
  padding: 2px;
 padding-top:0px;
 font: 700 14px "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#nav li a:hover,
#nav li a.here {
  color: #FEA402;
  border-bottom: 3px solid white;
}

#nav li a.last {
  margin-right: 0;
}


#content{
 padding:10px 20px 50px 20px;
  clear: both;
 background:url('grad.png') bottom repeat-x;
 text-align:justify;
}


#sub{
 text-align:center;
 color:#333333;
 clear:both;
 font-size:10px;
}

#sub A{
 color:#333;
}

*{
 margin:0px;
 padding:0px;
 border:0px;
}

BODY{
 text-align:center;
 background:repeat-x #777777;
 font-family:verdana;
 font-weight:normal;
 font-size:11px;
 color:#EEEEEE;
}

TABLE{
 font-family:verdana;
 font-weight:normal;
 font-size:11px;
 color:#EEEEEE;
 margin:0 auto;
}

TD{
  vertical-align:top;
  text-align:left;
 padding:0px 5px 0px 5px;
}

P{
 margin-bottom:10px;
}

UL{
 margin-left:40px;
 padding:5px 10px 10px 10px;
}

LI{
 list-style-image:url('seta.gif');
}

H1{
 color:#3399FF;
 font-weight:normal;
 background:#444444;
 background-position: 10px 50%;
 padding:2px;
 vertical-align:middle;
 padding:5px 10px 5px 40px;
 margin-bottom:10px;
 font-size:18px;
}

H1.ritmo{
 background:10px 50% url('title_aritmo.png') no-repeat #444444;
}

H1.instrumentos{
 background:10px 50% url('title_instrumentos.png') no-repeat #444444;
}

H1.noticias{
 background:10px 50% url('title_noticias.png') no-repeat #444444;
}

H1.fotos{
 background:10px 50% url('title_fotos.png') no-repeat #444444;
}

H1.contactos{
 background:10px 50% url('title_contactos.png') no-repeat #444444;
}

H1.horarios{
 background:10px 50% url('title_horarios.png') no-repeat #444444;
}

H1.stop{
  background:10px 50% url('stop.png') no-repeat #444444;
 color:red;
 font-size:12px;
 font-weight:bold;
 padding-left:30px;
}

H1.go{
  background:10px 50% url('go.png') no-repeat #444444;
 font-size:12px;
 font-weight:bold;
 padding-left:30px;
}

H2{
 font-family:verdana;
 font-size:14px;
 font-weight:bold;
 color:#9FF3FF;
 margin-bottom:10px;
 padding-left:20px;
}

H3{
 color:#9FF3FF;
 font-family:verdana;
 font-size:12px;
 border-bottom:1px solid #3399FF;
  text-transform: lowercase;
 margin-top:20px;
 clear:both;
}

H4{
 font-family:verdana;
 font-size:10px;
 font-style:italic;
 font-weight:normal;
 color:#888888;
}

A{
 color:#3399FF;
}

A:hover{
 color:white;
}


