﻿
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 13px;
    clear: both;
    color: #A8B8C1;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    
}

h4 {
   font-size: 12px;
   display: inline;
}

a {
    color: #22428d;
}

a:hover {
   color: #a8b8c1; 
}

p {
    margin-bottom: 10px;
}

.Right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.Left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*
--------------------------------------------
    SITE STRUCTURE
--------------------------------------------
*/
#Site {
    width:949px;
    margin: 5px auto 0px auto;
}

#Header {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 8px; 
}

#Content {
    width: 100%;
    float: left;
    background: transparent url(../Images/BgContent.jpg) repeat-y;
    min-height: 430px;
}

#LeftBar {
    float: left;
    width: 188px;
}

#MainContent {
    float: left;
    width: 622px;
    padding: 10px 100px 10px 20px;
}

#ContentFooter {
    float: left;
    width: 100%;
    background: transparent url(../Images/BgFooter.jpg) no-repeat;
    min-height: 1px;
}

#Footer {
    float: left;
    width: 937px;
    padding: 4px 6px;
    margin-top: 10px;
    background-color: #434343;
    color: #FFFFFF;  
}


/*
--------------------------------------------
    SUPPORT
--------------------------------------------
*/

#Support {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 3px solid #000000;
}

#Support .Logo {
    float: left;
}

.SupportMenu {
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 45px;
}

.SupportMenu a {
    display: inline-block;
    min-width: 73px;  
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #A8B8C1;
    font-weight: bold;
}

.SupportMenu a:hover {
    color: #D6D6D6;
}

#Call {
    float:right; 
    padding: 4px 9px; 
    margin-top: 38px; 
    background-color: #bacce4; 
    font-size: 13px;
    color: #FFFFFF
}

#Search {
    float:right; 
    margin-top: 40px; 
    margin-left: 72px;
    border: 1px solid rgb(153, 153, 153); 
    border-collapse: collapse;
    width: 183px; 
}

#Search tr {
    margin: 0px;
    padding: 0px;
}

#Search tr td {
    margin: 0px;
    padding: 0px;
}

#Search .TxtSearch {
    border: 0px; 
    padding: 0px; 
    margin: 0px;
    color: rgb(102, 102, 102); 
    height: 16px; 
    width: 130px;
}

#Search .BtnSearch {
    border-style: none none none solid; 
    border-color: rgb(153, 153, 153); 
    border-width: 0px 0px 0px 1px; 
    padding: 0px; 
    margin: 0px;
    font-size: 10px; 
    height: 18px; 
    width: 50px; 
    color: rgb(49, 101, 134);
}

/*
--------------------------------------------
    TOP MENU
--------------------------------------------
*/

.TopMenu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.TopMenu li {
    float: left;
    position: relative;
}

.TopMenu li ul {
    display: none;
    position: absolute; 
    top: 1em;
    left: 0;
}


.TopMenu {
    float: left;
    display: block;
    width: 822px;
    padding-left: 128px;
    text-align: left;
    background: transparent url(../Images/BgTopMenu.jpg) repeat-x;
}

.TopMenu li.hover ul { display: block; }

.TopMenu li.hover {
    color: #545454;
    background: transparent url(../Images/BgTopMenuItemSel.jpg) repeat-x;
}
    
.TopMenu li a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 11px;
    color: #22428d; 
    line-height: 45px;    
}

.TopMenu li a.Locator {
    background: transparent url(../Images/ico_map.gif) no-repeat 20px 0px;
    padding-left: 60px;
}

.TopMenu li ul {
    top: 45px;
    left: auto;    
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #DFDFDF;
    background-color: #FFFFFF;
    border-top: 0px;    
}

.TopMenu li ul li a {
    display: block;
    width: 150px;
    padding: 3px;
    margin: 0px;
    line-height: normal;
    background: #FFFFFF;
    border-top: 1px solid #DFDFDF;
    text-transform: capitalize;
}

.TopMenu li ul li a:hover {
    background: #F1F1F1;
}

