* { margin: 0; padding: 0; }
body {
    background: rgb(216,216,216) url(../images/topBgDx.gif) repeat-x;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 62.5%;
}
strong { color: #666; }

/* Main Structure */

#contentWrap {
    float: left;
	width: 50%;
}
#content {
    float: right;
	width: 775px;
	margin-right: -387px;
	position: relative;
	background: url(../images/finalSideBg.gif) 530px 0 repeat-y;
}
#leftWrap {
	float:left;
	margin-left: -50%;
    width: 50%;
}
#side1 {
	margin-right: 387px;
	background: url(../images/topBgSx.gif) repeat-x;
	height: 100px;
}

/* Header */

#header {
    background: url(../images/topBgCenter.gif);
    width: 775px;
    height: 100px;
    display: block;
}
#header h1 { text-indent: -9999px; }

/* Navigation */

ul#nav  { 
    list-style: none; 
    width: 775px;
    height: 29px; 
    position: absolute;
    top: 22px;
    text-align: right;
}
#nav li { display: inline; }
#nav li a { height: 29px; color: #fff; text-transform: uppercase; margin-right: 12px; text-decoration: none; }
#nav li#homeNav a { width: 90px; padding-left: 10px;}
#nav li#prodottiNav a { width: 93px; }
#nav li#serviziNav a { width: 78px; }
#nav li#ricercaNav a { width: 170px; }
#nav li#jfmxNav a { width: 65px; }
#nav li#newsNav a { width: 75px; }
#nav li#eventiNav a { width: 77px; }
#nav li#contattiNav a { width: 98px; }

ul#lang { clear: both; position: absolute; top: 60px; margin-left: 716px; }
ul#lang li { display: inline; }
ul#lang li a span { display: none; }
ul#lang li a { display: block; float: left; width: 25px; height: 18px; }
ul#lang li#ita a { background: url(../images/ita_flag.jpg); margin-right: 4px; }
ul#lang li#itah a { background: url(../images/home.gif); margin-right: 4px; }
ul#lang li#eng a { background: url(../images/eng_flag.jpg); }

ul#langu { clear: both; position: absolute; top: 18px; margin-left: 716px; }
ul#langu li { display: inline; }
ul#langu li a span { display: none; }
ul#langu li a { display: block; float: left; width: 25px; height: 18px; }
ul#langu li#ita a { background: url(../images/ita_flag_n.jpg); margin-right: 4px; }
ul#langu li#itah a { background: url(../images/home.gif); margin-right: 4px; }
ul#langu li#eng a { background: url(../images/eng_flag_n.jpg); }

/* Navigation */

ul#navi  { 
    list-style: none; 
    background: url(../images/nav_off.gif) no-repeat; 
    width: 775px;
    height: 29px; 
}
#navi li { display: block; float: left; text-indent: -9999px; }
#navi li a { display: block; height: 29px; background-image: url(..images/nav_off.gif) no-repeat; margin-right: 30px;}
#navi li#homeNav a { width: 70px; margin-left: 18px; }
#navi li#prodottiNav a { width: 63px; }
#navi li#serviziNav a { width: 48px;  }
#navi li#ricercaNav a { width: 140px; }
#navi li#jfmxNav a { width: 35px; }
#navi li#newsNav a { width: 45px; }
#navi li#eventiNav a { width: 47px; }
#navi li#contattiNav a { width: 68px; }

ul#naviEng  { 
    list-style: none; 
    background: url(../images/nav_off_eng.gif) no-repeat; 
    width: 785px;
    height: 29px; 
}
#naviEng li { display: block; float: left; text-indent: -9999px; }
#naviEng li a { display: block; height: 29px; background-image: url(..images/nav_off.gif) no-repeat; margin-right: 20px;}
#naviEng li#homeNav a { width: 80px; margin-left: 7px; margin-right: 16px; }
#naviEng li#prodottiNav a { width: 70px; }
#naviEng li#serviziNav a { width: 68px;  }
#naviEng li#ricercaNav a { width: 195px; }
#naviEng li#jfmxNav a { width: 40px; }
#naviEng li#newsNav a { width: 43px; }
#naviEng li#eventiNav a { width: 54px; }
#naviEng li#contattiNav a { width: 71px; }

/* Main Content */

/* LeftSide */

#leftCont {
    width: 500px;
    margin: 40px 0 0 5px;
    color: rgb(108,108,108);
    text-align: justify;
    font-size: 1.2em;
    float: left;
}
#leftCont a img { float: left; padding: 0 10px 10px 0 }
#leftCont a { color: rgb(15,124,225); text-decoration: none; }
#leftCont a:hover { text-decoration: underline; }
h2 { 
    color: rgb(15,124,225); 
    font-size: 2.2em; 
    font-weight: normal; 
    margin-bottom: 0.8em;
}
h3 { font-size: 1.7em; font-weight: normal; margin-top: 1em; }


