html,
body {
	height:100%;
	}
	
body {
	background-color : #f5f5f5;
	margin : 0;
	padding : 0;
	overflow : hidden;
	font-family: arial,  helvetica, tahoma, verdana;
	font-size:10px;
	}

	
img{border:none;}
*{outline:none;}
		
/*Presentazione*/		


p {
	font-weight:normal; line-height: 5px;
	/*line-height: 0,1em;*/
	margin-bottom:0px;
	margin-top:10px;
	}
	
.presentazione_serie{
	display:inline;
	color:#555;
	font-size:16px;
	}
	
.presentazione_serie_alias{
	display:inline;
	margin-left:20px;
	color:#555;
	font-size:12px;
	}

	
.pdf {
	position:relative;
	display:inline;
	bottom:20px;
	}



/*titolo footer  -body*/
#italoalfonsopezzani{
	color:#ddd;
	letter-spacing: 3px;
	font-size:18px;
	position:fixed;
	bottom: 0px;
	right:30px; 
	}


	
/*ELEMENTI DEL MENU*/


	
.paginaCorniceTrasparente{
	z-index: 5000;
	position: fixed;
	width: 100%;
	height:100%;
	left: 0;
	top: 0;   
	margin-left: 0; 
	margin-top: 0;
	background-color:#eaeaea;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter:  (opacity=65);
	-ms-Filter: "ProgID: DXImageTransform.Microsoft.Alpha (Opacità = 65)";
	-khtml-opacity: 0.65;
	}

.corniceTondaOscura{
	z-index: 5000;
	position: absolute;
	width: 646px;
	height:414px;
	left: 50%;
	top: 50%;
	margin-left: -323px;
	margin-top: -207px;
	overflow:hidden;
	background-color:#999;
	border-top-left-radius:15px;
	border-top-right-radius:    15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius:  15px;

	}	
	
	
/*---------------------*/	

	
/*---------------------*/	

	
/*---------------------*/	
.bottoniSuGiu{
	z-index:11001;
	position:absolute;
	top:220px;
	left:0;
	width: 10px;
	height: 20px;
	list-style-type: none;
	text-decoration: none;
	}
	


/*---------------------*/			
		

	

/*BANNER*/
#contenitoreBanner{
	display:block;
	position:fixed;
	width: 100%;
	height: 22px;
	top:0;
	background-color:#f5f5f5;
	}
	
#centraBanner{
	position:relative;
	width: 400px;
	height: 22px;
	left: 50%;
	margin-left:-200px;
	}
	
#BoxTitolo{
	z-index: 100;
	width: 400px;
	position:relative;
	float:right;
	color:#bbb;
	font-size: 11px;
	top:7px;
	text-align: center;
	}
	
#BoxSerie{
	z-index: 100;
	position:absolute;
	color:#333;
	top:0px;
	left: 20px;
	font-size: 11px;
	}
	
#BannerMiniature{
	position:relative;
	width: 100%;
	height: 18px;
	left: 0;
	top:0px;
	}

#BannerMiniature2{
	position:relative;
	width: 100%;
	height: 15px;
	left: 0;
	}

#centraTitoloSerie{
	position:relative;
	width: 680px;
	height: 18px;
	left: 50%;
	top:10px;
	margin-left:-340px;
	}

#ContienePreview{
	z-index:9001;
	position:absolute;
	right:0;
	float:right;
	}

	
#preview{
	top:-12px;
	z-index: 9002;		
	position:absolute;
	right:0;
	display:none;
	font-family: arial,  helvetica, tahoma, verdana;
	font-size:12px;
	}
	
/*---------------------*/	
.allineamento_immagine{
	display:block;
	text-align:center;
	top:5px;
	left:2px;

	}
	
#pulsanti_laterali{
	position: absolute;
	top:0;
	width: 30%;
	opacity: 0.3;-moz-opacity: 0.3;filter: alpha(opacity=30);-khtml-opacity: 0.3; 

		-moz-transition-property: background, top, opacity;
		-moz-transition-duration: 0.7s;
		-moz-transition-delay: 0.1s;
		-moz-transition-timing-function: cubic-bezier;
					
		-webkit-transition-property: background, top, opacity;
		-webkit-transition-duration: 0.7s;
		-webkit-transition-delay: 0.1s;
		-webkit-transition-timing-function: cubic-bezier;

		-o-transition-property: background, top, opacity;
		-o-transition-duration: 0.7s;
		-o-transition-delay: 0.1s;
		-o-transition-timing-function: cubic-bezier;
		
		transition-property: background, top, opacity;
		transition-duration: 0.7s;
		transition-delay: 0.1s;
	   	transition-timing-function: cubic-bezier;
	}	
	
#pulsanti_laterali:hover,
.barraNeraLaterale_destra,
.barraNeraLaterale_sinistra,
.faceboock{
	opacity: 1;-moz-opacity:1;filter: alpha(opacity=100);-khtml-opacity:1;
	}
	
.barraNeraLaterale_destra{
	position:fixed;
	top:0;
	right:0;
	width: 20%;
	height: 100%;
	}
	
