/* CSS designed by Valerio Zanella - www.studio718.it */



/* ------------------------------------------------------------------- */
/*   PARAMETRI INIZIALI                                                */
/* ------------------------------------------------------------------- */


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

.clear{
 clear:both;
}
.hidden{
 display:none;
}
.block{
 display:block;
}
.pulsante{
 cursor:pointer;
}

img{
border: none;
margin: 0px;
padding: 0px;
}

.clear {
clear: both;
float: none;}



/* ------------------------------------------------------------------- */
/*   ATTRIBUTI GENERALI DEL BODY                                       */
/* ------------------------------------------------------------------- */


body, html{
	padding: 0px;
	margin: 0px;
	background-color: #cc99cc;
	color:#454545; 
	font-size:12px; 
	line-height: 20px;
	font-family: Verdana;
	}



	

/* ------------------------------------------------------------------- */
/*   WRAPPER                                                           */
/* ------------------------------------------------------------------- */

#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0 auto;
	border: 0px solid;
	background: #ffffff;
	}


/* ------------------------------------------------------------------- */
/*   HEADER                                                            */
/* ------------------------------------------------------------------- */

#header {
	position: relative;
	width: 100%;
	height: 166x;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
}


/* ------------------------------------------------------------------- */
/*   MENU ORIZZONTALE                                                  */
/* ------------------------------------------------------------------- */


#sfondomenu{
	position: relative;
	background: url("images/menu_orizzontale.jpg") repeat-x;
	width: 800px;
	height: 33px;
}

#menuorizzontale {
	margin: 0px;
	padding: 0px;
	letter-spacing: -0.4pt;
	font-size: 14px;
}

#accessoprivati {
	float: right;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	letter-spacing: -0.4pt;
	font-size: 14px;
}
	
#menuorizzontale ul, #accessoprivati ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menuorizzontale li, #accessoprivati li {
	float: left;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	padding: 0px;
	margin: 0px;
}

#menuorizzontale a, #accessoprivati a{
	color: #FFFFFF;
	float: left;
	font-weight: bold; 
	text-decoration: none;
	padding: 2px 6px 0px 6px;
	}

#menuorizzontale a:hover  {
	text-decoration: none;
	float: left;
	background: url("images/menu_orizzontale_hover.jpg") repeat-x;
	color: #5d2f6e;
	font-weight: bold;
	padding: 2px 6px 0px 6px;
		}

#menuorizzontale a.active:link,  #menuorizzontale a.active:visited, #menuorizzontale a.active:active,  #menuorizzontale a.active:hover{
	text-decoration: none;
	float: left;
	background: url("images/menu_orizzontale_hover.jpg") repeat-x;
	color: #5d2f6e;
	font-weight: bold;
	padding: 2px 6px 0px 6px;
		}


	
/* ------------------------------------------------------------------- */
/*   MENU VERTICALE                                                    */
/* ------------------------------------------------------------------- */

#menuverticale {
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;	
}

#menuverticale a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal; 
	letter-spacing: 0px;
 }
 
#menuverticale a:hover{
 color: #E3001C;
 }

#menuverticale img{
 margin: 3px 0px 0px 0px;
  }




/* ------------------------------------------------------------------- */
/*   CONTAINER                                                         */
/* ------------------------------------------------------------------- */

#container {
	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 870px;
	margin: 0px auto;
	padding: 0 auto;
	padding-top: 15px;
	border: 0px solid #000;
	}

#container.aziende {
height: 500px;
}	

#container.gallery {
	height: 900px;
	}
	
	
/* ------------------------------------------------------------------- */
/*   CONTENT                                                           */
/* ------------------------------------------------------------------- */

#content {
	position: relative;
	width: 574px;
	float: left;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	}
	
#content_testo_privati {
float: left;
font-size:13px;
text-align: justify;	
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
border: 1px #000;
width: 530px;
}

#content_testo_aziende{
width: 350px;
float: left;
font-size:13px;
text-align: justify;	
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
border: 1px #000;
}

h1 {
font-size: 16px;
font-weight: italic;
color: #5d2f6e;
}

h1.gallery {
font-size: 24px;
font-weight: italic;
text-align: center;
color: #5d2f6e;
}

#content_immagine {
float: left;
width:180px;
height: 300px;
margin: 13px 0px 0px 0px;
padding: 0px 0px 0px 25px;
text-align: center;
}

#content_banner {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 25px;
}


img.content {
border: 1px solid #5D2F6F;
}	


/* ------------------------------------------------------------------- */
/*   NAVIGATION                                                        */
/* ------------------------------------------------------------------- */

#navigation {
	position: relative;
	float: right;
	width: 200px;
	margin: -12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
	text-align: center;
	background-color: #FFF;
	letter-spacing: -0.7pt;
	border-left: 1px solid #5D2F6F;
	color: #000000;
}

#navigation_privati{
	position: relative;
	float: right;
	width: 200px;
	height: 600px;
	margin: -12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
	text-align: center;
	background-color: #FFF;
	letter-spacing: -0.7pt;
	border-left: 1px solid #5D2F6F;
	color: #000000;
}


#login {
	width: 200px;
	height: 240px;
	background: url("images/navigation_sfondo.jpg") no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#navigation_immagine{
	margin: 2px 0px 2px 0px;
}

#testonavigation{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:0.8em; 
	font-size:11px; 
	line-height: 12px;
	color: #333333;
	text-align: center;
}



/* ------------------------------------------------------------------- */
/*   FORM                                                              */
/* ------------------------------------------------------------------- */



	input {
	width:168px; 
	height:14px;
	font-size: 11px;
	}

	.input_privacy {
	width:10px;
	float:left;}
	
.button{
	color: #333333; 
	font-size: 11px;
	font-weight: bold;
	width:70px; 
	height:25px;
	}

	
.div_input{
	height: 25px;
		}
	
textarea.messaggio {
	width:168px;
	height:40px;
	overflow:auto;
	margin-bottom:5px;
	}

textarea.notainformativa {
	width:168px;
	overflow-y: scroll; 
	overflow-x: hidden;
	margin-bottom:5px;
	font-size: 10px;
	}
	
.div_links {
	text-align:center;
	word-spacing:20px;
	border: 1px solid;
	}



/* ------------------------------------------------------------------- */
/*   FOOTER                                                           */
/* ------------------------------------------------------------------- */

#footer {
	float: left;
	position: relative;
	width: 100%;
	height: 20px;
	background-color: #663366;
	border: 0px solid #000;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	}

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

a.footer:hover{
	text-decoration: none;
 }


/* ------------------------------------------------------------------- */
/*   FORM                                                              */
/* ------------------------------------------------------------------- */

button {
	background: #ffec00;
	color: #000000; 
	font-size: 11px;
	width:120px; 
	text-decoration:none;
	border: 1px solid #939393;
	}

input.form {
	margin: 2px;
	border: 1px solid #f7ce2b;
	}

#video {
margin: 20px 0px 0px 70px;
}


/* ------------------------------------------------------------------- */
/*   SCORRIMENTO                                                       */
/* ------------------------------------------------------------------- */

.scorrimento {
width: 574px;
text-align: center;
margin: 0px 0px 15px 0px;
}

.scorrimento  a{
margin: 0px 10px 0px 10px;
color: #000000;
}




#shinystat {
position: absolute;
top:-3000px;
}