@charset "utf-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-style:oblique;
}

#container {
width:980px;
height:480px;
position:relative;	
}
#foto-maior {
width:610px;
height:480px;
position:absolute;
top:0px;
left:0px;
background-color:#CC66CC;	
}
#foto-1 {
width:356px;
height:238px;
position:absolute;
top:0px;
left:604px;
background-color:#CC9900;
}
#foto-2 {
width:356px;
height:238px;
position:absolute;
top:242px;
left:604px;
background-color:#66CC99;
}

ul.slideshow {
	list-style:none;
	width:610px;
	height:480px;
	overflow:hidden;
	position:absolute;
	margin:0;
	padding:0;
	left:4px;
	top:4px;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:610px;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:18px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

/* FOTO 1 */
ul.slideshow1 {
	list-style:none;
	width:356px;
	height:238px;
	overflow:hidden;
	position:absolute;
	margin:0;
	padding:0;
	left:618px;
	top:4px;
	
}
ul.slideshow1 li {
	position:absolute;
	left:604;
	right:0;
}
ul.slideshow1 li.show1 {
	z-index:500;	
}
#slideshow1-caption {
	width:356px;
	height:auto;
	position:absolute;
	bottom:0;
	left:614;	
	color:#fff;
	background:#000;
	z-index:500;
}
#slideshow1-caption .slideshow1-caption-container {
	padding:5px 10px;		
	z-index:1000;
}
#slideshow1-caption h3 {
	margin:0;
	padding:0;	
	font-size:18px;
}
#slideshow1-caption p {
	margin:5px 0 0 0;
	padding:0;
}


/* FOTO 2 */
ul.slideshow2 {
	list-style:none;
	width:356px;
	height:238px;
	overflow:hidden;
	position:absolute;
	margin:0;
	padding:0;
	left:618px;
	top:246px;
	
}
ul.slideshow2 li {
	position:absolute;
	left:594;
	right:0;
}
ul.slideshow2 li.show2 {
	z-index:500;	
}
#slideshow2-caption {
	width:356px;
	height:auto;
	position:absolute;
	bottom:0;
	left:614;	
	color:#fff;
	background:#000;
	z-index:500;
}
#slideshow2-caption .slideshow2-caption-container {
	padding:5px 10px;	
	z-index:1000;
}
#slideshow2-caption h3 {
	margin:0;
	padding:0;	
	font-size:18px;
}
#slideshow2-caption p {
	margin:5px 0 0 0;
	padding:0;
}