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


html{
	margin:0;
	padding:0;

	
}
body{
	font-family:'Muli', sans-serif; font-style: normal;line-height: 1.5em;
	color: #888888;
	text-align: center;
	margin: 0;
	background-color: #ffffff;
    /*box-sizing: border-box;*/
    }
	
a:link { text-decoration: none; color:#015c76;	font-weight: normal; font-size: 1em; }
a:visited{ text-decoration: none; color:#015c76;  font-weight: normal; font-size:1em;}
a:active{ text-decoration: none; color:#015c76; font-weight: normal; font-size: 1em; }
a:hover{ color: #be1a00; text-decoration: none;; font-weight: normal; font-size: 1em;}

a.menu:link { text-decoration: none; color:#ffffff;	font-weight: normal; font-size: 0.8em; }
a.menu:visited{ text-decoration: none; color:#ffffff;  font-weight: normal; font-size:0.8em;}
a.menu:active{ text-decoration: none; color:#ffffff; font-weight: normal; font-size: 0.8em; }
a.menu:hover{ color: #ededed; text-decoration: none;; font-weight: normal; font-size: 0.8em;}

a.abc:link { text-decoration: none; color:#999999;	font-weight: normal; font-size: 0.8em; }
a.abc:visited{ text-decoration: none; color:#999999;  font-weight: normal; font-size: 0.8em;}
a.abc:active{ text-decoration: none; color:#999999; font-weight: normal; font-size: 0.8em; }
a.abc:hover{ color: #be1a00; text-decoration: none;; font-weight: normal; font-size: 0.8em;}



ul{
   /* list-style-position: outside;
   padding: 20px; */
}

input{ margin: 1px; padding-left:5px ; color: #999999; background:#f7f7f7; border: 1px solid #dddddd; font-family: 'Muli', sans-serif; font-size: 1em; font-weight:normal; line-height: 1.3em; height: 25px; width: 290px;outline:none;}
input[type="radio"]{ width: 20px;height: 13px; }
input[type=checkbox]{ color: #999999; background:#eeeeee; border: 1px solid #dddddd; height: 16px; width: 16px;}
textarea {  margin: 1px; padding:0 ;padding-left:5px ;color: #666666; background:#f7f7f7; border: 1px solid #dddddd; font-size: 1em; font-family:'Muli', sans-serif; font-weight:normal; overflow: hidden; line-height: 20px;  height: 200px; width: 290px;outline:none;}

select { margin: 1px; padding-left:5px; color: #666666; background:#f7f7f7; border: 1px solid #dddddd; font-family:'Muli', sans-serif; font-size: 1em; font-weight:normal; line-height: 1.3em; height: 30px; width: 300px;outline:none;}

#clienti { margin: 1px; padding:3px; color: #666666; background:#ffffff; border: 1px solid #999999; font-family:'Muli', sans-serif; font-size: 12px; font-weight:normal; line-height: 20px; height: 20px; width: 300px;}
#login { background: #eeeeee url('png/User.png') no-repeat 135px; width: 150px}
#pass  { background: #eeeeee url('png/Key.png') no-repeat 135px; width: 150px}
#ins   { width: 200px;}
#giorno { width: 75px;}
#mese { width: 75px;}
#anno { width: 154px;}
#giorno1 { width: 50px;}
#mese1 { width: 50px;}
#anno1 { width: 65px;}
#corto { width: 30px;background:#ffffff; padding-left:2px ; padding-right:3px ;}
#conferma { width: 75px; background:#ffffff; }
#submit { padding-left: 5px ; width: 50px; height: 25px;}
#mysubmit { padding-left: 0px ; width: 300px; height: 32px; background: linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));border-radius: 5px;color:#ffffff;font-weight: normal; font-size: 0.8em; border: 0px solid #015c76;}
#elimina { border:none; height: 20px; width: 70px;}

output {color: #be1a00;font-weight: bold; }

span {color:#015c76;font-weight: normal;}





/* The Modal (background) */
.modal{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  animation: piano 0.8s;
}

@keyframes piano{
    from { opacity: 0; }
    to { opacity: 1 }
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  width: 45%;
  animation: piano 0.8s;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* FINE The Modal (background) */



/* SUMMERY*/

summary::-webkit-details-marker {
 /* display: none*/
}

summary {
	background-color: #ffffff; 
   	color:#015c76;
	font-size: 1.1em;
	font-weight: normal ;
	outline: none;
	cursor: pointer;
	padding: .5em;
	border-bottom: 3px solid #ededed;
	border-top: 3px solid #ededed;
	border-left: 3px solid #ededed;
	border-right: 3px solid #ededed;
}	
summary:after {
	float: right;
	font-weight: bold;
	font-size: 1.1em;
	transform: rotate(-180deg);
	transition: transform 0.9s ease-in-out;
	/* content:"+";*/
}

details {
margin-top: 10px;	
background-color: #ffffff; 
}

details[open] {
	background-color: #ffffff; 
	
}

details[open] summary{
	border-bottom: 0px solid #ededed;
	border-top: 3px solid #ededed;
	border-left: 3px solid #ededed;
	border-right: 3px solid #ededed;
}


details[open] summary:after {
	transform: rotate(180deg);
	transition: transform 0.9s ease-in-out;
	/* content:"x";*/
	
}

.divsum
{
	padding:10px 20px 10px 20px;
	background-color: #ffffff; 
	animation: apriti 1s ease-in-out;
	border-bottom: 3px solid #ededed;
	border-top: 0px solid #ededed;
	border-left: 3px solid #ededed;
	border-right: 3px solid #ededed;

	       }

details[open] summary ~ * {
  animation: apriti 0.5s ease-in-out;
}


@keyframes apriti {
    from { opacity: 0;transform:translate(0,-40px); }
    to { opacity: 1; transform:translate(0,0px);}
}

/* FINE SUMMERY*/

h1{
	margin: 0;
	padding:0;
	color:#be1a00;
	font-size: 1.2em;
	font-weight: normal;
}
h2{
	margin: 0;
	padding:0;
	color:#015c76;
	font-size: 1.0em;
	font-weight: normal;
}

h3{
	margin: 0;
	padding:0;
	color:#ffffff;
	font-size: 1.0em;
	font-weight: normal;
}

h4{
	margin: 0;
	padding:0;
	color:#015c76;
	font-size:0.8em;
	font-weight: normal;
}

h5{
	margin: 0;
	padding:0;
	color:#888888;
	font-size: 0.7em;
	line-height: 1.2em;
	font-weight: normal;
}

h6{
	margin: 0;
	padding:0;
	color:#888888;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: normal ;
}
h7{
	margin: 0;
	padding:0;
	color:#888888;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
}
h8{
	margin: 0;
	padding:0;
	color:#ffffff;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: normal;
}

h9{
	margin: 0;
	padding:0;
	color:#015c76;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight:normal;
	}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
   /* width: 0; 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px; /* Place content 60px from the top */
	transition: 1s; /* 0.5 second transition effect to slide in the sidenav */
	text-align: left;

	
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 10px;
    text-decoration: none;
    font-size:0.9em;
	line-height: 1.2em;
    color: #ededed;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #ffffff;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    margin-left: 0px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 650px) {
    .sidenav {padding-top: 45px;}
    .sidenav a {font-size:0.7em;}
}




/* Style the links inside the navigation bar */
.topnav a {
	
    float: right;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px;
    text-decoration: none;
    font-size: 16px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ffffff;
    color:#be1a00;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block; }
	
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and  (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
  }
 
} 



@media (min-width:960px) {
.datecorso{
		display: block;
}
	}

@media (max-width:960px) {
	.datecorso{
		display: none;
	}

}






.sopra{
	width: 100%;
	min-height: 45px;
	margin: 0px auto;   /*centra negli altri browsers*/
	background-color:#ffffff;
	position: fixed;
	top: 0;
	z-index: 999;
	border-bottom: 5px solid #be1a00;
 	}

.dentro{
	min-width: 320px;
	max-width: 960px;
	height: 40px;

	/*float: left;
	padding-left:60px;*/
	margin: 0px auto;
	background-color:#ffffff;
	padding-top: 10px;
	transition-property: height;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
	background-image: url(images/titolo2.png);	
	}

.active {
	min-width: 0px;
	width: 0px;
	height: 0px;

	transition-property: height;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
	background-color:#ffffff;
	}

.topnav a.home {
	display: none;
	}

.topnav a.home.activa {
	display: block;
	float: left;
	}



div#roll{
	width: 100%;
	max-height:500px;
	/*overflow: hidden;*/
	margin: 0px auto;  
	margin-top:100px;
	background-color: #f9f9f9;
	border-bottom: 3px solid #ededed;
	}
		
div#immagine{
	min-width: 320px;
	max-width: 960px;
	max-height:900px;
	/*overflow: hidden;*/
	margin: 0px auto;  
	margin-top:0px;
	}


	
div#content_1{
	width: 100%;
	height:0px;
	/*overflow: hidden;*/
	margin: 0px auto; 
	margin-top:0px;
	background-color: #ededed;
	float:left;
	}

div#content_2{
	width: 100%;
	min-height: 150px;
	/*overflow: hidden;*/
	margin: 0px auto;  
	margin-top:0px;
	background-color: #ffffff;
	float:left;
	}

div#content_3{
	width: 100%;
	min-height:30px;
	/*overflow: hidden;*/
	margin: 0px auto;  
	margin-top:0px;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	float:left;
	}

div#content_4{
	width: 100%;
	min-height:400px;
	/*overflow: hidden;*/
	margin: 0px auto;  
	margin-top:0px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #ffffff;
	float:left;
	       }


.div640
{
	max-width:620px;
	min-width: 300px;
	min-height:150px;
	/*overflow: hidden;*/
	padding: 10px;
	float:left;
	       }

.div320
{
	width:300px;
	min-height:150px;
	/*overflow: hidden;*/
	padding: 10px;
	float:left;
	       }
.box
{
	width:246px;
	height:200px;
	/*overflow: hidden;*/
	padding: 20px;
	background-color: #ffffff;
	border: 0px solid #dddddd;
    border-radius: 1px 1px 1px 1px;
	float:left;
	box-shadow:0px 3px 5px 3px #dedede;
	transition: 0.3s;      
	       }
.box:hover
{
	transform:translate(0,-10px);
	box-shadow:0px 12px 20px 3px #888888;
	transition: 0.3s;       }

.sottobox
{
	width:280px;
	height:25px;
	/*overflow: hidden;*/
	padding: 10px 5px 10px 5px;
	margin-top: 10px;
	background-color: #015c76;
	border: 0px solid #ededed;
    border-radius: 5px 5px 5px 5px;
	float:left;
	text-align: center;
	box-shadow:0px 3px 5px 3px #dedede;
	       }
.sottobox:hover
{
	background-color: #be1a00;
	transform:translate(0,-5px);
	box-shadow:0px 12px 20px 3px #888888;
	transition: 0.3s; 
		}

		
	

	
div#menu{
	 	width: 100%;
		min-height: 20px;
		float: left;
		background-color: #015c76;
		margin-bottom: 0px;
		border-bottom: 3px solid #ffffff;
		}
div#dentromenu{
	 	max-width: 960px;
		margin: 0px auto;  
		}	
		
		
div#meno:hover{
		background-color: #ffffff;
		}	





div#container{
	
	min-width:320px;
	max-width: 960px;
	min-height:300px;
	overflow:hidden;
	margin: 0px auto;  
	background-color: #ffffff;
	margin-top:120px;
 }

		
div#content{
	min-width:280px;
	max-width: 600px;
	min-height: 300px;
	float: left;
	padding-left:20px;
	padding-right:20px;
	background-color: #ffffff;
	/*border-right: 2px solid #008000;
	
	background: url(images/content.jpg);*/
	}
	


div#destra{
	
	padding: 0px 10px  0px 10px ;
	width: 300px; 
	min-height: 500px;
	float: left;
	background-color: #ffffff;

	}






div#prefoot{
	width:100%;
	height: 55px;
	margin-top: 40px;
	text-align:center;
	background-color: #ededed;
	float: left;
	}	
	
	
div#foot{
	width:100%;
	height: 400px;
	text-align:center;
	background-color: #3a3a3a;
	float: left;
	}
div#sotto{
	min-width:320px;
	max-width: 960px;
	min-height: 50px;
	max-height: 400px;
	/*float: left;*/
	margin: 0px auto;  
	}
div#dentrosotto{
	width:280px;
	height: 100px;
	float: left;
	text-align:left;
	padding-top:25px;
	padding-left:40px;
	padding-right:0px;
	 
	}


div#soprabox{
		
		margin:30px 0px 0px 0px; 
		padding: 0px 0px  0px 0px ; 
		min-height:100px; 
		min-width: 280px;
		float:left; 
		text-align:center; 
		background-color: #ffffff;
		}

div#dentrobox{
		
		padding: 3px 10px  0px 10px ; 
		height:27px; 
		width: 280px;
		text-align:center; 
		margin: 0px auto;
		background-color: #ededed;
		
		}		
		

