@charset "utf-8";
/* CSS Document */

/*---   start html e body   ---*/

html {
	width:100%;
	padding:0;
	margin:0;
	background:transparent;
	border:0 none;
	font-size:100%;
	outline:0;
	vertical-align:top;
}

body {
	background-color: #FFFCF9  /*#FAEDE4*/ /*#FFFFFF*/ /*#000000*/ /*#ECF1FB*/ /*#DAEFFE*/;
	border:0 none;
	font-size:100%;
	margin:0;
	outline:0;
	vertical-align:top;
	color: #06C;
	width:100%;
	padding:0;
	font: 12px/25px Arial, Helvetica, sans-serif;
}

/*---   end html e body   ---*/



/*---   start header   ---*/

/*---   end header   ---*/



/*---   start featured   ---*/

/*---   end featured   ---*/



/*---   start contents   ---*/

#contents {
	/*margin-top: 100px;*/
}

#contents .wrap-contents {
	background-color: transparent;
/*	border:1px solid #CCC; */
}

#contents1 {
}

#contents1 .wrap-contents {
	background-color: transparent;
/*	border:1px solid #CCC; */
}

.wrap-contents {
}

.core {	
	width:100%;
	height: auto;
	background-color: transparent;
	vertical-align:top;
	position: relative;
	margin-top: 130px;
/*	margin-bottom: 30px; */
/*  z-index: 1;
	top: -70px;
	background-color:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	margin-bottom: 30px;
	padding:0;
	outline:0;
	vertical-align:top;
	display:block;*/
}

.core1 {
	width:100%;
	background-color:transparent;
	height: auto;
	vertical-align:top;
	position: relative;
	z-index: 0;
}

/*---   end contents   ---*/



/*---   start portfolio   ---*/

.filterDiv {
  float: none;
  display: none;
}

.show {
  display: block;
}

/*.container {
  margin-top: 20px;
  overflow: hidden;
}*/

/* Style the buttons */
.btnportfolio {
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 16px;
  cursor: pointer;
  color: #06C;
  background-color: transparent;
}

.btnportfolio:hover {
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 16px;
  padding-bottom: 15px;
  background-color: #DEF3F3;
  
}

.btnportfolio.active {
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 16px;
  padding-bottom: 15px;
  background-color: #06C;
  color: white;
}


/*---   start images portfolio  ---*/

.imgporfolio {
	width: auto;
	height: auto;
	padding-top: 15px;

}

/*---   end images portfolio  ---*/



/*---   start portfolio   ---*/



/*---------------------------------------------------*/
/*-----------     START SEZIONE BLOCCO     ----------*/
/*---------------------------------------------------*/


/*---   start blocco   ---*/

.blocco {
}

/*---   end blocco   ---*/



/*---   start blocco00   ---*/

.blocco00 {
}

/*---   end blocco00   ---*/



/*---   start blocco01   ---*/

.blocco01 {
}

/*---   end blocco01   ---*/



/*---   start blocco02   ---*/

.blocco02 {
}

/*---   end blocco02   ---*/



/*---   start blocco03   ---*/

.blocco03 {
	margin: 0 10px 30px 10px;
	text-align:center;
	background-color: transparent;
}

.blocco03 h2 {
	color: #06C;
	font-size:16px;
	text-align: center;
	line-height:30px;
}

.blocco03 p {
	color: #06C;
	padding: 0px 10px 20px 10px;
	font-size:14px;
	text-align:center;
	line-height:25px;
}

.blocco03 a.button {
	cursor: pointer;
	color: #FFF;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #06C;
	border:1px solid #06C;
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	margin-bottom: 20px;
}

.blocco03 a.button:hover {
	/*color:#F00;*/
	cursor: pointer;
	color: #06C;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFF;
	border:1px solid #06C;
}

.bkgrcolblc3 {
	background-color: #FFF;
	box-shadow: 5px 5px 15px 5px rgba(0,102,204,0.1);
}