/* Left Side of the left side */

.lefty { width: 210px; float: left; }
.lefty a { color: rgb(15,124,225); text-decoration: none; }
.lefty a:hover { text-decoration: underline; }
.lightBlue { color: rgb(118,141,184); margin-top: 10px; }
h4 { color: rgb(15,124,225); font-size: 1.1em; }
.lefty p { font-size: 0.9em; }
.new { height: auto; clear: both; padding-bottom: 10px; }
.new span { display: block; float: right; }


/* Right Side of the left side */

.righty { margin-left: 30px; float: left; width: 255px; }
.fresh1 { 
    background: rgb(91,125,253); 
    color: #fff; 
    padding: 10px 0; 
    margin-top: 25px;
}
.righty div.date { 
    width: 65px; 
    float: left; 
    text-align: center;
}

.bigDate { font-size: 2em; }
.righty h4 { font-size: 1.1em; color: #fff; font-weight: normal; margin: 5px 0; }
.event { width: 180px; margin-left: 70px; position: relative; padding-bottom: 10px; }
.fresh2 {
    background: rgb(73,103,210);
    color: #fff; 
    padding: 10px 0; 
    margin-top: 1em;
}
.fresh2 h4 { color: #fff; }
.eventoo { clear:both; height: 80px; margin-top: 25px; }
.calendario {
	height: 63px;
	width: 61px;
	background: url(../images/calendar.gif) no-repeat;
	font: normal 2.1em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 10px 10px 0 0;
	line-height: 100%;
	float: left;

}
.calendario span {
	height: 16px;
	display: block;
	font: normal 0.45em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	position: relative;
	top: -6px;
}
#leftCont .eventoo a { color: #666; text-decoration: none; }
#leftCont .eventoo a:hover { text-decoration: underline; }
.calendario a span { color: #fff; }
.eventoo a { color: rgb(108,108,108); text-decoration: none; }
.eventoo p a:hover { text-decoration: underline; }
.eventoo h4 { color: rgb(15,124,225); }

/* Big Links (JFMX & R&D) */

#bigLinks { clear: both; }
#jfmx { 
    display: block; 
    background: rgb(144,144,144); 
    color: #fff; 
    margin: 2em 0; 
    clear: both;
    width: 210px;
    float: left;
    height: auto;
}
#jfmx h3, #rd h3 { font-size: 1.3em; margin: 10px 0 0 10px; }
#jfmx p, #rd p { font-size: 1.2em; margin: 10px 0 0 10px; padding-bottom: 23px;}
#rd {
    background: rgb(49,74,171); 
    color: #fff;
    margin-top: 2em;
    margin-left: 30px;
    width: 255px;
    float: left;
    height: auto;
}
.hyperlink { 
    cursor: pointer;/* modern browsers */ 
    cursor: hand; /* IE 5.0 */ 
}
h3.jTit { 
    display: block; 
    background: url(../images/jfmx.gif) no-repeat;
    width: 130px;
    height: 130px;
    text-indent: -9999px;
    float: left;
}
h3.rdTit { 
    display: block; 
    background: url(../images/rD.gif) no-repeat;
    width: 130px;
    height: 130px;
    text-indent: -9999px;
    float: left;
}
#bigLinkz { clear: both; }
.bigLink { clear: both; }
.bigLink p { padding-top: 60px; width: 450px; position: relative; left: 20px; }

/* Pseudo Footer */

#footer {
    background: url(../images/footerBg.jpg) repeat-x;
    clear: both;
    width: 495px;
    color: rgb(231,231,232);
    margin-bottom: 30px;
}
#footer p { 
    background: url(../images/logoFooter.gif) 10px 14px no-repeat; 
    padding: 15px 15px 15px 160px;
}
#footer a { color: rgb(231,231,232); text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer strong { color: rgb(231,231,232); }
#footerz { clear: both; margin-bottom: 30px; }
#footerz a { color: rgb(108,108,108); text-decoration: none; }
#footerz a:hover { text-decoration: underline; }
#footerz strong { color: rgb(15,124,225); }
.recap { border-top: 1px solid rgb(181,181,181); padding-top: 10px; position: relative; top: 15px; }

/* RightSide */

