/*****************************
   * JBoss Industrial Theme CSS *
   ******************************/

   #body {
	/*  background-image: url( images/portal_background.gif ); */
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: White; 
  }

      /*****************
      * Portal Header  *
      ******************/

      /* spacer to keep header at certain width regardless of display size
done to avoid overlapping of tab navigation in header */
   #spacer {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   min-width: 963px;
   }

   /* Wrapper for Header */
   #header-container {
/*	background-image: url( images/portal_background.gif );
	background-repeat: repeat-y; 
	   margin: 4px 1% 0 1%; */
	  height: 100%;
 		 width: 963px;
	 /* test to reposition header on page
     position: absolute;
     bottom: 5px;*/
}

#topswf{
position: absolute;
left: 0px;
top: 100px;
z-index: 0;
}

#navigation{
position: absolute;
left: 0px;
top: 70px;
z-index: 0;
}
   /* Header background */
   #header {
	/* background-image: url( images/keyClient_topA.jpg ); */
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 194px;
	padding: 0px;
	margin: 0 0 50px 0;
	width: 963px; 
}

   #header-banche {
	/* background-image: url( images/keyClient_topA.jpg ); */
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 194px;
	padding: 0px;
	margin: 0 0 50px 0;
	width: 963px; 
}
   #header-titolari {
	/* background-image: url( images/keyClient_topA.jpg ); */
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 120px;
	padding: 0px;
	margin: 0 0 50px 0;
	width: 963px; 
}

   #header-esercenti {
	/* background-image: url( images/keyClient_topA.jpg ); */
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 120px;
	padding: 0px;
	margin: 0 0 50px 0;
	width: 963px; 
}

   #header-aziende {
	/* background-image: url( images/keyClient_topA.jpg ); */
	background-repeat: no-repeat;
	background-position: 0px 100px;
	height: 120px;
	padding: 0px;
	margin: 0 0 50px 0;
	width: 963px; 
}

   #logoName {
   /*	Original Logo...*/
   background-image: url( images/logo_kc.gif );
   background-repeat: no-repeat;
   width: 193px;
   height: 60px;
    /* border: 1px solid black; */
   z-index: 2;
   position: absolute;
   left: 0px;
   top: 1px;
   cursor: pointer;

   }

 /*   #logoNameSi {
   	Original Logo...
   background-image: url( /portal-core/themes/key-client/images/logo_Cartasi.gif );
   background-repeat: no-repeat;
	width: 963px;
	height: 70px;
   background-color: #FF6E28;
    border: 1px solid black;
   z-index: 2;
   position: absolute;
   left: 0px;
   top: 1px;
   cursor: pointer;

   }
   
   #logoNameDisable {
   	Original Logo...
   background-image: url( /portal-core/themes/key-client/images/logo_Cartasi.gif );
   background-repeat: no-repeat;
	width: 963px;
	height: 75px;
   background-color: #FF6E28;
    border: 1px solid black;
   z-index: 2;
   position: absolute;
   left: 0px;
   top: -4px;
   cursor: pointer;
   }   

   #logoNameDisableSi {
   background-image: url( /portal-core/themes/key-client/images/logo_Cartasi.gif );
   background-repeat: no-repeat;
	width: 963px;
	height: 75px;
   background-color: #FF6E28;
    border: 1px solid black;
   z-index: 2;
   position: absolute;
   left: 0px;
   top: -4px;
   cursor: pointer;
   }   

    #logoPartner {
   	Original Logo...
   background-image: url( images/logo_icbpi.jpg );
   background-repeat: no-repeat;
   width: 140px;
   height: 41px;
    border: 1px solid black;
   z-index: 2;
   position: absolute;
   left:820px;
   top: 15px;
   cursor: pointer;

   }
   
   #logoPartnerDisable {
   	Original Logo...
   background-image: url( images/logo_icbpi.jpg );
   background-repeat: no-repeat;
   width: 140px;
   height: 41px;
    border: 1px solid black;
   z-index: 2;
   position: absolute;
   left:840px;
   top: 20px;
   cursor: pointer;

   }
    */

      /************************
      * Portal Layout Regions *
      *************************/

 /* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
    /* part of below IE hack to preserve min-width for portlet regions
   padding: 0 360px 0 360px;
    */
    margin: 4px 2% 0 2%;
  
    /* border: 1px solid black; */
}

/* min width hack for IE */
#expander {
   position: relative;
   width: 100%;
}

/* min width hack for IE */
#sizer {
   width: 963px;
}

