html, body
{ font-family:Arial, Helvetica, sans-serif; color:#333; background:#e0e0e0; margin:0; padding:0; }
body
{ font-size:0.75em; margin:10px; padding:0; }
a { color:#222; text-decoration:underline; }
a:hover { color:#000; }
a img { border:0 none; }

#page
{ width:auto; margin:auto; background:#fff; overflow:hidden; padding:10px; min-width:940px; }

#head { height:60px; padding:0 10px 16px; color:#888; overflow:hidden; }

#head h1, #head h2 { height:60px; overflow:hidden; float:left; margin:0; }
#head h1 { width:275px; background:url(../img/window-identity.png) no-repeat 0 50%; }
#head h2 { width:425px; background:url(../img/portale-dei-professionisti-della-tua-finestra.png) no-repeat 0 50%; }
#head h1 em, #head h2 span { display:block; text-indent:-999em; height:60px; }
#head h2 span { padding-right:65px; background:url(../img/logo-casa_s.png) no-repeat 100% 1px; }

#head { background:#fff url(../img/hsep3.png) no-repeat 0 100%; }

h1 span, h2 span, h1 img, h2 img { display:block; }

#main { overflow:hidden; }
/******************************/
.home #page
{ padding:10px 10px; min-width:960px; }
.home #head { background:none; padding-bottom:10px; }
.home #slides
{ margin-left:10px; margin-right:10px; min-width:940px; }
.home #main
{ padding:16px 10px 0; background:#fff url(../img/hsep3.png) no-repeat 0 0; }

.home #head h2 span { padding-right:0; background:none; }

.home #slides
{ height:280px; width:940px; overflow:hidden; }

.home #main { overflow:hidden; font-size:0.916em; }
.home #main .box { float:left; border-left:1px solid #c0c0c0; height:240px; }
.home #main #box2 { width:100%; padding:0 1% 20px 1%; margin-right:-30%; }
.home #main #box3 { width:80%; 
padding:0 0 20px 3%; float:right; margin-right:6%; }


.home #main .box h2 { height:68px; margin:0; background:url(../img/home/h-box.png) repeat-x 0 0; }
.home #main .box h2 span { display:block; }
.home #main #box2 h2 span { background:url(../img/home/h-box1.png) no-repeat 100% 0; }
.home #main #box3 h2 { color:#046b99; background:none; height:auto; }

.home #main p { margin:0.25em 0 0.75em; }

.home #main .box .int { overflow:hidden; padding:0 5px 0 10px;}
.home #main #box3 .int { padding:0; }
.home #main #box3 a.flw { color:#006d9b; } 

.home #main #box3 { background:url(../img/home/box3_bg.jpg) repeat-x 0 100%; border-color:#6dabc7; }

.home #main .box .btn { display:block; width:64px; height:24px; background:url(../img/home/btn.png) no-repeat 0 50%; border: 0px; text-decoration:none; line-height:10px; color:#555; text-align:center; font-weight:bold; font-size:11px; margin-top:-4px; }
.home #main .box button.btn { border:0 none; }
.home #main #box3 .btn { background-image:url(../img/home/btn-2.png); background-position:0 1px; color:#444;  line-height:25px;}

/******************************/
.home label { font-size:1.09em; display:block; overflow:hidden; margin:0 0 12px; }
.home label input { font-size:0.916em; display:block; float:left; width:165px; border:1px solid #888; }
.home label span { display:block; float:left; width:4.8em; }
.home #box2 label { float:left; }
.home .box button { float:right; width:4em; margin:0;  background:#fff; border:1px solid #777; padding:0px 6px; font-size:12px; line-height:10px; cursor:pointer; }

.home .box .int { min-height:170px; }
* html .home .box .int { height:170px; }
/******************************/
h1.ico { height:70px; background:url(../img/h-mid.png) repeat-x 0 0; margin:0 0 0.25em; }
h1.ico span { height:70px; background-repeat:no-repeat; background-position:100% 0; }
h1.ico img { display:block; }

h1.wrench	 span { background-image:url(../img/h-ico-wrench.png); }
h1.clip		 span { background-image:url(../img/h-ico-clip.png); }
h1.magnifier span { background-image:url(../img/h-ico-magnifier.png); }

ul.files li, ul.files { margin:0.5em 0 0.25em; list-style:none; padding:0; overflow:hidden; }
ul.files li { margin:0 1em 0.5em 0; float:left; }
ul.files li a { padding:4px 0 4px 24px; background-repeat:no-repeat; background-position:0 68%; text-decoration:none; display:block; float:left; }
ul.files li a:hover { text-decoration:underline; }
ul.files li a.pdf { background-image:url(../img/ico/pdf.png); }
ul.files li a.doc { background-image:url(../img/ico/doc.png); }
/******************************/
#menu { overflow:hidden; border-bottom:1px solid #888; padding:5px 0 10px; }
#menu ul, #menu li { margin:0 0 0; list-style:none; padding:0; overflow:hidden; }
#menu li { float:left; margin-right:10px; }
#menu li a span { visibility:hidden; display:block; text-indent:-999em; text-decoration:none; }
#menu li a { display:block; height:32px; background:none no-repeat 0 0; }
#menu li.profilo	a { width:126px; background-image:url(../img/menu/il-mio-profilo.png); }
#menu li.documenti	a { width:142px; background-image:url(../img/menu/carica-documenti.png); }
/*#menu li.matricola 	a { width:136px; background-image:url(../img/menu/menu01-03.png); }*/
#menu li.commesse 	a { width:130px; background-image:url(../img/menu/le-mie-commesse.png); }
#menu li.mobilece 	a { width: 94px; background-image:url(../img/menu/mobile-ce.png); }
#menu li.emmegi 	a { width:148px; background-image:url(../img/menu/assistenza-emmegi.png); }
#menu li.assistenza a { width:142px; background-image:url(../img/menu/addetti-assistenza.png); }

#menu li.profilo.on		a { background-image:url(../img/menu/il-mio-profilo_on.png); }
#menu li.documenti.on	a { background-image:url(../img/menu/carica-documenti_on.png); }
#menu li.commesse.on 	a { background-image:url(../img/menu/le-mie-commesse_on.png); }
#menu li.mobilece.on	a { background-image:url(../img/menu/mobile-ce_on.png); }
#menu li.emmegi.on 		a { background-image:url(../img/menu/assistenza-emmegi_on.png); }
#menu li.assistenza.on 	a { background-image:url(../img/menu/addetti-assistenza_on.png); }

#menu li.on a { color:#006695; }

/*#menu>ul { display:table; width:100%; }
#menu>ul>li { display:table-cell; float:none; }*/

*+html #menu>ul>li { float:left; }

/******************************/

#footer
{ margin:10px 0 0; padding:5px; color:#666; font-size:0.92em; text-align:center; }

#footer ul, #footer li { list-style:none; margin:0; padding:0; }
#footer li { display:inline; padding:5px; }
#footer li a { color:#666; text-decoration:none; text-transform:uppercase; font-weight:bold; }
#footer li a:hover { color:#333; }
#footer ul { margin:auto; margin-top:5px; overflow:hidden; }

/******************************/

#percorso, #percorso a { color:#777; text-decoration:none; }
#percorso { padding:5px 0 0 14px; }