@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Advent+Pro);

html, body{
	margin:0 auto;
	overflow:auto;
	padding:0;
	border:none;
	height:100%;
	}

body{
	background-color: #cdbf8c;
	color: #63615F;
    font-family: Arial,Geneva,sans-serif;
    font-size: 11px;
	}
	
body a{ text-decoration:none; }
body a:focus{ outline:none; }
sup{ vertical-align:top !important;}

input[type="text"].lblInput{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
	font-size:11px;
	color:#333333;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:4px;
	}
	
input[type="text"].lblInput:hover, input[type="text"].lblInput:focus{ border:1px solid #CC0000; }
input[type="submit"].lblInput{}
input[type="reset"].lblInput{}
textarea.lblInput{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
	font-size:11px;
	color:#333333;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:4px;
	}
	
	
.Banner {
	position:absolute;
	z-index:100;
	top:12%;
	left:-46px;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
	
	-ms-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.Banner::before {
	content: "";
    position: absolute;
    top: 10px;
	right: 20px;
	bottom: 10px;
    left: 0;
    background-color: #ffffff;
    z-index: -1;
    border-top: 2px solid #f5c45f;
	border-right: 2px solid #f5c45f;
    border-bottom: 2px solid #f5c45f;
    border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.Banner img {
	padding-left:10%;
	width:400px;
	-moz-filter:drop-shadow(5px 0px 5px #ffffff);
	-webkit-filter:drop-shadow(5px 0px 5px #ffffff);
	filter:drop-shadow(5px 0px 5px #ffffff);
}

.Banner.active {
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/* *************************** STILI GRAFICA BACKGROUND *************************** */
.Grata{
	background-image:url(../images/grata.png);
	width:560px;
	height:100%;
	right:0;
	top:0;
	}

.GrayBkg{
	background-color:#333333;
	width:490px;
	height:100%;
	right:0;
	top:0;
	}

/* *************************** STILI PER I MENU *************************** */
.TopMenu{ display:inline-block; margin-top:4px; }

	.TopMenu .mi{
		font-family: 'Oswald', sans-serif;
		font-weight:300;
		font-size:16px;
		color:#E48600;
		display:inline-block;
		padding-left:12px;
		padding-right:12px;
		}
		
	.TopMenu .last{
		padding-right:0px;
		margin-right:0px;
		}

	.TopMenu .mi0{}
	
	.TopMenu .mi:hover{
		background-image:url(../images/arrow.top.png);
		background-position:left center;
		background-repeat:no-repeat;
		}


.MainMenu{ display:inline-block; }

	.MainMenu .mi{
		font-family: 'Oswald', sans-serif;
		font-weight:300;
		font-size:1.45em;
		height:25px;
		line-height:25px;
		color:#FFFFFF;
		display:inline-block;
		padding-left:12px;
		padding-right:12px;
		position:relative;
		}
		
	.MainMenu .mi1{ margin-right:20px; }
		
	.MainMenu .last{
		padding-right:0px;
		margin-right:0px;
		}
		
	.MainMenu .mi:hover, .MainMenu .sel{
		background-image:url(../images/arrow.png);
		background-position:left center;
		background-repeat:no-repeat;
		}
		
	.MainMenu .mi6{ color:#b2ac9e; }
	.MainMenu .last:hover, .MainMenu .mi6.sel{ background-image:url(../images/arrow.ris.png); }
	
	.MainMenu .softopening{
		position:absolute;
		background-image:url(../images/newTxt.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#292627;
		width:115px;
		height:21px;
		top:0;
		margin-top:24px;
		margin-left:-14px;
		border-bottom-left-radius:8px;
		-moz-border-radius-bottomleft:8px;
		-webkit-border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		-moz-border-radius-bottomright:8px;
		-webkit-border-bottom-right-radius:8px;
		}
	.MainMenu .new{
		position:absolute;
		background-image:url(../images/new.png);
		background-repeat:no-repeat;
		background-position:center center;
		width:20px;
		height:21px;
		right:0;
		top:0;
		margin-top:-2px;
		margin-right:-2px;
		}
		
	
.Languages{
	display:inline-block;
	margin-left:65px;
	margin-top:4px;
	}

	.Languages .mi{
		font-family: 'Oswald', sans-serif;
		font-weight:300;
		font-size:13px;
		color:#b2ac9e;
		padding-left:4px;
		padding-right:4px;
		text-transform:uppercase;
		display:inline-block;
		width:19px;
		height:20px;
		line-height:20px;
		background-position:center 4px;
		background-repeat:no-repeat;
		}
		
	.Languages span{
		font-family: 'Oswald', sans-serif;
		font-weight:300;
		font-size:16px;
		color:#b2ac9e;
		}


/* *************************** STILI PER IL FOOTER *************************** */
.footer, .footer a{
	color: #63615F;
	line-height:28px;
	}
	

/* *************************** STILI HOME PAGE *************************** */
.BannerHome{
	background-image:url(../images/bkgBoxHome.png);
	color:#333333;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:20px;
	height:100%;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	padding-left:20px;
	}
	
.BannerHomeTop{ text-align:justify; font-weight:300; }
.BannerHomeTop b{ font-weight:400; }
.BannerHomeTop font{ font-weight:300; }

.BannerHomeTop b, .BannerHomeTop font{
	display:block;
	padding-bottom:10px;
	color:#AA0000;
	letter-spacing:1px;
	}
	
.PerChiHome{
	background-color:rgba(0,0,0,0.2);
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	}
	
.Box{
	display:inline-block;
	margin-left:20px;
	margin-bottom:10px;
	}

	.Box .img{
		}
		.Box .img a{
			display:inline-block;
			border-radius:8px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			}

		.Box .img a img {
			border-radius:8px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			border:2px solid #FFFFFF;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}
			
		.Box .img a img:hover {
			filter: brightness(1.2);
			-webkit-filter: brightness(1.2);
			-moz-filter: brightness(1.2);
			-o-filter: brightness(1.2);
			-ms-filter: brightness(1.2);
			}

	.Box .txt{
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:13px;
		margin-left:4px;
		}
		
	.Box .txt b{ font-weight:400; }

/* *************************** SLIDESHOW *************************** */
#slidePorta { position:absolute; width:200px; height:308px; top:20%; z-index:-30; left:50%; margin-left:-250px; }
#slidePorta DIV { position:absolute; top:0; left:0; z-index:-30; opacity:0.0; height:308px; width:200px;
				 background-position:left top; background-repeat:no-repeat; background-size:cover; }
#slidePorta DIV.active { z-index:-20; opacity:1.0; }
#slidePorta DIV.last-active { z-index:-25; }

/* *************************** SLIDESHOW *************************** */
#slideshow { position:absolute; height:100%; top:0; left:0; z-index:-30; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:-30; opacity:0.0; height:100%; width:100%;
				 background-position:center center; background-repeat:no-repeat; background-size:cover; }
#slideshow DIV.active { z-index:-20; opacity:1.0; }
#slideshow DIV.last-active { z-index:-25; }

/* *************************** STILI PER IL FUNZIONAMENTO DELLE TABS *************************** */

#Tabs{}

	#Tabs ul{
		list-style:none;
		margin:0;
		padding:0;
		}
	
		#Tabs ul li{
			font-family: Tahoma, sans-serif;
			font-size:11px;
			line-height:28px;
			color:#FFFFFF;
			background-color:#3C392D;
			margin:0;
			padding:0;
			list-style:none;
			display:inline-block;
			padding-left:8px;
			padding-right:8px;
			margin-right:3px;
			cursor:pointer;
			-webkit-transition: background 0.2s ease-in-out;
			-moz-transition: background 0.2s ease-in-out;
			-o-transition: background 0.2s ease-in-out;
			-ms-transition: background 0.2s ease-in-out;
			transition: background 0.2s ease-in-out;
			border-top-left-radius:5px;
			-moz-border-radius-topleft:5px;
			-webkit-border-top-left-radius:5px;
			border-top-right-radius:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-right-radius:5px;
			}
			
		#Tabs ul li.sel, #Tabs ul li:hover{
			background-color:#CC0000;
			}
		
		#Tabs .Tab{
			line-height:15px;
			background-color:#e1e1df;
			margin:0;
			padding-left:12px;
			padding-top:20px;
			padding-bottom:20px;
			padding-right:40px;
			min-height:430px;
			border-bottom-left-radius:5px;
			-moz-border-radius-bottomleft:5px;
			-webkit-border-bottom-left-radius:5px;
		}
		
		#Tabs .Tab a{ color:#63615F; }
		#Tabs .Tab a:hover { color:#CC0000;}
		#Tabs .Tab p{ margin:0; padding:0; }
		#Tabs .Tab .Stile1{ color: #C20016; }
		#Tabs .Tab p.Stile1{ padding-bottom:10px; }
		
		#Tabs .Tab h5{
			display: block;
			font-family: 'Oswald',sans-serif;
			padding:0;
			font-size: 14px;
			line-height: 14px;
			margin-top:0;
			margin-bottom: 10px;
			font-weight:300;
			color:#333333;
		}
		
/* *********** altro */
		
font.oswaldBig {
    display: block;
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
	}
	
	
/* ******************* AREA RISERVATA ******************* */
.tabTitle{
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height:30px;
	color: #ffffff;
	text-decoration: none;
	background-color:#6d6d6d;
	padding-left:10px;
}

.linkAreaRis{
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	line-height:32px;
	color: #63615f;
	float:left;
	text-decoration: none;
	padding-left:5px;
}
