<style type="text/css">




html {	height: 100%; 	}
* {	margin: 0px;	padding: 0px;}
body {	background-color: #f0f0f0; width: 100%;		margin-top:0px;	}
body, input, textarea, select {        font-family: 'Fira Sans', sans-serif;	font-size: 15px;	color:#333;}
h1 {	font-weight: bold;        font-size:25px;	padding: 5px;}
hr {	border: 1px dotted #CCC;}
li {	margin-bottom: 3px;	margin-top: 0px;}
blockquote, ul {	margin-left: 3em;}
blockquote {		margin: 0px 0px 0px 0px;}
a {	color: #333;}
a:hover {	color: #ccc;}

/* Wrapper */

#wrapperpag {	width: 100%;	margin: 0px auto; background: ;	}

/* TESTATA */
#header {/*	position: relative; */	width: 100%; background:;	margin: 0px auto;  color:#000; margin-top: 0px; margin-bottom: 0px;}

#header h2 { color: #ffcc00; font-size:20px; padding-top:15px; font-weight: bold; }

#header a {	text-decoration: none;	color: #009;	font-weight: bold;font-size: 12px;}

@media screen and (max-width:1024px) {

.sottotitolo { visibility:hidden; }
}

.navbar { background-color: rgba(255, 255, 255, 0.8); }

@media screen and (max-width:680px) { 
    
#navbarSupportedContent { 
    
    margin-bottom: 150px; }
    
    .navbar { background-color: rgba(255, 255, 255); }


}


#accesso {	font-size: 13px;}

#accesso input {	font-size: 13px;}

#header img {	display:inherit;}

#lingue {
	position: relative;	
margin-top: 0px;        
padding-top:0px;	
margin-bottom: 0px;	
width: 100%;
}



#pulsantechat { position:fixed; width:120px; height:60px; right: 0; bottom: 0; background: url(uploads/image/chat.jpg); }
#pulsantechatoffline { position:fixed; width:120px; height:60px; right: 0; bottom: 0; background: url(uploads/image/chatoff.jpg); }
#pulsantechat a { display:block; text-decoration:none; width:120px; height:60px; }
#pulsantechatoffline a { display:block; text-decoration:none; width:120px; height:60px; }


/* MENU ORIZZONTALE */

.navbar-toggler  { color: #333; border-color: #333; padding:0.15rem; }

.navbar-toggler-icon { background-image: url("tema/download.png"); }

.nav-link { font-size:22px; color: #333; font-weight:bold; font-family: 'Fira Sans', sans-serif;}
.nav-link:hover { font-size:22px; color: #000;}

.dropdown-item { font-size:20px; color: #333;  font-family: 'Fira Sans', sans-serif;	}

@media screen and (max-width:680px) { 
	.dropdown-item { font-size:14px; color: #333;  font-family: 'Fira Sans', sans-serif;	}
	.dropdown-item {padding: 3px; }

}


/* CONTENUTI */
#content {	margin: 0px auto;                background: #e0e0e0; width:100%;		
                          
                          /*background: url(uploads/image/sfondopaginainterna.png) no-repeat; */}

#testacorpo { margin-top: 0px;	/*position: relative;*/	 z-index:9999;	/*visibility:hidden; */ }




#testacorpo img {		display:inherit;		border: 0;}

#testacorpo h1 {		font-size: 35px; color: #fff;}
#testacorpo p {		font-size: 20px; color: #f0f0f0;}


@media screen and (max-width:1024px) {
/*#testacorpo {	margin-top:180px; }*/

#testacorpo h1 {		font-size: 25px; color: #fff;}
#testacorpo p {		font-size: 15px; color: #f0f0f0;}


}




/* BARRA LATERALE */
#sidebar {	position:relative;        font-family: 'Fira Sans', sans-serif;	background: #FFF;	float: left;	margin: 0px;	padding: 0px 0px 0px 0px;	width: 200px;		}
#sidebar h2 {	text-transform: uppercase;	color: #333;font-weight: bold;	font-size: 20px;	padding: 0px 0px 0px 0px;	text-align: left;	margin-top: 10px;	margin-bottom: 10px;        font-family: 'Fira Sans', sans-serif;	font-weight:normal;}
#sezionisotto a {        font-family: 'Fira Sans', sans-serif;	font-size: 17px;	text-decoration: none;	color: #444;	padding-left: 10px;	padding-right: 5px;	padding-top: 5px;	padding-bottom:10px;	display: block;		font-weight:normal;font-style: italic;}
#sezionisottoattivo a {        font-family: 'Fira Sans', sans-serif;	font-size: 17px;	text-decoration: none;	color: #00AEF2;	padding-left: 10px;	padding-right: 5px;	padding-top: 5px;	padding-bottom:10px;	display: block;		font-weight:normal;font-style: italic;}#sezionisotto a:hover {	text-decoration: underline;	color: #ccc;	}#sezionisotto2 a {	font-size: 12px;	font-weight: bold;	font-style: italic;	text-decoration: none;	color: #444;	padding-left: 20px;	padding-right: 5px;	padding-top: 5px;	padding-bottom:5px;	display: block;}#sezionisottoattivo2 a {	font-size: 12px;	font-weight: bold;	font-style: italic;	text-decoration: none;	color: #00AEF2;	padding-left: 20px;	padding-right: 5px;	padding-top: 5px;	padding-bottom:5px;	display: block;}#sezionisotto2 a:hover {	text-decoration: underline;	color: #ccc;}/* PAGINE SITO *//* BRICIOLE */

#crum {/*	position: relative; */	margin: 0px;	margin-bottom: 10px; margin-top: 20px;	width: 100%;	height:35px;	border-bottom: dotted 1px #cacaca;  background:#003a8c;      font-family: 'Fira Sans', sans-serif;		font-size:14px;}

#crum a {/*	position: relative; */	color: #f0f0f0;} 

.breadcrumb {background:#fafafa;   color:#333; margin-top:10px;   }
.breadcrumb a { color: #333;}

h1 {	        font-family:'Fira Sans', sans-serif;	font-size:38px;	color: #333;	font-weight: bold;	margin-bottom:10px;	margin-top:10px;}	
h2 {	        font-family: 'Fira Sans', sans-serif;	font-size:25px;	color: #333;	font-weight: bold;	margin-bottom:10px;	margin-top:10px;}	

#blog { background:#fff;	margin: 0px auto;	padding: 1%;	color: #555;	width:98%;        position:relative;     font-family: 'Fira Sans', sans-serif;	font-size:17px;         margin-top:20px;	}	
#blog a { text-decoration:underline; color: #333; font-weight: bold; }
#blog a:hover { color:#000; text-decoration:underline; }	
#blog p, blockquote, ul, ol, form, h2, h3, h5, h6 {	line-height: 24px;	padding: 3px;        font-family: 'Fira Sans', sans-serif;   font-weight: normal;}	


#blog input {        font-family: 'Fira Sans', sans-serif;	font-size:15px; text-decoration:none;}	
#blog td { padding: 3px; }


#paginacentrale {position: relative;width:100%;padding-left: 10px;padding-right:10px;}

#fotogallerylight img { padding: 5px; }


#fotogalleryboxcontainer {            border: 1px dotted #ccc;			width: 23.6%;			display: table;			float:left;		margin-right:0.6%;			margin-left:0.6%;			margin-bottom:25px;			padding: 0;			background:#fcfcfc;			position:relative;        }
#fotogalleryboxcontent {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#fotogalleryboxcontent img {		max-width:100%; 			}	

@media screen and (max-width:680px) {
    #fotogalleryboxcontainer { width: 98%; } 
}





#fotogallerymarchicontainer {          	width: 23.6%;		          display: table;			float:left;		margin-right:0.6%;			margin-left:0.6%;			margin-bottom:80px;			background:#fcfcfc;			position:relative;        }
#fotogallerymarchicontent {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#fotogallerymarchicontent img {		max-width:100%; 			}	
#fotogallerymarchititolo { text-align: center; color: #000; font-size:20px; font-weight: bold; margin-top: -80px; text-transform:uppercase;  z-index:999; }
#fotogallerymarchititolo a { text-decoration:none; background:#f0f0f0; opacity:0.8; padding: 10px; }
#fotogallerymarchititolo a:hover { text-decoration:underline;}

@media screen and (max-width:680px) {
    #fotogallerymarchicontainer { width: 98%; } 
}



#fotogallerymarchicontainer2 {          	width: 23.6%;		          display: table;			float:left;		margin-right:0.6%;			margin-left:0.6%;			margin-bottom:30px;			background:#fcfcfc;			position:relative;        }
#fotogallerymarchicontent2 {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#fotogallerymarchicontent2 img {		max-width:100%; 			}	
#fotogallerymarchicontent2 img:hover {		max-width:100%; opacity:0.9; 	filter: saturate(200%); -webkit-filter: saturate(200%);		}	

#fotogallerymarchititolo2 { text-align: center; color: #fff; font-size:20px; font-weight: bold; margin-top: -50px; text-transform:uppercase;  z-index:999; text-decoration:none; background:#000; opacity:0.3; padding: 10px; }


@media screen and (max-width:680px) {
    #fotogallerymarchicontainer2 { width: 98%; } 
}







#ricerca {	padding: 10px;	}	
#ricerca input {        font-family: 'Fira Sans', sans-serif;}
#ricerca .submit {	background:#000;	color:#fff;	        font-family: 'Fira Sans', sans-serif; border: 2px solid #FCA800;	padding:3px;	letter-spacing:2px;	font-weight:normal;}

#titolopag {	margin-top: 0px;        margin-bottom: 10px;	float: left;	}	
#titolopag h1 {	        font-family: 'Fira Sans', sans-serif;	font-size:24px;	color: #333;	letter-spacing:1px;	font-weight:bold;	margin-left:0px;	margin-bottom:5px; margin-top:10px; text-align: center; }		

#social { visibility: hidden;	margin-top: 15px;        margin-right:10px;	float: right;	width: 180px;	}	

#schede {	width: 500px;	height:500px;	background: url(uploads/image/schede.jpg) repeat-x;	color: #333;	}	
#schede a {        font-family: 'Fira Sans', sans-serif;	font-size:14px;	text-decoration: none;	color: #FFF;	/*font-weight: bold; */    background: #ccc url(uploads/image/menuschede.jpg) repeat-x;	width:80px;	display:block;	height:30px;	line-height:30px;	padding-left:15px;	padding-right:15px;	border: outset 2px  #000;	border-radius: 10px;	margin-bottom: 5px;	margin-right: 10px;}
#schede a:hover {	text-decoration: underline;	color: #900;	/*font-weight: bold; */	background: #fff url(uploads/image/menuschedeover.jpg) repeat;	display:block;}	.sottoschede{    position: Absolute;    visibility: Hidden;	margin-top: 40px;	padding: 0px;    background: #f0f0f0 url(uploads/image/menu.jpg) repeat-x;    width: 500px;	height:500px;	z-index: 999;	overflow:scroll;	border: solid 1px #000;}
#sottoschedeprimo /* deve essere uguale a sottochede tranne che visibility*/{    position: Absolute;	margin-top: 40px;	padding: 0px;    background: #f0f0f0 url(uploads/image/menu.jpg) repeat-x;    width: 500px;	height:500px;	z-index: 999;	overflow:scroll;		border: solid 1px #000;}



/* SCHEDE ACCORDION */.demo-show2 { width:350px;margin:1em.5em}.demo-show2 h3 { margin:0; padding:8px; width:338px; background: #eee url(uploads/image/schedevert_sfondo.jpg) repeat-x; cursor:pointer; color:#FFF}.demo-show2 div { padding:5px}.demo-show2 p, { margin-top:0 }.hover{ cursor:pointer;background:#ffc }

/******** CATALOGO ************************/
#catalogo { width:100%;         font-family: 'Fira Sans', sans-serif;}
#catalogorighe {  margin-bottom:5px; margin-top:20px; border-top: 1px dotted #ccc; } 
#catalogotitolo { font-size:16px; margin-bottom:10px; padding-top: 10px; }
#catalogobreve { font-size:15px; color:#333; margin-bottom:10px; line-height: 25px; }
#catalogofoto { width:20%;         float:left;		text-align:-webkit-center;		text-align:-moz-center;}
#catalogodesc { width:77%;         float:right;		text-align:justify;                line-height: 25px;}
#catalogoprezzo { font-size:16px; color:#F00; text-align:right; }
#catalogonote { font-size:16px; color:#000; text-align:right; padding-top:10px; }
#catalogocontent {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#catalogocontent img {		max-width:100%; 		max-height:225px;		}			

@media screen and (max-width:680px) {
    #catalogofoto { width: 98%; } 
    #catalogodesc { width: 98%; } 
    #catalogorighe {  height:320px; } 

}

/********************************//******** BLOGHOME ************************/
#bloghome { width:100%;         font-family: 'Fira Sans', sans-serif; }
#bloghomerighe {  margin-bottom:5px; margin-top:20px; border-top: 1px dotted #ccc; } 
#bloghometitolo { font-size:16px; margin-bottom:10px; padding-top: 10px; }
#bloghomebreve { font-size:15px; color:#333; margin-bottom:10px; line-height: 25px; }
#bloghomefoto { width:20%;         float:left;		text-align:-webkit-center;		text-align:-moz-center;}
#bloghomedesc { width:77%;         float:right;		text-align:justify;                line-height: 25px;}
#bloghomecontent img {		max-width:100%; 		max-height:225px;		}			

@media screen and (max-width:680px) {
    #bloghomefoto { width: 98%; } 
    #bloghomedesc { width: 98%; } 
    #bloghomerighe {  height:320px; } 

}

/******** ECOMMERCE ************************/
/******** ECOMMERCE ************************/

/*
#ecommerce { width:100%; font-family: 'Fira Sans', sans-serif; margin-top: 0px; float:left; }
#ecommerceprezzo { 	font-family: 'Fira Sans', sans-serif; font-size:18px; color:#c00; padding-right: 5px; margin-top: 10px; text-align: right;}
#ecommercenote { font-size:14px; font-family: 'Fira Sans', sans-serif; color:#fff; text-align:center; visibility: hidden; }
#ecommercetitolo { text-align: center; padding-left: 5px; padding-right: 5px; font-size:18px; margin-top: 10px; height:50px; text-transform:uppercase; }
#ecommerce a { text-decoration: none;  color: #000; }
#ecommercecontainer {	border: 1px dotted #ccc; width: 23.5%; border-radius:10px;		height: 520px;	float:left; margin-right:0.6%;	margin-left:0.6%; margin-bottom:10px; padding: 0.7%;  position:relative; text-align:-webkit-center;       }
#ecommercecontainer:hover { background: #dadada;}				
#ecommercecontent {       
          display:table-cell;
          vertical-align: middle;
		  height: 400px;      } 
#ecommercecontent img {	
      max-width:100%; 
		max-height:400px;
   position:absolute;
  /* top:50%;*/

/*   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
border: 8px solid #fff;
}
*/





#ecommercecontainer {          	width: 23.6%;		          display: table;			float:left;		margin-right:0.6%;			margin-left:0.6%;			margin-bottom:80px;			background:#fcfcfc;			position:relative;        }
#ecommercecontent {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#ecommercecontent img {		max-width:100%; 			}	
#ecommercetitolo { text-align: center; color: #000; font-size:20px; font-weight: bold; margin-top: -80px; text-transform:uppercase;  z-index:999; }
#ecommercetitolo a { text-decoration:none; background:#f0f0f0; opacity:0.8; padding: 10px; }
#ecommercetitolo a:hover { text-decoration:underline;}

@media screen and (max-width:680px) {
    #ecommercecontainer { width: 98%; } 
}

                                                

/**** ECOMMERCE IN PAGINA *****/
#paginaecommerce { background: #FFF; width: 100%; }
#paginaecommercesx { width: 25%; float:left; background: #ccc; padding: 1%; }
#paginaecommercedx { width: 60%; float:left; padding-left: 3%; }
#prezzo { 	text-align: left;	font-size: 25px; color: #c00;  }
#noteprezzo { text-align: left;	font-size:13px; color: #000;  }
#prezzo h2 { font-size:10px; color:#000; }
#variante { text-align: left; font-size: 13px; margin-top: 3px; }
#imgcarrello { text-align: left; margin-top: 20px; }
.paginaecommerceimg { max-width:100%;    border: 8px solid #fff;margin: auto 0; }
.immapic { max-width:100px; max-height:100px; }

#uploadfile { padding-top:15px; font-size: 13px; }


@media screen and (max-width:680px) {
    
    #paginaecommercesx { width: 98%; } 
    #paginaecommercedx { width: 98%; } 

    
}


/******** VETRINA ************************/
#vetrina { width:100%; background:#FFF; 	font-family: 'Fira Sans', sans-serif; margin-top: 0px;}
#vetrinaprezzo { 	font-family: 'Fira Sans', sans-serif; font-size:15px; color:#c00; padding-right: 5px; margin-top: 10px; text-align: right;}
#vetrinanote { font-size:10px; color:#000; text-align:right; padding-top:0px; padding-right: 5px;}
#vetrinatitolo { text-align: center; padding-left: 5px; padding-right: 5px; font-size:18px; margin-top: 10px; height:30px; text-transform:uppercase;  }
#vetrina a { text-decoration: none;  color: #000; }
#vetrinacontainer {            border: 1px dotted #ccc; width: 22%;	border-radius:10px;	height: 320px;	float:left; margin-right:0.6%;	margin-left:0.6%; margin-bottom:10px; padding: 0.7%; background:#fcfcfc; position:relative; text-align:-webkit-center;     }
#vetrinacontainer:hover { background: #dadada; }				
#vetrinacontent {   
          display:table-cell;
          vertical-align: middle;
		  height: 240px;
} 

#vetrinacontent img {				
    max-width:100%; 
		max-height:240px;
   position:absolute;
  /* top:50%;*/
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);

}			


@media screen and (max-width:680px) {
    #vetrinacontainer { width: 98%; }
   
}

/******** CORRELATI ************************/
#correlati { width:100%; background:#FFF; 	font-family:'Fira Sans', sans-serif; margin-top: 0px;}
#correlatiprezzo { 	font-family: 'Fira Sans', sans-serif; font-size:15px; color:#c00; padding-right: 5px; margin-top: 10px; text-align: right;}
#correlatinote { font-size:7px; color:#000; text-align:right; padding-top:0px; padding-right: 5px;}
#correlatititolo { text-align: center; padding-left: 5px; padding-right: 5px; font-size:18px; margin-top: 10px; height:50px; text-transform:uppercase;  }
#correlati a { text-decoration: none;  color: #000; }
#correlaticontainer {            border: 3px solid #ddd; width: 32%; border-radius:10px;	height: 480px;	float:left; margin-right:0.6%;	margin-left:0.6%; margin-bottom:20px; padding: 1%; background:#f0f0f0; position:relative; text-align:-webkit-center;     }
#correlaticontainer:hover { background: #dadada; }				
#correlaticontent {   
          display:table-cell;
          vertical-align: middle;
		  height: 400px;
} 

#correlaticontent img {				
    max-width:100%; 
		max-height:400px;
   position:absolute;
  /* top:50%;*/
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);

}			


@media screen and (max-width:680px) {
    #correlaticontainer { width: 98%; }
   
}


/********************************//******** FOTOLINK ***********************/
#fotolink { width:100%; background:#FFF; font-family: 'Fira Sans', sans-serif; margin-top: 0px;}
#fotolinktitolo { text-align: center; padding-left: 10px; padding-right: 5px; font-size:19px; margin-top: 10px; height:50px; text-transform: uppercase; }
#fotolink a { text-decoration: none;  color: #333; text-transform: uppercase; }
#fotolink a:hover { text-decoration: none;  color: #666; }
#fotolinkcontainer {            border: 1px dotted #ccc;			width: 31.5%;			height: 340px;			float:left;
                                margin-right:0.7%;			margin-left:0.7%;			margin-bottom:10px;			
                                padding: 0.6%;			background:#fcfcfc;			position:relative;			text-align:-webkit-center; border-radius:10px;	       }
#fotolinknote { font-size:13px; color:#000; text-align:center; padding-top:0px; padding-right: 0px;}

/*#fotolinkcontainer:hover { background: #dadada; }		*/		
#fotolinkcontent {         display:table-cell;
          vertical-align: middle;
		  height: 250px;      } 

#fotolinkcontent img {		
    max-width:100%; 
   max-height:240px;
   position:absolute;
  /* top:50%;*/
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
}	

#fotolinkcontent img:hover {		
  opacity: 0.8;
}

@media screen and (max-width:680px) {
    #fotolinkcontainer { width: 98%; }
   
}



/********************************//******** FOTOTEXT ***********************/
#fototext { width:100%; background:#FFF; font-family:'Fira Sans', sans-serif; margin-top: 0px;}
#fototexttitolo { text-align: center; padding-left: 5px; padding-right: 5px; font-size:19px; margin-top: 10px; height:50px; text-transform: uppercase; }
#fototext a { text-decoration: none;  color: #000; text-transform: uppercase; }
#fototext a:hover { text-decoration: none;  color: #666; }
#fototextcontainer {            border: 1px dotted #ccc;			width: 23%;			height: 300px;			float:left;
                                margin-right:0.7%;			margin-left:0.7%;			margin-bottom:10px;			
                                padding: 0.6%;			background:#fcfcfc;			position:relative;			text-align:-webkit-center; border-radius:10px;	       }
#fototextnote { font-size:13px; color:#000; text-align:center; padding-top:0px; padding-right: 0px;}

/*#fotolinkcontainer:hover { background: #dadada; }		*/		
#fototextcontent {         display:table-cell;
          vertical-align: middle;
		  height: 250px;      } 

#fototextcontent img {		
    max-width:100%; 
   max-height:240px;
   position:absolute;
  /* top:50%;*/
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
}			

@media screen and (max-width:680px) {
    #fototextcontainer { width: 98%; }
   
}





/******** FOTONEWS ************************/
#fotonews { width:100%;         font-family: 'Fira Sans', sans-serif;}
#fotonewsrighe {  margin-bottom:5px; margin-top:20px; height:250px; border-bottom: 1px dotted #ccc; } 
#fotonewstitolo { font-size:16px; margin-bottom:10px; padding-top: 10px; }
#fotonewsbreve { font-size:15px; color:#333; margin-bottom:10px; line-height: 25px; }
#fotonewsfoto { width:25%;         float:left;		text-align:-webkit-center;		text-align:-moz-center;}
#fotonewsdesc { width:70%;         float:right;		text-align:justify;                line-height: 25px;}
#fotonewscontent {			background:#fff;          display:table-cell;          vertical-align:middle;		  text-align:center;        } 
#fotonewscontent img {		max-width:100%; 		max-height:225px;		}			
#fotonewsnote { font-size:15px; color:#000; text-align:justify; padding-top:0px; padding-right: 5px;}

@media screen and (max-width:680px) {
    #fotonewsfoto { width: 98%; } 
    #fotonewsdesc { width: 98%; } 
    #fotonewsrighe { height:300px; padding-top:20px; } 

}



/********************************/
#news1 {	background: #E1E3E9;	float: left;	margin: 0px;	padding: 5px;	color: #333;	width:925px;	height:150px;	border: solid 1px #00589F;	border-radius: 10px;	}	#news2 {	background: #ccc;	float: left;	margin: 0px;	padding: 5px;	color: #333;	width:400px;	height:100px;	border: solid 1px #390;	border-radius: 10px;	}	#news3 {	background: #0FC;	float: left;	margin: 0px;	padding: 5px;	color: #333;	width:400px;	height:100px;	border: solid 1px #390;	border-radius: 10px;	}		

/* PIEDE */
#footer{	width: 100%;	color: #ccc;    background:#444;	margin: 20px auto;	padding-top:10px;	padding-bottom:10px; font-family:'Fira Sans', sans-serif; font-size:15px; line-height: 25px;}
#footer a {	color: #fff;}
#footer a:hover {	color: #ccc;}

/* CARRELLO */#carrello {	font-size: 12px;	margin-top: 10px;	margin-left: 10px;	width: 100%;}
#carrello a {	font-weight: bold;	text-decoration: none;	font-size: 13px;}
#carrello table {	background: #FbFbFb;	border:  dotted #c00;	border-width: 1px;}
.pulsanteaggiorna { text-align: center;	font-size:15px; color: #00589F; font-weight: bold;  }

#gestione {	position: relative;	font: normal small Arial, Helvetica, sans-serif;	font-size: 14px;	background: #999;	/*margin: 0px;*/	width: 100%;}#gestione a {	text-decoration: underline;	color: #1E5B76;	font-weight: bold;}#mkmedia {	position: relative;	font-size: 13px;	color: #000;	}#mkmedia a {	text-decoration: underline;	color: #1E5B76;	font-weight: bold;}



/********************** SLIDESHOW VIEW *************************/
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ .svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ .slideViewer { /*this is the gallery container*/ position: relative; overflow: hidden;  margin: 0px; padding: 0px; background: #fff; } .slideViewer ul {  /*this is your list of images*/ position: relative; left: 0px; top: 0px; width: 1%; list-style-type: none; margin: 0px;  padding: 0px; } .slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ float:left; }  /*typographic info*/ .slideViewer span.typo{  padding: 6px; /* do not modify padding (yet)*/ background: #fff; color: #000; font: normal 10px Roboto; }  .thumbSlider { /*the thumbnails slider contanier*/ overflow: hidden; width: 1%; background: #fff; } .thumbSlider ul { /*the thumbnails list of images*/ list-style-type: none; margin: 0;  padding: 0; } .thumbSlider ul li{  float:left; margin: 0; } .thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ color: #fff; text-decoration: none; } .thumbSlider a img{ border: 0; display: block; padding: 0; } .thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ /* width, height and top values are dynamically added by the script. Do not modify. */ position:relative;  left: 0; font-size: 0.01em; left: 0; margin: 0; padding: 0; }  a.left, a.right { /*the left and right buttons (links)*/ background: transparent; /* could be any color  */ color: #CCC; font: bold 16px Arial; overflow: hidden; } a.left span, a.right span{  } a.left img, a.right img{ border: 0; } a.l_dis, a.r_dis { background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ cursor: default; } a.l_dis span, a.r_dis span { display: none; } a:focus {outline:none;} 

/*////////////// SLIDE SHOW OMBRA */.slider {width:800px;height:450px;position:relative;padding-bottom:26px;background:url(js/gfx/bottom_shadow.png) no-repeat bottom center;}.sliderContent {width:800px;height:450px;clear:both;position:relative;overflow:hidden;}.sliderArrows a {display:block;text-indent:-9999px;outline:none;z-index:50;background-image:url(js/gfx/prev_next.png);width:42px;height:42px;position:absolute;top:50%;margin-top:-34px;}.prev {background-position:0 0;left:15px;}.prev:hover {background-position:0 -44px;}.next {right:15px;background-position:-44px 0;}.next:hover {background-position:-44px -44px;}.sliderContent .item {position:absolute;width:800px;height:450px;background:#fff;}.sliderBullets {position:absolute;bottom:0;left:50%;z-index:50;margin-left:-45px;}.sliderBullets a {display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:10px;height:11px;background:url(js/gfx/bullets.png) no-repeat;}.sliderBullets .active {background-position:0 -11px;}.sliderContent a {outline:none;}


/* POPUP */
.chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:5px; top:0%;  cursor:pointer;}.overlay{    background:#000;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:100;	cursor:pointer;/*Trasperenza cross browser*/opacity: .75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";		}
#box{  display:none; z-index:+300; position:absolute; width: 600px; height: 400px; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; overflow: hidden;/*-moz-border-radius: 10px;  -webkit-border-radius: 10px;border-radius: 10px; background-color:#FFF;*/}/***************************************************				    SLIDE IMAGES ROTATOR***************************************************/ 

#feature-container {	/*height: 698px;*/	left: 0;	overflow: hidden;	position: relative;	top: 0;	margin:0;	/*width: 90%;*/	z-index: 100;	background-color: transparent;}#rotator {}#rotator ul {list-style:none;padding:0;margin:0;}
#rotator ul li {	background:none !important;	position:relative;	/*height:282px;	width:449px;*/	}
#rotator .controls {	position:absolute;	bottom:25px;	width:100px;	text-align:left;	z-index:300;	height:15px;	line-height:12px;	left: 11px;}#rotator .controls a {	font-size:0px;	line-height:0px;	display:inline-block;	height:15px;	width:15px;	background-color: transparent;	background-image: url(images/rotator-controls.png);	background-repeat: no-repeat;	background-position: 0 0;	margin-top: 0;	margin-right: 1px;	margin-bottom: 0;	margin-left: 1px;}#rotator .controls a.activeSlide {background-position:0 -17px;}
/*#rotator .btn {	width:32px;	height:64px;	display:block;	position:absolute;	top:170px;	background-color: transparent;	background-image: url(images/rotator-prev-next.png);	background-repeat: no-repeat;	background-position: left top;}#rotator .btn.prev {left:-31px;}#rotator .btn.prev:hover {background-position:0 -128px;}#rotator .btn.next {right:-31px;z-index:20;background-position:0 -64px;}#rotator .btn.next:hover {background-position:0 -192px;}*//* -- *//* ///////////////////// PAGE FLIP *//*#book {	background: #FFF url("uploads/image/book.png") no-repeat;	position: absolute;	width: 830px;	height: 460px;	left: 50%;	top: 50%;	margin-left: -400px;	margin-top: -230px;}#pages section {	background: #FFC url("uploads/image/paper.png") no-repeat;	display: block;	width: 400px;	height: 450px;	position: absolute;	left: 415px;	top: 5px;	overflow: hidden;}	#pages section>div {		display: block;		width: 400px;		height: 450px;		font-size: 12px;	}	#pages section p,	#pages section h2 {		padding: 3px 35px;		line-height: 1.4em;		text-align: justify;	}	#pages section h2{		margin: 15px 0 10px;	}#pageflip-canvas {	position: absolute;	z-index: 100;}#testoflip {color:#FFF; top:10; position:fixed; width:100%; }#flipnum {color:#000; margin-top: 10px; margin-right:20px; position:relative; float:right}*/    

#magazine{		margin-left:20px;    	width:700px;    	height:400px;		background: #FFC url("uploads/image/book.png") top center no-repeat;    	border:1px solid #999;    }    #magazine .turn-page{    	width:350px;    	height:400px;    	background-color:#ccc;    	border:1px solid #999;		background: #FFC url("uploads/image/paper.png")  no-repeat;		overflow:hidden;    }    
#magazine .page-content {      padding:18px    }

/* The Nivo Slider styles *//* The Nivo Slider styles */
.nivoSlider {	position:relative;	width:100%;	height:100%;	overflow:hidden;}
.nivoSlider img {	position:absolute;	top:0;	left:0;	max-width:none;}
.nivo-main-image {	display:block!important;	position:relative!important;	width:100%!important;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {	position:absolute;	top:0;	left:0;	width:100%;	height:100%;	border:0;	padding:0;	margin:0;	z-index:6;	display:none;}/* The slices and boxes in the Slider */
.nivo-slice {	display:block;	position:absolute;	z-index:5;	height:100%;	top:0;}
.nivo-box {	display:block;	position:absolute;	z-index:5;	overflow:hidden;}
.nivo-box img {	display:block;}

/* Caption styles */.nivo-caption {	position:absolute;	left:-400px;	bottom:70px;	width:300px;	color:#fff;	z-index:8;	overflow:hidden;	display:none;}
.nivo-caption h1 {	padding:10px 20px;	margin:0;	color:#000;	opacity:.8;	font-weight:400;	float:left; background:#fff;}
.nivo-caption p {	padding:10px 20px;	margin:0;	background:#000;	opacity:.8;	font-weight:400;	float:left;}
.nivo-caption a {	display:inline!important;}.nivo-html-caption {	display:none;}/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute;	top:45%;	z-index:9;	cursor:pointer;	display:none;}
.nivo-prevNav {	left:0;}.nivo-nextNav {	right:0;}/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {	text-align:center;	margin-top: -25px;	float:right;	display:block;	bottom:0;	right:20px;	position:relative;	z-index:99999;}
.nivo-controlNav a {	cursor:pointer;}
.nivo-controlNav a.active {	font-weight:700;}
a {	color:#000;	text-decoration:none;}
a:hover {	text-decoration:underline;}
.nivo-controlNav a {	display:inline-block;	width:22px;	height:22px;	background:url(js/bullets.png) no-repeat;	text-indent:-9999px;	border:0;	margin:0 2px;}
.nivo-controlNav a.active {	background-position:0 -22px;}

@media (max-width: 90%) {	#wrapper {		width:100%;		position:relative;		margin:100px auto;	}}

@media (max-width: 767px) {	#wrapper {		width:100%;		position:relative;		margin:100px auto;	}		
                            .nivo-caption {		bottom:0;	}		.nivo-caption h1 {		font-size:110%;	}		
                            .nivo-caption p {		font-size:90%;	}		.nivo-controlNav {		display:none;	}}

@media (min-width: 768px) and (max-width: 980px) {	#wrapper {		width:100%;		position:relative;		margin:100px auto;	}}


/*  COLUMN SETUP  */
.col {	display: block;	float:left;	margin: 1% 0 1% 2%;}.col:first-child { margin-left: 0; }

/*  GROUPING  */

.group:before,.group:after { content:""; display:table; }
.group:after { clear:both;}.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */.span_3_of_3 { width: 100%; }.span_2_of_3 { width: 66%; }.span_1_of_3 { width: 32%; }
/*  GRID OF FOUR  */.span_4_of_4 {	width: 100%;}.span_3_of_4 {	width: 74.5%;}.span_2_of_4 {	width: 49%;}.span_1_of_4 {	width: 23.5%;}
/*  GRID OF FIVE  *//*  GRID OF FIVE  */.span_5_of_5 {	width: 100%;}.span_4_of_5 {	width: 79.6%;}.span_3_of_5 {	width: 59.2%;}.span_2_of_5 {	width: 38.8%;}.span_1_of_5 {	width: 18.4%;}

/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }




/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {	
.col {  margin: 1% 0 1% 0%; }	
.span_3_of_3, .span_2_of_3,.span_1_of_3,.span_1_of_4,.span_2_of_4,.span_3_of_4,.span_4_of_4,.span_1_of_5,.span_2_of_5,.span_3_of_5,.span_4_of_5,.span_5_of_5  { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}




.logo {width: 100%; }

@media only screen and (max-width: 800px) {
#jquery-overlay { visibility: hidden; }
#jquery-lightbox { visibility: hidden; }
    
    
}
</style>