/*
--------------------------------------------
    LEFT MENU
--------------------------------------------
*/

.LeftMenu {
    display: block;
    width: 178px;
    padding: 10px 5px;
}

.LeftMenu a {
    width: 100%;
    color:#22428d;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: right;
    display: block;
}

.LeftMenu a:hover {
    color: #003565;
}

.LeftMenu a.Category, .LeftMenu a.CategoryActive {
    text-transform: capitalize;
    color:#22428d;
}

.LeftMenu a.SubCategory {
    color: #999999;
    font-size: 11px;
}

.LeftMenu a.SubCategoryActive {
    color: #000000;
    font-size: 11px;
}
/*
--------------------------------------------
    BreadCrumb
--------------------------------------------
*/

.BreadCrumb {
    display: block;
    margin-bottom: 20px;
}

.BreadCrumb a {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.BreadCrumb span {
    margin: 0px 5px;    
    color: #000000;
    font-weight: bold;
}

.BreadCrumb a.Item {
    color: #a8b8c1;
    font-size: 14px;
}

/*
--------------------------------------------
    FOOTER
--------------------------------------------
*/

#Footer {
    font-size: 10px;
}

#Footer a {
    color: #FFFFFF;
}

#Footer #Name {
    float: left;
    margin-right: 80px;
}

#Footer #Privacy {
    float: left;
    margin-right: 20px;
}

#Footer #Separator {
    float: left;
    margin-right: 20px;
}

#Footer #SiteMapPage {
    float: left;
    margin-right: 80px;
}

#Footer #Attiva {
    float: left;
}


/*
--------------------------------------------
    HOME PAGE
--------------------------------------------
*/
#HomeLeftBar {
    float: left; 
    width: 694px; 
    margin-right: 8px; 
}

#HomeRightBar {
    float: left; 
    width: 247px; 
    height: 311px; 
    background-color: #0059aa; 
    overflow: hidden;
}

#HomeRightBar ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#HomeRightBar ul li {
    border-bottom: 1px solid #FFFFFF;
}

#HomeRightBar ul li a {
    display: block;
    padding: 11px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

#HomeRightBar ul li a:hover {
    background-color: #002e58;
}
#HomeRightBar img {
    margin-bottom: 4px;
}

#HomeInfo {
    float: left; 
    margin: 0px;
    padding: 0px;    
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid #000000;
    padding-top: 8px;
    padding-bottom: 8px;
    list-style-type: none;
    overflow: hidden;
}

#HomeInfo li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}    

#HomeInfo li h3 {
    color:#22428d;
    font-size:14px;
    font-weight:bold;
    border-bottom: 1px solid #FFFFFF;
    padding: 4px 6px 8px 6px;    
    margin: 0px;
}

#HomeInfo li #Body {
    padding: 8px 6px 6px 6px; 
}

#HomeInfo #QuickLinks {
    float: left;
    width: 164px; 
    margin-right: 8px; 
    background-color: #DDDDDD;
}

#QuickLinks h3 {
    background-color: #cecece;
}

#HomeInfo #QuickLinks #Body {
    padding: 8px 4px 6px;
}

#QuickLinks #Body a {
    display: block;
    margin-bottom: 15px;
}

#HomeInfo #News {
    float: left;
    width: 522px;
    margin-right: 8px;
    background-color: #f1f1f1;
}

#News h3 {
    background-color: #dfdfdf;
}

#HomeInfo #News #Body{
    width: 510px;   
}

#HomeInfo  #Events {
    float: left;
    width: 247px;
    background-color: #f1f1f1;
}
#HomeInfo  #Events img {
    margin: 5px 0 0 5px;
}

#Events h3 {
    background-color: #cecece;
}

#HomeInfo #Events #Body{
    width: 235px;   
}

