/* CSS Document */
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


body {
	color: #333333;
	font-family: 'Molengo', sans-serif;
	font-size:20px;/*18/16=*/
	line-height:1.0em;
	padding:0;
	margin:0 auto;
	background:#333333;
	
}

a {
	color:#5e785c;
	text-decoration:none;
}
a:hover {
	color:#333;
}

h1 {
	
	font-size:60px;
	margin:0 auto;
	padding:0;
	color:#5e785c;
	font-family: 'Dancing Script', cursive;
	font-style:normal;
	line-height:1.0em;
		}
h1 a{
	color:#5e785c;
	text-decoration:none;
	}	
	
h1 a:hover{
	color:#333;
	text-decoration:none;
	}		
	
h2 {
	font-size:25px;
	margin:0 auto;
	padding:0;
	color:#5e785c;
	font-family: 'Dancing Script', cursive;
	font-style:normal;
	line-height:1.0em;

	}
	
h2 a{
	color:#b7a675;
	text-decoration:none;
	}	
	
h2 a:hover{
	color:#999;
	text-decoration:none;
	}	
	
h3 {
	font-size:25px;
	font-weight:bold;
	margin:0;	
	padding:0;
	font-family: 'Dancing Script', cursive;
	color:#708f6e;
	line-height:1em;
	}	
		
	header{
	max-width:965px;
	width:965px;
	margin:0 auto;
	padding:15px 0 15px 25px;
	}
	
	

nav{
max-width:100%;				/*320px  / 16px = 16em    */	
margin:0 auto;
height:70px;
clear:both;
background:url(images/bg_menu_02.png) repeat-x top left;

	}	


menu{
	width:100%;
	max-width:100%;
	background:url(images/bg_menu_02.png) repeat-x top left;
	height:60px;
	margin:0;
	padding:10px 0 0 0;
	color:#ffcccc;
	font-size:22px;
	text-align:center;
	text-transform: uppercase;
	
	}
	
menu a{
	color:#ffcccc;text-decoration:none;
	}
menu a:hover{
	color:#d95b38;text-decoration:none;
	}
	
menu img{padding:0 4px 0 4px; vertical-align:middle;}

#testo_home{
	max-width:465px;
	width:465px;
	margin:0 auto;
	padding:120px 500px 60px 25px;
	background:url(images/bg_foto.png) top left no-repeat;
	font-family: 'Dancing Script', cursive;
	font-size:30px;
	color:#f1e2e3;
	line-height:1.1em;
}

#content_home{
	width:100%;
	max-width:100%;
	background:url(images/bg_rosa.png) top left;
	padding:40px 0 40px 0;
	margin:50px auto;
	float:left;
	}	
	
#content_home #interno{
	max-width:965px;
	width:965px;
	margin:0 auto;
	padding:0 0 0 25px;
	}	
	
#content_home #interno .box1{
	max-width:540px;
	width:540px;
	padding:0 50px 0 0;
	float:left;
	
	}
#content_home #interno .box2{
	max-width:375px;
	width:375px;
	float:right;
	}
	
#content_home #interno .box2 .pulsante{
	max-width:335px;
	width:335px;
	background:#8cb289 url(images/freccia.png) center right no-repeat;
	font-family: 'Dancing Script', cursive;
	font-size:36px;
	color:#fff;
	padding:20px;
	margin:0 0 3px 0;
	float:left;
	}				
	
#content_home #interno .box2 .pulsante a{text-decoration:none; color:#fff;}

#content_home #interno .box2 .content_img{
	max-width:375px;
	width:375px;
	float:left;
	margin:0 0 3px 0;
	
	}
#content_home #interno .box2 .content_img img{margin:0;padding:0 3px 0 0;float:left;}	

#footer{
	float:left;
	width:100%;	/*996  / 1200px = 0.1885    */	
	background:#8cb289;
	color:#f1e2e3;
	padding:20px 0 20px 0;
	font-size:14px;
	}
#footer #footer_int{
	max-width:965px;
	width:965px;
	margin:0 auto;
	padding:0 0 0 25px;
	}	
	
