/**************** ESEMPIO DI IMPORT DEI FONT DI GOOGLE ****************/
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed|Cuprum);
/**********************************************************************/

/*-------- Toglie il retino arancione su google crome e tratteggio su explorer --------*/
a:focus, input:focus, span:focus, li:focus, ul:focus{ outline: none !important; -moz-outline: none !important;}
/*-------- Fine toglie il retino arancione su google crome --------*/

html, #Body, #Form{
	border:none;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:none;
	min-width:980px;
	}
	
#Form{
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.ContentPaneHome{
	background-color:#FFFFFF;
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-200px;
	margin-top:50px;
	width:400px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
	
.dnnSortable{min-height:10px; border:1px dotted #CCCCCC; min-width:100%; margin-top:5px; margin-bottom:5px; border-radius:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px; }
	
/* ------------------------------------------------ STILE MENU PRINCIPALE ---------------------------------------------- */
.MainMenu{
	display:block;
	}

.MainMenu span.mi{
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
	color:#727070;
	text-transform:uppercase;
	}
	
.MainMenu span.mi .sep{
	margin-left:10px;
	margin-right:10px;
	}

.MainMenu span.root span.txt{ /* STILE PER IL NOME DI TUTTE LE PAGINE */
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
	color:#727070;
	text-transform:uppercase;
	}

.MainMenu span.sel span.txt, .MainMenu span.bc span.txt, .MainMenu span.hov span.txt{ color:#FFFFFF; }

/* ---------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- STILE MENU LINGUE - tre lettere -------------------------------------------- */
/*
<div class="language-object">
	<ul class="LangUL">
		<li class="LangLITrue">
			<a class="LangTrue" title="English (United States)" href="http://temp08.visualcom.it/en-us/home.aspx">eng</a>
		</li>
		<li class="LanguageSeparator"></li>
		<li class="LangLIFalse">
			<a class="LangFalse" title="Italiano (Italia)" href="http://temp08.visualcom.it/it-it/home.aspx">ita</a>
		</li>
		<li class="LanguageSeparator"></li>
		<li class="LangLIFalse">
			<a class="LangFalse" title="Deutsch (Deutschland)" href="http://temp08.visualcom.it/de-de/home.aspx">deu</a>
		</li>
	</ul>
</div>
*/

div.language-object{ margin-left:30px; }

div.language-object ul.LangUL{
	list-style:none;
	margin:0px;
	padding:0px;
	}

div.language-object ul.LangUL li{
	display:inline-block;
	}
	
div.language-object ul.LangUL li.LanguageSeparator{
	margin-left:5px;
	margin-right:5px;
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
	color:#333333;
	text-transform:uppercase;
	}
	
div.language-object ul.LangUL li a{
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	div.language-object ul.LangUL li a:hover{
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
	color:#f3f3f3;
	text-transform:uppercase;
	text-decoration:none;
	}
	
div.language-object ul.LangUL li.LangLITrue a{ color:#CCCCCC; }
	
	








/*
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Cuprum', sans-serif;
*/


/*** set the width and height to match your images **/

#slideshow {
    position:absolute;
	width:100%;
	min-width:980px;
    height:414px;
	z-index:-10;
	}

#slideshow IMG {
    position:absolute;
    top:0;
	right:50%;
    z-index:-10;
    opacity:0.0;
	margin-right:-235px;
	}

#slideshow IMG.active { z-index:-8; opacity:1.0; }
#slideshow IMG.last-active { z-index:-9; }








#imgInterna {
    position:absolute;
	width:100%;
	min-width:980px;
    height:234px;
	overflow:hidden;
	z-index:-10;
	}
	
#imgInterna IMG {
    position:absolute;
    top:0;
	right:50%;
    z-index:-10;
	margin-right:-235px;
	}






.SlideHomeLeft{
	background-image:url(images/SlideHomeGraficaLeft.png);
	background-position:right top;
	background-repeat:repeat-x;
	}
	
.SlideHomeCenter{
	background-position:center top;
	background-repeat:no-repeat;
	}

.SlideHomeRight{
	background-image:url(images/SlideHomeGraficaRight.png);
	background-position:left top;
	background-repeat:repeat-x;
	}
	
	

.MenuLeft{
	background-image:url(images/bkgMenuLeft.jpg);
	background-position:right top;
	background-repeat:repeat-x;
	}
	
.MenuLeft2{
	background-image:url(images/bkgMenuLeft2.jpg);
	background-position:right top;
	background-repeat:repeat-x;
	}

.MenuCenter{
	background-image:url(images/bkgMenuCenter.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
.MenuCenter2{
	background-image:url(images/bkgMenuCenter2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}

.MenuRight{
	background-image:url(images/bkgMenuRight.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	}
	
.MenuRight2{
	background-image:url(images/bkgMenuLeft2.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	}
	
	
.Main{
	background-image:url(images/bkgSfumaturaBottomMenu.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
	
.Inventua{
	border-bottom:1px dotted #CCCCCC;
	}
	
.Footer{
	background-color:#960309;
	background-image:url(images/bkgFooter.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	}
	
.FooterCenter{
	background-image:url(images/bkgFooterCenter.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	}
	
.FooterCenter td{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	}
	
	.FooterCenter2{
	background-image:url(images/bkgFooterCenter.jpg);
	background-position: top;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:14px;
	}
	
.FooterCenter2 td{
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	}


.MenuFooter{
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
	}
	
.MenuFooter li{	display:inline-block; }

.MenuFooter .Txt{ }
	
.MenuFooter .Txt a, .MenuFooter li a{
	font-family: 'Cabin Condensed', sans-serif;
	color:#e16363;
	font-size:14px;
	text-decoration:none;
	}

.MenuFooter .Sep, .MenuFooter .LanguageSeparator{
	font-family: 'Cabin Condensed', sans-serif;
	color:#e16363;
	font-size:14px;
	text-transform:uppercase;
	margin-left:10px;
	margin-right:10px;
	}


/* ------------------------------------- STILE PER IL FORM CONTATTI -----------------------------------------*/
.TopMenuItem{
	}

.TopMenuItemMouseOver{}

.TopMenuItemCurrent{}

div.TopMenuBar{
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 14px;
	color: #727070;
	text-transform: uppercase;
	}
	
div.TopMenuBar .sep{ margin-left: 20px; margin-right: 20px; }

div.TopMenuBar span a,
div.TopMenuBar span a:hover{ text-decoration:none;}

div.TopMenuBar span.TopMenuItem a span{
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 14px;
	color: #727070;
	text-transform: uppercase;
	text-decoration:none;
	}

div.TopMenuBar span.TopMenuItem a span.TopMenuItemCurrent,
div.TopMenuBar span.TopMenuItemMouseOver a span{ color:#c11523; }

div.TopMenuBar span.TopMenuItem a span.Link{ }



/* ----------------------------------------------------------------------------------------------------------*/
/* ------------------------------------- STILE PER IL FORM CONTATTI -----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------*/
div.dnnFormAndList{ min-width:400px; }
div.dnnFormAndList .dnnForm.fnlForm.dnnClear{ margin:0px; }

/* ----------- IMPOSTO LO SITLE DEL TESTO SU TUTTI I CONTROLLI ----------- */
div.dnnFormAndList div.dnnFormItem div label span,
div.dnnFormAndList div.dnnFormItem input,
div.dnnFormAndList div.dnnFormItem input.dnnFormRequired,
div.dnnFormAndList div.dnnFormItem textarea,
div.dnnFormAndList div.dnnFormItem .privacy,
div.dnnFormAndList div.dnnFormItem .privacy a,
div.dnnFormAndList div.dnnFormItem .dnnLeft div{
	color:#444444;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:normal;
	}

div.dnnFormAndList div.dnnFormItem{ position:relative; display:block; margin-bottom:18px; vertical-align:top; }
div.dnnFormAndList div.dnnFormItem .dnnFormLabelWithoutHelp,
div.dnnFormAndList div.dnnFormItem div.dnnLabel{ min-width:100px; width:20%; display:inline-block; text-align:left; vertical-align:top; }
div.dnnFormAndList div.dnnFormItem textarea { height:80px; }
	
div.dnnFormAndList div.dnnFormItem input[type="text"],
div.dnnFormAndList div.dnnFormItem select,
div.dnnFormAndList div.dnnFormItem textarea,
div.dnnFormAndList div.dnnFormItem input[type="email"],
div.dnnFormAndList div.dnnFormItem input[type="search"],
div.dnnFormAndList div.dnnFormItem input[type="password"],
div.dnnFormAndList div.dnnFormItem input[type="text"]:active,
div.dnnFormAndList div.dnnFormItem input[type="text"]:focus,
div.dnnFormAndList div.dnnFormItem input[type="password"]:focus,
div.dnnFormAndList div.dnnFormItem input[type="password"]:active,
div.dnnFormAndList div.dnnFormItem input[type="email"]:active,
div.dnnFormAndList div.dnnFormItem input[type="email"]:focus,
div.dnnFormAndList div.dnnFormItem select:active,
div.dnnFormAndList div.dnnFormItem select:focus,
div.dnnFormAndList div.dnnFormItem textarea:active,
div.dnnFormAndList div.dnnFormItem textarea:focus,
div.dnnFormAndList div.dnnFormItem input[type="search"]:active,
div.dnnFormAndList div.dnnFormItem input[type="search"]:focus{
	display:inline-block;
	width:80%;
	margin:0px;
	padding:4px;
	
	color:#7b7b7b;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:normal;
	background:none;

	border:1px solid #BBBBBB;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:none;
	box-shadow:none;
	}

div.dnnFormAndList input.dnnFormRequired,
div.dnnFormAndList textarea.dnnFormRequired,
div.dnnFormAndList select.dnnFormRequired{
	border-left:5px #C11523 solid !important;
    padding-right:0px !important;
	background-position:right 4px;
	background-repeat:no-repeat;
	margin-left:-5px;
	}

/* Testo Privacy */		div.dnnFormAndList div.dnnFormItem .privacy{ width:58%; display:inline-block; text-align:justify; }
/* CheckBox Privacy */	div.dnnFormAndList span.dnnCheckbox{ display: inline-block; vertical-align:top; margin-top:0px; position:relative; }



/* ******** STILE DI VISUALIZZAZIONE DEL VALIDATION SUMMARY ******** */
.dnnFormMessage.dnnFormValidationSummary{ background:none; border:1px dashed #888888; text-shadow:none; display:none; visibility:hidden; }
.dnnFormMessage.dnnFormValidationSummary span ul li{font-family:'Cabin Condensed', sans-serif; color:#FFFFFF;}

/* ******** STILE PER ERRORE CAMPO RICHIESTO ******** */
div.dnnFormAndList span.dnnFormMessage.dnnFormError {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-shadow:none;
	font-size:12px;
	text-align: left;
	
	display: block;
	position: absolute;
	overflow:hidden;
	bottom: 1px;
	right: 12%;
	width: 110px;
	margin-bottom:0;
	padding:4px;
	padding-left:5px;
	border:none;
	border-radius:3px;
	background-color:#CC0000;
	}


/* STILE PULSANTE INVIO */
/* Primary Action */
div.dnnFormAndList .dnnActions.dnnClear{ margin-left:130px; }

div.dnnFormAndList .dnnPrimaryAction,
div.dnnFormAndList .dnnFormItem input[type="submit"],
div.dnnFormAndList a.dnnPrimaryAction,
div.dnnFormAndList .dnnSecondaryAction,
div.dnnFormAndList a.dnnSecondaryAction {
	border-color: #f5f5f5  ; /*dark blue*/
	background:#f5f5f5 ;
	background: -moz-linear-gradient(top, #f5f5f5   0%, #dfdfdf  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5 ), color-stop(100%,#dfdfdf )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5  0%,#dfdfdf  100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #f5f5f5  0%,#dfdfdf  100%); /* W3C */
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#555;
	text-shadow:none;
}

div.dnnFormAndList .dnnPrimaryAction:hover,
div.dnnFormAndList .dnnFormItem input[type="submit"]:hover,
div.dnnFormAndList a.dnnPrimaryAction:hover,
div.dnnFormAndList .dnnSecondaryAction:hover,
div.dnnFormAndList a.dnnSecondaryAction:hover{
	border-color:#fefefe ;
	background: #fefefe ; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe  0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe ), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe  0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #fefefe  0%,#e8e8e8 100%); /* W3C */
	color:#555;
}