/* IE Hack \*/
* html #portal-container,
   * html #sizer,
   * html #expander {
   height: 0;
}

   /* end IE min-width hack */

   /*table that contains all regions. does not include header*/
   #content-container {
   height: 100%;
   text-align: left;
   width: 961px; 
   border: 1px solid #E6E6E6; 
 
      /*part of below IE hack
      text-align: left;
  padding: 0 350px 0 350px;*/
   }

   /* Login JSP Selectors */
   #login-container {
      position: relative;
      left: 35%;
      top: 55px;
      right: 45%;
      width: 320px;
      height: 250px;
      margin: 0px;
      font-family: Arial;
      font-size: 10px;
      
   }

   #login-container fieldset {
      background-color: transparent;
   }

   #login-container label, #login-container input {
      display: block;
      float: left;
      width: auto;
      margin-top: 15px;
   }

   #login-container label {
      text-align: right;
      padding-right: 20px;
      width: 95px;
   }

   #login-container br {
      clear: left;
   }

   #login-container legend {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
      color: #596874;
   }

   #loginForm {
      margin: 0px;
      padding: 0px;
    
   }

   /* end Login Page Selectors */

   /* portlet regions within content-container. this includes footer-container. */

  
   #regionA {
      /* test to swap columns...
     float: right; */
     
      width: 210px;
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 210px; 
    
   }

   #regionB {
     padding: 0;
     width: 537px;
     float: left;
   }

   #regionC {
     width: 210px;
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 210px; 
   }

   /* give a maximized portlet more space */
   #regionMaximized {
      width: 961px; 
      float: left;
      margin: 0px;
      padding: 0px;
      min-width: 400px;
 
 
  }

   #footer-container {
   /* margin: 30px 25% 0 25%;*/
      text-align: center;
      width: 99.5%;
   }

   #navigation-container {

   }

   #sub-navigation-container {

   }

      /* used to clear float in regionA,B,C divs so that
 footer spans bottom of page */
   hr.cleaner {
      clear: both;
      height: 1px;
      margin: -1px 0 0 0;
      padding: 0;
      border: none;
      /* border: 1px solid black; */
      visibility: hidden;
   }

      /****************************
      * Tab Navigation for Header *
      *****************************/

   UL#tabsHeader {
      margin: 0;
      padding-left: 1px;
      min-width: 550px;
   }

   UL#tabsHeader li {
      list-style: none;
      float: left;
      margin-left: -1px;
      margin-top: 74px;
      margin-right: 0px;
      line-height: 16px;
      padding: 0px;
  /*    border-right: 1px solid #72828E;
      border-left: 1px solid #72828E; */
   }

   UL#tabsHeader li:hover {
      background-image: url( images/highlightedTab.gif );
      background-repeat: repeat-x;
   }

      /* hover selectors for main header tabs done to deal
with IE not liking hover pseudo class on li */
   UL#tabsHeader li.hoverOn {
      background-image: url( images/highlightedTab.gif );
      background-repeat: repeat-x;
   }

   UL#tabsHeader li.hoverOff {
      background-image: none;
   }

   UL#tabsHeader a {
      display: block;
      float: left;
      padding: 4px 15px 5px 15px;
      text-decoration: none;
      font: 13px / normal Arial;
      background: 100% 0 no-repeat;
      color: #596874;
   }

   UL#tabsHeader a:hover {
      text-decoration: underline;
   }

   UL#tabsHeader #current, UL#tabsHeader #current a {
      font: 13px / normal Arial;
      font-weight: 600;
      color: #EBEAEA;
      background-image: url( images/activeTab.gif );
      background-repeat: repeat-x;
   }

      /* used for sub navigation if applicable
      UL#tabsHeader #currentSubNav, UL#tabsHeader #currentSubNav a {
        color: #000;
        line-height: 19px;
        padding-top: 0px;
        padding-bottom: 1px;
        margin-bottom: -1px;
        background: #eeeeef;
      }*/

   /* Tab background color for selected global nav item */
   li.currentTabBackground {
      background: #fff;
   }

      /* used for sub navigation if applicable
      li.currentTabBackgroundSubNav {
        background: #eeeeef;
      }*/

   /* backslash hack for IE5-Mac \*/
   UL#tabsHeader a {
      float: none;
   }

   /* End Mac Hack */
   html>body UL#tabsHeader a {
      width: auto;
   }

   /* fixes IE6 win hack */

      /****************************
      * Portlet Container Windows *
      *****************************/

   .portlet-container {
   /*margin: 10px;*/
      padding: 3px 10px 0px 10px;
   
   }

   .portlet-titlebar-title {
    
      font-family: Arial;
      font-size: 9px;
      font-weight: 500;
      color: #596874;
      white-space: nowrap;
      line-height: 100%;
      float: left;
      text-indent: 15px;
      
   }

   .portlet-titlebar-decoration {
      background-image: url( images/portlet-win-decoration.gif );
      background-repeat: no-repeat;
      height: 0px;
      width: 11px;
      float: left;
      position: relative;
      top: 6px;
   }

   /* wrapper for floating portlet window modes */
   .portlet-mode-container {
      float: right;
   }

