/*
Slidebox jQuery banner rotator and image slideshow plugin styling
*/


/* basic/minimum styling */
.slidebox{position:relative; border:1px solid #fff; background:#ccc; margin:0 auto; overflow:hidden;}
.slidebox,.slidebox .slideboxSlide{width:700px; }
.slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{height:300px; }
.slidebox ul{position:relative; overflow:hidden; margin:0; padding:0; border:0; list-style-type:none;}
.slidebox ul li{float:left;}
.slidebox ul li .slideboxCaption{padding:0px; font-family:Verdana,Geneva,sans-serif; font-size:13px;}
.slideboxContainer{position:absolute; margin:0px auto;}

.slideboxContainer .slideboxNext,.slideboxContainer .slideboxPrevious{position:absolute; display:block; width:21px; height:21px; top:50%; margin-top:-11px;}
.slideboxContainer .slideboxNext{right:0; margin-right:10px; background:url(slidebox_next.png) no-repeat;}
.slideboxContainer .slideboxNext:hover{background:url(slidebox_next_hover.png) no-repeat;}
.slideboxContainer .slideboxPrevious{margin-left:10px; background:url(slidebox_previous.png) no-repeat;}
.slideboxContainer .slideboxPrevious:hover{background:url(slidebox_previous_hover.png) no-repeat;}

.slideboxContainer .slideboxThumbs{
    position:absolute; 
    bottom:20px; 
    text-align:center;
}

.slideboxContainer .slideboxThumbs .slideboxThumb{display:inline-block; margin:0 3px; background:#666; min-width:10px; min-height:10px; text-decoration:none; font-size:12px; color:#fff;}
.slideboxContainer .slideboxThumbs .slideboxThumb:hover,.slideboxContainer .slideboxThumbs .selectedSlideboxThumb{background:#fff; color:#666;}
/* classic/additional styling */
#slidebox_1{border:0px solid #fff; background:#eee; border-radius:0px;;}

/*#slidebox_1 ul li .slideboxCaption{
    display:block; position:absolute; padding:0; width:600px; height:300px; color:#666; text-decoration:none;
}*/

#slidebox_1 ul li .NewsTooltip{
	position: relative; 
	width: 350px;
	min-height: 85px;
        max-height: 85px;
	padding:5px 10px; 
	margin-top: 205px;
	background:#fff;
	border-radius:1px;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;

}




#slidebox_1 ul li .title{
	font-size: 	12pt;
	clear:both;
        color: #265886;
        font-family: "Trebuchet MS", Helvetica, sans-serif; 
        font-weight: bold;
}
#slidebox_1 ul li .subtitle{
	font-size: 	10pt;	
	clear:both;
        font-family: "Trebuchet MS", Helvetica, sans-serif; 
        font-weight: normal;
	overflow: hidden;
        text-overflow: ellipsis;
        max-height: 100px;
        display: inline-block;
}

#slidebox_1 ul span{left:20px; bottom:40px;}

#slidebox_1 ul li{
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    backgroundSize: "cover";
        
    
}

.slideboxContainer #slidebox_1+.slideboxThumbs{
    position:relative; 
    float:right;
    right:60px;
    /*margin-left:230px;*/
    background-color: #fff;
    width: 210px;
    height: 16px;
    border:1px solid #b6b6b6;
    padding:8px;
}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb{
    border-radius:3px; background:#ccc; 
    border:1px solid #b2b2b2;
    height: 13px;
    width: 13px;
}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:hover,.slideboxContainer #slidebox_1+.slideboxThumbs .selectedSlideboxThumb{
    background:#0cb1b2; 
    box-shadow:inset 0 0 4px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.2);
    border:1px solid #b2b2b2;
}

.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:active{background:#eee;}
.slideboxContainer #slidebox_1~.slideboxNext,.slideboxContainer #slidebox_1~.slideboxPrevious{
    width:30px; height:30px; border-radius:21px; margin:-35px 0 0 0; background-color:#ccc; 
    background-image:url(slidebox_icons.png); background-repeat:no-repeat; background-position:0px 0px; 
    display:none;
}

.slideboxContainer #slidebox_1~.slideboxNext{background-position:-30px 0px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:hover,.slideboxContainer #slidebox_1~.slideboxNext:hover{
    background-color:#fff; background-position:0px -30px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2);
}
.slideboxContainer #slidebox_1~.slideboxNext:hover{background-position:-30px -30px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:active,.slideboxContainer #slidebox_1~.slideboxNext:active{background-color:#eee;}



/*Slidebox 2*/

#slidebox_2{
    border:0px solid #fff; background:#fff; border-radius:0px;
    height:183px;
}

#slidebox_2 .slideboxSlides{
    height: 180px;
}

#slidebox_2 ul li .News{
	
	display:block; 
	width: 168px;
	height: 120px;
	
}

#slidebox_2 ul li .NewsTooltip
{
        position: absolute;
        top:89px;
        width: 168px;
        height: 30px;
        background:#fff;
        text-align: left;
        font-size: 10pt;
        font-family: "max-reg", "Trebuchet MS", Helvetica, sans-serif;
        font-weight: bold;
        vertical-align: middle;
        color: #0cb1b2;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;    
}

#slidebox_2 ul li .NewsDescription{
    color:#666;
}

.slideboxContainer #slidebox_2+.slideboxThumbs{
    position:relative; 
    margin-left:320px;
    background-color: #fff;
    width: 80px;
    height: 16px;
    border:1px solid #b6b6b6;
    padding:8px;
    display:none;
}
.slideboxContainer #slidebox_2+.slideboxThumbs .slideboxThumb{
    border-radius:3px; background:#ccc; 
    border:1px solid #b2b2b2;
    height: 13px;
    width: 13px;
    
}
.slideboxContainer #slidebox_2+.slideboxThumbs .slideboxThumb:hover,.slideboxContainer #slidebox_2+.slideboxThumbs .selectedSlideboxThumb{
    background:#0cb1b2; 
    box-shadow:inset 0 0 4px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.2);
    border:1px solid #b2b2b2;
    
}

.slideboxContainer #slidebox_2+.slideboxThumbs .slideboxThumb:active{background:#eee;}
.slideboxContainer #slidebox_2~.slideboxNext,.slideboxContainer #slidebox_2~.slideboxPrevious{
    /*<!-- add style="color: #0CB1B2" Personalizzazione ticket 0004269 eseguita il 12/09/2013 -->*/
    width:30px; height:30px; border-radius:21px; margin:-35px 0 0 0; background-color:#0CB1B2; 
    background-image:url(slidebox_icons.png); background-repeat:no-repeat; background-position:0px 0px; 
}

.slideboxContainer #slidebox_2~.slideboxNext{background-position:-30px 0px;}
.slideboxContainer #slidebox_2~.slideboxPrevious:hover,.slideboxContainer #slidebox_2~.slideboxNext:hover{
    background-color:#0ECFCF; background-position:0px -30px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2);
}
.slideboxContainer #slidebox_2~.slideboxNext:hover{background-position:-30px -30px;}
.slideboxContainer #slidebox_2~.slideboxPrevious:active,.slideboxContainer #slidebox_2~.slideboxNext:active{background-color:#0FE3E3;}