@import url("stylesheet.css");
<stylet>
/* el contenedor principal */
#slideshow {
background-color: #E6E6E6;
width: 950px; /* definimos el ancho total */
height:600px;
}
#slideshow ul {
list-style-type: none;
margin: 0;
padding: 0;
height:1%; /* IE fix */
}
#slideshow ul:after {
clear: both;
content: &quot;.&quot;;
display: block;
height: 0;
visibility: hidden;
}
/* el contenido de los slides */
#slideshow .slides {
	color: #000;
	overflow: hidden;
	width: 599px;
}
#slideshow .slides ul {
	width: 2400px; /* es el ancho multiplicado por la cantidad de slides */
}
#slideshow .slides li {
	float: left;
	width: 600px; /* es el ancho ,enos el padding horizontal */
	height:203px;
}
#slideshow .slides .content { /* los títulos de cada slide */
	width: 130px;
	height:223px;
	float:right;
	padding:10px;
	background-color:#555;
}
#slideshow .slides h2 { /* los títulos de cada slide */
font-family:'ArvoRegular', Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFF;
font-weight:normal;
line-height:22px;

}
#slideshow .slides img { /* los títulos de cada slide */
float:left;
}
#slideshow .slides p { /* los títulos de cada slide */
margin: 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
font-size:14px;
color:#FFF;
}
/* la barra navegadora inferior */
#slideshow .slides-nav {
	position:absolute;
	z-index:10;
	width: 600px;
	top: 477px;
}
#slideshow .slides-nav li {
float: left;
margin-right:1px;
}
#slideshow .slides-nav li a {
background-image:url(../images/solapa-1-04.png);	
color: #000;
display: block;
padding: 25px 15px 0px 20px;
outline: none;
height:32px;
width:114px;
font-family: 'ArvoRegular', Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
text-align:center;
}
/* la pestaña activa */
.js #slideshow .slides-nav li.on,.js #slideshow .slides-nav li.on a {

background-image:url(../images/solapa-04.png);

}
.js #slideshow .slides-nav li.on a {
color: #fff;
}

#btn{
	width:102px;
	height:25px;
	display:block;
	
	}
a#btn{
	background:url(../images/btn-05.png) no-repeat top;
		}
a#btn:hover{
	background:url(../images/btn-05.png) no-repeat bottom;
	}

</stylet>