#rightCont {
    width: 245px;
    float: right;
    background: rgb(216,216,216); 
    margin-top: -3px;
}
.panel { 
    width: 245px;
    margin-top: 20px;
    background: url(../images/panelSideBg.gif); 
}
.first { margin-top: 40px; }
.panel h3 { 
    color: rgb(135,135,135); 
    padding: 13px; 
    margin-top: 0; 
    background: url(../images/panelTopBg.gif) no-repeat; 
    width: 219px;
    height: 14px;
}
.panel p { color: rgb(135,135,135); padding: 0 13px; text-align: justify; }
p.margina { margin: 5px 0 8px 0; }
.panel .inputNews { 
    margin-left: 13px;
    background: url(../images/formBg.gif);
    border: 0;
    padding: 3px;
    width: 210px;
    height: 15px;
}
.panelButton { 
    background: url(../images/panelBottomBg.gif); 
    color: #fff; 
    border: 0;
    display: block;
    width: 245px;
    height: 32px;
    margin-top: 10px;
    text-align: right;
    padding: 0 10px 3px 0px;
}
.panel .inputUser, .panel .inputPwd {
    margin: 3px 0;
    width: 210px;
    height: 15px;
    background: url(../images/formBg.gif);
    border: 0;
    padding: 3px;
}
#finalBox {
    width: 245px;
    background: url(../images/finalSideBg.gif) repeat-y;
    margin-top: 20px;
}
#finalBox p{
    background: url(../images/finalTopBg.gif) no-repeat;
    padding: 10px;
    color: #333;
    line-height: 15px;
}
#finalBox a { color: #333; } #finalBox a:hover { color: #fff; }

/* Internal Pages */

/* News */

#news h2 { border-bottom: 1px solid rgb(181,181,181); margin-top: 40px; }
p.published { 
    text-align: right; 
    position: relative;
    top: -15px;
    font-size: 1em; 
    color: rgb(11,93,168); 
}
#news #leftCont { margin-top: 0px; }
#news #leftCont p { margin: 20px 0; }
#news #leftCont ul { margin-left: 15px; }
#news #leftCont { background: none; }
.archive { list-style: none; margin: 0 0 10px 12px; }
.archive a { color: rgb(11,93,168); text-decoration: none; }
.archive a:hover { text-decoration: underline; color: rgb(15,124,225); }
.archive li { margin-bottom: 3px; }

/* Fiere */

.stand {
    display: block;
    background: rgb(15,124,225);
    color: #fff;
    padding: 5px;
    text-align: center;
}
.web { text-align: right; color: #333; }
.web a { color: rgb(11,93,168); text-decoration: none; }
.web a:hover { color: rgb(15,124,225); text-decoration: underline; }
#leftCont ul li a { color: rgb(11,93,168); text-decoration: none; }
#leftCont ul li a:hover { text-decoration: underline; color: rgb(15,124,225); }

/* Dettaglio Prodotto */

body#prodotto #leftCont { padding-bottom: 15px; }   
.pannelloProdotto h3 {
    background: url(../images/specificheTop.gif);
    width: 448px;
    height: 23px;
    padding: 14px 0 0 52px;
    font-size: 1em;
    color: rgb(180,180,180);
}
.pannelloProdotto {
    background: url(../images/specificheSide.gif) repeat-y;
    color: rgb(180,180,180);
}
.pannelloProdotto p { margin: 20px 70px 10px 50px; }
.fixBoard { background: transparent url(../images/specificheBottom.gif) bottom no-repeat; padding: 10px 0 30px 0; }
.fixBoard p { margin: 0 70px 0 50px; }
.fixBoard strong { color: #777; font-weight: normal; }
#testoProd { 
    width: 490px; 
    margin-left: 6px; 
    position: relative; 
    top: 10px;
    padding-bottom: 10px;
}
.pannelloProdotto h3.immagini  {
    background: url(../images/specificheImgTop.gif);
}
.pannelloProdotto img { margin: 10px 0 0 9px; }
.pannelloProdotto a img { border: 5px solid #fff; }
#elencoProdotti h3 {
    width: 235px;
    height: 29px;
    background: url(../images/elencoProdotti.jpg);
    color: rgb(15,124,225);
    padding: 15px 0 0 10px;
    font-size: 1.7em;
}
#elencoProdotti {
    background: url(../images/elencoProdottiSide.jpg) repeat-y;
}
.ieFix { height: 15px; }
#elencoProdotti ul { margin-left: 10px; list-style: none; }
#elencoProdotti li {  
    background: url(../images/bullet.gif) 0 2px no-repeat; 
    padding-left: 20px; 
    margin-bottom: 3px; 
}
#elencoProdotti li a { color: #fff; text-decoration: none; font-size: 1.3em; }
#elencoProdotti li a:hover { text-decoration: underline; }
#altreFamiglie { background: transparent url(../images/elencoProdottiBottom.gif) bottom no-repeat; padding: 10px 0 0 0; }
#altreFamiglie ul { margin-left: -10px; }
#altreFamiglie li { background-position: -100px -100px; }
#altreFamiglie li a { font-size: 1.7em; color: rgb(15,124,225); }