/*.bkgrcolblc3:hover {
	box-shadow: 5px 5px 15px 5px rgba(0,102,204,0.5);
}*/

/*---   end blocco03   ---*/



/*---   start blocco04   ---*/

.blocco04 {
}

/*---   end blocco04   ---*/



/*---   start blocco05   ---*/

.blocco05 {
	text-align: center;
	margin: 0 20px 50px 20px;
	background-color: #FFF;
}

.blocco05 h1 {
	color: #06C;
	font-size:28px;
	font-weight: 600;
	line-height:30px;
	text-align: center;
}

.blocco05 h2 {
	color: #06C;
	font-size:20px;
	font-weight: 600;
	line-height:30px;
	text-align: center;
}

.blocco05 p {
	color: #06C;
	font-size:18px;
	text-align:justify;
	line-height:30px;
	padding: 20px 20px 20px 20px;
}

/*---   end blocco05   ---*/



/*---   start blocco06   ---*/

.blocco06 {
}

/*---   end blocco06   ---*/



/*---   start blocco07   ---*/

.blocco07 {
	margin: 0 20px 50px 20px;
	background-color: #FFF;
}

/*.blocco07 p {
	color: #06C;
	font-size:18px;
	text-align:left;
	line-height:30px;
	padding: 20px 20px 20px 20px;
}*/

.blocco07 h2 {
	color: #06C;
	font-size:20px;
	font-weight: 600;
	line-height:30px;
	text-align: center;
}

.blocco07 h3 {
	color: #06C;
	font-size:20px;
	font-weight: 600;
	line-height:30px;
	text-align: left;
	padding: 20px 20px 20px 20px;
}

.prodotti ul.prodotti {
	list-style-type: disc;
	font-size: 18px;
	line-height:25px;
	color: #06C;
	font-weight: 600;
	padding-left: 20px;
}

.prodotti p {
	font-size: 16px;
	line-height:25px;
	color: #06C;
	font-weight: 500;
}

.marchi ul.marchi {
	list-style-type: disc;
	font-size: 20px;
	line-height:50px;
	color: #06C;
	font-weight: 600;
	padding-left: 50px;
}

.stagionali ul.stagionali {
	list-style-type: disc;
	font-size: 20px;
	line-height:50px;
	color: #06C;
	font-weight: 600;
	padding-left: 50px;
}

/*.marchi il {
	list-style-type: disc;
	font-size: 22px;
	color: #06C;
	font-weight: 600;
}*/

.prodotti a {
	text-decoration:none;
	color:#06C;

}

.prodotti a:hover {
	text-decoration:none;
	color:#F00;
}

.marchi a {
	text-decoration:none;
	color:#06C;

}

.marchi a:hover {
	text-decoration:none;
	color:#F00;
}

.stagionali a {
	text-decoration:none;
	color:#06C;

}

.stagionali a:hover {
	text-decoration:none;
	color:#F00;
}

/*---   end blocco07   ---*/



/*---   start blocco08   ---*/

.blocco08 {
	margin: 20px 20px 40px 20px;
	text-align:center;
	background-color: #FFF;
	/*background-color: #FFF;*/
}


.blocco08 p {
	text-align: justify;
	color: #06C;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 0px 10px 0px 10px;
}