div#box{
		margin:15px 0px 0px 0px;
		padding: 10px 10px  10px 10px ; 
		min-height:50px; 
		width: 280px;
		float:left; 
		text-align: center; 
		border: 0px solid #eeeeee;
		background-color: #ffffff;
		box-shadow:0px 3px 5px 3px #dedede;
		}
div#boxino{
		margin-top: 15px;
		padding: 2px 0px  0px 0px ; 
		height:28px; 
		width: 300px;
		text-align:center;
	background: -webkit-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background: -o-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background: linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
		
	 	border-radius: 5px 5px 5px 5px;
		float:left;
	
		}
		
div#boxino:hover{
		background-color: #be1a00;
		}

div#boxino2{
		margin-top: 15px;
		padding: 4px 0px  0px 0px ; 
		height:28px; 
		width: 300px;
		text-align:center;
	background:url(images/down.png)left 15px top 3px no-repeat, -webkit-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background:url(images/down.png)left 15px top 3px  no-repeat, -o-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background:url(images/down.png)left 15px top  3px no-repeat, linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
		
	 	border-radius: 5px 5px 5px 5px;
		float:left;
	
		}	
	
	div#boxino2:hover{
		background-color: #dddddd;
		}

div#boxino3{
		margin-top: 15px;
		padding: 4px 0px  0px 0px ; 
		height:28px; 
		width: 300px;
		text-align:center;
	background:url(images/car.png)left 15px top 3px no-repeat, -webkit-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background:url(images/car.png)left 15px top 3px  no-repeat, -o-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
	background:url(images/car.png)left 15px top  3px no-repeat, linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
		
	 	border-radius: 5px 5px 5px 5px;
		float:left;
	
		}	
	
	div#boxino3:hover{
		background-color: #dddddd;
		}

