/* @override http://localhost:8888/riparteilfuturo/wp-content/themes/RIF_wp_theme/slideshow.css
	http://www.riparteilfuturo.it/wp-content/themes/RIF_wp_theme/slideshow.css
	http://localhost:8888/riparteilfuturo/wp-content/themes/RIF_wp_theme/slideshow_polipo.css
	http://staging.riparteilfuturo.it/wp-content/themes/RIF_wp_theme/slideshow_polipo.css */

#main_slider_container{
	/*overflow: hidden;*/
	position: relative!important;
	z-index: 2;
	margin-bottom: 20px;
	height: 387px;
}

#slider_wrapper{
	float: left;
	height: 387px;
	width: 100%;
	overflow: hidden;
}

#out_polipo{
	position: absolute;
	top: -44px;
	left: -43px;
}

#slider_wrapper h2{
	position: absolute;
	bottom: 10px;
	background: #f5f5f5;
	left: 10px;
	padding: 0px 10px;
	margin-right: 10px;
	font-size: 18px;
}

#quotes_wrapper{
	width: 265px;
	font-size: 14px;
	height: 387px;
	overflow: hidden;
	z-index: 1;
}

#quotes_container{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}


.quote{
	height: 367px;
	margin: 10px;
	color: #4D4D4D;
	z-index: 5;
	position: relative;
	background: rgba(245,246,246,.95);
}

.quote .highlight{
	font-weight: 700;
	font-size: 16px;
	color: #444;
	padding-bottom: 0;
}

.quote p{
	line-height: 1.4em;
}

#caption-5.quote{
	background: transparent;
	color: transparent;
	text-indent: -999999em;
}

.quote blockquote{
	margin: 0;
	padding-left: 0;
	background: none;	
}

.quote_content{
	font-size: 13px;
	width: 100%;
}

.quote blockquote p{
	padding-left: 15px;
	line-height: 1.6em;
	padding-top: 5px;
}

.quote h2{
	margin: 0px 10px 10px 15px;
	padding-top: 15px;
	font-size: 18px;
	line-height: 1em;
	color: #00586E;
	text-transform: lowercase;
}

.virgolette{
	padding-left: 30px;
	background: url(img/virgolette_pic.png) no-repeat 12px 7px;
	float: left;
	display: block;
	height: 22px;
}

/*#iohofirmato{
	display: block;
	position: absolute;
	bottom: 50px;
	left: 10px;
	margin: 0;
	height: 110px;
	width: 200px;
	z-index: 999;
	text-indent: -99999em;
	background: url(img/iohofirmato_pic.png) no-repeat 0px bottom;	
}*/

#iohofirmato{
	display: block;
	position: absolute;
	bottom: 23px;
	font-family: 'base12';
	font-size: 20px;
	left: 407px;
	margin: 0;
	z-index: 999;
	padding: 3px 0px;
	color: #00586E;
}

#slide_gradient{
	position: absolute;
	top: 0;
	left: 0px;
	width: 393px;
	height: 387px;
	background:url(img/vignetta.png) no-repeat;
	z-index: 998;
}

#slide_nav{
	position: absolute;
	z-index: 9999;
	bottom: 0;
	right: 0;
	width: 77px;
	no-repeat;
	height: 38px;
	padding-left: 10px;
	padding-top: 10px;
}

.slide_nav_btn{
	float: left;
	display: block;
	height: 30px;
	width: 25px;
	text-indent: -980em;
	background-image:url(img/nav_slideshow.png);
	background-repeat: no-repeat;
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
		    transition: none;
}

.slide_nav_btn:hover{
	background-position-y: -19px!important;
}

#slide_nav_next{
	background-position:  -15px 7px;
}

#slide_nav_prev{
	background-position:  5px 7px;
}

#stepper_nav{
	position: absolute;
	bottom: 10px;
	left: 395px;
	z-index: 9;
	width: 100px;
}

#stepper_nav a{
	height: 30px;
	display: block;
	float: left;
	width: 20px;
	color: #000;
	opacity: .1;
	font-size: 10px;
	font-weight: 700;
	cursor: default;
	text-decoration: none;
}

#stepper_nav a.active{
	color: #046A80;
	opacity: 1;
}

#img5 p{
	position: absolute;
	top: -105em;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 160px;
	color: #fff;
	font-size: 20px;
	line-height: 1.6em;
}

#img5 p span{
	position: absolute;
	bottom: 30px;
	left: 0;
	display: block;
	width: 90%;
	z-index: 20;
	height: 50px;
	background: url(img/polipo/arrow.gif) no-repeat right center;
}


/* ANIMATION */
.slide_img{
	position: relative;
	overflow: hidden;
	width: 628px;
	height: 387px;
}

/* 01 */
#img1 div{
	position: absolute;
}

#img1 div img{
	position: absolute;
}

/* 02 */
#img2 div{
	position: absolute;
}

#img2 div img{
	position: absolute;
}

#img2_02{
	height: 1613px;
	top: -389px;
}

#img2_03{
	top: 270px;
}

/* 03 */

#img3 div{
	position: absolute;
}

#img3 div img{
	position: absolute;
}

#img3_02{
	top: -717px;
}

/* 04 */

#img4 div{
	position: absolute;
}

#img4 div img{
	position: absolute;
}

#img4_02{
	width: 111px;
	top: -387px;
	left: 10px;
}
#img4_03{
	width: 111px;
	top: -387px;
	left: 200px;
}
#img4_04{
	top: -387px;
	left: 110px;
}
#img4_05{
	top: -387px;
	width: 119px;
	height: 774px;
	left: 300px;
}
#img4_06{
	top: 210px;
	left: -1px;
}