/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

http://www.serie3.info/s3slider/index.php

*/
/* slide show*/

#s3slider {
	width: 975px; /* important to be same as image width */
	height: 277px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden;
}

#s3slider ul { 
   padding: 0;
   margin: 0; 
}

#s3slider a { 
   color: #fff;
}

#s3slider a:hover { 
   color: #fff;
}


#s3slider il, #s3slider li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}


#s3sliderContent {
   width: 975px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 11px;
   font-weight: bold;
   text-align:right;
   padding: 10px 10px;
   width: 955px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/*
.retecivicaq {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q.png);
	background-repeat: no-repeat;
}
*/
.retecivicaq1 {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q1.png);
	background-repeat: no-repeat;
}

.retecivicaq2 {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q2.png);
	background-repeat: no-repeat;
}

.retecivicaq3 {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q3.png);
	background-repeat: no-repeat;
}
.retecivicaq4 {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q4.png);
	background-repeat: no-repeat;
}

.retecivicaq5 {
	height:277px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	width:975px;
	z-index:12000;
	background-image: url(../images/layout/logo_q5.png);
	background-repeat: no-repeat;
}