.tabs {
	
	float: left;
	min-height:400px;
    width: 100%;
    list-style: none;
    padding: 00px 00px 0px 00px;
    margin: 0px auto;
    border: 4px solid #eeeeee;
}

.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: 33.3333%;
    text-align: center;
    line-height: 3;
	cursor: pointer;
    border: 0px solid #eeeeee;
	color: #55001f;
	 background-color:#eeeeee;
}

.tabs label:hover {
    background-color:#ffffff;
}
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    background-color:#ffffff;
	text-align:justify;
}

.tabs [id^="tab"]:checked + label {
    background: #ffffff;
   
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}








.flex {max-width: 100%; max-height: 400px;}

/*tooltip*/
.tooltip {
  position: relative;
  display: inline-block;
 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
 font-size: 0.8em;
  text-align: left;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 111111111111111111;
  bottom: 110%;
  left: 50%;
  margin-left: -45px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*fine tooltip*/



/*INIZIO SLIDER IMMAGINI*/
/* {box-sizing: border-box}*/
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 960px;
	min-height: 300px; 
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
background-color: rgba(240,240,240,1);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 5px 0 0 5px;
}

.prev {
  left: 0;
  border-radius: 0 5px 5px 0;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.6);
}

/* Caption text */
.text {
  color: #999999;
  font-size: 1.em;
  padding: 20px 50px;
  position: absolute;
  top: 60px;
  width: 70%;
  text-align: justify;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #015c76;
  font-size: 1.2em;
  padding: 8px 50px;
  position: absolute;
  top: 20px;
}