/* display none su tutti e 3 per nascondere l'header dei portlet */
   .portlet-titlebar-left {
      background-image: url( images/portlet-top-left.gif );
      background-repeat: no-repeat;
      width: 9px;
      height: 33px;
      background-position: right;
      min-width: 9px;
     display: none; 
      
   }

   .portlet-titlebar-center {
      background-image: url( images/portlet-top-middle.gif );
      background-repeat: repeat-x;
      height: 33px;
     display: none; 
   }

   .portlet-titlebar-right {
      background-image: url( images/portlet-top-right.gif );
      background-repeat: no-repeat;
      width: 10px;
      height: 33px;
      min-width: 10px;
     display: none; 
   }

   .portlet-content-left {
      background-image: url( images/portlet-left-vertical.gif );
      height: 100%;
      background-repeat: repeat-y;
      background-position: right;
      width: 9px;
      min-width: 9px;
      display: none; 
   }

   .portlet-content-center {
   
      background-color: white;
      background-repeat: repeat;
      vertical-align: top;
      font-family: Arial;
      font-size: 10px;
      color: #777777;
   }

   .portlet-body {
      background-color: white;
   }

   .portlet-content-right {
      background-image: url( images/portlet-right-vertical.gif );
      height: 100%;
      background-repeat: repeat-y;
      background-position: left;
      width: 10px;
      min-width: 10px;
      display: none; 
   }

   .portlet-footer-left {
      background-image: url( images/portlet-bottom-left.gif );
      width: 9px;
      height: 9px;
      background-repeat: no-repeat;
      background-position: top right;
      min-width: 9px;
      display: none; 
   }

   .portlet-footer-center {
      background-image: url( images/portlet-bottom-middle.gif );
      height: 14px;
      background-repeat: repeat-x;
      display: none; 
   }

   .portlet-footer-right {
      background-image: url( images/portlet-bottom-right.gif );
      width: 10px;
      height: 9px;
      background-repeat: no-repeat;
      min-width: 10px;
      display: none; 
      
   }

      /***********************
      * Portlet Window Modes *
      ************************/
   .portlet-mode-maximized {
      background-image: url( images/maximize.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
      
   }

   .portlet-mode-minimized {
      background-image: url( images/minimize.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-normal {
      background-image: url( images/normal.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-help {
      background-image: url( images/help.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-edit {
      background-image: url( images/edit.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-remove {
      background-image: url( images/remove.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-view {
      background-image: url( images/view.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

   .portlet-mode-reload {
      background-image: url( images/reload.gif );
      width: 16px;
      height: 23px;
      background-repeat: no-repeat;
      float: left;
      display: inline;
      cursor: pointer;
   }

      /**********************
      * Copyright Selectors *
      ***********************/
   .portal-copyright {
      font-family: Arial;
      font-size: 9px;
      color: #5E6D7A;
   }

   a.portal-copyright {
      color: #768591;
      text-decoration: none;
   }

   a.portal-copyright:hover {
      color: #96A5B1;
      text-decoration: none;
   }

   #ThemeBy:before {
      content: "Theme by Novell";
   }

      /*************
      *  Elements  *
      **************/
   a {
      color: #777777;
      text-decoration: none;
   }

   a:hover {
      color: #777777;
      text-decoration: none;
   }

   INPUT { 
      font-family: Arial;
      font-size: 9px;
   } 

  
   SELECT {
      font-family: Arial;
      font-size: 9px;
      border: 1px solid #717375; 	
   }

   FONT {
      font-family: Arial;
      font-size: 9px;
      color: #768591;
   }

   FIELDSET {
      background-color: #f7f7f7;
      border: 1px solid #BABDB6;
      padding: 6px;
   }

   LEGEND {
      background-color: transparent;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 0px;
      font-size: 12px;
   }

  SPAN {
     vertical-align : bottom;

  }


 
      /*******************
      * Table Selectors  *
      ********************/
   /* Table header */
   .portlet-table-header {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      background-color: #768591;
      color: #fff;
      
     
   }

   /* Normal text in a table cell */
   .portlet-table-body {
      font-family: Arial;
      font-size: 9px;
      color: #000000;
   }

   /* Text in every other row in the table */
   .portlet-table-alternate {
      font-family: Arial;
      font-size: 9px;
      background-color: #ececec;
   }

   /* Text in a selected cell range */
   .portlet-table-selected {
      font-family: Arial;
      font-size: 9px;
      background-color: #768591;
      color: #fff;
   }

   /* Text of a subheading */
   .portlet-table-subheader {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
   }

   /* Table footer */
   .portlet-table-footer {
      font-family: Arial;
      font-size: 10px;
   }

   /* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
   .portlet-table-text {
      font-family: Arial;
      font-size: 9px;
      font-style: italic;
   }

      /********
      * FONTS *
      *********/

      /* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
   .portlet-font {
      color: #777777;
      font-family: Arial;
      font-size: 10px;
      /*margin-top: 7px;
     margin-bottom: 5px;*/
   }

   /* Font attributes similar to the portlet.font but the color is lighter */
   .portlet-font-dim {
      color: #888385;
      font-family: Arial;
      font-size: 9px;
   }

      /********
      * FORMS *
      *********/

   /* Text used for the descriptive label of the whole form (not the label for fields)...why not call this portlet-form-title? */
   .portlet-form-label {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
     
   }

   /* Text on a form button */
   .portlet-form-button {
      font-family: Arial;
      font-size: 10px;
      color: #777777;
   }

   /* Text that appears beside a context dependent action icon */
   .portlet-icon-label {

   }

      /* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
   .portlet-dlg-icon-label {

   }

   /* Text for form field labels */
   .portlet-form-field-label {
      font-family: Arial;
      font-size: 10px;
      color: #334878;
      font-weight: bold;
      vertical-align: bottom;
      
   }

   .portlet-form-field-label2 {
      font-family: Arial;
      font-size: 11px;
      color: #d7d8da;
      font-weight: bold;
      vertical-align: middle;
      
   }

   .portlet-form-field-label2 a{
      font-family: Arial;
      font-size: 11px;
      color: #ffffff;
      font-weight: bold;
      vertical-align: middle;
      
   }

   /* Text for a form field */
   .portlet-form-field {
      color: #777777;
      font-family: Arial;
      font-size: 9px;
      margin-top: 10px;
      border: 1px solid #717375;
   }

   .portlet-form-field-label1 {
      color: #777777;
      font-family: Arial;
      font-size: 9px;
      border: 1px solid #717375;
   }

   /* Text of the user-input in an input field. not sure if we need this guy? */
   .portlet-form-input-field {
      color: #888888;
      font-family: Arial;
      font-size: 9px;
   }

      /********
      * LINKS *
      *********/

   .portal-links:link {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

   .portal-links:hover {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #5699B7;
      text-decoration: none;
   }

   .portal-links:active {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

   .portal-links:visited {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #242424;
      text-decoration: none;
   }

      /***********
      * MESSAGES *
      ************/

   /* Status of the current operation. */
   .portlet-msg-status {
      font-family: Arial;
      font-size: 9px;
      font-style: normal;
      color: #788793;
   }

   /* Help messages, general additional information, etc. */
   .portlet-msg-info {
      color: #777777;
      font-family: Arial;
      font-size: 9px;
      font-style: italic;

   }

   /* Error messages. */
   .portlet-msg-error {
      color: red;
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
   }

   /* Warning messages. */
   .portlet-msg-alert {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #821717;
   }

   /* Verification of the successful completion of a task. */
   .portlet-msg-success {
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
      color: #359630;
   }

      /***********
      * SECTIONS *
      ************/

   /* Table or section header */
   .portlet-section-header {
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
      color: #334878;
      background-color: #f7f7f7; /*background-image: url(interf/head.jpg);*/
   }

   /* Normal text in a table cell */
   .portlet-section-body {
      font-family:  Arial;
      font-size: 10px;
      color: #777777;
   }

   /* Text in every other row in the cell */
   .portlet-section-alternate {
      font-family: Arial;
      font-size: 9px;
      background-color: #ececec;
   }

   /* Text in a selected cell range */
   .portlet-section-selected {
      background-color: #768591;
      font-family: Arial;
      font-size: 9px;
      color: #fff;
   }

   /* Text of a subheading */
   .portlet-section-subheader {
      font-weight: bold;
      color: #777777;
      font-family: Arial;
      font-size: 9px;
      /*margin: 3px;
     padding: 3px;*/
   }

   /* Table or section footnote */
   .portlet-section-footer {
      font-family: Arial, Geneva, Arial, Helvetica, Sans-Serif, Arial, Helvetica, sans-serif;
      background-color: #f7f7f7;
      font-size: 10px;
   }

      /* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
   .portlet-section-text {
      font-family: Arial, Geneva, Arial, Helvetica, Sans-Serif, Arial, Helvetica, sans-serif;
      font-size: 9px;
      font-style: italic;
   }

      /********
      * MENUS *
      *********/

   /*General menu settings such as background color, margins, etc. */
   .portlet-menu {

   }

   /* Normal, unselected menu item. */
   .portlet-menu-item {
      color: #242424;
      text-decoration: none;
      font-family: Arial, Geneva, Arial, Helvetica, Sans-Serif, Arial, Helvetica, sans-serif;
      font-size: 9px;
   }

   .portlet-menu-item:hover {
      color: #5699B7;
      text-decoration: none;
      font-family: Arial, Geneva, Arial, Helvetica, Sans-Serif, Arial, Helvetica, sans-serif;
      font-size: 9px;
   }

   /* Selected menu item. */
   .portlet-menu-item-selected {

   }

   /* Selected menu item when the mouse hovers over it. */
   .portlet-menu-item-selected:hover {

   }

   /* Normal, unselected menu item that has sub-menus. */
   .portlet-menu-cascade-item {

   }

   /* Selected sub-menu item that has sub-menus */
   .portlet-menu-cascade-item-selected {

   }

   /* Descriptive text for the menu (e.g. in a help context below the menu) */
   .portlet-menu-description {

   }

   /* Menu caption */
   .portlet-menu-caption {

   }

   /* A separator bar similar to a horizontal rule, but with styling matching the page */
   .portlet-horizontal-separator {
   }

   /* Allows portlets to mimic the title bar when nesting something */
   .portlet-nestedTitle-bar {
   }

   /* Allows portlets to match the textual character of the title on the title bar. */
   .portlet-nestedTitle {
   }

   /* Support portlets having tabs in the same style as the page or other portlets */
   .portlet-tab {
   }

   /* Highlight the tab currently being shown */
   .portlet-tab-active {
   }

   /* Highlight the selected tab (not yet active) */
   .portlet-tab-selected {
   }

   /* A tab which can not be currently activated */
   .portlet-tab-disabled {
   }

   /* Top level style for the content of a tab. */
   .portlet-tab-area {
   }
  
  /* Link statici in testata e in fondo pagina */

	 #link-testata {
	  width: 223px;
    position: absolute;
		left: 747px;
   
   	
 /*  	border: 1px solid black; */
 
  
}		

 #link-coda {
	 
}	
   .link-statici {
      font-family: Arial;
      font-size: 9px;
      color: #777777;
      	
   }
   
   .link-statici-sottolineato {
      font-weight: bold;
      font-family: Arial;
      font-size: 9px;
      color: #606060;
      text-decoration: underline;
      vertical-align: bottom;	
   }

   
   
   
  .freccia {
	vertical-align: bottom;
}

   a.link-statici {
      color: #777777;
      font-size: 10px;
      font-family: Arial;
      text-decoration: none;
      vertical-align: bottom;
   }

  

#pagepath { 
  	left: 2px;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
    font-family: Arial;
    font-size: 11px;
	top: 110px;
	position: absolute; 
	z-index: 0;
	
}

#pagepath-titolari { 
  	left: 2px;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
    font-family: Arial;
    font-size: 11px;
	top: 30px;
	position: absolute; 
	z-index: 0;
	background-color: #D3D8CA;
	width: 99%;
	text-align:left;
}

#pagepath-aziende { 
  	left: 2px;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
    font-family: Arial;
    font-size: 11px;
	top: 30px;
	position: absolute; 
	z-index: 0;
	background-color: #F8E9B5;
	width: 99%;
	text-align:left;
}

#pagepath-esercenti { 
  	left: 2px;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
    font-family: Arial;
    font-size: 11px;
	top: 30px;
	position: absolute; 
	z-index: 0;
	background-color: #DDE2C2;
	width: 99%;
	text-align:left;
}
#riga {
	width: 100%;
	height: 19px; /* border: 1px solid black; */
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 175px;
	background-color: #D3D8CA;
}

#riga-esercenti {
	width: 100%;
	height: 19px; /* border: 1px solid black; */
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 95px;
	background-color: #DDE2C2;
}


#riga-banche {
	width: 100%;
	height: 19px; /* border: 1px solid black; */
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 175px;
	background-color: #C9E0E8;
}

#riga-aziende {
	width: 100%;
	height: 19px; /* border: 1px solid black; */
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 95px;
	background-color: #F8E9B5;
}

#riga-titolari {
	width: 100%;
	height: 19px; /* border: 1px solid black; */
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 95px;
	background-color: #D3D8CA;
}

  #spaziatore {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   width: 435px;
   }
     #spaziatore2 {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   width: 521px;
   }
     #spaziatore3 {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   width: 400px;
   }

