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

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%; }
body > #wrap {height: auto; min-height: 100%;}

body 
{
	background-color:#EEE;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Nascondi a IE su Mac \*/

* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Fine Nascondi a IE su Mac */

#container
{
	clear:both;
	margin:0 auto;
	width:950px;
	height:650px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	/* la stessa altezza del footer */
	padding-bottom: 50px;
	background-color:#EEE;
}  

/* FOOTER */

#footer
{
    clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:100%;
	margin:auto;
	position: relative;
    margin-top: -50px; /* valore negativo dell'altezza del footer */
    height: 50px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#EEE;
}

#insideFooter
{
	width:950px;
	margin:auto;
	padding-top:10px;
}


/*	HEADER	*/

#header
{
/**	width:100%;*/
	margin:0 auto;
	height:240px;
	/*causa le barre ma almeno non sono attaccato sopra*/
	width:950px;
	/*padding-left:50px;*/
	/*background-image:url(../images/bg.png);
	background-repeat:no-repeat;*/
}

/*	MENU	*/

#menu
{
	height:240px;
}

#menubar
{
/*	clear:both;*/
	height:40px;
	width:950px;
	background-position:bottom;
	background-image: url(../images/menubar.png);
	background-repeat:no-repeat;
	padding-top:200px;	
	
	/* altrimenti disegna sotto le immagini del menu*/
	position:absolute;
}

#menubar td
{
	height:40px;
	text-align:center;
	vertical-align:middle;
}


.upperMenu
{
	float:left;
	background-repeat:no-repeat;
	background-position:bottom;
	border:0;
}

.upperMenuHidden
{
	float:left;
	background-repeat:no-repeat;
	background-position:bottom;
	border:0;
	display:none;
}

.upperMenu img
{
	vertical-align:bottom;
}

/*	VISUAL CONTENT	*/

#visual
{
	width:850px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
	line-height:20px;
	padding-left:50px;
	position:relative;
	overflow:hidden;
	clear:both;
	/*background-image:url(../images/visual-background.png);
	background-repeat:no-repeat;
	min-height:420px;*/
}

/*	TAB SLIDE OUT */
.promozioni
{
	clear:both;
	float:left;
    padding:20px;
    background-color:#036;
    border:0px solid #074cb3;
	color:#FFF;
	height:auto;	
    width:auto;
	position:absolute;
	/* nasconde per <noscript>*/
	left:-800px;
}


/*	LOGO ANIMATO */
#logoanimato
{
	width:300px;
	height:40px;
	margin-left:430px;
}

/*	IMMAGINE DILAND	*/
#diland
{
	float:left;
	width:129px;
	height:235px;
	padding-left:20px;
	padding-top:105px;
}

/*	FIXED CONTENT */
#fixedcontent
{
	float:left;
	width:475px;
	height:320px;
	overflow:auto;
	padding-top:0px;
	padding-left:85px;
	padding-right:20px;
}

/* INPUT NEWSLETTER */
#newsletter
{
	clear:both;
	float:right;
	padding-top:7px;
	height:20px;
}

#newsletter input
{
	width:290px;
	background-color:transparent;
	color:#333;
	font-size:12px;
}

#newsletter button
{
	font-size:12px;
	height:22px;
	width:60px;

}

/*	VIDEO PLAYER */
#videoplayer
{
	margin:20px auto;
	width:800px;
	height:768px;
}

#player
{
	width:800px;
	height:600px;
}

#videolink
{
	padding:20px;
}

.videolink
{
	padding:5px;
	border:1px solid #CCC;
	width:740px;
	margin-bottom:10px;
}

.videolink:hover
{
	background-color:#AAA;
}

.videolink:hover a,.videolink:hover a h1
{
	color:#333;
}

/*	TAG GENERALI	*/

.hidden
{
	display:none;
}

.error 
{
	float:left;
	display:block;
	padding-left:10px;
	color:#C33;
	font-size:10px;
}

label
{
	width: 150px;
	font-weight: bold;
}

iframe
{
	width:0px;
	height:0px;
	border:0;
}

ul
{
	list-style-image:url(../images/photo-icon.png);
	list-style-position:inside;
}

li
{
	vertical-align:middle;
}

/*	OVERLAY 	*/

.fullscreenOverlay
{
	z-index: 10;
	filter: alpha(opacity=80); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
	-moz-opacity: .80; /*older Mozilla*/
	-khtml-opacity: 0.8;   /*older Safari*/
	opacity: 0.8;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; 
	color:#FFF; 
	text-align:center; 
	vertical-align:middle;
	display:none;
}