/* CSS Document */

/*
Copyright 2009-2010 Lino Mocerino
$ Revision 2.0 2010-06-10 23:22 $
*/

body { margin:20px 0 0 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0; color:#000; text-decoration:none; background:#190413 url(../img/default/bgr.jpg) 0 0 repeat-x; }
body img { display:none; } /* ma guarda te se devo farmi un culo cosi' per far sparire un logo di phpmv2 in pagina su Opera... */
.notice img, #lightbox-secNav img { display:block; } /* idem come sopra, questo per far riapparire il pulsante chiudi del lightbox, grr... */
div { margin:0; padding:0; }
td	{ vertical-align:top; text-align:left; }
caption	{ color:#000080; font-weight:bold; background:#FFF; border-bottom:#9897B3 solid 1px; }
address	{ float:left; font-style:normal; margin:0 15px 0 0; padding:0; color:#FFF; }
address a { font-weight:normal; }
address a:link { color:#990000; }
address a:hover	{ color:#660000; }
address a:visited { color:#990000; }
address a:active { color:#CC0000; }

.projectCaption { font-size:18px; }

.floatLeft { float:left; }
.floatRight { float:right; }
.floatLeftCleaning { clear:left; }
.recupero { clear:both; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

a { text-decoration:none; }
a:link { color:#990000; }
a:hover	{ color:#660000; }
a:visited { color:#990000; }
a:active { color:#CC0000; }

#header { position:relative; height:232px; margin:5px; padding:0; text-align:center; border:#666 1px solid; z-index:1; }
#branding { position:absolute; top:0; left:0; z-index:2; width:931px; height:220px; border:#666 1px solid; }

#logo { position:absolute; top:2px; left:2px; z-index:3; background:#FFF; padding:5px 20px; }

#global	{ position:absolute; z-index:3; top:0; left:50%; margin:0 0 0 25px; padding:0; width:450px; }
#global ul { float:left; list-style-type:none; text-align:right; }
#global li { float:left; margin:0 5px 5px 0; }
#global a { display:block; padding:4px 10px 5px 10px; color:#FFF; font-size:11px; text-transform:capitalize; }
#global a:hover { background-color:#771745; color:#FFF; } 
/*#global li { float:left; margin:0 0 0 1px; }
#global a { display:block; width:94px; min-height:56px; height:auto !important; height:56px; padding:40px 5px 0 5px; background-color:#FFF; color:#000; text-align:center; font-size:13px; }
#global a:hover { background-color:#990000; color:#FFF; }*/

#section, #local { position:absolute; right:-29px; margin:0; padding:0; width:340px; }

#section { z-index:3; top:233px; }
#section ul { float:left; list-style-type:none; }
#section li { float:left; margin:0 0 1px 1px; }
#section a { display:block; width:140px; padding:5px 5px 6px 15px; background-color:#330014; color:#FFF; font-size:13px; }
#section a:hover { background-color:#F9F4F9; color:#000; }
#section a.selected { background-color:#51001F; }
#section a.selected:hover { background-color:#F9F4F9; color:#000; }

#local { z-index:4; top:0; }
#local ul, #local ol { float:left; list-style-type:none; }
#local ul li { float:left; margin:0 0 1px 1px; }
#local ul a { display:block; width:94px; min-height:58px; height:auto !important; height:58px; padding:41px 5px 0 5px; background-color:#990000; color:#FFF; text-align:center; font-size:13px; }
#local ul a:hover { background-color:#F9F4F9; color:#000; }
#local ul a.twoLines { padding-top:36px; padding-bottom:5px; }
#local ul a.threeLines { padding-top:25px; padding-bottom:16px; }

#local ul.forFour  { width:226px; }

#local ol { position:absolute; top:0; right:-10px; }
#local ol li { margin:0 0 5px 5px; }
#local ol a { display:block; width:15px; margin-bottom:3px; padding:5px 3px 6px 4px; background-color:#990000; color:#FFF; font-size:9px; }
#local ol a:hover { display:block; background-color:#F5ECCD; color:#000; }
#local ol a.selected { background-color:#AA9FA8; }
#local ol a.selected:hover { background-color:#F9F4F9; color:#000; }

#contents { clear:left; display:block; min-height:180px; height:auto !important; height:180px; text-align:center; border:#666 1px solid; }
#contents p	{ }

#footer { position:absolute; bottom:0; left:0; margin-bottom:-415px; padding:4px 0 0 20px; width:934px; min-height:10px; height:auto !important; height:10px; }

.credits { float:right; color:#FFF; width:120px; padding-right:18px; /* sembra necessario ad IE6 */ }



/* NOTICE */
.notice { z-index:2; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-473px; width:950px; padding:0 0 7px 0; font-size:11px; }
.background { position:absolute; top:0; left:0; z-index:0; width:100%; }
.bgstripe { position:absolute; z-index:1; top:50%; left:0; margin-top:-200px; width:100%; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; background:#000 !important; background-image:url(../img/default/bgMask-rw.png); min-height:400px; height:auto !important; height:400px; }
/* interessante per i testi sullo sfondo, ma non oggi
.bgstripe { position:absolute; z-index:1; top:50%; left:0; margin-top:-200px; width:98.5%; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; background:#000 !important; background-image:url(../img/default/bgMask-rw.png); min-height:50px; height:auto !important; height:50px; font-family:Georgia, "Times New Roman", Times, serif; font-size:200px; color:#330000; font-style:italic; padding:300px 0 0 0; overflow:hidden; } */

.dontMissThePath-home, .dontMissThePath-about, .dontMissThePath-contactus, .dontMissThePath-machinery, .dontMissThePath-products, .dontMissThePath-where { position:absolute; z-index:2; top:50%; left:0; margin-top:-200px; width:31px; min-height:213px; height:auto !important; height:213px; background-color:#5D0025; }

.dontMissThePath-home { background:url(../img/home/mn_sideLabel-home.gif) 0 0 no-repeat; }
.dontMissThePath-about { background:url(../img/about/mn_sideLabel-about.gif) 0 0 no-repeat; }
.dontMissThePath-contactus { background:url(../img/contact/mn_sideLabel-contact.gif) 0 0 no-repeat; }
.dontMissThePath-machinery { background:url(../img/machinery/mn_sideLabel-machinery.gif) 0 0 no-repeat; }
.dontMissThePath-products { background:url(../img/products/mn_sideLabel-products.gif) 0 0 no-repeat; }
.dontMissThePath-where { background:url(../img/where/mn_sideLabel-where.gif) 0 0 no-repeat; }

.reasonWhy { position:absolute; top:0; left:0; width:190px; padding:10px 10px 10px 20px; color:#FFF; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; }

.notice .logotypo { position:absolute; top:-98px; left:0; margin:0; padding:13px 28px 7px 20px; }
.notice h2 { display:block; position:absolute; z-index:2; top:0; left:-6340px; /*margin:0 0 0 -1px; padding:5px 0 0 0;*/ margin:0; padding:2px 11px 4px 11px; background-color:#1C0609; color:#FFFFFF; }
.notice h3 { display:block; margin:0 0 0 -1px; padding:7px 0 0 0; }
.notice h4 { display:block; position:absolute; z-index:2; top:-32px; right:10px; margin:0; padding:3px 9px 4px 9px; /*filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; background:#21434D; */ font-family:Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.03em; font-size:21px; font-weight:normal; color:#FFF; }
.notice h5 { margin:10px 0 0 0; padding:0; font-size:11px; }
.notice p { margin:0; padding:0; }

.info { position:absolute; top:0; left:640px; background-color:#F9F4F9; /* border:#FFF 13px solid; */ min-height:400px; height:auto !important; height:400px; width:308px; }

.info h1 { display:block; background-color:#990000; padding:30px 8px 10px 13px; font-family:Arial, Verdana, sans-serif; text-transform:uppercase; font-size:23px; color:#FFF; text-transform:none; }
.info h3 { padding-left:13px; }
.info p { padding:30px 10px 10px 13px; font-size:14px; }

.info ul, .info ol { position:absolute; top:213px; left:-616px; list-style-type:none; width:170px; }
.info ul li { margin:0; }
.info ul a { display:block; min-height:19px; height:auto !important; height:19px; padding:10px 5px 5px 18px; color:#FFF; text-align:left; font-size:12px; border-top:#660000 1px solid; }
.info ul a:link, .info ul a:visited { color:#FFF; }
.info ul a:hover { color:#FFF; background-color:#370017; }
.info ul a.first { border:none; }

.info ul a.selected { background-color:#FFF; }
.info ul a.selected:link, .info ul a.selected:visited { color:#330000; background-color:#FFF; }
.info ul a.selected:hover { color: #990000; background-color:#FFF; }

.capsh { position:absolute; z-index:2; top:0; left:10px; /* background-color:#000; filter:alpha(opacity=06); -moz-opacity:.06; opacity:.06; background:#FFF !important; background-image:url(../img/default/bgMask-ff.png); */ /* border:#FFF 13px solid; */ padding:10px 10px 10px 10px; width:185px; min-height:380px; height:auto !important; height:380px; font-size:13px; color:#FFF; }
.capsh h1 { display:block; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; /* forse, un giorno... font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#CCC; */ }
.capsh p { padding:0; margin:0; }
.capsh acronym, abbr { font-size:0.8em; }



/* LIGHTBOX */
#portfolio, #product { position:absolute; z-index:1; top:0; left:224px; }
ul#portfolio, ul#product { display:block; float:left; }
ul#portfolio li, ul#product li { display:block; width:400px; height:400px; overflow:hidden; background-color:#FFF; }
ul#portfolio li a img, ul#product li a img { width:400px; border:none; }




#linear { }
#linear a { display:block; width:10px; margin:0 5px 3px 0; padding:2px 3px 3px 4px; color:#FFF; font-size:9px; }
#linear a:hover { display:block; color:#000; }
#linear ol a { background-color:#990000; }
#linear ol a:hover { background-color:#F5ECCD; }

#linear ol { position:absolute; z-index:3; top:0; left:234px; width:15px; }
#linear ol li, #linear ul li { display:block; float:left; }
#linear ul { position:absolute; z-index:3; top:369px; left:233px; width:300px; }

#linear .front-back { width:14px; height:14px; }


/* da affiancare alle proprieta' di .info ul, alla svelta */
.capsh ul, .capsh ol { position:absolute; top:225px; left:54px; list-style-type:none; width:150px; }
.capsh ul li, .capsh ol li { margin:0; }
.capsh ul a, .capsh ol a { display:block; min-height:19px; height:auto !important; height:19px; padding:10px 5px 5px 18px; color:#FFF; text-align:left; font-size:11px; border-top:#660000 1px solid; }
.capsh ul a:link, .capsh ul a:visited, .capsh ol a:link, .capsh ol a:visited { color:#FFF; }
.capsh ul a:hover, .capsh ol a:hover  { color:#FFF; background-color:#370017; }
.capsh ul a.first, .capsh ol a.first { border:none; }

.capsh ul a.selected, .capsh ol a.selected  { background-color:#FFF; }
.capsh ul a.selected:link, .capsh ul a.selected:visited, .capsh ol a.selected:link, .capsh ol a.selected:visited { color:#330000; background-color:#FFF; }
.capsh ul a.selected:hover, .capsh ol a.selected:hover { color: #990000; background-color:#FFF; }





/* INDEX */
.logotypo-index { position:absolute; margin:0; padding:19px 0 7px 0; min-height:374px; height:auto !important; height:374px; width:310px; background-color:#F9F4F9; }

/* ven 13 mar 2009; file jqueryinnerfade.js, vi ho cambiato il position relative in absolute, altrimenti compare una barra di scorrimento orizzontale nella home */
#visual { position:absolute; z-index:2; top:0; left:323px; margin:0; padding:0; }
ul#visual li { display:block; width:605px; height:400px; overflow:hidden; background-color:#FFF; margin:0; padding:0; }
ul#visual li img { width:605px; margin:0; padding:0; }

.headline { position:absolute; z-index:5; top:260px; left:113px; color:#000000; }
.headline h1 { font-size:16px; text-align:right; }


/* CONTACT */
.formBlock { display:block; position:absolute; left:320px; top:0; z-index:3; background-color:#FFF; min-height:398px; height:auto !important; height:398px; border:#FFF 1px solid; }
.envelope { font-weight:bold; padding-left:10px; background-color:#FFF; width:633px; }

.warning, .tips { display:block; position:absolute; z-index:4; top:300px; left:340px; background-color:#FFF; font-family:Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.03em; font-size:21px; font-weight:normal; }
.warning { color:#990000; text-decoration:blink; }
.tips { color:#990000; }

.data { display:block; float:left; width:200px; padding-top:10px; /* background-color: #000033; border-right:#FFFFFF 1px solid; */ }
label { display:block; float:left; margin:0; padding:5px 5px 10px 0; width:70px; }
.wide, .narrow { float:left; margin-bottom:10px; }
.wide { width:222px; }
.narrow { width:80px; }



/* WHERE */
#map { position:absolute; top:0; left:0; width:600px; min-height:400px; height:auto !important; height:400px; background-color:#FFF; }
#map { }
#map a { display:block; width:12px; margin:0 5px 3px 0; padding:3px 4px 4px 3px; color:#FFF; font-size:11px; text-align:center; }
#map a:hover { display:block; color:#000; }
#map ol a { background-color:#990000; }
#map ol a:hover { background-color:#F5ECCD; }

#map ol { position:absolute; z-index:3; top:8px; left:577px; width:31px; }
#map ol li, #map ul li { display:block; float:left; }
#map ul { position:absolute; z-index:3; top:369px; left:213px; width:300px; }


/* POLICY */
.policy { color:#FFF; padding:0 23px 20px 30px; font-size:11px; }
.policy a { text-decoration:none; }
.policy p { margin:0; padding:0; }
.policy h2, .policy h3  { font-weight:bold; }
.policy h1 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:19px; }
.policy h2 { font-size:13px; margin:0; padding:1em 0 0 0; }
.policy h3 { font-size:11px; margin:0; padding:1em 0 0 0; }
.policy h2 em { font-size:0.81em; font-style:normal; text-transform:uppercase; font-weight:bold; }

.policy .footer { padding:20px 0 10px 0; text-align:right; }