/* <a id="sottolineato"  */

.bordo-tabella {
   border: 1px solid #E6E6E6; 
 }
 
.bordo-tabella-grigio {
   border: 1px solid #E6E6E6;
   background-color: #FBFBFB; 
 }  
 
 .bordo-sfondo-tabella {
   border: 1px solid #C8C8C8;
   background-color: #FFFFFF;  
 } 

    

 
 .link-sottolineato {
      font-family: Arial;
      font-size: 10px;
      color: #777777;
      text-decoration: underline;
      vertical-align: bottom;
   }
   
  .titoli-arancioni {
      color: #F88F00;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
     
   }
   
   .testo-azzurrino {
      color: #89C2D2;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }
   
   .testo-blu {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }
   
   .testo-verde {
      color: #ACB875;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }
   
   .testo-blu-10px {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   }
   
   .testo-verde-10px {
      color: #ACB875;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   }
   
   .testo-bianco-10px {
      color: #FFFFFF;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   } 
  
   .link-sottolineato-blu {
      color: #334878;
      font-family: Arial;
      font-weight: bold;
      text-decoration: underline;
      font-size: 10px;
   }
   
   .titolo-blu-bold-10px {
      color: #334878;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   
   .titolo-verde-bold-10px {
      color: #ACB875;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   .titolo-verde-10px {
      color: #ACB875;
      text-decoration: none;
      font-family: Arial;
      font-size: 11px;
   }
   .titolo-grigio-bold-10px {
      color: #787878;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }   
   
    .titolo-blu-bold-11px {
      color: #334878;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 12px;
   }
   
   .titolo-verde-bold-11px {
      color: #ACB875;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 12px;
   }
   
  
    .titolo-grigio-bold-11px {
      color: #787878;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 12px;
   }   
  
  
   .titolo-blu-bold-9px {
      color: #334878;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 10px;
   }
   
   .titolo-verde-bold-9px {
      color: #ACB875;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 10px;
   }

   .form-field-grigio-bordo-9px {
      color: #888888;
      font-family: Arial;
      font-size: 9px;
      border: 1px solid #717385;
   }

   .testo-grigio-10px {
      color: #777777;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   }
  
  .testo-grigio-11px {
      color: #777777;
      text-decoration: none;
      font-family: Arial;
      font-size: 11px;
   }
  
 .testo-grigio-bold-10px {
		color: #777777;
		text-decoration: none;
		font-weight: bold;
		font-family: Arial;
		font-size: 11px;
}
  
   
   .testo-grigio-9px {
      color: #777777;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }
  
    .testo-grigio-bold-9px {
      color: #777777;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 9px;
   }

   .testo-rosso-9px {
      color: #E60003;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }

   .testo-rosso-9px-bold{
      color: #E60003;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
  
   .titolo-grigio-bold {
      color: #3C3C3C;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   
   .link-grigio {
      color: #797979;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   }

   .link-grigio-bold {
      color: #797979;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   
    .msg-arancione-bold {
      color: #E60003;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size:11px;
   }
   
    .msg-arancione-10px-bold {
      color: #E60003;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size:11px;
   }
   
    .msg-arancione-10px-bold-underline {
      color: #E60003;
      text-decoration: underline;
      font-weight: bold;
      font-family: Arial;
      font-size:11px;
   } 
   
   .msg-arancione {
      color: #E60003;
      text-decoration: none;
      font-family: Arial;
      font-size:11px;
   }
  
   .msg-arancione-10px {
      color: #E60003;
      text-decoration: none;
      font-family: Arial;
      font-size:10px;
   }  
   
    .msg-verde-bold {
      color: #006822;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size:11px;
   }
   
   .msg-verde {
      color: #006822;
      text-decoration: none;
      font-family: Arial;
      font-size:11px;
   }
   
    .titolo-bianco {
      color: #FFFFFF;
      text-decoration: none;
      font-family: Arial;
      
      font-size: 10px;
   }
   
   .titolo-bianco-bold {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   .titolo-nero-bold {
      color: #000;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial;
      font-size: 11px;
   }
   
     .titolo-colonne-grigie {
      color: #999999;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }
  
     .titolo-colonne-grigio-scuro {
      color: #959595;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
   }  
  
     .titolo-colonne-grigio-scuro-bold {
      color: #959595;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
      font-weight: bold;
   }  
   
    .titolo-bianco {
      color: #FFFFFF;
      text-decoration: none;
      font-family: Arial;
      font-size: 10px;
   }
   

	.sfondo-grigio-scuro {
     background-color: #F0F0F0;
   }
   
    .sfondo-grigio {
      background-color: #959595;
   }
   
    .sfondo-grigio-chiaro {
      background-color: #FBFBFB;
   }
   
   .sfondo-blu-scuro {
     background-color: #334878;
   }
   
   .sfondo-arancio-scuro {
     background-color: #ffb10d;
   }
   .sfondo-verde-scuro {
     background-color: #ACB875;
   }
 .hoverOn  {
	height: 23px;
	width: 211px;
	left: 0px;
  top: 77px;
  position: absolute;
	cursor: pointer;
}

 .hoverOff  {
	height: 23px;
	width: 211px;
	left: 0px;
  top: 77px;
  position: absolute;
	cursor: pointer;
}
  #spaziatore_top {
   line-height: 0px;
   font-size: 0px;
   height: 0px;
   width: 838px;
   } 
   
  #posizione_top {
	left: 0px;
	top: 1px;
	width: 963px;
	height: 29px;
	position: absolute;  
	/*background-color: #CCE5DF;*/
   }

 #titolari {
	height: 23px;
	width: 100px;
	border: 0px;
}

 #banche {
	height: 23px;
	width: 100px;
	border: 0px;
}

 #aziende {
	height: 23px;
	width: 100px;
	border: 0px;
}

 #banche_home {
	height: 23px;
	width: 22px;
	border: 0px;
}

 #aziende_home {
	height: 23px;
	width: 22px;
	border: 0px;
}
 #titolari_home {
	height: 23px;
	width: 22px;
	border: 0px;
}

 #sfondo_titolari {
	height: 23px;
	/* width: 963px; */
	width: 841px;
	border: 0px;
	margin: 0px;
	color: #FFFFFF;
  	text-decoration: none;
  	font-family: Arial;
  	font-size: 10px;
 	background-image: url(images/filetto_titolari.jpg);
	background-repeat: repeat-x;
}

 #sfondo_banche {
	height: 23px;
	/* width: 963px; */
       width: 841px;
	border: 0px;
	margin: 0px;
	color: #FFFFFF;
       text-decoration: none;
       font-family: Arial;
       font-size: 10px;
       background-image: url(images/filetto_banche.jpg);
	background-repeat: repeat-x;
}


 #sfondo_aziende {
	height: 23px;
	/* width: 963px; */
       width: 841px;
	border: 0px;
	margin: 0px;
	color: #FFFFFF;
       text-decoration: none;
       font-family: Arial;
       font-size: 10px;
       background-image: url(images/filetto_aziende.jpg);
	background-repeat: repeat-x;
}

 #sfondo_esercenti {
	height: 23px;
	/* width: 963px; */
       width: 841px;
	border: 0px;
	margin: 0px;
	color: #FFFFFF;
       text-decoration: none;
       font-family: Arial;
       font-size: 10px;
       background-image: url(images/filetto_esercenti.jpg);
	background-repeat: repeat-x;
}

 #top_titolari {
	height: 23px;
	width: 211px;
	left: 0px;
  top: 77Px;
  border: 0px;
  position: absolute; 
}


 #top_aziende {
	left: 212px;
	top: 77px;
	position: absolute; 
	height: 23px;
	width: 269px;
	border: 0px;
}

 #top_esercenti { 
  left: 482px;
	top: 77px;
	position: absolute; 
	height: 23px;
	width: 269px;
	border: 0px;
}

 #top_banche {
  left: 752px;
	top: 77px;
	position: absolute; 
	height: 23px;
	width: 211px;
	border: 0px;
}

  #foldheader {
      margin-left: - 20px;
      padding: 3px 0px 3px 0px;
      cursor: pointer;
      cursor: hand;
      list-style-image: url( images/bullet.gif );
   }


  #foldinglist  {
      list-style-position: outside;
      margin-left: 0px;
      padding: 0px 0px 0px 0px;
      vertical-align: top;
      display:inline; 
      cursor: pointer;
      list-style-image: url( images/bullet.gif )
   }
   
     #pagenosub {
      margin-left: 0px;
      display:inline; 
      cursor: pointer;
      list-style-image: url( images/bullet.gif )
   }