.barraNeraLaterale_sinistra{
	position:fixed;
	top:0;
	left:0;
	width: 30%;
	height: 100%;
	}


/*---------------------*/
/*PRESENTAZIONE*/

	
.nero{
	z-index:8000;
	background-color:#f5f5f5;
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:fixed;
	display:block;
	}
 
.messaggio{
	z-index:8000;
	padding:1px 0px 0px 0px; /*padding top, destra, bottom, sinistra*/
	position:fixed;
	display: block;
	}
	
.messaggio3{
	z-index:8000;
	padding:0px;
	position:absolute;
	display: none;
	margin: 0px 0px 0px 0px;
	}
	
.messaggio1{
	z-index:8000;
	position:fixed;
	display: block;
	width:420px;
	height: 200px;
	top: 40%;
	left: 50%;
	margin-left: -210px;
	margin-top: -100px;
	text-align:center;
	border-right: solid 1px #000;
	}
	
.messaggio3{
	right:35px;
	top:160px;
	}
	
#nero2{
	z-index:1002;
	background-color:#111;
	cursor:pointer;
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:fixed;
	opacity: 0.70;-moz-opacity: 0.70;filter: alpha(opacity=70);-khtml-opacity: 0.70;
	display:none;
	}
	
#titolo_serie{
	position:absolute;
	text-align:center;
	width:600px;
	height:18px;
	left:50%;
	margin-left:-300px;
	bottom:10px;
	color:#666;
	z-index:20000;
	font-size:14px;
	}

.preloader_generico{
	position:absolute;
	z-index:8000;
	width:30px;
	height:30px;
	padding:10px 10px 10px 10px;
	top:130px;
	left:430px;
	background: url(../images/preloader_generico.gif) center center no-repeat;
	}


	
	
/*Bottoni*/	
.contenitore_pulsantiDX,
.contenitore_pulsantiSX{
		position:absolute;
		width:30px; height:150px; padding:0px;
		top:50px;
		z-index:8000;	
}
.contenitore_pulsantiSX{
		left:0;
}

.contenitore_pulsantiDX{
		right:0;
}


	  
#esc{
		position:absolute;
		top:40px; left:14px;
		color:#333;
		font-size:10px;
		}



.nextImageBtn2,
.prevImageBtn2{
		display:block;
		position:absolute;
		width:30px; height:25px; padding:0px;
		top:40%;right:0px;
		z-index:8000;
		opacity: 0.6;-moz-opacity: 0.6;filter: alpha(opacity=60);-khtml-opacity: 0.6;
		}

.nextImageBtn2 {
	border-top-left-radius:15px;
	border-top-right-radius:    0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius:  15px;
	}
      
.prevImageBtn2{
	border-top-left-radius:0px;
	border-top-right-radius:    15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius:  0px;
	}

.nextImageBtn2{top:0px; background:#333 url(../images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn2{top:0px;background:#333 url(../images/prevImgBtn.png) center center no-repeat;}



.nextImageBtn2:hover,
.prevImageBtn2:hover,
.faceboobk:hover {
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	border:solid 1px #333;
	}






/* BOTTONE ESC */

.titoloGrigioChiaro{
    cursor: pointer;
    text-decoration: none;
    z-index: 1000;
    position:absolute;	
    top:5px;
    left:20px;	
    font-size:14px;	
    color:#f5f5f5;	
}
#corniceOvaloMenu{	
    text-align: left;	
    height:25px;
    width:100px;
    left: 0px;
    top:3px;	
    position: absolute;
    z-index: 100;	
    border-top-left-radius:0px;
    border-top-right-radius:    15px;
    border-bottom-right-radius: 15px;	
    border-bottom-left-radius: 0;	
}	
#corniceOvaloMenu{	background-color:#ccc;	}
#corniceOvaloMenu:hover{	background-color:#888;	}

    
/* ---------------------------------------- 940  */
@media screen and (max-width:940px) {
}
/* ---------------------------------------- 768  */
@media screen and (max-width:768px) {
  
}
/* ---------------------------------------- 480  */
@media only screen and (max-width:480px) {
.contenitore_pulsantiDX,
.contenitore_pulsantiSX{
		position:absolute;
		width:40px; height:150px; padding:0px;
		top:40px;
		z-index:8000;	
}
.nextImageBtn2,
.prevImageBtn2{
width:40px;
height:40px;
padding:0px;
top:0%;
right:0px;     
}
.nextImageBtn2 {
	border-top-left-radius:20px;
	border-top-right-radius:    0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius:  20px;
	}
      
.prevImageBtn2{
	border-top-left-radius:0px;
	border-top-right-radius:    20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius:  0px;
	}
#corniceOvaloMenu{	
    height:40px;
    width:40px;
    left: 0px;
    top:3px;	
	
    border-top-left-radius:0px;
    border-top-right-radius:    20px;
    border-bottom-right-radius: 20px;	
    border-bottom-left-radius: 0;	
}
.titoloGrigioChiaro{
    top:12px;
    left:6px;	
    font-size:12px;	
    color:#f5f5f5;	
}
}
/* ---------------------------------------- 320  */
@media only screen and (max-width:320px) {
}
</style>