/* CSS Document */

html, #c-carousel {
	height: 100%;
	padding: 0;
	margin: 0;
}
#c-carousel {
}
#wrapper {
}


#carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
}
#carousel {
	text-align: center; float: none; position: absolute; top: 0px; left: 0px; margin: 0px;
}
#carousel, #thumbs {
	overflow: hidden;
	text-align: left; float: none; position: absolute; top: 0px; left: 0px; margin: 0px;height:80px;
}
#carousel-wrapper .caroufredsel_wrapper {
	display: block;
    text-align: start;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 450px;
    margin: 0px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.15);
}
#carousel-wrapper .caroufredsel_wrapper  .caroufredsel_wrapper {
	border: 0px;
}

#thumbs-wrapper .caroufredsel_wrapper_thumb {
	display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: 20px; width: 520px; height:80px; margin: 0px; overflow: hidden;
}


#carousel span,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}


#carousel span, #thumbs span, #thumbs a {
	position: relative;
}

#carousel a {
	position: relative;
	width: 550px;
	height: 450px;
	vertical-align: middle;
	text-align: center;
}

#thumbs img {
	border: none;
	width: auto;
	height: auto;
	max-width: 80px;
	/*position: absolute;
	top: 0;
	left: 0;*/
	max-height:60px;
}

#carousel img {
	border: none;
	display:inline-block;
	width: auto;
	height: auto;
	max-width: 548px;
	max-height: 448px;
	/*
	position: absolute;
	top: 0;
	left: 0;*/
}

#carousel span {
	width: 450px;
	height: 448px;
	text-align:center;
}

#thumbs-wrapper {
	position: relative;
	margin: 2.000rem auto;
}

#thumbs a {
	width: 80px;
	height: 60px;
	border:1px solid rgba(0,0,0,0.15);
/*	margin: 0 6px;*/
	margin: 0 3px;
	overflow: hidden;
	display:block;
	
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#thumbs a:hover {
	border:1px solid rgba(0,0,0,0.95);
	
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

#thumbs a img {
}


#thumbs a:hover, #thumbs a.selected {
	border:1px solid rgba(0,0,0,0.95);
}


#prev {
	background: url("/img-main/pag.png") no-repeat scroll -40px 2px transparent;
	display: inline-block;
	height: 8px;
	width: 8px;
	left: 0px;
	top: 28px;
	position:absolute;
	border:1px solid #bbb;
	padding:1px 1px 3px 1px;
}
#prev:hover {
	background-position: -32px 2px;
	border:1px solid #333;
}

#next:hover {
	background-position: -16px 2px;
	border:1px solid #333;
}

 #next {
	background: url("/img-main/pag.png") no-repeat scroll -24px 2px transparent;
	display: inline-block;
	height: 8px;
	width: 8px;
	right: 0px;
	top: 28px;
	position:absolute;
	border:1px solid #bbb;
	padding:1px 1px 3px 1px;
}

#prev.disabled, #next.disabled {
	display: none !important;
}

.paginationgen {
	text-align: center;
	white-space: nowrap;
	position: absolute;
	z-index: 10;
	width: 100%;
	opacity:0;
	
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#carousel-wrapper .caroufredsel_wrapper:hover .paginationgen {
	opacity:1;
	
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.posprev {
	display: inline-block;
	top: 210px;
	position: absolute;
	left: 0px;
	z-index: 100;
}
.posprev a.prev span {display:none}

.posprev a.prev {
	background: url("/img-main/arrowButtons.png") no-repeat -36px 0;
	
	width:35px; 
	height:35px; 
	cursor:pointer; 
	position:absolute; 
	left:4px; 
	top:42%; 
	display:block;
	

	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	opacity: 1;
	}
	
.posprev a.prev:hover {
	background:url("/img-main/arrowButtons.png") no-repeat 0px 0px;
	opacity: 0.5;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	}

.posnext {
	display: inline-block;
	top: 210px;
	position: absolute;
	right: 0px;
	z-index: 100;
}
.posnext a.next span {display:none;}

.posnext a.next span {display:none;}
.posnext a.next { 
	background: url("/img-main/arrowButtons.png") no-repeat transparent -36px -36px;
	
	width:35px; 
	height:35px; 
	cursor:pointer; 
	position:absolute; 
	right:4px; 
	top:42%; 
	display:block;
	

	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	opacity: 1;
	}

.posnext a.next:hover {	
	background:url("/img-main/arrowButtons.png") no-repeat 0 -36px;
	opacity: 0.5;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	}

.separator {
	clear: both;
	height: 10px;
	width: 100%;
}
.listGalleryItem{background:none;margin-bottom:10px}
.listGalleryItem .preview-image-holder{min-height:120px}
.listGalleryItem .preview-cont{top:5px;position:relative}
.listGalleryItem div.title div.didascalia{min-height:30px}

.stageImg{border: 1px solid rgb(209, 210, 211); text-align: center; display:inline-block; position: relative;}
.stageImg img{width: auto; height:auto; max-width: 538px; max-height: 450px; }