@charset "UTF-8";
/* CSS Document */

/*html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	background: url(bg_glare.png) top center no-repeat #bcc;
}*/
 
#wrapper { position: absolute; width: 685px; border: solid #099939 8px; border-radius: 10px; padding: 0px; }
#carousel-wrapper { padding-bottom: 15px; }
#carousel, #thumbs { overflow: hidden; }
.espp { clear: both; }
#carousel-wrapper .caroufredsel_wrapper { }
 
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
	text-decoration: none;
}
#carousel img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#thumbs img {
	border: none;
	width: 100%;
	height: 80%;
	
}
#thumbs .texto{
	padding-top: 100px;
	color: white;
	width: 100%;
	text-align: center;
}
 
 
#carousel span { width: 685px; height: 550px; }
 
#thumbs-wrapper { padding: 20px 30px; position: relative;  border-radius: 10px; margin-left: -8px; width: 650px; }
#thumbs a {text-align: center;	color:#ffffff; border: 3px solid #099939; width: 150px; height: 120px; margin: 0 3px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; }
#thumbs a:hover, #thumbs a.selected { border-color: #09B844; text-align: center;}
 
#prev, #next {
	background: transparent url('carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}