html { overflow-x:hidden; }
body, h1 { margin:0; padding:0; }
body { background-color:#D3D6DE; }
body, a { font: 12px Arial, Helvetica, sans-serif; color:#000; line-height:120%; }
ul { list-style: none; margin: 0; padding: 0; }

#pezza { position:absolute; top:0; left:0; width:100%; }
#pezza #pezzaleft { height:439px; width:50%; background: url(../images/sfondo_pezza_left.gif) top left repeat-x; float:left; }
#pezza #pezzaright { height:549px; width:49.8%; margin-left:50%; background: url(../images/sfondo_pezza_right2.gif) top left repeat-x; display: inline; }


#container { position:absolute; width: 1120px; left: 50%; margin-left:-560px; }
.container { width:1024px; }

#header { background-color:#FFF; height:129px; }
#header #topbar { height:14px; background: url(../images/topgreen.gif) top center no-repeat; }
#header img { width:245px; height:82px; position:absolute; top:28px; left:70px; border:0; }

#header #servicemenu { float:right; padding: 18px 66px 0 0; }
#header #servicemenu li { float:left; background:url(../images/bullet.gif) 0 no-repeat; padding-left:14px; padding-right:10px; }
#header #servicemenu li a { color:#008F6F; font-size:11px; text-decoration:none; }
#header #servicemenu li a:hover { text-decoration:underline; }
#header #servicemenu li:hover #languagemenu { visibility:visible; }

#header #social { float:left; padding: 18px 66px 0 0; margin-left:435px; }
#header #social li { float:left; background:none; padding-right:5px; }
#header #social li img { border:0px; width:16px; height:16px; position:relative; left:0px; }

#header #languagemenu { display:block; visibility:hidden; position:absolute; z-index: 10000; width: 74px; border-left: 1px solid #008f6f; border-right: 1px solid #008f6f; background-color: #fff; color: #000; clear:right; }

#header #languagemenu li { padding: 2px 10px 2px 14px; width: 50px; border-bottom: 1px solid #008f6f; background:none; }
#header #languagemenu li a { color: #008f6f; text-decoration: none; }
#header #languagemenu li:hover { background-color: #008f6f; }
#header #languagemenu li:hover a { color: #fff; }



#navmenu { position:relative; top:-20px; left:350px; width:770px; height:40px; background:url(../images/sfondo_menunavigazione.gif) top left; }
#navmenu .first {/* margin-left:25px;*/ margin-right:80px; }
#navmenu li { display:inline; margin-right:14px; float:right; }
/* modifica rimpicciolisco menu: da 14 a 12px */
#navmenu li a { display:inline-block; height:25px; padding-top:12px; color:#FFF; font-size:13px; text-decoration: none; padding-bottom:5px; }
#navmenu li a:hover, #navmenu li .selected { border-bottom: 5px solid #FFF; padding-bottom:0; }

#toppanel { margin-top:20px; background-color:#008F6F; }
#toppanel .toptext { float:left; width:415px; height:250px; background:url(../images/sfondo_toptext.png) top left; }
#toppanel .topimg { margin-left:415px; width:640px; height:250px; }
#toppanel .toptext p { font-size:14px; font-weight:bold; font-style:italic; color:#FFF; line-height:171%; width:290px; height:165px; margin:29px 0 0 82px; } 

#bodypanel { background:url(../images/sfondo_white.gif) top repeat-y; }
#bodypanel #leftmenu { float:left; width:415px; height: auto !important; height: 750px; min-height:750px; padding: 23px 0; }
#bodypanel #rightcontent { margin-left:415px; width:640px; height: auto !important; height: 750px; min-height:750px; padding: 23px 0 23px 20px; }


#footerspacer { height:1px; clear:both; }
#footerspacer2 { background-color:#9EA0AC; height:100px; margin-bottom:15px; clear:both; }
#copyright { margin-left:82px; margin-bottom:30px; }

#footer { position:absolute; width:1548px; margin-top:-1px; margin-left:-275px; text-align:center; background-color:#9EA0AC; height:100px; padding-top:12px; }
#footer img { border:0; vertical-align:middle; }

/* #footer #fiandrelogo { margin-left:133px; }
#footer #irislogo { margin-left:58px; }
#footer #fmglogo { margin-left:68px; }
#footer #stonepeaklogo { margin-left:44px; } */

/* NEW SCOMMENTARE E COMMENTARE QUEI 4 SOPRA */
#footer #fiandrelogo { padding-left:10px !important;}
#footer #irislogo { padding-left:10px !important; }
#footer #fmglogo { padding-left:10px !important; }
#footer #ariostealogo {padding-left:10px !important; }
#footer #porecelaingreslogo {padding-left:10px !important; }
#footer #stonepeaklogo { padding-left:10px !important; }


/*jqMODAL*/
.jqmWindow { display: none; position: fixed; top: 5%; left: 40%; overflow: scroll; margin-left: -250px; width: 800px; height: 400px; background-color: #FFF; color: #333; border: 1px solid black; padding: 12px; }
.jqmWindow a { color: #fff; background-color: #007e5c; font-size: small; }
.jqmClose { margin-left:750px; } 
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }


/* css per gestione mapsite*/
.menu_pr{font-size:12pt; margin-left:30px;font-weight:bold;}
.sub_menu{font-size:10pt; margin-left:40px; text-transform:uppercase; margin-bottom:10px;}
.sub_menu a{font-size:10pt; margin-left:40px; text-transform:uppercase; margin-bottom:10px;  display:block;}
.menu_prodotti{ font-size:9pt; margin-left: 50px; }

div.map {width:300px;text-align:left;
	height: auto !important;  /* per i browser moderni */
     height: 361px;      /* per IE5.x e IE6 */
    min-height: 380px;
    /* per i browser moderni */}
div.map  ul.menu {list-style-type:none;width:300px;float:left; padding-bottom:30px;}

div.map  ul.menu li {margin-left:30px;display:block;font-size:15px;float:left;width:300px;}
div.map  ul.menu li a {text-transform:uppercase;padding:8px 0 0 0;display:block; }
div.map  ul.menu li a:hover, div.map ul li a.active {text-decoration:underline;background-position:0 -27px;}

div.map  ul.menu ul {list-style-type:none;margin:0;display:none;}
div.map  ul.menu ul li {padding:0; margin:0;display:inline;font-size:12px;float:none;}
div.map  ul.menu ul li a {text-transform:none;padding-left:30px;background:none;height:auto;}
div.map  ul.menu ul li a:hover {text-decoration:underline;}