body {font-family:'Times New Roman'; /*cursive, sans-serif, helvetica;*/ color:#622505; /*color:#E6B5A1;*/ /*color:#AA524E;*/ /*color:#40241c;*/ font-size:28px; }
    #titolo {/*background-color:#AA524E;*/ text-align:center; width:100%; height:140px; float:left; margin-top: 0px; }
    #titolo img {text-decoration:none; height:130px; padding-top:10px; }
    #titolo #titolologo {float: left; text-align:left; /*width:28%;*/ height:140px; }
    #titolo #titolotesto {float: left; text-align:left; /*width:72%;*/ height:140px; }
    #titolo #titolotesto #titolotestogrande {font-family: 'Amatic SC', cursive, sans-serif; font-size:60px; padding-top:10px; padding-left:20px; }
    #titolo #titolotesto #titolotestopiccolo {font-family: 'Amatic SC', cursive, sans-serif; font-size:32px; padding-left:20px; padding-bottom:23px; }
	#contenutohome div {margin-left: 60px; margin-right: 60px;}
	#contenutoabout div {margin-left: 60px; margin-right: 60px;}
	#contenutoclasses div {margin-left: 140px; margin-right: 140px; }
	#contenutoworkshops div {margin-left: 220px; margin-right: 220px;}
	#contenutoayurveda div {text-align: center;}	
	#contenutoayurveda img {width:600px;}
	
	
 /* Add a black background color to the top navigation */
.topnav {font-family: 'Amatic SC', cursive, sans-serif;
  background-color:#AA524E;
  overflow: hidden;
  width:100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color:#E6B5A1;
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 28px;
}

/* Change the color of links on hover */
.topnav a:hover {
  text-decoration:underline;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color:#E6B5A1; 
  color:#AA524E;
}

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


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

	.contenuto {width: 100%; text-align:justify; overflow: auto; font-size: 28px; line-height:1.5; max-width: 1400px; /*margin-left: auto;	margin-right: auto;*/}
	.contenuto div{padding: 0 18px; }

	   #contenutocontacts div{padding: 0px;}
	   .box .topright .text { 
	   padding: 8px 16px !important;
	   }
	
	/*hr {border-style:solid; color:#AA524E}*/
	.contatti {width:100%; margin-top:30px; /*height:170px;*/font-size:26px; overflow:auto; border-top: 2px solid #AA524E;
	/*position : fixed;*/
	bottom : 10px;
	line-height:1.4;}
	.contatti #indirizzo {width:85%; float:left; text-align:left; /*height: 140px;*/}
	.contatti #indirizzo div {/*padding: 0px 20px 0px 20px;*/ width:430px; float:right; /*height: 140px;*/ }
	.contatti #logoinbasso { width:15%; float:left; text-align:right; }
	/*#logoinbasso div {margin-top: 10px;}*/
	#logoinbasso img {margin-top: 15px; width: 190px;}  
	

	.mappacontatti {
		width : 100%;
		text-align: center;
		float:left;
	}
	
	.mappa {
		width : 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom : 30px;

	}


	.mappa .googlemap {
		width : 100%;
		height : 700px;
		border-style : none;
	}

	/*#item-options {
		font-size:24px;
	}*/

	#contenutoprice {
		max-width : 750px;
		margin-left:auto; margin-right:auto;
	}


.box {position: relative;}
  .box .topright{
  position: absolute;
  top: 0px;
  right: 0px;
  }