/* Funziona solo su firefox
  UL#foldheader li:hover {
      list-style-image: url( images/freccia_grigia.gif )
   }
  
  #foldinglist li.hover { 
		list-style-image: url( images/freccia_grigia.gif )
  }  
   
  UL#pagenosub li:hover {
      list-style-image: url( images/freccia_grigia.gif )
   }
 
  */    
 


  
#pallini_menu {
	background-image: url(images/pallini_menu.gif);
	background-repeat: repeat-x;
	padding: 5px 0 5px 0px;
	left: -2px;
	top: 5px;
  position: relative;
}

  .pulsante {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
      border: 1px solid #717385;
      background-color: #E7E7E7;
   }
  
  .sfondo-pulsante {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
      border: 0px solid #E7E7E7;
      background-color: #E7E7E7;
   }  
   
  .link-pulsante {
      color: #334878;
      text-decoration: none;
      font-family: Arial;
      font-size: 9px;
      border: 1px solid #717385;
      background-color: #E7E7E7;
   }
   
  .immagine-a-sinistra {
 	float: left;
 	margin-right: 10px;
 	margin-left: 0px;
 	margin-bottom: 4px;
  } 

  .immagine-a-destra {
 	float: right;
 	margin-right: 0px;
 	margin-left: 10px;
 	margin-bottom: 4px;
  } 

  .oggetto-nascosto {
    display:none;
  }



 #freccia-elenco {
      list-style-position: outside;
      margin-left: 0px;
      padding: 0px 0 0px 0px;
      vertical-align: top;
      list-style-image: url( images/freccia_grigia.gif )
   }
   
   
	.pallini_centro{
		height: 1px;
		border: 0px;
		margin: 0px;
		color: #FFFFFF;
  		text-decoration: none;
 		background-image: url(images/pallini_centro.gif);
	}