.blocco08 a.button {
	cursor: pointer;
	color: #FFF;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #06C;
	border:1px solid #06C;
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.blocco08 a.button:hover {
	/*color:#F00;*/
	cursor: pointer;
	color: #06C;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFF;
	border:1px solid #06C;
}

main-contents1, .chapter .contents {
}

main-contents1, .chapter {
	clear: both;
	margin:10px 0px;
}

main-contents1, .chapter .title {  
}

main-contents1, .chapter .contents {
}

main-contents1, .chapter h2 {
	color: #06C;
	font-size:22px;
	line-height:25px;
}

main-contents1, .chapter p {
	/*color: #06C;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	padding-left: 10px;*/
}

main-contents1, .chapter .info {
	font-style:italic;
}

main-contents1, .chapter img {
	/*float:none;
	margin: 10px 10px 10px 0px;*/
}

.contents p {
	/*text-align: justify;
	color: #06C;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	padding-left: 10px;*/
}


.centerbutton  p {
	text-align: center;
}


main-contents1, .chapter .most {
	float:right;
	margin-bottom: 30px;
}


sidebar1 {
}


sidebar1, .left {
}


sidebar1, .right {
}


sidebar1, .box p {
	/*text-align: justify;
	color: #06C;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	padding-left: 10px;*/
}


sidebar1, .title {
	/*padding: 10px;*/
}


sidebar1, .title h2 {
	/*color: #06C;
	font-size:23px;
	line-height:30px;
	padding-top: 10px;*/
}


sidebar1, .contents {
	padding: 10px;
}


sidebar1, .contents ul {
	font-size:14px;
	list-style-type: square;
	margin-left:20px;
}


sidebar1, .contents ul li {
	padding:5px;
}


sidebar1, .contents .post { 
	margin-bottom: 20px;
}


sidebar1, .contents .post h4 {
	color:#06C;
	font-size:18px;
	font-weight:normal;
}


sidebar1, .contents .post h6 {
	color:#06C;
	text-align: center;
	font-size:16px;
	font-style:italic;
	font-weight:600;
}


sidebar1, .contents .post img {
	/*float: none;
	padding:5px;
	margin-right:10px;*/
}


#sidebar1, .contents .post p {
	/*font-size: 14px;
	color:#06C;
	font-style:italic;*/
}

#sidebar1, .contents .post a {
	text-decoration: none;
	background:transparent;
	border:0 none;
	color:#06C;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	/*font-size: 14px;
	color:#00F;
	font-style:italic;*/
}

#sidebar1, .contents .post a:hover {
	color: #F00;
	text-decoration: none;
	/*font-size: 14px;
	color:#F00;
	font-style:italic;*/
}

.bkgrcolblc8 {
	background-color: #FFF;
}

/*---   end blocco08   ---*/



/*---   start blocco09   ---*/

/*---   end blocco09   ---*/



/*---   start blocco10   ---*/


.blocco10 {
	margin: 20px 20px 40px 20px;
	text-align:center;
	background-color: #FFF;
}

.blocco10 a.button {
	cursor: pointer;
	color: #FFF;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #06C;
	border:1px solid #06C;
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.blocco10 a.button:hover {
	/*color:#F00;*/
	cursor: pointer;
	color: #06C;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFF;
	border:1px solid #06C;
}

main-contents3, .chapter .contents {
}

main-contents3, .chapter {
	clear: both;
	margin:10px 0px;
}

main-contents3, .chapter .title {  
}

main-contents3, .chapter .contents {
}

main-contents3, .chapter h2 {
	color: #00F;
	font-size:22px;
	line-height:25px;
}

main-contents3, .chapter p {
	color: #00F;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	padding-left: 10px;
}

main-contents3, .chapter .info {
	font-style:italic;
}

main-contents3, .chapter img {
	float:left;
	margin: 10px 10px 10px 0px;
	padding:5px;
}

main-contents3, .chapter .most {
	float:right;
	margin-bottom: 30px;
}

sidebar3 {
}


sidebar3, .left {
}


sidebar3, .right {
}


sidebar3, .box p {
	font-size:16px;
	color:#06C;
	margin-bottom:20px;
}

sidebar3, .box li {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
}


sidebar3, .box li {
	float: left;
	margin-right: 10px;
}

sidebar3, .box li a {
	display: block;
	text-decoration: none;
	color: #00F;
	font: bold 11px Arial,sans-serif;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
}

sidebar3, .box li a.actual {
	color: #ffffff;
	background: #DA251D;
}

sidebar3, .box li a:hover {
	color: #ffffff;
	background: #DA251D;
}

sidebar3, .box ol {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	list-style:none;
}

sidebar3, .box ul {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	list-style:none;
}

sidebar3, .title {
	/*padding: 10px;*/
}


sidebar3, .title h2 {
	/*color:#00F;
	font-size:22px;
	font-weight:normal;
	display:inline;
	padding:0 10px;*/
}


sidebar3, .contents {
	padding: 10px;
}


sidebar3, .contents ul {
	font-size:14px;
	list-style-type: square;
	color: #333;
	margin-left:20px;
}


sidebar3, .contents ul li {
	padding:5px;
}


sidebar3, .contents .post { 
	margin-bottom: 20px;
}


sidebar3, .contents .post h4 {
	color:#00F;
	font-size:14px;
	font-weight:normal;
}


sidebar3, .contents .post img {
	float:left;
	padding:5px;
	margin-right:10px;
}


#sidebar3, .contents .post p {
	font-size: 16px;
	color:#00F;
	font-style:italic;
}