.List {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.List li .Date {
    display: block;
}

.List li .Title {
    display: block;
    margin-bottom: 5px;
}

.ListSpace li {
    margin-bottom: 10px;
}

/*
--------------------------------------------
    LIST PRODUCT
--------------------------------------------
*/

.ListProduct {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

.ListProduct li {
    clear: left;
    margin-top: 10px;
    padding-left: 20px;
    min-height: 80px;
}

.ListProduct li .ContentImg {
    float: left;
    display: block;
    margin-right: 15px;
    width: 110px;
    text-align: center;
}



/*
--------------------------------------------
    PAGE PRODUCT
--------------------------------------------
*/

#ImgProduct {
    float: left;
    width: 200px;
    margin-right: 10px;
}

#DescriptionProduct {
    float: left;
    width: 412px;
}

#Documentation {
    width: 100%;
    margin-top: 20px;
    clear: both;
}

#Documentation a {
    padding: 10px 0px 10px 35px;
    margin: 8px 20px 0px 0px;
    line-height: 30px;
    font-weight: bold;
    background: transparent url(../Images/pdf.jpg) no-repeat;
}

#Gallery h3 {
    font-weight: bold;
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid;
}

#Gallery div {
    float: left;
    border: 2px solid #CDCDCD;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px;
    display: inline-block;
}

/*
--------------------------------------------
    NEWS PAGE
--------------------------------------------
*/

.NewsList {
    border-top: 1px dashed #CDCDCD;
}

.NewsList tr td {
    padding: 5px 0px;
    border-bottom: 1px dashed #CDCDCD;
}

.NewsList tr td .Date {
    display: block;
}

.NewsList tr td .Title {
    display: block;
    margin-bottom: 10px;
}

.NewsList tr.Pager td {
    border-bottom: 0px;
    padding: 0px;
    text-align: right;
}

.NewsList tr.Pager td span {
    font-weight: bold;
    font-size: 12px;
}

/*
--------------------------------------------
    CONTACT PAGE
--------------------------------------------
*/

#ContactLeft {
    float: left;
    width: 430px;
    margin-top: 20px;
}

#ContactLeft fieldset {
    border: 1px solid;
}

#ContactLeft fieldset legend {
    padding: 0px 3px;
    margin-left: 10px;
    
}

#ContactRight {
    float: right;
    width: 160px;
    margin-top: 27px;
    border: 1px solid;
    padding: 17px 5px;
    min-height: 162px;
}

#ContactForm fieldset {
    border: 1px solid;
    margin-bottom: 10px;
    padding: 5px;
}

#ContactForm fieldset legend {
    padding: 0px 3px;
    margin-left: 10px;
    margin-bottom: 10px;
}

#ContactForm input {
    margin-right: 5px;
}

#ContactForm .MultilineText {
    width: 99%;
    min-height: 100px;
}

#ContactForm .LongText {
    width: 99%;
}

#ContactForm .NormalText {
    width: 200px;
}

#ContactForm .MinText {
    width: 100px;
}

#ContactForm fieldset table {
    width: 99%;
    margin-top: 10px;
}

#ContactForm fieldset table tr {
    margin: 1px;
}

#ContactForm fieldset table tr td {
    padding: 3px;
}

#ContactForm fieldset table tr td.CellHeader {
    font-weight: bold;
    width: 200px;
}

#ContactForm fieldset .TableRadio {
    margin: 0px;
    width: 100px;
}

#ContactForm fieldset .TableRadio td {
    padding: 0px;
}

#ContactForm h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

/*
----------------------------------------------
PAGE ISG
----------------------------------------------
*/

.Isg tr td {
    vertical-align: top;
    padding-bottom: 30px;
}

.Isg tr td h3 {
    margin-top: 0px;
}

/*
----------------------------------------------
PAGE SERVICES
----------------------------------------------
*/

#ServicesType {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style-type: none;
}

#ServicesType li {
    float: left;
    text-align: center;
    margin: 4px;
}

#ServicesType li img {
    display: block;
    border: 0px;
}

#ServicesType li span {
    display: block;
    border: 1px solid;
    margin-top: 5px;
    line-height: 20px;
}