@charset "utf-8";
/*#################################  MAIN */
html { }
body { margin: 0px; padding: 0px; width: 100%; background: #FCFCFC; color: #444444; font: normal 76%/1.8em Genevra, Arial, Helvetica, sans-serif; font-weight: 200; }
.main { min-height: 480px; background: #FCFCFC; }
.center { margin: 0px auto; width: 1000px; }
/*#################################  GENERAL */
a { color: #0037E9; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #0126A0; text-decoration: underline; }
a:active { text-decoration: underline; }
h1 { padding: 5px 0px; color: #333333; font-size: 36px; line-height: 1.2em; letter-spacing: -2px; font-weight: 300; }
h1 a { color: #004899; }
h1 a:hover { color: #003699; text-decoration: none; }
h2 { padding: 5px 0px; color: #333333; font-size: 24px; line-height: 1.2em; font-weight: 200; }
h2 a { color: #004899; }
h2 a:hover { color: #003699; text-decoration: none; }
h3 { padding: 5px 0px; color: #333333; font-size: 18px; font-weight: 200; }
p { padding: 0px; font-size: 12px; line-height: 1.8em; }
b { font-weight: 600; }
strong { font-size: 1, 2em; display: inline; }
ul { list-style: none; }
li { }
.column { margin: 0px; padding: 0px; float: left }
.c1 { padding: 0px 30px 0px 30px; width: 273px; }
.c2 { padding: 0px 30px 0px 30px; width: 273px; }
.c3 { padding: 0px 30px 0px 40px; width: 263px; }
.c_double { padding: 0px 30px 0px 30px; width: 607px; }
.c_alone { margin: 150px auto; padding: 30px 50px; width: 500px; height: auto; float: none; text-align: center; }
.boxed { border: 1px solid #BBBBBB; background-color: #EAEAEA; }
/*#################################  HEADER */
.header { margin: 0px; padding: 0px; height: 100px; background: #EDEDED; }
.logo { padding: 10px 0px; width: 600px; float: left; }
.logo img { margin: 0px 15px; width: 80px; height: 80px; float: left; }
.logo h1 { padding: 5px 0px; color: #333333; font:-size:36px;
line-height: 1.0em; letter-spacing: -2px; }
.logo h1 a { color: #333333; text-decoration: none; }
.logo h1 a:hover { color: #1341c2;/*2b55cc;*/ text-decoration: none; }
.logo h1 a span { color: #1341c2; text-decoration: none; }
.logo h1 a:hover span { color: #333333; text-decoration: none; }
.logo h1 small { padding: 0px 15px; color: #333333; display: inline; vertical-align: baseline; font-size: 12px; line-height: 1.2em; letter-spacing: normal; }
.search { margin-top: 15px; padding: 0px 5px 0px 15px; width: 240px; float: right; display: block; background: #FFFFFF; border: 1px solid #CDCDCD; }
.search form { }
.search .keywords { padding: 6px 0px; width: 200px; float: left; font-size: 12px; color: #767676; border: 0px; }
.search .button { margin: 3px 0px 0px 0px; padding: 0px; width: 24px; height: 22px; float: right; position: relative; background: url(../images/search.png); border: 0px; }
.login { margin-top: 15px; width: 240px; float: right; text-align: right; }
/*#################################  MENU */
.menu_bar { margin: 0px; padding: 0px; height: 40px; background: url(../images/menu_bar.png); }
.menu { margin-top: 2px; width: auto; heignt: 32px; float: right; }
.menu ul { }
.menu li { padding-left: 10px; float: left; display: inline; }
.menu li a { padding: 5px 0px; font-size: 13px; color: #555555; display: block; float: left; background: url(../images/button-dx.png) no-repeat right; }
.menu li a span { padding: 10px 15px; background: url(../images/button-sx.png) no-repeat left; }
.menu li a:hover { text-decoration: none; color: #0027A9; background: url(../images/button-hover-dx.png) no-repeat right; }
.menu li a:hover span { color: #0027A9; background: url(../images/button-hover-sx.png) no-repeat left; }
.menu li a#selected { color: #FFFFFF; background: url(../images/button-selected-dx.png) no-repeat right; }
.menu li a#selected span { color: #FFFFFF; background: url(../images/button-selected-sx.png) no-repeat left; }
/*#################################  BANNER */
.banner { margin: 0px; padding: 0px; height: 180px; background: url(../images/banner.png); }
#slider { width: 1000px; height: 180px; }
#slider img { }
#slider .clicker a { width: 12px; height: 12px; background: #D4D4D4; margin-right: 2px; }
#slider .clicker a.active { background: #004899; }
/*#################################  LOGIN */
#lean_overlay { display: none; position: fixed; z-index: 100; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; }
#signin { display: none; width: 400px; background: #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); }
#signin-header { background: #DDDDDD; padding: 18px 18px 14px 110px; /*18px;*/ border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signin-header h2 { color: #444444; font-size: 18px; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signin-header p { color: #444444; font-size: 14px; text-shadow: none; }
#signin .txt-fld { position: relative; width: 370px; padding: 8px 15px; border-bottom: 1px solid #EEE; text-align: right; }
#signin .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222222; font-size: 12px; text-align: left; }
#signin .txt-fld input { width: 250px; padding: 8px; font-size: 12px; background: #F7F7F7; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signin .txt-fld input .good_input { background: #DEF5E1 url(../images/modal-good.png) 236px center no-repeat; }
#signin .txt-fld input .bad_input { background: #FDE0E0; }
#signin .btn-fld { width: 260px; overflow: hidden; padding: 12px 20px 12px 130px; }
#signin .btn-fld button { float: right; background: url(../images/button-selected.png) no-repeat; border: none; width: auto; overflow: visible; font-size: 14px; color: #FFFFFF; padding: 7px 10px; cursor: pointer; }
#signin-close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../images/modal-close.png); z-index: 2; }
#login_error { color: #A40000; font-size: 0.7em; }
#login_error_username { }
#login_error_password { }
/*#################################  CONTENT */
.content { margin: 20px 0px; padding: 0px; }
/*#################################  BRIEFING */
.briefing .row { margin: 0px; padding: 0px; }
.briefing .element { padding: 8px 20px; display: inline-block; float: left; width: 455px; }
.briefing img { margin: 10px 20px 10px 20px; width: 85px; border: 1px solid #CDCDCD; background-color: #FFFFFF; float: left; }
.briefing h2 { color: #004899; font-size: 22px; display: inline; }
.briefing p { color: #444444; font-size: 11px; display: inline; }
/*#################################  INTRO */
.intro .column { margin: 0px 15px; padding: 30px 40px; height: 230px; }
.intro .c1 { width: 221px; }
.intro .c2 { width: 221px; }
.intro .c3 { width: 221px; }
.intro h2 { padding-bottom: 4px; font-size: 20px; }
.intro h3 { padding-bottom: 16px; font-size: 14px; font-weight: 600; }
/*#################################  PLAIN TEXT */
.plain_text { margin: 20px 40px; }
.plain_text ul { padding: 0px 0px 10px 10px; list-style: disc; }
.plain_text h2 { padding-bottom: 3px; font-size: 20px; color: #004899; }
.plain_text h3 { padding-bottom: 5px; font-size: 16px; font-weight: 600; }
.plain_text p { padding-top: 20px; line-height: 1.4em; }
.plain_text strong { text-size: +2px; font-weight: 600; }
/*#################################  IMAGES */
.images { margin: 0px 30px; padding-top: 20px; }
.images .column { margin: 5px; padding: 0px; width: auto; }
/*#################################  INTERACTION */
.interaction { margin: 0px 32px; }
.interaction .column { margin: 8px; padding: 0px; width: auto; }
.interaction .c3 { padding: 20px 30px; width: 230px; }
.interaction .c_double { width: 605px; }
/*#################################  ARTICLE */
.article { margin: 0px 32px; padding: 0px; }
.article .column { margin: 8px; padding: 0px; width: auto; height: 105px; }
.article .c1 { padding: 0px; width: 250px; height: 145px; background: #FFFFFF; }
.article .c_double { padding: 20px 30px; width: 585px; height: 105px; }
.article img { padding: 5px; background-color: #FFFFFF; width: 240px; height: 135px; }
.article h2 { margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 18px; color: #004899; }
.article p { margin: 0px; padding: 5px 0px 5px 10px; font-size: 11px; font-weight: 100; line-height: 1.2em; color: #444444; }
/*#################################  FILTER */
.filter { }
.filter label { width: 150px; text-align: left; display: inline-block; }
.filter select { width: 350px; }
.filter option { }
/*#################################  PRODUCT */
.product table { width: 950px; padding: 0px; margin: 20px auto; }
.product tbody tr { height: 20px; }
.product td, .product th { padding: 2px; vertical-align: top; border: 1px #B5B5B5 solid; }
.product th { height: 20px; font-size: 13px; font-weight: 200; text-align: center; vertical-align: middle; background: #455073; color: #FFFFFF; border-color: #455073; }
.product tbody td:first-child { background: #FFFFFF !important; }
.product tr:nth-child(odd) td:nth-child(odd) { background: #EEEEEE; }
.product tr:nth-child(odd) td:nth-child(even) { background: #FAFAFA; }
.product tr:nth-child(even) td:nth-child(odd) { background: #E5E5E5; }
.product tr:nth-child(even) td:nth-child(even) { background: #F2F2F2; }
.product #c1 { width: 50px; }
.product #c1 img { width: 50px; height: 35px; padding: 0px; }
.product #c2 { padding: 4px 10px; width: 200px; }
.product #c3 { padding: 4px 10px; width: 300px; }
.product #c4 { padding: 4px 10px; width: auto; }
.product #c5 { width: 110px; }
.product #c5 img { width: 35px; height: 35px; padding: 0px 5px 0px 12px; }
/*#################################  ARTICOLO */
.scheda { width: 850px; min-height: 300px; padding: 30px; margin: 30px auto; background: #F5F5F5; border: 1px #BBBBBB solid; }
.scheda tr { height: 20px; }
.scheda img { margin-right: 20px; margin-bottom: 30px; max-width: 300px; max-height: 300px; float: left; background: #FFFFFF; border: 1px #BBBBBB solid; }
.scheda h2 { padding-bottom: 20px; font-size: 18px; color: #004899; }
.scheda h3 { padding-bottom: 3px; font-size: 18px; font-weight: 600; }
.scheda h4 { margin: 25px 0px 0px 0px; padding-bottom: 0px; font-size: 14px; font-weight: 600; }
.scheda p { padding-top: 20px; line-height: 1.6em; }
.scheda strong { text-size: +2px; font-weight: 600; }
.scheda .etichetta { height: 20px; vertical-align: middle; }
.scheda .etichetta img { margin: 0px; margin-right: 10px; padding: 0px; width: 20px; height: 20px; background: #FFFFFF; border: 1px #BBBBBB solid; display: inline; }
.scheda .head table { width: 530px; line-height: 1.4em; border-collapse: separate; border-spacing: 2px; }
.scheda .head .text { width: 120px; padding-right: 10px; text-align: right; }
.scheda .head .text_small { width: 85px; padding-right: 10px; text-align: right; }
.scheda .head .campo { width: 50px; padding: 0px 10px; text-align: center; background: #FFFFFF; border: 1px #C8C8C8 solid; }
.scheda .test table { width: 750px; line-height: 1.4em; border-collapse: separate; border-spacing: 2px; }
.scheda .test .text { width: 140px; padding-right: 10px; text-align: right; }
.scheda .test .text_small { width: 95px; padding-right: 10px; text-align: right; }
.scheda .test .text_small_2 { width: 50px; padding-right: 10px; text-align: right; }
.scheda .test .campo { width: 50px; padding: 0px 10px; text-align: center; background: #FFFFFF; border: 1px #C8C8C8 solid; }
.scheda .null { background: #F5F5F5; border: 0px; }
.scheda .spacer { height: 12px; }
.title { width: 690px; display: inline; float: left; }
.download { margin: 0px; padding: 0px; width: 150px; display: inline; float: right; }
.download img { margin: 0px; padding: 0px; padding-left: 10px; width: 40px; height: 42px; background: inherit; border: 0px; float: right; }
/*#################################  FORMS */
.mail_form { margin: 0px; padding: 30px 30px; width: 545px; background: inherit; }
.mail_form h2 { padding-bottom: 3px; font-size: 20px; color: #004899; }
.mail_form h3 { padding-bottom: 30px; font-size: 16px; font-weight: 500; }
.mail_form td { vertical-align: top; line-height: 1em; padding: 1px 0px; }
.infos p { padding: 5px 0px; line-height: 1.2em; }
.infos table { line-height: 1.2em; }
.infos table .spacer { height: 20px; }
.infos table td:first-child { font-weight: 700; width: 120px; }
form { margin: 0px; padding: 0px; }
form table { margin: 0 auto; }
form table tr, td, input, textarea { margin: 0; padding: 0; }
form table tr { padding-bottom: 5px; }
form table tr td:first-child { padding-top: 5px; padding-right: 10px; text-align: right; vertical-align: top; }
form table input, textarea { background: #FFFFFF; border: 1px solid #BBBBBB; font: inherit; font-size: inherit; line-height: inherit; min-height: 15px; padding: 3px 10px; width: 400px; }
textarea { height: 104px; resize: vertical; }
form input[type=button] { margin: 10px 0px; padding: 0px 20px; height: 33px; background: url(../images/button-selected.png); color: #FFFFFF; font: inherit; width: auto; float: right; }
form input[type=button]:active, form input[type=button]:hover { background: url(../images/button-selected.png); outline: none; }
#mail_errors { display: none; margin: 20px 20px 0px 20px; padding: 10px 20px; color: #000; background: #FF6; border: 1px #F90 solid; }
#mail_success { margin: 20px 20px 0px 20px; padding: 10px 20px; color: #000; background: #8AEC97; border: 1px #009900 solid; }
#mail_fail { margin: 20px 20px 0px 20px; padding: 10px 20px; color: #000; background: #FF6A6A; border: 1px #D70000 solid; }
/*#################################  REGISTER_FORM */
.register_form { margin: 0px auto; padding: 0px 30px; width: 850px; background: inherit; }
.register_form .fields { padding: 20px 30px; border: 1px solid #BBBBBB; background-color: #EAEAEA; }
.register_form p { font-size: 20px; }
.register_form h2 { font-size: 20px; color: #004899; }
.register_form h3 { font-size: 14px; font-weight: 700; }
/*#################################  FOOTER */
.footer { background: rgba(0, 0, 0, 0) url("../images/footer.png") repeat scroll 0 0; height: 242px; margin: 60px 0 0; padding: 2px 0 5px; }
.footer h2 { color: #FAFAFA; font-size: 18px; padding-bottom: 15px; font-weight: 500; }
.footer h3 { color: #EAEAEA; font-size: 15px; font-weight: 600; }
.footer p { color: #EAEAEA; font-size: 11px; }
.footer a { color: #FFFFFF; }
.footer img { margin: 4px 8px 4px 0px; border: 1px solid #CDCDCD; background-color: #FFFFFF; }
.footer table { background: inherit; color: #FFFFFF; width: 220px; font-size: 11px; font-weight: normal; line-height: 1.5em; font-size: 11px; letter-spacing: +1px; text-align: right; }
.footer table td:first-child { width: 100px; font-weight: 700; font-size: 10px; letter-spacing: normal; text-align: left; }
.footer .spacer { height: 30px; }
.low-footer { padding-top: 15px; height: 40px; background: #000000; }
.low-footer p { text-align: left; color: #AAAAAA; font-size: 12px; word-spacing: +5px; }
.low-footer a { color: #FFFFFF; }
/*#################################  UTILITY */
.floatleft { float: left; margin-right: 10px; }
.floatright { float: right; margin-left: 10px; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.clear { clear: both; padding: 0; margin: 0; width: 100%; height: 0; line-height: 0px; }
.block { display: block; width: 100%; height: 100%; }
.inline { display: inline; }
.inlineblock { display: inline-block; }
.whitespace { white-space: pre; }
.trasparent { border: none; background-color: inherit; }
.margin_zero { margin: 0px; }
.padding_zero { padding: 0px; }
.padding_more { padding-left: +20px }
.padding_less { padding-left: -20px; }
.border { border: 1px solid #BBBBBB; }
.bottom { position: absolute; bottom: 0px; width: 100%; }
.bold { font-weight: 700; }
.bordersss { display: inline-block; background: #fff; padding: 5px; vertical-align: top; margin-left: 10px; margin-bottom: 10px; float: left; }
.little-margin { margin: 0px 35px; }