#sidebar3, .contents .post a {
	text-decoration: none;
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	/*font-size: 14px;
	color:#00F;
	font-style:italic;*/
}

#sidebar3, .contents .post a:hover {
	color: #F00;
	text-decoration: none;
	/*font-size: 14px;
	color:#F00;
	font-style:italic;*/
}

sidebar4 {
}


sidebar4, .left {
}


sidebar4, .right {
}


sidebar4, .box p {
	font-size:16px;
	color:#06C;
	margin-bottom:20px;
}

sidebar4, .box li {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
}


sidebar4, .box li {
	float: left;
	margin-right: 10px;
}

sidebar4, .box li a {
	display: block;
	text-decoration: none;
	color: #00F;
	font: bold 11px Arial,sans-serif;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
}

sidebar4, .box li a.actual {
	color: #ffffff;
	background: #DA251D;
}

sidebar4, .box li a:hover {
	color: #ffffff;
	background: #DA251D;
}

sidebar4, .box ol {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	list-style:none;
}

sidebar4, .box ul {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	list-style:none;
}


sidebar4, .title {
	/*padding: 10px;*/
}


sidebar4, .title h2 {
	/*color:#00F;
	font-size:22px;
	font-weight:normal;
	display:inline;
	padding:0 10px;*/
}


sidebar4, .contents {
	padding: 10px;
}


sidebar4, .contents ul {
	font-size:14px;
	list-style-type: square;
	color: #333;
	margin-left:20px;
}


sidebar4, .contents ul li {
	padding:5px;
}


sidebar4, .contents .post { 
	margin-bottom: 20px;
}


sidebar4, .contents .post h4 {
	color:#00F;
	font-size:14px;
	font-weight:normal;
}


sidebar4, .contents .post img {
	float:left;
	padding:5px;
	margin-right:10px;
}


#sidebar4, .contents .post p {
	font-size: 16px;
	color:#00F;
	font-style:italic;
}

#sidebar4, .contents .post a {
	text-decoration: none;
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:top;
	/*font-size: 14px;
	color:#00F;
	font-style:italic;*/
}

#sidebar4, .contents .post a:hover {
	color: #F00;
	text-decoration: none;
	/*font-size: 14px;
	color:#F00;
	font-style:italic;*/
}

.bkgrcolblc10 {
	background-color: #FFF;
}


.box1 p {
	font-size:16px;
	color:#06C;
	margin-bottom:20px;
}


.box2 p {
	font-size:16px;
	color:#06C;
	margin-bottom:20px;
}


.box3 p {
	font-size:16px;
	color:#06C;
	text-align: left;
	margin-bottom:20px;
}


.box4 p {
	font-size:16px;
	color:#06C;
	margin-bottom:20px;
}


/*---   end blocco10   ---*/



/*---   start blocco11   ---*/

/*---   end blocco11   ---*/



/*---   start blocco12   ---*/

/*---   end blocco12   ---*/



     /*----------------------------------------------*/
     /*--------  START BLOCCO FOOTER/CREDITS  -------*/ 
     /*----------------------------------------------*/



