/**
********************************************************************************
****** Reset CSS  **************************************************************
********************************************************************************
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body
{
	line-height: 1;
	color: #FFFFFF;
	background-color: #000;
}

/**
********************************************************************************
****** General Styles **********************************************************
********************************************************************************
*/

body, html { height: 100%;}

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.2;
	line-height: 150%;
	color: #FFF;
	background-color: #FFF;
}

p
{
	margin:0;
	padding:0;
}

a:link
{
	color: #FFF;
	text-decoration: none;
}

a:visited
{
	color: #FFF;
	text-decoration: none;
}

a:hover
{
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

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

.clearFix
{
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}

.asterisco
{
	width: 12px;
	height: 5px;
	
	float: left;
	
	margin-top: 4px;
	
	background-image: url('../img/servizio/asterisco.gif');
	background-repeat: no-repeat;
}

.filetto
{
	width: 2px;
	height: 50px;
	
	float: left;
	
	border-left: 1px solid #606060;
}

.titolo
{
	font-size: 200%;
	line-height: 200%;
}

/**
********************************************************************************
****** LayOut ******************************************************************
********************************************************************************
*/

#container
{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
}

#swfBack
{
	display: block;
	position:fixed;
	left:0;
	top:0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#picBack
{
	line-height: 0px;
	position: fixed;
	overflow: hidden;
	filter:alpha(opacity=0); /* IE's opacity*/
	opacity: 0;
}

#picBack img
{
	width: 1266px;
	height: 787px;	
}

.main_image
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#preloader
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-image: url('../img/servizio/preloader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 900;
}

/**
********************************************************************************
****** Menu ********************************************************************
********************************************************************************
*/

#header
{	
	/*position: fixed;*/ /* :NOTE: Commentato per test abbassamento menu */
	position: absolute; /* 29/10/10*/
	top: 0;
	left: 0;
	
	width: 100%;
	
	z-index: 1000;
}

#menu
{
	width: 100%;	
}

#menu1
{
	width: 100%;
	height: 55px;
	background-color: #4e093f;
}

.m1Butt
{
	float: left;	
}

a.m1ButtCurr
{
	color: #999;
}

.navigazione
{
	width: 1031px;
	
	margin-top: 28px;
	margin-left: 33px;
	
	text-align: left;
	
	float: left;
}

.navigazione a
{
	margin-right: 33px;
}
.facebook_icon{
margin-top: 18px;
margin-right: 33px;
float:right;
width: 19px;
}

#mendinismiLogo
{
	margin-top: -20px;
}


#campanaLogo
{
	margin-top: -18px;
}

#fishLogo
{
	margin-top: -20px;
}

#nanLogo {
    margin-top: -14px;
}

.navigazione a:hover
{
	border: none;
}

.navigazione2
{
	width: 125px;
	float: left;	
}

.filettoNav2
{
	margin-top: 6px;
}

#menu2
{	
	width: 100%;
	height: 100px;
	
	color: #666;
	
	text-align: left;
	
	background-color: #FFF;
	filter:alpha(opacity=90); /* IE's opacity*/
	opacity: 0.9;
}

.m2Butt
{
	padding-left: 3px;
	padding-right: 6px;
}

.roll
{
	background-image: url('../img/servizio/filettoOverMenu2.gif');
	background-repeat: repeat-y;	
}

.sub
{
	display: none;
		
	padding-top: 13px;
	line-height: 150%;
	font-size: 95%;
}

.sub a
{
	color: #606060;
}

.sub a:hover
{
	color: #606060;
	border: none;
}

.imgM2
{
	width: 72px;
	height: 91px;
	
	margin-top: -9px;
	margin-left: 20px;
	
	float: left;
}

#chiSub
{
	margin-left: 152px;
}

#chiSub .navigazione2
{
	width: 55px;
}


#fishSub
{
	margin-left: 259px;
}

#fishSub .navigazione2
{
	margin-top: -5px;
}

#campanaSub
{
	margin-left: 505px;
}

#mendinismiSub
{
	margin-left: 371px;
}


#mendinismiSub .navigazione2
{
	width: 90px;
}
#nanSub
{
	margin-left: 639px;
}

#nanSub .navigazione2
{
	margin-top: -5px;
}


#eventiSub
{
	margin-left: 754px;
}

#logo
{
	height: 28px;
	width: 95px;

	margin: 15px 0 0 15px;
	
	float: left;
}

/**
********************************************************************************
****** Page ********************************************************************
********************************************************************************
*/

#page
{	
	position: relative;
	
	width: 100%;

	margin: 0px auto 0px auto;
	
	/*padding-top: 110px;*/ /* :NOTE: Commentato per test abbassamento menu */
	padding-top: 80px;
	
	text-align: center;	
}

#pageContainer
{
	position: relative;
	
	height: 725px;
		
	margin: 0px auto;
	
	
	text-align: center;
}

#invito
{
	position: fixed;
	bottom: 18px;
}

/* Home page senza fondo*/
.homePage
{
	background-image: none;
}
/* Pagina di testo con sfondo per ombra*/
.textPage
{
	width: 844px;
	
	background-image: url('../img/servizio/sfumaturaPage.jpg');
	background-repeat: repeat-y;
	background-position: top right;	
}

.textPageSmall
{
	width: 663px;
	
	background-image: url('../img/servizio/sfumaturaPageShort.jpg');
	background-repeat: repeat-y;
	background-position: top right;	
}

#videoBack
{
	position: relative;
	top: 50%;
	float: right;
	
	background-color: #000;
	
	width: 150px;
	height: 25px;
	
	padding-top: 10px;
}

#videoButt
{
	float: right;
	width: 150px;
	height: 25px;
	
	padding-top: 10px;
	
	margin-right: 16px;
	
	background-color: #000;	
}

/* Galleria immagini */
.gallPage
{
	width: 1200px;
	
	background-image: none;	
}

/* La pagina ispirazione, con swf sopra e testo sotto*/
.ispPage
{
	width: 500px;

	background-color: #FFF;
	background-image: none;	
}

/**
***************************************
****** Text Page **********************
***************************************
*/

.pageImg
{
	position: relative;
	
	width: 228px;
	height: 276px;
	
	float: left;

	z-index: 2;	
}

.pageBody
{
	position: relative;
	
	width: 560px;
	
	float: left;
	
	margin-left: -15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
	
	
	text-align: left;
	color: #495173;
	
	z-index: 1;
	
}

.pageBodySmall
{
	position: relative;
	
	width: 370px;
	
	float: left;
	
	margin-left: -15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 35px;
	padding-bottom: 35px;
	
	
	text-align: left;
	color: #495173;
	
	z-index: 1;	
}

/**
***************************************
****** gallery Page *******************
***************************************
*/

.divSecondoLiv
{
	position: absolute;
	left: 50%;

}

.linkSecondoLiv
{
	text-align: center;
	width: 100px;
	float: left;
	margin-left: 3px;
	background-color: white;
}

.linkSecondoLiv a:hover
{
	border: none;
}

.galBody
{
	/*height: 100%;*/
}

.galMenu
{
	position: absolute;
	
	top: auto;
	/* bottom: 0; */ /* :NOTE: Commentato per test abbassamento menu */
	bottom: 0;
	width: 100%;
	/*height: 20px;*/
	height: 20px;
	
	font-size: 90%;
	padding-top: 10px;
	background-color: none;
}

.galMenu a
{
	font-size: 110%;	
}

.galButt
{
	width: 75px;
	height: 100%;
	float: left;

	padding-top: 4px;
	margin-left: 5px;
	
	background-color: #515a7f;
}

.galButt a:hover
{
	border: none;
}

.galButtCur
{
	background-color: #a5aed4;
}

.galNav
{
	position: absolute;
	top: 50%;
	
	width: 20px;
	height: 20px;
	display: none;
}

.anteprima
{
	float: left;
	
	width: 56px;
	height: 80px;
}

.anteprimaNoHover
{
	float: left;
	
	width: 56px;
	height: 70px;	
}

.anteprima:hover { cursor:pointer; }

.antNumb
{
	width: 56px;
	
	clear: left;	
}

.antNumb p 
{	
	text-align: center;
	
	color: #495173;		
}

#piu
{
	right: 3%;
	z-index: 501;
}

#meno
{
	left: 3%;
	z-index: 500;
}

 #meno:hover, #piu:hover { cursor:pointer; }

#showAll
{
	position: absolute;
	top: 45%;
	left: 10%;
	
	width: 290px;
	height: 150px;
	
	z-index: 500;
	/*border: 1px solid black;*/
	display: none; 
	
}

#antCont
{
	filter:alpha(opacity=0); /* IE's opacity*/
	opacity: 0;	
}

#close
{
	margin-left: -15px;
	margin-bottom: 5px;	
}

#close:hover { cursor:pointer; }

#close p
{
	text-align: left;
	
	margin-left: 3px;
	
	color: #495173;	
}

#desc
{
	position: absolute;
	/* top: 45%; */
	right: 7%;
	
	width: 300px;
	
	z-index: 501;
}

#detButt:hover { cursor:pointer; }

#detButt p:hover { color:#999; }

#desc img
{
	float: left;
	margin-bottom: 15px;
}

#desc p
{
	clear: left;	
	text-align: left;
	color: #515a7f;
}

.titoloDesc
{
	padding-top: 10px;
	font-size: 120%;
	font-weight: bold;
}

.didaDesc
{
	padding-top: 10px;	
}

.sottoTitoloDesc
{
	padding-top: 10px;
}


#details
{
	margin-top: 20px;
	clear: both;
	z-index: 501;
}

#misure
{
	color: #515a7f;
	margin-top: 20px;
	text-align: left;
}

#spiega
{
	margin-top: 10px;
	
	text-align: left;
	color: #515a7f;
}

#moreDet
{
	display: none;	
}
/**
***************************************
****** ispirazione Page ***************
***************************************
*/

#ispSwf
{
	width: 100%;
	height: 300px;

	background-color: silver;
}

#ispTxt
{
	padding: 25px;
	padding-bottom: 100px;
	
	background-color: #FFF;
	
	overflow: hidden;
}

#ispTxt p
{
	text-align: left;
	color: #000;
}

/**
***************************************
****** Eventi Page ********************
***************************************
*/

.eventiTitolo:link
{
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 200%;
}

.eventiTitolo:visited
{
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 200%;
}

.eventiImg
{
	padding-bottom: 15px;
}

.eventiLogo
{
	margin-right: 20px;	
}

.eventiBack
{
	float: right;	
}

.eventiBack a:link
{
	color: silver;
	border-bottom: 1px solid #FFF;
}

.eventiBack a:visited
{
	color: silver;
	border-bottom: 1px solid #FFF;
}

.eventiBack a:hover
{
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

/**
***************************************
****** Rassegna Stampa Page ***********
***************************************
*/

.rassegnaLink:link
{
	color: #999;
	font-weight: bold;
	line-height: 200%;
	margin-right: 100px;
	float: right;
}

.rassegnaLink:visited
{
	color: #999;
	font-weight: bold;
	line-height: 200%;
	margin-right: 100px;
	float: right;
}

.rassegnaTitolo
{
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 200%;		
}

/**
********************************************************************************
****** Footer ******************************************************************
********************************************************************************
*/


#footer
{	
	position: fixed;
	
	top: auto;
	bottom: 0;
	
	width: 100%;
	/*height: 45px;*/
	
	background-color: #ccc;
	
	z-index: 1000;
}

#footer a
{
	float: left;
	
	border: none;
}

#servizio
{
	width: 350px;
	
	margin-top: 18px;
	margin-left: 33px;
	
	text-align: left;
	
	float: left;
}

#servizio a
{
	margin-right: 33px;
}

#piva
{
	width: 480px;
	
	margin-right: 18px;
	
	font-size: 80%;
	text-align: right;
	color: #444;
	
	float: right;
}

.aligncenter{
	text-align:center;
	color:#000000;
}
.alignleft{
	text-align:left;
	color:#000000;
}