/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

body * {
    z-index: 0;
}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: none; text-align: center; }
.cs-buttons a {
    border: 1px solid #c8102e;
    color: #c8102e;
    float: none;
    height: 10px;
    margin-left: 5px;
    text-indent: -1000px;
    width: 10px;
    display: inline-block;
}
.cs-active { background-color: #C8102E; color: #FFFFFF; }

.cs-title { position: absolute;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
}

.cs-prev, 
.cs-next { background-color: #C8102E; color: #FFFFFF !important; padding: 0px 10px; text-transform:uppercase; text-decoration:none !important; font-size: 190%; font-family: monospace; font-weight: normal;}

li {
list-style: none;
}
ul {
margin:0;
}
#finestra {border: none !important}
#slider { border: 4px solid #C8102E;}

/*textos*/

  #slider {
    width: 924px;  /* important to be same as image width */
    height: 318px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    z-index:0;
    background-color: #fff;
    }

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

  
    #sliderContent {
    position: absolute;
    width: 924px;
    display: none !important;
}
    
    

    .sliderImage {
    float: left;
    position: relative;
    display: none;
    }
  

    #content .sliderImage span a:hover {
    text-decoration: underline;
    }

    .clear {
    clear: both;
    }
    
/* per afegir vídeos */
	
	#video-embed {
	    background-color: transparent;
	    display: none;
	    height: 289px;
	    margin-left: 365px;
	    margin-top: 0;
	    padding: 14px;
	    position: absolute;
	    width: 514px;
	    z-index: 99;
	    border:0;
	}
	#video-embed iframe {
	border:0;
	}