#footer #footer_int{
	vertical-align:middle;
	border:none;
	}

#footer a{
	color:#f1e2e3;
	text-decoration:none;
	}

/* pagina interna*/

#spazio_interno{
	max-width:100%;
	width:100%;
	height:385px;
	margin:0 auto;
	overflow:hidden;
}

#content_interno{
	width:100%;
	max-width:100%;
	background:url(images/bg_rosa_resp.png) top left;
	padding:40px 0 40px 0;
	margin:0 auto;
	float:left;
	}	
	
#content_interno #int{
	max-width:965px;
	width:965px;
	margin:0 auto;
	padding:0 0 0 25px;
	}	
	
#content_foto{
	width:100%;
	max-width:100%;
	background:#5e785c;
	padding:40px 0 40px 0;
	margin:0 auto;
	float:left;
	}	
	
#content_foto #int_foto{
	max-width:965px;
	width:965px;
	margin:0 auto;
	padding:0 0 0 25px;
	}	
	
#content_foto #int_foto img{
	margin:0 0 0 4px;
	}	

	
		
	
@media only screen and (max-width:995px) {
body{background-size: cover;}

menu{display:none;}
	
h1 {
	font-size:40px;
	margin:0 auto;
	padding:0;
	color:#5e785c;
	font-family: 'Dancing Script', cursive;
	font-style:normal;	}
	
		
header{
	max-width:80%;
	width:80%;
	margin:0 auto;
	padding:15px 0 15px 4%;
	}
			
#testo_home{
	max-width:90%;
	width:90%;
	margin:0 auto;
	padding:20px 4% 20px 4%;
	background:none;
	font-family: 'Dancing Script', cursive;
	font-size:24px;
	color:#f1e2e3;
	line-height:0.9em;
}

#content_home{
	width:100%;
	max-width:100%;
	background:url(images/bg_rosa_resp.png) top left;
	padding:20px 0 20px 0;
	margin:30px 0 0 0;
	float:left;
	}	
	
#content_home #interno{
	max-width:90%;
	width:90%;
	margin:0 auto;
	padding:0 0 0 25px;
	}	
	
#content_home #interno .box1{
	max-width:98%;
	width:98%;
	padding:0 2% 0 0;
	}
#content_home #interno .box2{
	max-width:98%;
	width:98%;
	}
	
#content_home #interno .box2 .pulsante{
	max-width:90%;
	width:90%;
	background:#5e785c url(images/freccia_small.png) center right no-repeat;
	font-family: 'Dancing Script', cursive;
	font-size:25px;
	color:#fff;
	padding:4%;
	margin:2% 0 2% 0;
	float:left;
	}				
	
#content_home #interno .box2 .pulsante a{text-decoration:none; color:#fff;}

#content_home #interno .box2 .content_img{
	display:none;
	}
	
#footer{
	float:left;
	width:100%;	
	background:#8cb289;
	color:#f1e2e3;
	padding:5px 0 5px 0;
	font-size:14px;
	}
#footer #footer_int{
	max-width:98%;
	width:98%;
	margin:0 auto;
	padding:0 0 0 2%;
	}	
	
	
#spazio_interno{
	max-width:100%;
	width:100%;
	height:150px;
	margin:0 auto;
	overflow:hidden;
}

#content_interno{
	width:100%;
	max-width:100%;
	background:url(images/bg_rosa_resp.png) top left;
	padding:40px 0 40px 0;
	margin:0 auto;
	float:left;
	}	
	
#content_interno #int{
	max-width:96%;
	width:96%;
	margin:0 auto;
	padding:0 0 0 4%;
	}	
	
#content_foto{
	width:100%;
	max-width:100%;
	background:#5e785c;
	padding:40px 0 40px 0;
	margin:0 auto;
	float:left;
	}	
	
#content_foto #int_foto{
	max-width:96%;
	width:96%;
	margin:0 auto;
	padding:0 0 0 4%;
	}	
	
#content_foto #int_foto img{
	margin:0 0 0 2px;
	}		

}

@media only screen and (min-width: 996px) and (max-width: 3000px) {
	nav{display:none;}
}