/* 
    Document   : showslide
    Created on : 16/07/2009, 18:17:44
    Author     : paulodaudt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* begin: slideshow */

#botoes{
width: 20px;
height:300px;
float: left;
background-color:#00CC00;
}


.slideshowback {
width: 612px;
height: 269px;
background-color:#ccc;
position:relative;
padding:0;
}

.slideshowfotos {
width: 612px;
height: 269px;
background-color:#333;
position:relative;
padding:0;
float:left;
}

.slideshow {
float:left;
width: 612px;
height: 269px;
position:relative;
padding:0;
}
.slideshow a img {
border:none;
float:left;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:269px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:relative;
z-index:100;
left:0px;
float: right;
width: auto;
height: 18px;
}
.slideshow .buttons li {
float:left;
display:inline;
width:20px;
height:20px;
padding-left: 7px;
margin-bottom:3px;
line-height:16px;
background-image:url(imagens/buttomfoto.jpg);
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:18px;
height:18px;
color:#000;
outline:0;

}
.slideshow ul.buttons li a:hover {
text-decoration:none;
color: #000;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#666666;
}

p{
margin:0 auto;
}