div#impersonificatoId.loading {
  background: url(images/spinner.gif) no-repeat center center;
  width: 100%;
  height: 32px;
}
.loading {
  background: url(images/spinner.gif) no-repeat center center;
  width: 100%;
  height: 32px;
}
div#msgID.loading {
  background: url(images/spinner.gif) no-repeat center center;
  width: 100%;
  height: 32px;
}
 
	.form_esercenti{
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
	}


.smartMenu_toggle {
	background: url(images/PortaleBanche/smart_menu_arrow.gif) no-repeat center right;
	cursor: pointer;
}
.smartMenu_toggle:hover {
	background: url(images/PortaleBanche/smart_menu_arrow.gif) no-repeat center right;
	background-color: #008BBE;
	cursor: pointer;
}


.select-box{vertical-align:middle;}









/* *********************** */
/* *** KIT COMMERCIALI *** */
/* *********************** */
#kitcommercialiBox *{
	border:0;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#kitcommercialiBox h1{
	font-family:Arial, Helvetica, sans-serif; color:#001d5a; margin:0; padding:0;	font-size:24px;	font-weight:normal; display:inline;
}
#kitcommercialiBox h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#001d5a;
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	display:inline;
}
#kitcommercialiBox p{
	font-size:12px;
	color:#525252;
}
#kitcommercialiBox .txt_desc_generici{
	margin-left: 66px; margin-top:8px;
}
#kitcommercialiBox li{
	line-height:14px !important;
	line-height:26px;
	list-style-type:none;
}
#kitcommercialiBox a{
	text-decoration:none;
	font-size:12px;
	font-weight:500;
	color:#525252;
	margin-left:66px;
}
#kitcommercialiBox a:hover{
	text-decoration:underline;
}
#kitcommercialiBox .img_icone{
	position:relative;
	top:14px;
	margin-right:15px;
}
#kitcommercialiBox #container{
	width:100%;
}
#kitcommercialiBox #loghi{
	height:80px; width:973px; margin-left:25px; padding-top:15px;
}
#kitcommercialiBox #loghi .img_sx{
	margin-left:-58px;
}
#kitcommercialiBox #loghi .img_dx{
	float:right;
	margin-top:20px;
}
#kitcommercialiBox .img_header{
	margin-left:32px;
}
#kitcommercialiBox #header{
	background: url(/portal/content/portale/Immagini/kitcommerciali/back_header.jpg) transparent top left repeat-x;
	width:100%;
	height:86px;
}
#kitcommercialiBox #content{
	width:916px;
	padding-left:25px;
	min-height:300px;
	height:auto;
	overflow:hidden;
}
#kitcommercialiBox #colonne{
	background:url(/portal/content/portale/Immagini/kitcommerciali/ombra_sx.jpg) transparent top left repeat-y;
	width:845px;
	padding-left:45px;
	min-height:300px;
	height:1620px;
	overflow:hidden;
	/* float:left; */
	padding-top:20px;
	padding-bottom:20px;
}
#kitcommercialiBox #colonne2{
	background:url(/portal/content/portale/Immagini/kitcommerciali/ombra_dx.jpg) transparent top right repeat-y;
	width:856px;
	min-height:300px;
	height:auto;
	/* overflow:hidden; */
	padding-right:45px;
}
#kitcommercialiBox #ombra_bottom{
	background:url(/portal/content/portale/Immagini/kitcommerciali/ombra_bottom_2.jpg) transparent top left no-repeat;
	height:17px;
	width:915px;
	float:left;
	margin-top:-4px;
}
#kitcommercialiBox #box1{
	width:795px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	margin-bottom:20px;
	margin-top:20px;
}
#kitcommercialiBox #box2{
	width:795px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	margin-bottom:20px;
	margin-top:20px;
}
#kitcommercialiBox #box3{
	width:795px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	margin-bottom:20px;
	margin-top:20px;
}
#kitcommercialiBox #bordo{
	border-top:1px solid #0b2a66;
	width:795px;
	/* height:1px; */
	margin-top:40px;
}
#kitcommercialiBox .cont_colonne{
	width:795px;
	background:url(/portal/content/portale/Immagini/kitcommerciali/back_colonne.jpg) transparent top center repeat-y;
	min-height:100px;
	height:auto;
	overflow:hidden;
}
#kitcommercialiBox .colonna_sx{
	width:320px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	float:left;
	margin-left:66px;
}
#kitcommercialiBox .colonna_dx{
	width:320px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	float:left;
	margin-right:63px;
	margin-left:24px;
}
#kitcommercialiBox .link{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom:20px;
}
#kitcommercialiBox #footer p{
	font-size:11px;
	margin-bottom:30px;
	margin-left:6px;
}
#kitcommercialiBox #torna_su_link{
	height:20px;
	width:100px;
	float:right;
	margin-right:70px;
}

