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

html, body {
	width:100%; height:100%; margin: 0; padding: 0; border:0;
	font-family: 'Lato', sans-serif; font-size:12px; 
	color:#6d757f; background:#e6e6e6;
}

h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form, fieldset {
	padding: 0; margin: 0; border:0; text-align: left;
}

a, a:hover, a:visited, a:link {cursor:pointer; text-decoration:none; color:#6d757f; }
a:hover{ font-weight:normal; text-decoration:none}
a:active, object:active, div:active { outline: none; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a.disabled { cursor:default; }

input,textarea,select {	font-family: 'Lato', sans-serif; font-size:11px; }
a img{ display:block}
h1 { font-size:20px;}
h2 { font-size:18px;}
h3 { font-size:16px;}
h4 { font-size:14px;}

.clear{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.hide { display:none}
.show { display:block}
.lnkdis { cursor:default}
.bold { font-weight:bold; }

.floatl { float:left; }
.floatr { float:right; }

.container { position:relative; width:770px; overflow:hidden; margin:0 auto; }

/************************************************
		HEADER
*************************************************/
#header{ position:relative; z-index:999; height:103px; background:#ffffff;}
#header .container{ z-index:999; height:103px; overflow:visible;}
#header .logo { display:inline-block; float:left; width:206px; height:103px; background:url(/layout/img/logo.gif) no-repeat 0 0;}

#header .menu{float:right; width:450px; height:30px; margin-top:30px; padding:30px 0 0 60px; border-left:1px solid #c9cacb; text-align:right;}
#header .menu a{ display:inline-block; margin-left:40px; font-size:11px; }
#header .menu a:hover,
#header .menu a.active{ color:#1eb4c7;}

/* BOX REGISTRATI / ACCEDI */
#login{ position:absolute; right:0; bottom:-35px; z-index:999; display:inline-block; float:right; width:105px; margin-top:10px; padding:0 5px; background:#ffffff;}
#login a,
#login span{ font-size:11px;}
#login a:hover{ color:#1eb4c7}
#login .floatl,
#login .floatr{ position:relative; display:block; width:60px; overflow:visible; padding:5px 0; text-align:right;}
#login .floatr{ width:45px; text-align:left;}
#box_accedi{ display:none; position:absolute; right:0; top:20px; width:144px; height:70px; padding:18px 0 0 10px; background:url(/layout/img/accedi_bg.png) no-repeat 0 0;}
#box_accedi .itext{ width:90%; height:15px; margin-bottom:3px; padding:2px; border:0; background-color:#ecf2f1;}
#box_accedi .btn{ display:inline-block; float:left; margin:0; padding:0;}
#login #box_accedi a{ display:inline-block; float:right; margin:4px 10px 0 0; color:#6d757f; font-size:9px; font-style:oblique;}

/************************************************
		FOOTER
*************************************************/
#footer { width:100%; height:32px; line-height:32px; background:#ffffff; }
#footer .copy { float:left; line-height:32px; font-size:10px; font-weight:bold; }
#footer .gestionale { float:right; width:193px; height:18px; margin-top:7px; background:url(/layout/img/accesso-gestionale.gif) no-repeat 0 0; }

#footer.fixed { position:fixed; bottom:0; z-index:888;}

/************************************************
		MAIN CONTENT
*************************************************/
#main{ position:relative; z-index:10; width:100%;}