/*
=========== Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed;
width:100%;
height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle{margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{
float:left;
margin:auto;
border:0;
display:block;
max-width:none;
-ms-interpolation-mode:bicubic;
}
.cboxIframe{
width:100%;
height:100%;
display:block;
border:0;
padding:0;
margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent{
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}

/* 
============== User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
background:#1C1C1C; /* DELP GRAY */
opacity: 0.8;
filter: alpha(opacity = 80);
}
#colorbox{outline:0;}
#cboxContent{
margin-top:20px;
background:#000;
}
.cboxIframe{background:#fff;}
#cboxError{
padding:50px;
border:1px solid #ccc;
}
#cboxLoadedContent{
border:6px solid #000;
background:#fff;
}
/* informazioni sulla foto? */
#cboxTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
position:absolute;
top:-20px;
	left:5px;
color:#ccc;
}
/* testo image 1 of 4 */
#cboxCurrent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
position:absolute;
	top:-20px;
	right:5px;
color:#ccc;
}
#cboxLoadingGraphic{background:url(../images/colorbox2/loading_line.gif) no-repeat center center;}
/*#cboxLoadingGraphic{background:url(../images/colorbox2/loading-x-1.gif) no-repeat center center;}*/

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
border:0;
padding:0;
margin:0;
overflow:visible;
width:auto;
background:none;
}

/*NO outlines on :active (mouseclick), and NO outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:0;}

#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#fff;
}

#cboxPrevious{
position:absolute;
top:50%;
	left:12px;
margin-top:-32px;
background:url(../images/colorbox2/controls_delp.png) no-repeat top left;
width:28px;
height:65px;
text-indent:-9999px;
}
#cboxPrevious:hover{background-position:bottom left;}

#cboxNext{
position:absolute;
top:50%;
	right:12px;
margin-top:-32px;
background:url(../images/colorbox2/controls_delp.png) no-repeat top right;
width:28px;
height:65px;
text-indent:-9999px;
}
#cboxNext:hover{background-position:bottom right;}

#cboxClose{
position:absolute;
/*	top:5px;*/
	top:2px;
	right:2px;
display:block;
background:url(../images/colorbox2/controls_delp.png) no-repeat top center;
width:38px;
height:19px;
text-indent:-9999px;
}
#cboxClose:hover{background-position:bottom center;}