.invaluta-detail-container{
	background-color: #FFFFFF;
    border: 4px solid #D3D8CA;
    color: #000000;
    font: 12px/22px verdana,arial,sans-serif;
    padding: 10px;
}

a.modalCloseImg {
	background:url(/portal-core/themes/key-client/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	cursor:pointer;
	display:block;
}

span.invaluta-detail-record-title{
	color: #334878;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

span.invaluta-detail-record-value{
	color: #777777;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

span.invaluta-detail-title{
	font-family: Arial;
	font-size: 13px;
    	font-weight: bold;
	color: red;
}

.invaluta-note-container{
	font-family: Arial;
    	font-size: 11px;
    	font-weight: bold;
	color: #000000;
}

#simplemodal-overlay {background-color:#000;}

@font-face {
  font-family: 'KarbonMedium';
  src: url(fonts/karbon-medium-webfont.eot);
  src: url(fonts/karbon-medium-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/karbon-medium-webfont.woff) format("woff"), url(fonts/KarbonApp-Medium.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Bootstrap */
.list-unstyled {
  padding-left: 0;
  list-style: none; 
}

.mb-0 {
  margin-bottom: 0 !important; 
}

.d-flex {
  display: flex !important; 
}

.align-items-center {
  align-items: center !important; 
}

.justify-content-between {
  justify-content: space-between !important; 
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ffff00;
  color: #000000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* ICBPI */
* {
  box-sizing: border-box; 
}

html {
  font-size: 18px; 
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; 
}

a, a:link, a:active, a:focus, a:hover,
button,
button:link,
button:active,
button:focus,
button:hover {
  text-decoration: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1em; 
}

.nx-container-padded {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  padding: 0; 
}

@media (max-width: 991px) {
 .nx-container-padded {
    width: 92%; 
  } 
}

@media (max-width: 767px) {
 .nx-container-padded {
   width: initial;
   padding: 20px; 
  }
}

/* HEADER */
.header {
  position: fixed;
  width: 100%;
  background-color: transparent;
}

.header::after {
  content: '';
  display: block;
  position: absolute;
  top: -120%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  z-index: -1;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  .header::after {
    transition: top 0.35s ease-out, background-color 0.5s ease-out;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .header::after {
    transition: top 0.35s ease-out;
  }
}

.header.header-light {
  /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);*/
  background: #2d32aa;
}

.header.header-light .header-logo img.logo-light {
  display: block;
}

.header.header-light .header-logo img.logo-dark {
  display: none;
}

.header-top.nx-container-padded {
  padding: 0;
}

.header-top > div {
  padding: 30px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-top > div {
    padding: 30px 0;
  }
}

@media (max-width: 767px) {
  .header-top > div {
    padding: 13px 20px;
  }
}

.header,
.header-top {
  z-index: 20;
}

.header-logo img {
  height: 30px;
}

@media (max-width: 767px) {
  .header-logo img {
    height: 22px;
  }
}

.header-menu-item {
  padding-left: 15px;
}

.header-dark .header-menu-item {
  color: #2d32aa;
}

.header-light .header-menu-item {
  color: #ffffff;
}

.header.header-login {
  /*box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.1);*/
  /*background: rgba(255, 255, 255, 0.07);*/
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
}

.header.header-login .header-top {
  line-height: 25px;
}

.header.header-login .header-top > div {
  padding: 21px 0 24px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .header.header-login .header-top > div {
    padding: 21px 0 24px 0;
  }
}

@media (max-width: 767px) {
  .header.header-login .header-top > div {
    padding: 25px 15px;
  }
}

@media (max-width: 767px) {
  .header.header-login .header-top .header-logo img {
    height: 22px;
  }
}

.header.header-login .header-login-cta a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.75px;
  display: flex;
  align-items: center;
  line-height: 15px;
  font-family: KarbonMedium;
}

.header.header-login .header-login-cta a .icon-change-portal {
  margin-left: 15px;
  display: inline-block;
}

.header.header-login .header-login-cta a:hover {
  color: #00b8de;
}

.header.header-login .header-login-cta a:hover .icon-change-portal path {
  fill: #00b8de;
}

.gContentSectionGray td img, .customappText img , .gSubHeader img{
  display: none;
}

 .popup-logo {
 	display: block!important;
 }

a.gContentSection {
  font-weight: bold;
}
span.platportletNarrowHeader, span.platportletWideHeader {
  font-weight: bold;
  padding-left: 7px;
}
.portalContent>br {
  display: none;
}

ul#navlist li:last-child {
  border-right: 1px solid;
}

td.portletBody div.customappText p.gContentSection {
  padding-left: 10px;
}
#pt-portlet-436 ul
{  margin-left: 135px;
  
  line-height: 20px;
}
/*
#pt-portlet-content-347{
  background: url(${IMAGESERVER}/imageserver/banche/images/Lampadina_ARA.jpg) no-repeat;
  background-size: 76px 97px;
  background-position: 10px 10px;
  
}

.homepageWelcomeContent{
  margin-left: 100px;
}*/

.FormHeaderTD, .FieldCaptionTD, .TotaliVenditeFormHeaderTD,
.ColumnTD , .TotaliVenditeColumnTD, .TotaliMensiliFormHeaderTD,
.TotaliMensiliColumnTD, .RimborsiFormHeaderTD, .RimborsiColumnTD , 
.objectHeaderBg {
  background-color: #2D32AA!important;
  color: #ffffff;
}

div#pt-portlet-content-348 img {
  display: inline;
}

.homepageWelcomeContent ul {
  margin-left: 100px; 
}

.lampadinaDiv {
	background: url(${IMAGESERVER}/imageserver/banche/images/Lampadina_ARA.jpg) no-repeat;
	width: 76px; 
	height: 97px;
	float: left;
}

/* 
	FIX AREA ADMIN	
*/

.adminTable a {
  background: none!important;
}

.adminTable img {
  visibility: visible!important;
  display: initial!important;
}

.visibile{
  visibility: visible!important;
  display: initial!important;
}


.elenco3:visited, .elenco3:hover, .elenco4:visited, .elenco4:hover {
	COLOR: #2D32AA!important;
}

.freccetta{
	display: block;
}