/* 
    Document   : style
    Created on : 27-ott-2009, 9.41.17
    Author     : federico
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html, body, div, span, applet, object, iframe,
h1, h1, 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,
b, u, i, center,
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;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
/*helpers*/
.nolist li{
	list-style-type: none;
}
img, div, span, a {
		 behavior: url(iepngfix.htc)
		 }
.floatlist li, .left{
	float: left;
}
/*links*/
a{
        text-decoration: none;
}
a, a:link, a:hover, a:visited{
	color:#666666;}
root {
    display: block;
}
body{

}
#wrapper{
    width: 960px;
    height: 640px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top: -320px;
    margin-left: -480px;
    z-index:4;
}
#wrap{
    width: 960px;
    height: 640px;
    background: url(../images/backgroundfoot.jpg) bottom left no-repeat;
    position:relative;
    z-index:5;
}
*:first-child+html #wrap{
    z-index:3;
    overflow:hidden;
}
*:first-child+html #wrapper{
    z-index:3;
    overflow:hidden;
}
* html #back100{
    position:absolute;
    top:0;
    left:0;
    z-index:-200;
}
* html #wrapper{
    background: url(../images/backgroundfoot.jpg) bottom left no-repeat;
    z-index: 3;
}
#back100{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display:none;
}

/**MENU STUFF*/
#menu{
    float: left;
    margin-top: 64px;
    margin-left: 97px;
    text-align:right;
}
#menu li{
    position:relative;
    display:block;
    width: 154px;
    height:154px;
    cursor:pointer;
    /*background: url(../images/quadrato.png) top left no-repeat;
    font: 14px Verdana, sans-serif;
    text-transform: uppercase;*/
}
#menu li span{
    display:block;
    width: 154px;
    height:154px;
    background: url(../images/quadrato.png) top left no-repeat;
    /*font: 14px Verdana, sans-serif;
    text-transform: uppercase;*/
}
#menu li .savetheidea{
    background: url(../images/quadrato_save_rosso.jpg) top left no-repeat;
    /*font: 14px Verdana, sans-serif;
    text-transform: uppercase;*/
}

#menu li a{
    display:block;
}

#menu #chisiamo, #menu #dove, #menu #where, #menu #whoweare{/*serve #menu per questioni ereditarie*/
    margin-left: 155px;
}
#menu #chisiamo a{
	height:129px;
	width:129px;
	background:url(../images/chi_siamo_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #whoweare a{
	height:129px;
	width:129px;
	background:url(../images/whoweare_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #cosafacciamo a{
	display:block;
	height:129px;
	width:129px;
	background:url(../images/cosa_facciamo_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #whatwedo a{
	display:block;
	height:129px;
	width:129px;
	background:url(../images/whatwedo_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #savetheidea a{
	height:129px;
	width:129px;
	background:url(../images/save_the_idea_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #comesiamo a{
	height:129px;
	width:129px;
	background:url(../images/come_siamo_fatti_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #whatweare a{
	height:129px;
	width:129px;
	background:url(../images/whatweare_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #dicono a{
	height:129px;
	width:129px;
	background:url(../images/dicono_di_noi_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #theysay a{
	height:129px;
	width:129px;
	background:url(../images/whattheysayaboutus_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #dove a{
	height:129px;
	width:129px;
	background:url(../images/dove_siamo_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
#menu #where a{
	height:129px;
	width:129px;
	background:url(../images/whereweare_h.png) bottom right no-repeat;
	position:absolute;
	bottom:15px;
	right:15px;
}
/*ARRANGING MATCHES*/
*:first-child+html  #menu #chisiamo, *:first-child+html  #menu #dove, *:first-child+html  #menu #whoweare, *:first-child+html  #menu #where{
     margin-right: 311px;
}
* html #chisiamo, * html #dove, * html #whoweare, * html #where{
    margin-right: 311px;
}
#menu #cosafacciamo, #menu #savetheidea, #menu #comesiamo, #menu #dicono, #menu #whatwedo, #menu #whatweare, #menu #theysay{
    display:block;
    float: left;
    margin-right:1px;
}
#menu #dove, #menu #where{
    clear: left;
}
/*END MENU*/
/*HOME*/
#tophome{
    position: absolute;
    top:42px;
    right:38px;
    display:block;
    width: 250px;
    height:24px;
}
#home{
    position: absolute;
    left: 102px;
    bottom:55px;
    display:block;
    width: 122px;
    height:132px;
    background: url(../images/cubo.png) no-repeat top left; 
}
/*end home*/
#footer{
    position: absolute;
    bottom:0;
    left:0;
    float: left;
    width: 960px;
	height:49px;
}
#lang{
    float: left;
    margin-left:15px;
	margin-top:17px;
}
#lang li{
    padding: 0 3px;

}
#lang li a{
    color: #888;
    font-size:13px;
    display:block;
	font-weight:bold;
}
#comandi{
    float: left;
    margin-left: 8px;
	margin-top:18px;
}

#comandi li a{
    margin-right:3px;
    display:block;
    width: 9px;
    height: 12px;
}
#stop{
    background:url(../images/stop.gif) no-repeat 0px 3px;
}
#play{
    background:url(../images/play.gif) no-repeat 0px 3px;
}
#servizio{
    clear: right;
    float: right;
    margin-right: 40px;
}
#servizio span.footer{
	font-size:11px;
	color:#CCCCCC;
	margin:0 10px 0 5px;
}
* html #servizio{
    margin-right: 24px;
}
#servizio ul{
	margin:5px 0 0 0;
	}
#servizio li{
	display:inline;
	font-size:11px
}
#servizio li a{
	margin:100px 0 0 0;
}
#servizio li a:link{
	color:#666666;
}
#servizio li a#last{
    border-right:none;
    padding-right:0;
}
#footer p{
    color: #666;
    float: right;
    margin-right:40px;
	margin-top:11px;
	font-size:12px;
}
* html #footer p{
    margin-right:24px;
}
#footer span {
    color: #FF0000;
	font-weight:bold;
}
/*POPUP*/
.clear{
	clear:both;
}
#last{
    cursor:pointer;
}
#popup h1{
	font-size:16px;
	color:#E52B38;
	padding-bottom:1px;
	border-bottom:solid 1px #E52B38;
}
#close{
	position:absolute;
	right:5px;
	top:5px;
	width:16px;
	height:16px;
}
#close a{
	width:16px;
	height:16px;
	display:block;
	background:url(../images/close.gif) no-repeat;
}
#popup form{
	font-size:11px;
	margin:10px 0 0 0;}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:200;
}
#popup{
    display:none;
    position:relative;
    z-index:201;
    width:465px;
    height:365px;
    border:solid 1px #CCCCCC;
    background:#FFFFFF;
    padding:20px;
    background:#FFFFFF url(../images/fondo_popup.jpg) top repeat-x;
}
#popup h1{
text-align:left;
font-size:22px;
font-weight:700;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
font-weight:700;
display:block;
cursor: pointer;
color: #000;
z-index: 204;
}
.bold{
    font-weight:bold;
}
.dati{
    margin-top:20px;
}
#preloader{
    display:none;
    visibility:hidden;
    position: absolute;
    top: -2000px;
    background: url(images/quadrato_save.png);
}
#footerlarger{
    width:100%;
    height:49px;
    position: absolute;
    top:50%;
    margin-top:271px;
    background: url(../images/footerext.jpg) repeat-x top left;
    z-index: 1;
}
#preloader{
    display:none;
    visibility:hidden;
    position: absolute;
    top: -2000px;
    background: url(images/quadrato_save.png);
}