/* 
    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 */

#spcv{
float:left;
width: 10px;
height: 200px;
}


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

.slideshowfotos {
width: 820px;
height: 280px;
background-color:#333;
position:relative;
padding:0;
float:left;
margin-top:10px;
}

.slideshow {
float:left;
width: 887px;
height: 300px;
position:relative;
padding:0;
margin-top:10px;
margin-left:15px;
}
.slideshow a img {
border:none;
float:left;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:280px;
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;
margin-right:4px;
float: right;
width: 20px;
height: 290px;
}
.slideshow .buttons li {
float:left;
display:inline;
width:20px;
height:20px;
padding-left: 7px;
margin-bottom:3px;
line-height:18px;
background-image:url(imagens/buttomfoto.jpg);
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:20px;
height:20px;
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;
}