* {margin:0;padding:0; }

body {position:relative;	background:url('../img/body_bg.gif') repeat-x;font-family: "Trebuchet MS";font-size: x-small; }
a img {border:none; }

#top {width:100%;height:30px;position: absolute;top: 0;left: 0;background:url('../img/top_bg50.gif') 50% 0 repeat-y;	z-index:1;overflow: hidden; }

#main, #main_splash {
	position: relative;
	margin: 0 auto;
	width:900px;
	min-height: 300px;
	height: auto !important;		/* Hack per min-height IE */
	height: 300px;
	z-index:2;
	//background:url('../img/logo-top.jpg') top left no-repeat;
 }
	
#main_splash { background: #838282 url('../img/main_splash_top.gif') top left no-repeat; }
#main_splash P { padding: 3px 0 6px 220px; }
#main_splash P A { color: #fff; font-size: medium; font-weight: bold;}
#main_splash P A:link, #main_splash P A:active { text-decoration: none; }
#main_splash P A:visited { color: #fff; text-decoration: none;}

#main_splash p.enter {padding:3px 0;text-align:right;width:260px;height:22px}

#splash_right { position:absolute; top:0; right:0; width: 630px; height:30px; background-color: #000; color:#fff;overflow:hidden}
#splash_right P { padding-left: 10px; }
#splash_right P A { color: #fff; font-size: medium; font-weight: normal;}

#corpo_splash { width: 900px; height: 554px; background:url('../img/splash.jpg') 0 2px no-repeat;cursor: pointer; }
#corpo { position:absolute; top:200px; background:url('../img/corpo_bg.gif') top left no-repeat; }
	
#mainmenu { position:absolute; right:0; width: 648px; height:30px; background-color: #000; color:#fff;}

#header { position:absolute; top:30px; width: 900px; height:170px; }

#logo { float: left; width:252px; height:170px; background: url('../img/logo_pompecasali.jpg') no-repeat; }

#flash {float: left; width:398px; height:179px; background: url('../img/flash.jpg') no-repeat; }

#loginDiv { position:relative; float: left; width:250px; height: 170px; background-image: url('../img/login_bg.jpg'); }

#submenu { display:inline;float:left; width:195px; height:420px; background:url('../img/submenu_bg.jpg') 0 159px no-repeat; }

#text {float:left; width:385px; padding:5px; }
#text_dovesiamo {float:left; width: 640px; padding:5px 0 0 5px;}
#text_schema {float:left;display:inline;width:695px; padding:3px; position:relative;}
#text_schema p.print {position:absolute; right:10px; top:10px; }

#right {float:left;width:310px;}
.floatRight { float: right; padding: 0 10px; }

#text h1, #text_dovesiamo H1, #text_schema H1 { color: #4E5E74; font-size:x-large; text-transform: uppercase;}
#text h3, #text_dovesiamo H3, #text_schema H3 { color: #960205; font-size:large; margin-bottom: 10px;}
#text p, #text_schema p { font-size:small; line-height:1.2em; padding-top:5px; color:#1B1B1F; }

P.clear { clear:left; }

#footer { clear:left; width:100%; background-color:#000; }


/* TESTI SPLASH PAGE */

#corpo_splash P { padding:0; }
#corpo_splash P.welcome { position: absolute; top: 75px; left: 455px; color:#fff; font-size:medium; font-weight:bold;  } 
#corpo_splash P.payoff { position: absolute; right: 33px; top: 310px; color:#fff; line-height: 15px; font-size:small; font-weight:bold; text-align: right; } 


/* LOGIN */

#login { color:#fff; padding-left: 10px; position:absolute; bottom:10px; }
#login FIELDSET { font-weight: bold; border:none; }
P#payoff { padding:10px; width: 140px; font-size: large; color:#fff; }
#login INPUT, #login PASSWORD { font-size:xx-small;width: 100px; border: 1px solid #e6e6e6; font-family: "Tahoma"; font-weight:normal; }
#submit { border:none: }


/* MAINMENU */
#mainmenu UL { margin:0; color:#fff; font-size:small; padding:0.5em 0; text-align:left; }
#mainmenu UL LI  { display:inline; }
#mainmenu UL A { background:#620809 url(../img/mainmenu_bg.gif) repeat-x; height:0; padding: 7px 10px; color:#d6d6d6; text-decoration:none; margin:-0.5em 0; white-space:nowrap; font-weight:bold; text-transform:uppercase; border-right:1px solid #7E0A0B;}
#mainmenu UL A:hover, #mainmenu UL A.active { background:#B20E10 url(../img/mainmenu_hover_bg.gif) repeat-x; color:#fff; }

