/*
 * jquery.popeye.style.css 2.0 --- script scorrimento e ingrandimento immagini gallery ---
 *
 * Adattamento e personalizzazione di jQuery.popeye - Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */


.ppy-outer
{
    display:none;
	background-color:#650317;

}

.ppy-active .ppy-outer
{
    display:block;
		
}

.ppy-active
{
	position: absolute;
	width: auto;
	height: auto;
	margin: 0px;
	top: 0px;
	left: 0px;
	right: auto;

}
	
	
.ppy-stage
{
	background-repeat:      no-repeat !important;
    background-position:    center center !important;
    position:               relative;
	opacity:1;
	display:block;
	background-position: 0% 0%;
		
}

#ppy-stage-horizontal
{
	height: 167px;
	width: 240px;
}

#ppy-stage-vertical
{
	height: 240px;
	width: 173px;

}

.ppy-placeholder
{
		position:relative;
		z-index: 25;
		height: 262px;
		width: 15em;
		float: right;
		margin-top:3em;
		margin-right:8em;
		padding:0;
		font-family:Lucida Grande, Optima-Regular, Verdana, sans-serif;
}

.ppy-caption,.ppy-captionwrap
{
    overflow:hidden;
	
}

.ppy-caption
{
	visibility: hidden;
	height: 0px;
	display: block;
	overflow: hidden;
}

.ppy-hidden
{
    display:none !important;
		
}


.ppy-imglist
{
    width:100%;
    display:block;
    overflow:hidden;
	
}

.ppy-imglist li
{
    padding:10px;
	border: 1px solid #000;
    border-radius:5px;
	-moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
	background: #fff;
    list-style:none;
    float:left;
    display:block;
    margin:0 10px 10px 0;
		
}

.ppy-imglist li a img
{
    display:block;
    border:0;
	z-index:25;
}

#magicbox_horizontal .ppy-extcaption
{
    width:240px;
    display:block;

}

#magicbox_horizontal .ppy-imglist li
{
    width:240px;
    height:270px;

}


#magicbox_vertical .ppy-imglist li,
#magicbox_vertical .ppy-imglist li a
{
    width:173px;
    height:240px;
    overflow:hidden;
    display:block;
}


/* script con immagini orizzontali*/

#magicbox_horizontal.ppy-active
{
    width:262px;
    float:left;
    margin:0 20px 10px 0;
}

#magicbox_horizontal .ppy-outer
{
    padding:10px;
	border: 1px solid #000;
    border-radius:0 10px 10px 10px;
	-moz-border-radius:0 10px 10px 10px;
    -webkit-border-radius:0 10px 10px 10px;
}

#magicbox_horizontal .ppy-stage
{
    width:240px;
    height:173px;
    border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
}

#magicbox_horizontal .ppy-outer:hover,
#magicbox_horizontal.ppy-expanded .ppy-outer
{
	border: 1px solid #333;
    box-shadow:0px 0px 7px #cccccc;
	-moz-box-shadow:0px 0px 7px #cccccc;
    -webkit-box-shadow:0px 0px 7px #cccccc;

}

#magicbox_horizontal .ppy-caption
{
    margin:5px 0 0 0;
    padding:10px;
    font-size:12px;
    line-height:1.3em;
	font-weight: bold;
    color:#FFF;
   	background-color:#666;
    border:1px solid #333;
	border-radius:10px;
	-moz-border-radius:10px;
    -webkit-border-radius:  10px;
	box-shadow:0px 0px 7px #cccccc;
	-moz-box-shadow:0px 0px 7px #cccccc;
    -webkit-box-shadow:0px 0px 7px #cccccc;
    visibility:hidden;
}


#magicbox_horizontal .ppy-stagewrap
{
    border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
}

#magicbox_horizontal .ppy-loading
{
    background:none url(../immagini/global/magicbox/loading.gif) 		no-repeat center !important;
}

#magicbox_horizontal .ppy-nav
{
    background:none;
	opacity: 0; 
 	width:104px;
    height:32px;
    padding:5px;
    position:absolute;
    top:0;
    right:0;  
    border-radius:0 0 5px 5px; 
	 -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;  
}

#magicbox_horizontal .ppy-nav a
{
    display:block;
    overflow:hidden;
    text-indent:-900em;
    height:22px;
    float:left;
    padding:5px;
    border-radius:5px;
	 -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px; 
}

#magicbox_horizontal .ppy-prev
{
    width:22px;
    background:url(precedente.png) no-repeat center;
}

#magicbox_horizontal .ppy-next
{
    width:22px;
    background:url(successiva.png) no-repeat center;
}

#magicbox_horizontal .ppy-switch-enlarge
{
    width:30px;
    background:url(ingrandisci.png)no-repeat center;
}

#magicbox_horizontal .ppy-switch-compact
{
    width:30px;
    background:url(ridimensiona.png) no-repeat center;
}

#magicbox_horizontal .ppy-nav a:hover
{
    background-color:#333;
    cursor:pointer;
}


/* magic box verticale */

#magicbox_vertical.ppy-active
{
    width:195px;
    float:right;
    margin:0 20px 10px 0;
}

#magicbox_vertical .ppy-outer
{
    padding:10px;
	border: 1px solid #000;
    border-radius:0 10px 10px 10px;
	-moz-border-radius:0 10px 10px 10px;
    -webkit-border-radius:0 10px 10px 10px;
}

#magicbox_vertical .ppy-stage
{
    width:173px;
    height:240px;
    border-radius:0 5px 5px 5px;   
	 -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
}

#magicbox_vertical .ppy-outer:hover,
#magicbox_vertical.ppy-expanded .ppy-outer
{
	border: 1px solid #000;
    box-shadow:0px 0px 7px #cccccc;
	-moz-box-shadow:0px 0px 7px #cccccc;
    -webkit-box-shadow:0px 0px 7px #cccccc;
}

#magicbox_vertical .ppy-caption
{
    margin:5px 0 0 0;
    padding:10px;
    font-size:12px;
    line-height:1.3em;
	font-weight: bold;
    color:#FFF;
	background-color:#666;
    border:1px solid #333;
	border-radius:10px;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0px 0px 7px #cccccc; 
	-moz-box-shadow:0px 0px 7px #cccccc;
    -webkit-box-shadow: 0px 0px 7px #cccccc;
    visibility:hidden;
	
}


#magicbox_vertical .ppy-stagewrap
{
    border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
}

#magicbox_vertical .ppy-loading
{
    background: none url(../immagini/global/magicbox/loading.gif) no-repeat center !important;
}

#magicbox_vertical .ppy-nav
{
    background:none;
	opacity: 0;
    width:104px;
    height:32px;
    padding:5px;
    position:absolute;
    top:0;
    right:0;  
    border-radius:0 0 5px 5px;   
	-moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;   
}

#magicbox_vertical .ppy-nav a
{
    display:block;
    overflow:hidden;
    text-indent:-900em;
    height:22px;
    float:left;
    padding:5px;
    border-radius: 5px;
	-moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px; 
}

#magicbox_vertical .ppy-prev
{
    width:22px;
    background:url(precedente.png) no-repeat center;
}

#magicbox_vertical .ppy-next
{
    width:22px;
    background:url(successiva.png) no-repeat center;
}

#magicbox_vertical .ppy-switch-enlarge
{
    width:30px;
    background:url(ingrandisci.png) no-repeat center;
}

#magicbox_vertical .ppy-switch-compact
{
    width:30px;
    background:url(ridimensiona.png) no-repeat center;
}

#magicbox_vertical .ppy-nav a:hover
{
    background-color:#333;
    cursor:pointer;
}