/* Generale Pagina  */
html, body {margin: 0; padding: 0; height: 95%;}
body {text-align: center; background: #f0f0f0 url(body_bg.gif) 50% 0 repeat-y; color: #000000}
a img {border: 0}

/* Default font size */
body, body div, body p, body th, body td, body li, body dd {color: #333333; font-size: x-small; voice-family: inherit; font-size: small}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {font-size: small}

/* Stili generali */
* {font-family: verdana, aria, sans-serif}
a:link {color: #0779b6}
a:visited {color: #0779b6}
a:hover {color: #67b4d4}
h1 {font: bold 1.2em/1.4em "arial narrow", arial, sans-serif; color: #2880bc; border-bottom: 1px solid #c2ecff; clear: both; margin: 1em 0; text-transform: uppercase}
h1.grey {color: #989898}
h2 {font: bold 1.1em/1.2em arial, sans-serif; color: #333333}

/* Stili Pubblici nel Editor HTML*/
.cmsstile_TestoGiallo {font-weight: bold; color: yellow}
.cmsstile_TestoRosso {font-weight: bold; color: red}
.cmsstile_TestoBlu {font-weight: bold; color: blue}
.cmsstile_TestoBluScuro {font-weight: bold; color: navy}
.cmsstile_TestoArancio {font-weight: bold; color: orange}
.cmsstile_TestoNero {font-weight: bold; color: black}
.cmsstile_TestoBianco {font-weight: bold; color: white}

/* Struttura pagina */
#wrap {margin: 0 auto; width: 746px; height: 100%; position: relative; text-align: left; background: transparent url(wrap_bg.gif) 0 100% no-repeat}
html>body #wrap {height: auto; min-height: 100%}

/* Header */
#header {width: 746px; height: 128px; margin-bottom: 5px; padding-left: 0px; font-size: 1px; line-height: 1px; background: transparent url(top.gif) 0 0 no-repeat;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;}
#header div {float: left; width: 746px; height: 128px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat}
#header .wrap1 {width: 250px;}
#header .wrap2 {width: 246px;}
#header .wrap3 {width: 250px;}
#header .wrap1 img {padding: 5px 0 0 5px}
#header .wrap2 img {padding: 30px 0 0 0}
#header .wrap3 img {padding: 5px 0 0 230px}

/* Mappa */ 
.langmap {margin: 73px 0 0 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0}
#en .langmap {background-image: url(lang_en.gif)}
#cn .langmap {background-image: url(lang_cn.gif)}

/* Sotto Header */
#sub_header {width: 742px; height: 26px; margin-left: 2px; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; font-size: 1px; line-height: 1px; background: #afb0ae url(header_bg.gif) 0 0 repeat-x}
#sub_header p {margin: 0; padding: 2px 0 0 15px; font: normal 11px/21px arial, sans-serif; color: #000000}
#sub_header2 {width: 742px; height: 5px; margin-left: 2px; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; font-size: 1px; line-height: 1px; background: #afb0ae url(header_bg_small.jpg) 0 0 repeat-x}

/* Linea di separazione */
#line_break {height: 10px; clear: both; font-size: 1px; line-height: 1px}

/* MENU ORIZZONTALE LIVELLO 1*/

/* tipo a 
.cms_menuh_a {MARGIN-LEFT: 1px; LINE-HEIGHT: 20px; HEIGHT: 21px}
.cms_menuh_a li {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 0px solid; FLOAT: left; MARGIN-LEFT: 2px; TEXT-TRANSFORM: capitalize; BORDER-LEFT: #999 1px solid; WIDTH: 120px; BORDER-TOP: #999 1px solid; BORDER-BOTTOM: #999 0px solid; HEIGHT: 21px; TEXT-ALIGN: center}
.cms_menuh_a ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
.cms_menuh_a a {COLOR: #fff; DISPLAY: block; WIDTH: 100%; HEIGHT: 21px; TEXT-DECORATION: none}
.cms_menuh_a a:hover {COLOR: #ffffff; BACKGROUND: #9e9e9e;}
*/

/* tipo a */
.cms_menuh {WIDTH: 742px; HEIGHT: 21px; MARGIN-LEFT: 1px; LINE-HEIGHT: 20px;}
.cms_menuh li {HEIGHT: 21px; TEXT-ALIGN: center; TEXT-TRANSFORM: capitalize; FLOAT: left; MARGIN-LEFT: 2px; BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 0px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-BOTTOM: #999 0px solid;}
.cms_menuh ul {LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;}
.cms_menuh a {HEIGHT: 21px; TEXT-DECORATION: none; PADDING-RIGHT: 10px; PADDING-LEFT: 10px;}
.cms_menuh a:link {COLOR: #2d1e2d}
.cms_menuh a:visited {COLOR: #2d1e2d}
.cms_menuh a:hover {COLOR: #ffffff; BACKGROUND: #9e9e9e;}
.cms_menuh a:active{COLOR: #0779b6;}

/* tipo b */
.cms_menuh_b {WIDTH: 742px; HEIGHT: 26px; MARGIN: 0px 0px 1px; MARGIN-LEFT: 1px; LINE-HEIGHT: 25px;}
.cms_menuh_b li {HEIGHT: 26px; FLOAT: left; MARGIN: 0px 0px 1em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap;}
.cms_menuh_b ul {LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.cms_menuh_b a {HEIGHT: 26px; TEXT-DECORATION: none; BACKGROUND-COLOR: #cccccc; PADDING-LEFT: 20px; PADDING-RIGHT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 6px; BORDER-RIGHT: #ddd 0px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #000 0px solid; BACKGROUND-IMAGE: url(l1_down.jpg); BACKGROUND-POSITION: 0% 50%; BACKGROUND-REPEAT: no-repeat;}
.cms_menuh_b a:link {COLOR: #2d1e2d}
.cms_menuh_b a:visited {COLOR: #2d1e2d}
.cms_menuh_b a:hover {COLOR: #2d1e2d; background: url(bullet2_on.gif) 5px 8px no-repeat;}
/*.cms_menuh_b a:hover {COLOR: #eeeeee; BACKGROUND-COLOR: #999999;}*/
.cms_menuh_b a:active{COLOR: #2d1e2d;}

/* COLONNA di SX */
#sidebar {margin-left: 10px; padding-bottom: 130px; display: inline; float: left; width: 171px}

/* Menu verticale complessivo */
.cms_menuv {background: #f7f7f7 url(side1body_bg.gif) 0 0 repeat-y}
.cms_menuv div {padding: 0 0 25px 0; background: transparent url(side1bottom_bg.gif) 0 100% no-repeat}
.cms_menuv * {font: normal 15px/24px "arial narrow", sans-serif ! important;}
.cms_menuv ul {margin:0; width: 171px; overflow: hidden; list-style: none; padding: 5px 0 0 0; background: transparent url(menu1top_bg.gif) 0 0 no-repeat}
.cms_menuv ul ul {padding: 0; background: transparent url()}
.cms_menuv li {margin:0; padding: 0; background: transparent url(menu1body_bg.gif) 0 100% no-repeat}
.cms_menuv a, .cms_menuv span {display: block; padding: 0 0 0 34px; height: 26px; text-decoration: none; background: transparent url(bullet1_off.gif) 9px 6px no-repeat; color: #0073b0}
.cms_menuv a:hover, .cms_menuv a.current, .cms_menuv span {background-image: url(bullet1_on.gif)}

/* 2° livello del menu*/
.cms_menuv .menuv1 a, .cms_menuv .menuv1 span {padding: 0 0 0 40px; background: transparent url(bullet2_off.gif) 22px 6px no-repeat; color: #646d8c; font-weight: normal}
.cms_menuv .menuv1 a:hover, .cms_menuv .menuv1 a.current, .cms_menuv .menuv1 span {background-image: url(bullet2_on.gif)}

/* 3° livello del menu*/
.cms_menuv .menuv2 a, .cms_menuv .menuv2 span {padding: 0 0 0 50px; background: transparent url(bullet2_off.gif) 32px 6px no-repeat; color: #646d8c; font-weight: normal}
.cms_menuv .menuv2 a:hover, .cms_menuv .menuv2 a.current, .cms_menuv .menuv2 span {background-image: url(bullet2_on.gif)}

/* Fast Link 1*/ 
.cms_fastlink {margin: 4px 0 0 0; background: #e4f7ff url(side2body_bg.gif) 0 0 repeat-y}
.cms_fastlink div {padding: 0 0 25px 0; background: transparent url(side2bottom_bg.gif) 0 100% no-repeat}
.cms_fastlink * {font: normal 14px/24px arial, sans-serif ! important}
.cms_fastlink ul {margin: 0; padding: 0; width: 171px; overflow: hidden; list-style: none; padding: 20px 0 0 0; background: transparent url(menu2top_bg.gif) 0 0 no-repeat}
.cms_fastlink li {margin: 0; padding: 0; background: transparent url(menu2body_bg.gif) 0 100% no-repeat}
.cms_fastlink a, .cms_fastlink span {display: block; padding: 0 0 0 20px; height: 22px; text-decoration: none; color: #0675b6}
.cms_fastlink a:hover, .cms_fastlink a.current, .cms_fastlink span {color: #000000}

/* Fast Link 2*/ 
.cms_fastlink2 {margin: 4px 0 0 0; background: #e4f7ff url(side2body_bg.gif) 0 0 repeat-y}
.cms_fastlink2 div {padding: 0 0 25px 0; background: transparent url(side2bottom_bg.gif) 0 100% no-repeat}
.cms_fastlink2 * {font: normal 14px/24px arial, sans-serif ! important}
.cms_fastlink2 ul {margin: 0; padding: 0; width: 171px; overflow: hidden; list-style: none; padding: 20px 0 0 0; background: transparent url(side2top_bg.gif) 0 0 no-repeat}
.cms_fastlink2 li {margin: 0; padding: 0; background: transparent url(menu2body_bg.gif) 0 100% no-repeat}
.cms_fastlink2 a, .cms_fastlink2 span {display: block; padding: 0 0 0 20px; height: 22px; text-decoration: none; color: #0675b6}
.cms_fastlink2 a:hover, .cms_fastlink2 a.current, .cms_fastlink2 span {color: #000000}

/* Documenti */ 

/* News */ 
.cms_newslist {margin: 5px 0 0 0;}
.cms_newslist div {padding: 0 0 5px 0;}
.cms_newslist * {font: normal 14px/24px arial, sans-serif ! important}
.cms_newslist ul {margin: 0; padding: 0; width: 100%; overflow: hidden; list-style: none; padding: 5px 0 0 0;}
.cms_newslist li {margin: 0; padding: 0px 0px 10px 0px;}
.cms_newslist a, .cms_doclist span {display: block; padding: 0 0 0 0; height: 20px; text-decoration: none; color: #0675b6}
.cms_newslist span {color: #000000; BACKGROUND: #EBEBEB;}
.cms_newslist a:hover, .cms_newslist a.current{color: #000000}

/* Altri link */
.side3 {margin: 32px 0 0 0; text-align: center}

/* Corpo centrale pagina */
#content {margin-left: 34px; display: inline; float: left; width: 490px}

/* Footer */
#empty {height: 35px; clear: both; font-size: 1px; line-height: 1px}
#footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; background: #afb0ae url(foot_bg.gif) 0 0 repeat-x}
#footer p {margin: 0; padding: 4px 0 0 15px; font: normal 11px/21px arial, sans-serif; color: #000000}

/* Stili speciali */
a.button, a.button2 {display: inline-block; vertical-align: middle; text-align: center; font: bold 11px/22px "arial narrow", arial, sans-serif; text-decoration: none; color: #595959; background: transparent url(button_normal.gif) 50% 50% no-repeat; padding: 4px 0; color: #595959 ! important}
a.button, a.button2 {display: -moz-inline-box; -moz-box-pack: center}
a.button:hover, a.button2:hover {color: #00406c ! important; background-image: url(button_hover.gif)}
a.button {width: 81px}
a.button2 {width: 65px; background-image: url(button2_normal.gif)}
a.button2:hover {background-image: url(button2_hover.gif)}


/* Tabella 2 colonne*/
#tb_3col {float: left; width: 100%; margin: 2px; padding: 2px;}
#tb_col1 {float: left; width: 20%;}
#tb_col2 {float: left; width: 2%;}
#tb_col3 {float: left; width: 78%;}

/* Tabella */
table.tnice {margin: 0.5em 0 1em 0; padding: 0; width: 100%; border-collapse: collapse}
.tnice th, .tnice td {padding: 4px 6px}
.tnice th {background: #ffffff; text-align: center; vertical-align: bottom; font-family: "arial narrow", arial, sans-serif; color: #0779b6; padding: 0 6px 1em}
.tnice td {border: 1px solid #bce5f7; border-width: 1px 0; background: #f7f7f7}
.tnice caption {font-size: 1em; font-weight: bold; color: #0779b6; text-align: left; padding: 0.8em 0}
tr.empty td {background: #ffffff}
th.versions {font-family: arial, sans-serif; font-weight: normal; color: #333333; text-align: left}
col.buy {width: 80px; text-align: center}
* html col.buy {width: 70px}
col.price {width: 70px; text-align: right}
* html col.price {width: 50px}

/* Form */
#cmsForm {float: center; position: relative; background: #ffffff}
#cmsForm form {position: relative; margin: 2px 0 0 2px;  text-align: left}
#cmsForm p {margin: 0; padding: 0; position: absolute; width: 100%}
#cmsForm input {border: 1px solid #349ed5; background: #dcf1fe}
#cmsForm textarea {border: 1px solid #349ed5; background: #dcf1fe}
#cmsForm submit {border: 2px solid #349ed5}

/* Overrides */
.grey {color: #989898}
.blue {color: #0779b6}
.bb {border-bottom: 1px solid #c2ecff}
.alright {text-align: right}
.smalltext {font-size: 0.88em}
* html .smalltext {font-size: 0.8em}