/** LANG MENU **/
ul.language {list-style-type:none;float:left;margin:3px 0 0 40px}
ul.language li {display:inline}
ul.language li a:link, ul.language li a:visited {padding:0;width:32px;height:20px;display:block;float:left;}
ul.language li a span {display:none}
ul.language li#ita a {background:url('../img/flags.gif') 0 0px no-repeat;}
ul.language li#ita a:hover, ul.language li#ita a.active {background:url('../img/flags.gif') 0 -20px no-repeat;}
ul.language li#eng a {background:url('../img/flags.gif') -32px 0 no-repeat;margin-left:10px}
ul.language li#eng a:hover, ul.language li#eng a.active {background:url('../img/flags.gif') -32px -20px no-repeat;}
ul.language li#fra a {background:url('../img/flags.gif') -64px 0 no-repeat;margin-left:10px}
ul.language li#fra a:hover, ul.language li#fra a.active {background:url('../img/flags.gif') -64px -20px no-repeat;}
ul.language li#esp a {background:url('../img/flags.gif') -96px 0 no-repeat;margin-left:10px}
ul.language li#esp a:hover, ul.language li#esp a.active {background:url('../img/flags.gif') -96px -20px no-repeat;}


/* SUBMENU */
#submenu ul { margin:0; padding:0; width:195px; list-style:none; }
#submenu ul li { display: inline; }
#submenu ul a {display:block; text-decoration:none; padding:3px 6px; color:#6B7584; font-size:small; font-weight: bold; text-transform:uppercase; height:1%; }
#submenu ul a:link, 
#submenu ul a:visited { background-color: transparent; color: #6B7584; }
#submenu ul a:hover,
#submenu ul a:focus,
#submenu ul a:active,
#submenu ul li a.active { background:url(../img/sub_hover_bg.gif) no-repeat; }
#submenu ul li ul { text-indent: 1em; margin-bottom: 10px; }
#submenu ul li ul a {display:compact;text-decoration:none; padding:1px 10px; font-size:11px; font-weight: normal; text-transform:none; }
#submenu ul li ul li a:link, #submenu ul li ul li A:visited { background:transparent; font-weight: bold;color: #960205; }
#submenu ul li ul li a:hover,#submenu ul li ul li A.active { background: none; color: #960205; text-decoration: underline; }

	/* SUBMENU  CERTIFICAZIONI */
	#submenu ul li.certificazioni a { text-decoration:none; padding:3px 0 3px 16px; color:#6B7584; font-size:11px; font-weight: bold; text-transform:none; height:1%; background: url('../img/pdf_icon.png') left center no-repeat; }
	#submenu ul li.certificazioni a:hover { text-decoration: underline;  }
	


/* FOOTERMENU */
#footer:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
#footer ul {list-style-type:none; }
#footer ul li {display:inline; float:left; font-weight:bold; margin:0; padding:3px 0; color:#fff}
#footer ul li a:link,#footer ul li a:visited { padding: 0 10px; text-decoration:none; margin:-0.5em 0; white-space:nowrap; font-weight:bold; border-right:1px solid #fff; color:#fff }
#footer ul li#copyright{display:inline;float:right; margin-right: 10px;}
#footer ul li#piva{margin-left: 10px;}


/* IMMAGINI COLONNA DESTRA */
.right{float:left; width:310px; }
#right_home { float:left; width:310px; height: 480px; background:url('../img/right_1.jpg') top left no-repeat; }
#right_news {float:left; width:310px; height: 480px; background:url('../img/right_news.jpg') top left no-repeat; }
#right_settori {float:left; width:310px; height: 543px; background:url('../img/settori.jpg') top left no-repeat;}
#right_storia {float:left; width:310px; }
#right_customercare {float:left; width:310px; height: 546px; background:url('../img/customercare.jpg') top left no-repeat; }
#right_certificazioni {float:left; width:310px; height: 457px; background:url('../img/certificazioni.jpg') top left no-repeat; }
#right_catalogo {float:left; width:310px; height: 750px; background:url('../img/prodotti.jpg') top left no-repeat; }
#right_contatti {float:left; width:310px; height: 320px; background:url('../img/contatti.jpg') top left no-repeat; }