/* contatti */

#map { width: 500px; height: 400px; }
#contatti h2 { border-bottom: 1px solid rgb(181,181,181); }
#contatti #leftCont a { color: rgb(15,124,225); text-decoration: none; }
#contatti #leftCont a:hover { text-decoration: underline; }
#contatti p.contIta { padding: 10px 0; border-bottom: 1px solid rgb(181,181,181); }
.contattiDiv { float: left; width: 230px; margin-right: 20px; }
.contattiDiv h3 { font-size: 1.1em; color: rgb(15,124,225); }
.spazialo { position: relative; top: 25px; }
#contatti .formElement { 
    margin-top: 10px; 
    border: 1px solid rgb(181,181,181);
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1.1em;
    padding: 0 2px;
    color: #333;
}
#contatti .formButton {
    margin: 10px 0;
    background: #333;
    width: 100px;
    color: #fff;
    border: 3px double #fff;
}
#contatti form { position: relative; top: 15px; }
.closed { background: url(../images/panelBottomBgAlt.gif) bottom no-repeat; }
.smallPrivacy { position: relative; top: 15px; margin-bottom: 15px; }

/* I progetti...non posso crederci! */

h2.nomeProg, h3.nomeProg { margin-left: 5px; width: 495px; }
h3.nomeProg { font-size: 1.4em; color: rgb(15,124,225); }
.carTec { 
    background: url(../images/carTecMain.gif); 
    width: 500px; 
    padding-bottom: 5px;
}
.carTec p { width: 460px; padding-left: 10px; padding-top: 10px; }
.carTec p strong { color: #333; font-weight: normal; }
.carTec p a { color: rgb(15,124,225); text-decoration: none; }
.carTec p a:hover { text-decoration: underline; }
.carTecTop { 
    width: 500px;
    height: 38px;
    background: url(../images/carTecTop.gif);
}
#news #leftCont .carTec p { margin: 2px 0; }
.carTec ul { list-style: none; margin-top: 5px; }
.carTec li { margin-left: 7px; padding: 3px 0 0 22px; background: url(../images/bullet_light.gif) 0 3px no-repeat; }
.carTecTop h3, .imgTop h3 { 
    font-size: 1.1em; 
    color: rgb(180,180,180); 
    padding: 12px 0 0 38px;
    margin: 0;
}
.carTecBottom {
    width: 500px;
    height: 13px;
    background: url(../images/carTecBottom.gif) no-repeat;
    margin-bottom: 15px;
}
#descProg p { padding: 10px 0; width: 490px; margin-left: 5px; }
.imgTop { 
    width: 500px;
    height: 38px;
    background: url(../images/imgTop.gif);
}
.carTec a img { border: 4px solid #fff; }
.carTec img { margin: 20px -3px 6px 10px; }
ul.moduliUsati { 
    position: relative;
    left: 10px;
    list-style: none;
}
ul.moduliUsati li { width:210px; }
ul.moduliUsati li a, ul.moduliUsati li.sigh { 
    background: url(../images/bullet.gif) 0 2px no-repeat; 
    padding-left: 22px;
    height: 23px;
    display: block;
    text-decoration: none;
    padding-top: 2px;
    color: rgb(108,108,108);
}
ul.moduliUsati li a:hover { text-decoration: underline; color: #333; }
.closingPanel { 
    background: url(../images/panelBottomBgMin.jpg) bottom no-repeat; 
    width: 245px; 
    height: 11px;
}
.panel h4 { margin: 0 0 3px 13px; font-size: 1.2em; font-weight: normal; }

/* RD */
.rdul { margin: 15px 0 15px 25px; }
.rdul li { padding: 3px 0; }
.rdul li ul { margin: 0 0 10px 15px;}
ul.progettiLista { 
    position: relative;
    left: 10px;
    list-style: none;
    padding-top: 10px;
}
ul.progettiLista li { 
    width:210px; 
    background: url(../images/bullet.gif) 0 2px no-repeat; 
    padding-left: 22px;
    height: 23px;
    display: block;
    text-decoration: none;
    padding-top: 2px;
    color: rgb(108,108,108);
}
ul.moduliUsati li a:hover { text-decoration: underline; color: #333; }