/*---   start blocco13   ---*/

/*---   end blocco13   ---*/



/*---   start blocco14   ---*/

/*---   end blocco14   ---*/



/*---   start blocco15   ---*/

/*---   end blocco15   ---*/



/*---   start blocco16   ---*/

.blocco16 {
	margin: 0px 20px 40px 20px;
	text-align:center;
	background-color: #FFF;
}

.imgsocial {
	text-align: center;
	width: 40px;
	height: 40px;
}

.imgmapmini {
	text-align: center;
	width: 100px;
	height: 30px;
}

.imgmyworld {
	width: 70%;
	height: auto;
  	display: block;
 	margin-left: auto;
  	margin-right: auto;
	/*border: solid 3px #06C;*/
}

.imgmyworld2 {
	width: 70%;
	height: auto;
  	display: block;
 	margin-left: auto;
  	margin-right: auto;
	/*border: solid 3px #06C;*/
}

.bkgrcolblc16 {
	background-color: #FFF;
	box-shadow: 5px 5px 15px 5px rgba(0,102,204,0.1);
}

/*---   end blocco16   ---*/


/*---   start blocco17   ---*/

/*---   end blocco17   ---*/


/*---   start blocco18   ---*/

.blocco18 {
	margin: 20px 20px 40px 20px;
	text-align:center;
	background-color: #FFF;
}

/*---   end blocco18   ---*/


/*---   start blocco19   ---*/

/*---   end blocco19   ---*/


/*---------------------------------------------------*/
/*-------------    END SEZIONE BLOCCO     -----------*/
/*---------------------------------------------------*/


/*---   end contents   ---*/





/*---   start footer   ---*/

.footer {
	background-color: transparent;
	font-size:100%;
	vertical-align:top;
	position: relative;
	z-index: 1;
	top: -30px;
}

.footer .wrap-footer {
	padding:10px 0px;
	color:#06C;
}

.footer .box {	
	font-size:16px;
	text-align:justify;
	line-height:30px;
}

.footer .title {
	padding:5px;
	border-bottom:3px ridge #06C;
}

.footer .title h2 {
	color: #06C;
	font-size:22px;
	font-weight:normal;
	display:inline;
	padding:0 5px;
}

.footer .contents {
	padding:5px
}

.footer .contents a {
	color:#06C;
	text-decoration:none;
}

.footer .contents a:hover {
	color:#F00;
	text-decoration:none;
}

.footer .contents .gallery img {
	float:left;
	padding:5px;
	margin:5px;
}

.imgmappa {
	width: 145px;
	height: 40px;
	margin-top: 10px;
}

/*---   end footer   ---*/





/*---   start credits   ---*/

.credits {
}

.credits {
	text-align:center;
	margin-top:20px;
	padding:10px 0px;
	color:#06C;
}

.credits a {
	text-decoration: none;
	color:#06C;
}

.credits a:hover {
	text-decoration:none;
	color:#F00;
}

.credits2 {
}

.credits2 {
	text-align:center;
	margin-top:20px;
	padding:10px 0px;
	color:#06C;
}

.credits2 a {
	text-decoration:none;
	color:#06C;

}

.credits2 a:hover {
	text-decoration:none;
	color:#F00;
}

/*---   end credits   ---*/





/*---   start pulsante torna su   ---*/

#myBtn {
	background-image: url(../images/tornasu.png);
	background-color: transparent;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	display: none;
	padding: 20px;
	border: none;
	outline: none;
}


/*---   end pulsante torna su   ---*/





/* --- start image zoom --- */

.imgzoomprtfolio {
  transition: transform .2s;
  margin: 0 auto;
}

.imgzoomprtfolio:hover {
  -ms-transform: scale(2.0/*1.5*/); /* IE 9 */
  -webkit-transform: scale(2.0/*1.5*/); /* Safari 3-8 */
  transform: scale(2.0/*1.5*/); 
}

/* --- end image zoom --- */