/*
Grigio-sfondo: #4f4f50
Grigio-testo: 454c4b
blu: #0d7c3f
verde: 0d7c3f
*/
body 	{
	font-family: "Open Sans", sans-serif;	
	}

/* CLASSI GENERALI */
.row {
     max-width: 70rem;
}


.separatore	{
	background-image:url(../images/separatore.png);
	background-repeat: no-repeat;
	background-position:center center;
	height:80px;
	}

.fl	{
	background:#0d7c3f;
	padding:5px 10px 5px 20px;	
	margin-right: 15px;
	margin-left:10px;
	font-weight:800;
	font-size:24pt;
	margin-bottom:10px;
	}	

.th {
	margin-bottom: 15px;
}

.th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(13, 124, 63, 0.6);
    box-shadow: 0 0 6px 1px rgba(13, 124, 63, 0.6); }


small {
	font-size: 9pt;
}	


button:hover, .button:hover {
	background-color: #0d7c3f;
	border-color: #0d7c3f;
}

button, .button	{
	background-color: #e11f26;
	border-color: #e11f26;
}


hr {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 3.8em auto;
  margin-bottom: 2.2em;
  border: none; 
  background: #0d7c3f;
  max-width: 660px;
  text-align:center;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}


/* SEPARATORE*/	
header	{	
	padding-top: 15px;
	padding-bottom: 10px;					
	}
	
	
.handwritten	{
	position:absolute;
	left:20px;
	bottom:20px;
	font-family: 'Marck Script', cursive;
	font-size:1.5rem !important;
	max-width:40%;
	margin-left:4%;
	margin-bottom:4%;
	padding:10px;
	/*background:white;*/
	/* Valido per Mozilla, Opera, Safari, Chrome */
    /*opacity: 0.7;*/
    /* Valido per gli antichi MS Explorer  5-7 */
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
    /* Valido per MS Explorer 8 e successivi */
     /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - See more at:*/ /*http://brainleaf.eu/index.php/tutorial-css/35-tutorial-css-background-opacity-una-tecnica-per-non-influenzare-gli-elementi-child#sthash.LMKXQxic.dpuf*/
}

#flags {
	position: absolute;
	top: 5px;
	right:0;
	width: 200px;
	margin-right:15px;
	z-index: 10000;
}

#flags a	{
	padding-left: 10px;
}
	
/* MENU */	
#menu 	{
	margin-bottom: 0;			
	}
	
#menu li a	{
	color: #4f4f50;
	text-transform: uppercase;
	padding-top: 55px;		
	}
	
#menu li a:hover	{
	border-bottom:7px solid #0d7c3f;
	padding-top: 48px;	
	}	
	
	
.orbit-caption	{
	border-bottom:5px solid #0d7c3f;
	text-align:center;
	}	

/*SCREEN */
#screen	{
	margin-bottom:20px;
	}


#screenpage	{
	padding-top:20px;
	padding-bottom:15px;
	background: #4f4f50;
	border-bottom:5px solid #0d7c3f;
	margin-bottom:20px;
	}
	
#screenpage	h1{
	color:white;
	margin-bottom: 0px;
	}	

	
/* CONTENUTI */ 
h1	{
		font-size: 1.7rem;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		margin-bottom: 25px;
		color:black
		
	}	

h2	{
		font-size: 1.3rem;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
		color:black
	}	

h5	{
		color: #222;
	}

	
p, ul, ol  	{
	font-size: 12pt;
	/*color: #666;*/
	font-weight: 300;
	}	
ul {
	margin-left: 40px;
}
	
b {
	color: #666;
	font-weight: 400;
}	

a 	{
	color: #0d7c3f;
	}
	
a:hover 	{
	color: #0d7c3f;
	}	
	
	
#prodotti a, #prodotti a:hover {
	color: #666;
} 	
	
	
#totop	{
	margin-top:40px;
	}
	
	
	
/* FOOTER */
footer	{	
	margin-top: 30px;
	border-top:5px solid #0d7c3f;
	background: #4f4f50;
	padding-top:25px;
	padding-bottom:35px;
	}

footer a {
	color: white
}
	
footer h1 {
	color:white;	
	}	
	
	
footer p {
	color:white;	
	font-size: 11pt;
	}	


#gmap	{
	margin-bottom:30px;
	}


	
/* MEDIUM */
	@media screen and (min-width: 641px) and (max-width: 1024px) {

	.handwritten	{
		margin-left:2%;
		margin-bottom:1%;
		left:10px;
		bottom:10px;
		font-size:1.2rem !important;
		max-width:44%;
	}
	

}	




/* SMALL */
@media screen and (max-width: 640px) {
	
	.handwritten	{
		margin-left:1%;
		margin-bottom:1%;
		left:5px;
		bottom:5px;
		font-size:0.8rem !important;
		max-width:44%;
	}
	
	#menu {
		float: none !important;
	}
	
	
	footer h1, footer p {
		text-align:center;
	}

}


/*  VERY SMALL */

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

	#logo	{
		text-align: center;
	}
	

	.handwritten	{
		display:none;
	}
	
	
	
}