/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif;}
a {text-decoration:none; outline:none;}
body { margin:0;}

#logo { text-align:center; padding:0 0 10px 0;}
#main { width:776px; margin:0 auto;}
#gallery { width:770px; height:290px; border:3px #CCC solid; }
#centro {font-size:11px; color:444; padding:30px 0; line-height:16px; text-align:justify; clear:left; overflow:hidden;}
#centro h2{font-size:18px; color:#111; padding:0; margin:0 0 10px 0;}
#centro h3{font-size:15px; color:#333; padding:0; margin:0 0 10px 0;}

#centro .uno {width:365px; margin:0 20px 0 0; float:left;}
#centro .due {width:365px; margin:0 0 0 20px; float:left;}
#centro .tre {width:770px; margin:30px 0; float:left; clear:left; overflow:hidden;}

/* Stile menu */
#menu {padding:30px 0; display:inherit;}
#menu a {font-size:12px; color:#222; letter-spacing:3px; display:block; height:20px; text-decoration:none;}
#menu a:hover {color:#000;}
#menu ul, #menu li { list-style:none; margin:0; padding:0; height:30px}
#menu li {float:left; text-align:left; position:relative; margin:0 47px 0 0}
#menu li:last-child { margin:0; float:right;}
#menu ul ul {visibility:hidden; position:absolute; height:auto; z-index:1; top:30px; left:0; background-color:#f8f8f8; margin:0; padding:6px 0 0 0;}
#menu li li {height:auto; line-height:12px; padding:0 4px; text-align:left; width:240px; margin:0;}
#menu ul>li:hover > ul {visibility:visible;}
#menu ul>li>ul:hover > ul {visibility:visible;}
#menu ul>li>ul>li>a {font-size:10px; letter-spacing:0px; text-transform:uppercase;}
#menu ul>li:hover > a { font-weight:bold;}


#piede {font-size:11px; color:#666; padding:25px 0 10px 0; border-top:#CCC 1px solid; overflow:hidden; clear:left;}
#piede_sx {float:left; width:388px;}
#piede_dx {float:left; width:388px; text-align:right;}
#piede_menu {float:right; text-align:left;}
#piede_menu ul { list-style:none; margin:0; padding:0; height:10px}
#piede_menu li { list-style:none; float:left; border-left:1px solid #ccc; padding:0 0 0 5px; margin: 0 0 0 5px;}
#piede_menu a  {font-size:10px; letter-spacing:0px; text-transform:uppercase;color:#333;}
#piede_menu a:hover  {color:#000;}

#page_gallery { clear:left; overflow:hidden;}
#page_gallery div {height:100px; text-align:center; position:relative; float:left; border:1px solid #ccc; padding:5px;}
/*#page_gallery div {width:100px; height:100px; overflow:hidden; text-align:center; position:relative; float:left; margin:10px 10px 0 0; border:1px solid #999;}
#page_gallery a {position:absolute; left:0; top:0;}*/
#page_gallery img { border:none; height:100px;}

#page_download { clear:left; margin:30px 0;}
#page_download div {height:20px; text-align:left; float:left; padding:5px; float:left; clear:left;}
#page_download a {color:#111; padding:5px; border-bottom:1px solid #ccc; font-size:14px;}

#centro .due #page_gallery div { margin:6px 6px 0 0;}
#centro .tre #page_gallery div { margin:10px 10px 0 0;}

.soluzioni_disp { width:770px; background:url(public/images/sf_soluzioni_disp.png) repeat-x; height:207px; margin:30px 0 0 0; overflow:hidden; clear:left;}
.soluzioni_disp_tit { width:750px; height:30px; padding:0 10px; font-size:18px; color:#333;}
.soluzioni_disp a { background-position:center 40px; background-repeat:no-repeat; display:block; height:159px; width:185px; border-right:5px solid #fff; float:left; text-align:center;}
.soluzioni_disp a { text-align:center; margin:0 0 0 0; padding:15px 0 0 0; font-size:11px; letter-spacing:3px; color:#333; text-transform:uppercase; }
.soluzioni_disp a:hover { color:#000;}


#logo_piede_automazione a {width:200px; height:35px; background:url(public/images/logo_neymat.png) left center no-repeat; display:block; border:none;}
#logo_piede_automazione a:hover {background-image:url(public/images/logo_neymat_roll.png);}
#logo_piede_master a {width:124px; height:53px; background:url(public/images/logo_piede_master.png) left center no-repeat; display:block; border:none;}
#logo_piede_master a:hover {background-image:url(public/images/logo_piede_master_roll.png);}
#logo_piede_real a {width:218px; height:53px; background:url(public/images/logo_chg.png) left center no-repeat; display:block; border:none;}
#logo_piede_real a:hover {background-image:url(public/images/logo_chg_roll.png);}