/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.1
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */


/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */


.carousel-topannunci .description div {margin:0 auto;display:block;text-align:center;padding:0 15px;}
.carousel-topannunci .description .tipologia {height:17px;overflow:hidden;}
.carousel-topannunci .description .tipologia span{padding:2px 3px;background:#fff;text-transform:uppercase;font-weight:bold;}

.carousel-topannunci .description .tipo_trans {background-color:#009423}
.carousel-topannunci .description .tipo_girl {background-color:#993399}
.carousel-topannunci .description .tipo_escort {background-color:#0052ce;}
.carousel-topannunci .description .tipo_boy {background-color:#cebd00}
.carousel-topannunci .description .tipo_mistress {background-color:#a92000}

.carousel-topannunci .description .tipo_trans {color:#009423}
.carousel-topannunci .description .tipo_girl {color:#993399;}
.carousel-topannunci .description .tipo_boy {color:#cebd00}
.carousel-topannunci .description .tipo_mistress {color:#a92000;}
.carousel-topannunci .description .tipo_escort {color:#0052ce;}

.carousel-topannunci .description div h2 {height:auto;line-height:14px;font-size:14px;margin:5px 0;text-transform:uppercase;padding:0;}
.carousel-topannunci .description div h2 a:hover {text-decoration:none;}
.carousel-topannunci .description div p {line-height:12px;}

/* slide container */
.carousel-topannunci .slides
{
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
}

/* slide item */
.carousel-topannunci .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
}

.carousel-topannunci .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel-topannunci .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel-topannunci .nextButton
{
	position :absolute ;
	right :10px;
	top :15px;
	width :35px;
	height :35px;
	background : url("../img/next_button.png") no-repeat center;
	cursor :pointer ;
	z-index :9999;
}

.carousel-topannunci .prevButton
{
	position :absolute ;
	left :10px;
	top :15px;
	width :35px;
	height: 35px;		
	background : url("../img/prev_button.png");
	cursor :pointer ;
	z-index :9999;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel-topannunci .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
}

/* numbers */
.carousel-topannunci .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :bold ;
	text-decoration :none;
	font-size :1em;
	font-family :Arial, Verdana ;
}

.carousel-topannunci .buttonNav .numbers:hover
{
	color: #000;
	text-decoration :underline;
}

.carousel-topannunci .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}

/* bullets */
.carousel-topannunci .buttonNav .bullet
{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background : url(../img/Bullet-White.png) no-repeat center ;
	margin :5px;
	float :left ;
	cursor :pointer ;
}

.carousel-topannunci .buttonNav .bullet:hover
{
	background : url(../img/Bullet-Black.png) no-repeat center ;
}

.carousel-topannunci .buttonNav .bulletActive
{
	background : url(../img/Bullet-Black.png) no-repeat center ;
	cursor :default ;
}

/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.carousel-topannunci .slides .videoOverlay
{
	background :url("../img/video_carousel.png") no-repeat center; /* play button */
}

.carousel-topannunci .slides .spinner
{
	background : #000 url(../img/loading_carousel.gif) no-repeat center; /* video preloader */
}

/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.carousel-topannunci .shadow
{
	width :100%;
	height :82px;      
}

.carousel-topannunci .shadow .shadowLeft
{
	background : url("../img/shadowLeft.png") no-repeat;
	width :100px;
	height :82px;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */         
}

.carousel-topannunci .shadow .shadowMiddle
{
	height :82px;
	background:url("../img/shadowTile.png") repeat-x;    
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowTile.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */         
}


.carousel-topannunci .shadow .shadowRight
{
	width :100px;
	height :82px;
	background:url("../img/shadowRight.png") no-repeat; 
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowRight.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */         
}

/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel-topannunci .gradient
{
	background-image :url(../js/libs/gradient.svg);
}


/* SETTINGS */

#boutique{
	display: none; /* Start invisible until the plugin is loaded */
	margin: 0 auto;
}

/* The frames */
#boutique li{
	background: #eee3db url(../img/boutique/loading.gif) center no-repeat; /* Color of the frame behind and around the image */
	border: 1px solid; /* Outer border around frame */
	border-color: #f5eee9 #d0c2b6 #d0c2b6 #f5eee9;
}

/* Headers of all frames */
#boutique h6{
	margin: 0;
	line-height: 130%;
	font-family: sans-serif;
	font-weight: normal;
	color: #222;
}

/* Description text of all frames */
/* Note that this is the complete text layer, including the header inside */
#boutique span{
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	background: #22252a;
	margin: 0;
	padding: 5px 5px 5px;
	text-transform:uppercase;
	display:block;
	text-align:center;
	line-height:11px;
	font-size: 9px;
}

/*Compatibilità IE8 e bootstrap*/
#boutique li a img{max-width:none !important;}

/* The most frontal item */
#boutique .front img{
	margin: 6px; /* Determines the gap between image and frame border */
}
#boutique .front h6{
	font-size: 28px; /* Front frame header */
}
#boutique .front span{
	font-size: 9px; /* Front frame description text */
}

/* The further back items */
#boutique .behind img{ /* Determines the gap between image and frame border */
	margin: 3px;
}
#boutique .behind h6{ /* Behind frame headers */
	font-size: 18px;
}
#boutique .behind span{ /* Behind frame description text */
	font-size: 8px;
}

/* The furthest back items */
#boutique .back img{ /* Determines the gap between image and frame border */
	margin: 1px;
}
#boutique .back h6{ /* Back frames header */
	font-size: 13px;
}
#boutique .back span{ /* Back frame description text */
	font-size: 8px;
}

/* That's it for the settings */

.boutique{ margin:0; padding:0; position:relative; z-index:1 }
.boutique li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0 }
.boutique img{ border:0; vertical-align:bottom }
.boutique span{ display:block; position:absolute; left:0; right:0; bottom:0; text-align:left; cursor:default; margin:0 }
.boutique h6{ cursor:default }
.boutique a, .boutique a:hover{ cursor:default; text-decoration:none; outline:none }
.boutique img, .boutique li, .boutique a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.boutique.rtl h6, .boutique.rtl span{ text-align:right }