/* CSS Document */

#content{
background:#fff; 
padding:15px; 
border:1px;
width:655px;
border-color:#ccc; 
border-style:solid;
}

#imagem{
height: 500px;
width: 650px;
position: relative;
left: 50%;
margin-left: -325px; /* half the width of the div */
}

img {border-color:#FFFFFF; border-width:1px;
}
#lista{
position:relative;
height: 60px;
width: 594px;
overflow:hidden;
}



#navcontainer ul
{
margin: 0;
text-align:left;
padding: 0;
list-style-type: none;
}

#navcontainer ul li { 
display: inline;


}

#navcontainer ul li a
{
text-decoration: none;
padding-top: 0em;
margin: 0;
background-color: #036;
}

#navcontainer ul li a img
{
border:solid;
border-width: 3px;
border-color:#fff;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}

#navcontainer ul li a:hover img
{
border:solid;
border-width: 3px;
color: #fff;
background-color: #369;
border-color:#ccc;
}

.img-slider {position:absolute; left:0px; top:0px;  text-align:left; visibility:hidden;}

.imgx {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:20px;}

.copyright {font-family:Arial, Helvetica, sans-serif; color: #999999; font-size:10px; width:670px;}

.gal-legenda {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; margin-top:5px;}

.gal-legenda a {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; margin-top:5px; text-decoration:underline; color:#000000;}

.gal-legenda-m {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; font-weight:bold; color:#999999;}



/*-----------------------------------------------------------*/

div.shot {
  position: relative;
  overflow: hidden;
  width: 650px;
  
}

* html div.shot {
  float: left;
}


div.controls a {
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;

  top: 0px;
  left: 356px;

  right: 0;
  width: 45%;
  height: 100%;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(next.gif);
  opacity: 0;
  filter: alpha(opacity=0);
}

* html div.controls a {
  height: 10000px;
  background-position: center 10px;
}

div.controls a.previous {

  left: 0px;
  top: 0px;
/*  background-position: left center;*/
  background-repeat: no-repeat;
  background-image: url(prev.gif);
}

div.controls a.alone {
  width: 90%;
  margin: 0 5%;
}
		
div.controls a:hover {
  opacity: 0.25;
  filter: alpha(opacity=75);
}