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

* { margin: 0; padding:0;}
html, body {
	height: 100%;
	width: 100%;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	font-family: 'Libre Baskerville', serif;
}
a img{ border:none;}
/*a:visited{ color:#333; } */


h1{ letter-spacing:0.1em; /*color:#56A193;*/ font-size:15px; letter-spacing:0.1em; font-weight:bold; }

h3{ letter-spacing:0.1em; /*color:#56A193;*/ font-size:14px; letter-spacing:0.1em; font-weight:bold; }

strong{ letter-spacing:0.1em; color:#333; font-size:15px; font-weight:normal; }

p{ letter-spacing:0.1em;}

.wrapper {
	min-height:100%;
	height: auto!important;
	height: 100%;
	margin: 0px auto -20px 0;
	min-width:1024px;
	position: relative;
	overflow-y: auto;
}

#page {
	clear: both;
	min-height: 500px;
	height: auto;
	width: 80%!important;
	min-width: 710px;
	padding-left:10%;
	display: block;
	position: absolute;
	top: 110px;
}

#home{ height:60%; margin:10% 0 20% 0; }
.responsive_img { outline: 0; /*max-width:auto;*/ height:100%;}
.push {
	height: 20px;  /* .push must be the same height as .footer */
}


/* min-wifth 900px*/
#header { top:0; height:100px; background-color:white; padding:0px; min-width:700px; width:80% !important; display:block; z-index:101; padding-left:10%; padding-right:10%;}

.nav{ position:fixed; z-index:1000; min-width:900px; width:100%; background-color:white;} 
/* il menù ora è fissato in alto, sempre visibile */ 

.right { float:right; }
.left { float:left; }

.logo{ border:none; width: 165px; height: 21px; }

.logo::before {
    content: ".";
    background-color: #FFF;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

#menu {
    margin: 0 1em 0 0; list-style:none; z-index:1000; padding:0; clear:both; min-width:440px; top:0;
}

ul#primo_livello{ 
    display: block; float:left; list-style:none;
}

ul#primo_livello li a{
	 sans-serif; letter-spacing:0.1em;
	text-decoration: none;
    padding: 0px 0px 10px;
		 
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px); 
	

    color: rgba(240,240,240,0.1); 
    margin: 10px;
    text-shadow: 0px 0px 6px #999, 0px 0px 3px #999;
	
    -webkit-transition: all 0.5s ease-in; 
    -moz-transition: all 0.5s ease-in; 
    -ms-transition: all 0.5s ease-in; 
    -o-transition: all 0.5s ease-in; 
	transition: all 0.5s ease-in;
}

ul#primo_livello li a:hover 
{
	filter: blur(0px);
	
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	/*border-bottom:1px solid #56A193;*/

	color: #333; 
	text-shadow: none;
 }

#primo_livello li.active a{ 
filter: blur(0px);
	/* Browser Specific */
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	/*border-bottom:1px solid #56A193;*/

	/*border-spacing: 0 10px 0 20px;*/
	
	border-spacing: 10px 20px;
	
	color: #333; text-shadow: none;
}

/* fine PROVA BLUR MENU FF*/

.hidden { display:none; }


/* menu 2 livello */

#secondo_livello { margin-top:40px; list-style:none; position:fixed; margin-left:110px;  visibility:visible; z-index:101;}
#secondo_livello a { margin-left:25px;  sans-serif; letter-spacing:0.1em; text-decoration:none; color:#CCC; }
#secondo_livello a:hover { 
color:#4D4D4D; border:none; }

#secondo_livello .active{ color:#4D4D4D; }

/* menu di secondo livello per exibithion*/

#secondo_livello_exib { margin-top:40px; list-style:none; position:fixed; margin-left:13px; visibility:visible; z-index:101;}
#secondo_livello_exib a { margin-left:25px;  sans-serif; letter-spacing:0.1em; text-decoration:none; color:#CCC; border:none; }
#secondo_livello_exib a:hover { 
color:#4D4D4D; border:none; }

#secondo_livello_exib .active{ color:#4D4D4D; border:none; }



/*  
-------------------------- 
menu secondo livello ie .hidden
-------------------------- 
*/

#secondo_livello_ie { visibility:hidden;}

/* menu di secondo livello per exibithion*/

#secondo_livello_exib_ie { visibility:hidden; }


/* HEADER HR TRATTEGGIATA*/

#hr{ background-image:url(../img/dot.png); background-repeat:repeat-x; width:80%; color:#FFF; text-align:center; margin-left:10%; margin-right:10%; margin-top:80px; display:none/*block*/; z-index:101; height:10px; position:fixed;}
	
/*  
-------------------------- 
CONTATTI form
-------------------------- 
*/