/* ANTEPRIME IMMAGINI */
#imgthumbs { margin:10px 0 0 10px; padding:0; list-style:none; }
#imgthumbs li { float:left; margin:8px 5px; display:inline;}
#imgthumbs li.stab_top { float:left; margin-left:5px; display:inline;}
#imgthumbs img { border:2px solid #fff; display:block;}
#imgthumbs a { border:1px solid #BBB;display:block;padding:2px;background:#DDD;text-decoration:none;font-family:Verdana,Tahoma,Helvetica,sans-serif;font-size:0.85em;text-align:center;color:#555;}
#imgthumbs a:hover { border:1px solid #B7005C;background:#CEB3C1;color:#43122C;}
#imgthumbs a:hover img { border:2px solid #fff;}


/* TABELLA PRODOTTI */
DIV.tabella_serie { float: left; width: 200px; margin-right:20px; display: inline; }
.schemaProdotti, .schemaSerie, .schemaNAV { text-align:center; font-size: x-small; margin:0; 
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-right:1px solid #888;}

.schemaProdotti h1 {margin:0; color:#fff;}
.schemaProdotti th, .schemaSerie th, .schemaNAV th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	background-color: #838282;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.schemaProdotti th.serie A { display: block; font: bold large "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff; }
.schemaProdotti th.serie A:link, .schemaProdotti th A:visited {
	text-decoration: none; }	
.schemaProdotti th.serie, .schemaSerie th.serie  { background: url(../img/panel_head_bg.gif) repeat-x; color: #fff; font-size:large; border: none; padding: 5px 0;}
.schemaProdotti th.modello, .schemaSerie th.modello, .schemaNAV th.modello { border-left: none; }
.schemaProdotti td, .schemaSerie td, .schemaNAV td  { font-size: small; padding: 3px 0; border-bottom: 1px solid #888; background-color: #fff;}
.schemaProdotti td.name, .schemaSerie td.name, .schemaNAV td.name { font-size: medium; padding: 4px 10px; background-color: #fff; text-align: right;}
.schemaProdotti td.foto { padding: 3px; background-color: transparent; }
.schemaProdotti tr.prodotti:hover td {
	background-color: #f2f2f2;
	/*cursor: pointer; 	DA RIATTIVARE QUANDO SARANNO ATTIVI I LINK AI PRODOTTI */	}
	
/* SCHEDA PRODOTTO */
#scheda-left {float:left;display:inline;width:330px;}
#scheda-right {float:left;display:inline;width:340px;margin-left:10px;}
#scheda-left div.info-pompa p strong {color:#960205}
table.dettagliPompa {margin-top:15px;width:330px; border:1px solid #333;}
table.dettagliPompa th {padding:2px 5px; background:#e6e6e6}
table.dettagliPompa th.portate {border-bottom:1px solid #000; font-size:1.2em}
table.dettagliPompa tr {border-top:1px solid #000 }
table.dettagliPompa td {padding:2px 0;text-align:center;border-top:1px solid #333;font-size:1.2em;}
#scheda-right a img,#schema-pompa a img {float:left;padding:3px; border:1px solid #999;margin-bottom:15px}
#scheda-right a:hover img,#schema-pompa a:hover img {border:1px solid #960205}
	
	
/* TABELLA SERIE */
.schemaSerie { width: 400px; text-align:center; font-size: x-small; padding:0; margin:0; }
.schemaNAV { width: 90%; text-align:center; font-size: x-small; padding:0; margin:10px auto; }


/* CERTIFICATI QUALITA' */
.certificato { margin: 0 30px; padding: 3px; border: 1px solid #999; margin-bottom: 20px; }
.certDetails { margin: 0 30px; width: 306px; position: relative; color: #960205; font-weight: bold; }
.certDetails p { font-size: 9px; margin: 5px 0; }
.certDetails a { position: absolute; top: 3px; right: 0; }


/* PAGINA NEWS - EVENTI */
div.evento h2 a:link,div.evento h2 a:visited { color: #960205;font-size:large;text-decoration:none; }
div.evento h2 a:hover { text-decoration:underline;}
hr.evento {clear:right;margin:20px; color: #fff; background-color: transparent; border: 1px dotted #999; border-style: none none dotted;}
a.evento { float:right; font-size: 10px; font-weight: bold; margin-right:20px;}
a.evento:link, a.evento:visited { color: #4E5E74; text-decoration:none;}
a.evento:hover { text-decoration:underline;}
a.back { margin-top: 20px;}

/* LIGHTBOX */

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: x-small; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}