.ShopName {
	text-align:center;
	font-size:9vw;
	color: #d54d7b; 
	font-family: "Great Vibes",cursive; 
}

 

/* For generic page styles. Not for sliders. */

.MainTitle {
	text-align:center;
	font-size:3vw;
	margin-top:-2em;
}



#ChiSiamoHead {
	color: #d54d7b; 
	font-family: "Great Vibes",cursive; 
	font-size: 4vw;
	line-height: 160px; 
	font-weight: normal;
	margin-bottom: 0px; 
	margin-top: 40px; 
	text-align: center; 
	text-shadow: 0 1px 1px #fff; 
	}

	
.ChiSiamo{
	background-color:#F5F5F5;
    margin-right: 10%;
    margin-left: 10%;
}

.ChiSiamo p {
	color: #7a7c7f; 
	font-size: 1.5vw; 
	font-family: "Libre Baskerville", serif; 
	line-height: 3vw; 
	text-align: justify; 
	text-shadow: 0 1px 1px #fff;
	padding-top: 20px; 
	margin-right: 10%;
    margin-left: 10%;
    margin-top:-1em;
	}



/*THE NAVIGATION BAR*/


.nav2{
    border:transparent;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav2 li{
    display:inline;
}
.nav2 a{
    display:inline-block;
    color: grey;
    font-family:"Great Vibes",cursive; 
    font-size:4vw;
    padding: 30px;
     text-decoration: none;

}

li a:hover {
  	color: #cc0000;
	background:none;
	transition:all 1s;
	border-bottom: #cc0000 solid 1px;
	opacity:0.9;
	filter:alpha (opacity=90)
}









/* THE IMAGE SLIDER*/





.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 60vw;
  position: relative;
  margin: auto;
  overflow:hidden;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}





/* SECTION ON PREVENTIVO */



#PrevHead {
	color: #d54d7b; 
	font-family: "Great Vibes",cursive; 
	font-size: 3.5vw;
	line-height: 160px; 
	font-weight: normal;
	margin-bottom: 0px; 
	margin-top: 40px; 
	text-align: center; 
	text-shadow: 0 1px 1px #fff; 
	}

.Preventivo{
	background-color:#F5F5F5;
    margin-right: 8vw;
    margin-left: 8vw;
}

.Preventivo p {
	color: #7a7c7f; 
	font-size: 1.7vw; 
	font-family: "Libre Baskerville", serif; 
	line-height: 3wv; 
	text-align: center; 
	text-shadow: 0 1px 1px #fff;
	padding-top: 20px; 
	margin-left: 10%;
	margin-left: 10%;
	}



/* SECTION ON SERVIZI WITH THE BUTTONS*/	

	
/* Style the tab */
div.tab {
    float: left;
    background-color: inherit;
    width: 20%;
    height: 200px;
    margin-left:5%;
    overflow:visible;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: #ccc;;
    color: #d54d7b;
    font-family:"Open Sans Condensed",cursive; 
    padding: 22px 16px;
    width: 23vw;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 2vw;
    line-height: 5vw;


}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #ddd;
    border:solid grey;
}

/* Style the tab content */
.tabcontent {
    width: 55vw;
    border-left: none;
    background-color:#F5F5F5;
    float:right;
    margin-right:10%;
    overflow:visible;
}

.tabcontent img {
	display : block;
    margin : auto;
    width:70%;
    height:15vw;
}

.tabcontent h3 {
	color: #d54d7b; 
	font-family: "Great Vibes",cursive; 
	font-size: 4vw;
	text-align:center;
	font-weight: normal;
}

.tabcontent p {
	color: #7a7c7f; 
	font-size: 1.4vw; 
	font-family: "Libre Baskerville", serif; 
	line-height: 3vw; 
	text-align: justify; 
	text-shadow: 0 1px 1px #fff;
	padding-top: 20px; 
	margin-right: 10%;
    margin-left: 10%;
}












/*THE CONTACT SECTION*/

.Map > div
{
    display: inline-block;
}
.Map
{
    background-color:#ddd;
    text-align: center;
    margin: 0px auto;
    width: 85vw;
    height:500px;
}
.InnerText{
  background-color:#ccc;

  }
  
.InnerMap{
	width:55vw;
	height:40vw;
}

.MapDiv{
	float:left;
	margin-left:10%;

}

.InnerText p {
	font-size:1.2vw;
}
	