/*
#form{ float:left; text-align:left; width:30%; min-width:200px;}

.form{ background:#EEEEEE; border:none; letter-spacing:0.1em; height:30px; color:#4D4D4D; padding-left:5px; margin-top:10px; padding-bottom:5px; min-width:350px;}

.testo_form{ font-family:'Allerta', sans-serif; letter-spacing:0.1em; font-size: 13px; padding-bottom:5px; margin-top:10px; color:#4D4D4D; }

.form_message{ background:#EEEEEE; border:none; letter-spacing:0.1em; height:100px; min-height:80px !important; color:#4D4D4D; display:block; padding-left:5px; min-width:350px; margin-top:10px; padding-bottom:5px; }

.btn_form{ background-image: url(../img/btn_invia.png); background-position:left; background-repeat:no-repeat; width:50px; height:25px; border:none; cursor:pointer; clear:both; margin-top:20px;  }

.btn_form:hover{ background-image:url(../img/btn_invia.png); background-position:right; background-repeat:no-repeat; width:50px; height:25px; border:none; cursor:pointer; }

.antispammessage{ font-family:'Allerta', sans-serif; letter-spacing:0.1em; font-size: 11px; color:#4D4D4D; width:200px; float:left; }
.required_star{  font-size: 11px; color:#56A193; }

#container_spam{ width:350px; margin-bottom:20px; }
#AntiSpam{ background:#EEEEEE; border:none; letter-spacing:0.1em; height:30px; color:#4D4D4D; display:block; padding-left:5px; width:20px; float:right;  }
*/

/*  
-------------------------- 
CONTATTI INFO (bio)
-------------------------- 
*/

.contatti_galleria {text-align:left; sans-serif; letter-spacing:0.1em; font-size: 13px; color:#4D4D4D; width:60%; min-width:120px; max-width:180px; margin-right:5% /*old: 50%*/;}
/*.contatti_galleria:nth-child(1) {float: right;}*/
.contatti_galleria:nth-child(1) {float: left;}
.contatti_galleria:nth-child(2) {float: right;}
.contatti_galleria a { text-decoration:none; color:#4D4D4D; }
.contatti_galleria a:hover { color:#56A193; }


/*  
-------------------------- 
WORKS
-------------------------- 
*/

.gallery{
	max-width:700px!important; min-height:550px; padding:0; margin:0;  sans-serif; letter-spacing:0.1em; color:#ccc; clear:both; text-align:left;  }


@media(max-height:769px){ 

.gallery{
	max-width:700px!important; min-height:550px; padding:0; margin-left:-10%;  sans-serif; letter-spacing:0.1em; color:#ccc; clear:both; text-align:left; }
	
}

.colW{ width:130px; float:left; padding:5px; height:157px;  }


/*  
-------------------------- 
FOOTER COLLAPSE DIV 
-------------------------- 
*/

#footer { height:20px; width:100%; position:fixed; bottom:0; background-color:#FFF; min-width:1024px; } 

.text1
{
	padding-right:0.5%;
	float:right;
	font-size:small;
	 sans-serif; letter-spacing:0.1em;
	color: #FFF;
	
	transition-property: color, text; 
	transition-duration: 1s, 1s; 
	transition-timing-function: linear, ease-in;
	
	-webkit-transition-property: color, text; 
	-webkit-transition-duration: 1s, 1s; 
	-webkit-transition-timing-function: linear, ease-in;

	-moz-transition-property:color, text; 
	-moz-transition-duration:1s, 1s; 
	-moz-transition-timing-function: linear, ease-in; 

	-o-transition-property:color, text; 
	-o-transition-duration:1s, 1s; 
	-o-transition-timing-function: linear, ease-in;
	text-decoration:none!important;
} 



.text1:hover
{
	color:#4d4d4d;
	text-decoration:none !important;
}


/*  
-------------------------- 
LA GESTIONE DEL LIGHTBOX (galleria) è gestito dal file facebox.css
-------------------------- 
*/

.constrain{width:60% !important; margin: 5% 20% 0 20%; clear:both; height:auto;}

.valign{ margin-top:25%; }


.shuffle{ height:80%; width:80%; padding-top: 7%; }



@media(max-height:810px){

	.shuffle img{
	  text-align: center;
	  //height: 60%;
	 // width: auto;
	  max-height: 500px;
	  max-width: auto;
	  overflow: hidden;
	  display: block;
	}
}

.shuffle img
{
	padding-top: 30px;
	text-align: center;
	overflow: hidden;
	display: block;
}

a.privacy-policy-link, a:link.privacy-policy-link, a:visited.privacy-policy-link, a:hover.privacy-policy-link, a:active.privacy-policy-link {
	margin-right: 5%;
	float: right;
	font-size: small;
	letter-spacing: 0.1em;
	color: #7e7e80;
	text-decoration: none;
}

a:hover.privacy-policy-link, a:active.privacy-policy-link {
	color: #000;
}