.box .topright .text {

  background-color:#E6B5A1; 
  color:#AA524E;
  /*font-size: 16px;*/
  padding: 8px 16px;
  font-family: 'Amatic SC', cursive, sans-serif; 
}


	@media only screen and (min-width: 1400px) {
	/* For bigger screens: */
    body {font-size:30px; /*font-size:28px;*/}
	.topnav a {
	  font-size: 37px;
	}
    #titolo #titolotesto #titolotestogrande {font-size:62px; /*font-size:60px;*/}
    #titolo #titolotesto #titolotestopiccolo {font-size:34px; /*font-size:32px; */}
	.contenuto {font-size: 30px; /*font-size: 28px;*/margin-left : auto; margin-right : auto; max-width: 1400px;}
	.contatti {font-size:26px; /*font-size:26px; */}	
	#contenutoprice {width : 770px;}
	#contenutohome div {margin-left: 70px; margin-right: 70px;}
	#contenutoabout div {margin-left: 70px; margin-right: 70px;}
	#contenutoclasses div {margin-left: 162px; margin-right: 162px;}
	#contenutoworkshops div {margin-left: 262px; margin-right: 262px;}
	
	}

	@media only screen and (min-width: 1560px) {
	/* For bigger screens: */
	.contenuto {font-size: 32px; /*font-size: 28px;*/}	
	#contenutoprice {width : 820px;}
	}	
	
	@media only screen and (min-width: 1600px) {
	/* For bigger screens: */
	.contenuto {font-size: 48px; /*font-size: 28px;*/ }
	.topnav a {
	  font-size: 40px;
	}
    #titolo #titolotesto #titolotestogrande {font-size:66px; /*font-size:60px;*/}
    #titolo #titolotesto #titolotestopiccolo {font-size:38px; /*font-size:32px; */}
	.contatti {font-size:28px; /*font-size:26px; */}	
	.contatti #indirizzo div {width:468px; }	
	#contenutoprice {width : 922px;}	
	#contenutohome div {margin-left: 72px; margin-right: 72px; }
	#contenutoabout div {margin-left: 72px; margin-right: 72px;}
	#contenutoclasses div {margin-left: 162px; margin-right: 162px;}
	#contenutoworkshops div {margin-left: 72px; margin-right: 72px;}
	#contenutoayurveda img {width:1000px;}


	.mappacontatti {
	margin-top: 20px;
	}



	.box .topright .text {
	font-size: 32px; 
}

	}

	@media only screen and (min-width: 2000px) {
	/* For bigger screens: */
	.contenuto {max-width: 1700px;/*font-size: 28px;*/ } 
	.topnav a {
	  font-size: 60px;
	}
	.topnav {
	  margin-top: 60px;
	}
    #titolo #titolotesto #titolotestogrande {font-size:76px; /*font-size:60px;*/}
    #titolo #titolotesto #titolotestopiccolo {font-size:48px; /*font-size:32px; */}
	.contatti {font-size:40px; /*font-size:26px; */}	
	.contatti #indirizzo div {width:650px; }	
    #titolo img {text-decoration:none; height:150px; padding-top:10px; }
    #titolo #titolologo {float: left; text-align:left; /*width:28%;*/ height:160px; }
	#logoinbasso img {margin-top: 22px; width: 296px;}
	#contenutoprice {width : 1178px;}

	.mappa {
		width : 900px;
	}

	.mappa .googlemap {
		height : 800px;
	}
	

	}

	   @media only screen and (max-width:1380px) { 		

		.contatti #indirizzo {width:82%; }
		.contatti #logoinbasso { width:18%;} 
		}	
	
	   @media only screen and (max-width:1080px) {
		.contatti #indirizzo {width:80%; }
		.contatti #logoinbasso { width:20%; } 
		#contenutoworkshops div {margin-left: 50px; margin-right: 50px;}		
		}	
		
	   @media only screen and (max-width:980px) {
		.contatti #indirizzo {width:78%; }
		.contatti #logoinbasso { width:22%; } 
		}	

	   @media only screen and (max-width:890px) {
		.contatti #indirizzo {width:76%; }
		.contatti #logoinbasso { width:24%; }		

		.topnav {
		  margin-bottom: 20px;
		}
		.topnav a {
		  padding: 8px 12px;
		}
		.contenuto {font-size: 26px; }
		#contenutohome div {margin-left: 50px; margin-right: 50px;}
		#contenutoabout div {margin-left: 50px; margin-right: 50px;}
		#contenutoclasses div {margin-left: 118px; margin-right: 118px;}
		#contenutoayurveda img {width:400px;}

		.mappacontatti {
		margin-top: 10px;
		}
		.mappa {

			width : 650px;
		}

		.mappa .googlemap {
			height : 550px;
		}
		}

		   @media only screen and (max-width:830px) {
		.topnav a {
		    font-size: 26px;
		}

		.topnav a {
		  padding: 8px 8px;
		    font-size: 26px;
		}
		


		
		.contatti #indirizzo {width:75%; }
		.contatti #logoinbasso { width:25%;} 
		.contatti {font-size:22px; }	
	    .contatti #indirizzo div {width:365px; }
		#logoinbasso img {margin-top: 15px; width: 150px;} 
		#contenutoclasses div {margin-left: 100px; margin-right: 100px; }
		}


		 /* 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: 720px) {
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
			float: right;
			display: block;
		  }
		  #item-options {width: 100%;}

		}

		/* 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: 720px) {
		  .topnav.responsive {position: relative;}
		  .topnav.responsive a.icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
		  }
		.contenuto {font-size: 24px;}
		#contenutoclasses div {margin-left: 30px; margin-right: 30px; }
		#contenutohome div {margin-left: 30px; margin-right: 30px; }
		#contenutoabout div {margin-left: 30px; margin-right: 30px; }
		#contenutoworkshops div {margin-left: 30px; margin-right: 30px;}
		.contatti #indirizzo {width:73%; }
		.contatti #logoinbasso { width:27%;} 
		.mappa {
			width : 560px;
		}

		.mappa .googlemap {
			height : 500px;
		}

		} 		

		@media screen and (max-width: 600px) {
		.contenuto {font-size: 22px; }
		#contenutoclasses div {margin-left: 20px; margin-right: 20px; }
		#contenutohome div {margin-left: 20px; margin-right: 20px; }
		#contenutoabout div {margin-left: 20px; margin-right: 20px; }
		#contenutoworkshops div {margin-left: 20px; margin-right: 20px;}
	    #contenutocontacts {margin-top: 10px;}
		/*#contenutoayurveda img {width:400px;}*/
		.contatti #indirizzo {width:70%; }
		.contatti #logoinbasso { width:30%;} 
		.contatti {font-size:20px; }	
	    .contatti #indirizzo div {width:330px; }
		#logoinbasso img {margin-top: 15px; width: 140px;} 
		.mappacontatti {
		margin-top: 20px;
		}
		.mappa {
			width : 480px;
		}

		.mappa .googlemap {
			height : 480px;
		}

		} 
		 
		@media screen and (max-width: 550px) { 
		#titolo {height:130px; }
		#titolo img {height:120px; padding-top:10px; }
		#titolo #titolologo {height:130px; }
		#titolo #titolotesto {height:130px; }
		#titolo #titolotesto #titolotestogrande {font-size:56px; /*padding-top:10px; padding-left:20px;*/ }
		#titolo #titolotesto #titolotestopiccolo {font-size:28px; /*padding-left:20px; padding-bottom:23px;*/ }
		.topnav {
		  margin-top: 20px;
		  margin-bottom: 10px;
		}
		.contatti #indirizzo {width:67%; }
		.contatti #logoinbasso { width:33%;} 
		.contatti {font-size:18px; }	
	    .contatti #indirizzo div {width:294px; }
		#logoinbasso img {margin-top: 15px; width: 136px;} 

		.mappa {
			width : 460px;
		}

		.mappa .googlemap {
			height : 460px;
		}

		}		
		
		@media screen and (max-width: 500px) {
		#contenutoayurveda img {width:300px;}
		.contatti #indirizzo {width:67%; }
		.contatti #logoinbasso { width:33%;} 
		.contatti {font-size:16px; }	
	    .contatti #indirizzo div {width:260px; }
		#logoinbasso img {margin-top: 10px; width: 120px;} 
		.mappa {
			width : 370px;
		}

		.mappa .googlemap {
			height : 370px;
		}

	   .box .topright .text { 
	   padding: 4px 8px !important;
	   }

		}		

		@media screen and (max-width: 410px) {
		.mappa {
			width : 340px;
		}

		.mappa .googlemap {
			height : 340px;
		}


		.contatti #indirizzo {width:70%; }
		.contatti #logoinbasso { width:30%;} 
		#logoinbasso img {margin-top: 10px; width: 110px;} 
		}		

		@media screen and (max-width: 390px) {
		#titolo {height:110px; }
		#titolo img {height:100px; padding-top:8px; }
		#titolo #titolologo {height:110px; }
		#titolo #titolotesto {height:110px; }
		#titolo #titolotesto #titolotestogrande {font-size:54px; padding-top:6px; padding-left:10px; }
		#titolo #titolotesto #titolotestopiccolo {font-size:26px; padding-left:10px; padding-bottom:10px; }
		.topnav {
		  margin-top: 10px;
		  margin-bottom: 5px;
		}
		.contenuto {font-size: 22px; }
		#contenutoclasses div, #contenutohome div, #contenutoabout div, #contenutoworkshops div {
			margin-left: 10px; margin-right: 10px; }

		.contatti #indirizzo {width:76%;  }
		.contatti #logoinbasso { width:24%;} 
		.contatti {font-size:16px; }	
	    .contatti #indirizzo div {width:260px; margin-top:-10px; margin-bottom:-10px;}
		#logoinbasso img {margin-top: 10px; width: 80px;} 
		.mappa {
			width : 320px;
		}

		.mappa .googlemap {
			height : 320px;
		}

		}							

		@media screen and (max-width: 358px) {
		#titolo {height:98px; }
		#titolo img {height:90px; padding-top:8px; }
		#titolo #titolologo {height:98px; }
		#titolo #titolotesto {height:98px; }
		#titolo #titolotesto #titolotestogrande {font-size:52px; padding-left:4px; }
		#titolo #titolotesto #titolotestopiccolo {font-size:24px; padding-left:4px;}

		.contenuto {font-size: 20px; }
		#contenutoclasses div, #contenutohome div, #contenutoabout div, #contenutoworkshops div {
			margin-left: 5px; margin-right: 5px; }
		#contenutoayurveda img {width:280px;}
		#contenutocontacts {margin-left: 0px;}
		.contatti #indirizzo {width:76%; }
		.contatti #logoinbasso { width:24%;} 
		.contatti {font-size:14px; }	
	    .contatti #indirizzo div {width:230px; margin-top:-10px; margin-bottom:-10px;}
		#logoinbasso img {margin-top: 10px; width: 70px;} 
		.mappa {
			width : 290px;
		}

		.mappa .googlemap {
			height : 290px;
		}
		}		
		
		
		@media screen and (max-width: 320px) {
		#titolo #titolotesto #titolotestogrande {font-size:50px; padding-left:2px; }
		#titolo #titolotesto #titolotestopiccolo {font-size:22px; padding-left:2px;}
		.contatti {font-size:12px; }
	    .contatti #indirizzo div {width:200px; margin-top:-10px; margin-bottom:-10px; }
		.contatti #indirizzo {width:73%; }
		.contatti #logoinbasso { width:27%;} 
		}		
		
		@media screen and (max-width: 295px) {

		#titolo #titolotesto #titolotestogrande {font-size:48px; padding-left:2px; }
		#titolo #titolotesto #titolotestopiccolo {font-size:20px; padding-left:2px;}
		.contatti {font-size:10px; }
	    .contatti #indirizzo div {width:170px; margin-top:-5px; margin-bottom:-10px; }
		.contatti #indirizzo {width:70%; }
		.contatti #logoinbasso { width:30%;} 
		}