.numbertext2 {
  color: #be1a00;
  font-size: 1.0em;
  padding: 8px 50px;
  position: absolute;
  top: 40px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 10s;
animation-delay:0s;

}



@keyframes fade {
  	0%{opacity: 0; transform: translate(-400px, 0px);} 
	10% {opacity: 1; transform: translate(0px, 0px);}
	50% {opacity: 1; transform: translate(0px, 0px);}
	90% {opacity: 1; transform: translate(0px, 0px);}
	100% {opacity: 0; transform: translate(400px, 0px);}
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 1em}
}

/*FINE SLIDER IMMAGINI*/


/*INIZIO PULSANTE SWITCH*/

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height:20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #015c76;
}

input:focus + .slider {
  box-shadow: 0 0 1px #015c76;
}

input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}

/*INIZIO PULSANTE SWITCH*/


/*IMMAGINE TUTTIPRODOTTI*/
.tuttiprodotti {
	margin: 0 auto;
	padding:0px 10px 0px 10px; 
	width: 260px;
	float: left;
    font-size: 0.8em;
   	line-height: 1.3em;
    position: relative;
    overflow: hidden;	
}	

.tuttiprodotti span{

    margin: 0 auto;
    padding: 0px 4px;
    width: 130px;
    font-weight: bold ;
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.4);
    position: absolute;
    left: 70px;
    top: 5px;
}
.tuttiprodotti span strong{
	color:#ffffff;
	display: block;
    
}
	
/*fine IMMAGINE TUTTIPRODOTTI*/


.approfondisci3{
	margin: 0 auto;
	padding:3px 0px 0px 0px;
	width:200px;
	height:27px ;
	text-align: center;
    background: -webkit-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
    background: -o-linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1));
    background: linear-gradient(rgba(33,124,150,1), rgba(1,92,118,1)); 
	border-radius: 5px; 
	}