@charset "UTF-8";





@media all
{
  /**
   * ------------------------------------------------------------------
   * Basic Settings
   * ------------------------------------------------------------------
   */

  * { 
  	margin: 0px; 
  	padding: 0px; 
  	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  }

  html * { font-size: 100.01% }

  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    margin-top:0;
    padding: 0px 0;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    height: 1%;
    color: #000000;
  }

  h1, h2, h3, h4, h5, h6 { font-weight:bold; margin: 0 0 0.20em 0; }
  h1 { font-size: 200% }											/* 24px */
  h2 { font-size: 166.67%; 	margin-top: 0.5em}						/* 20px */
  h3 { font-size: 150%; 	margin-top: 0.45em}						/* 18px */
  h4 { font-size: 133.33%; 	margin-top: 0.8em}                    	/* 16px */
  h5 { font-size: 116.67%; 	margin-top: 0.8em}                    	/* 14px */
  h6 { font-size: 116.67%; 	font-style:italic; margin-top: 0.8em }	/* 14px */

  p { 
  	line-height: 1.4em;
  	margin-top: 0.3em;
  	margin-bottom: 0.3em;
  }

  ul, ol, dl { line-height: 1.5em; margin: 1em 0 1em 1em }
  li { margin-left: 0em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong, b { font-weight: bold }
  em, i { font-style: italic }

  pre, code { 
  	font-family: monospace; 
  	font-size: 1.4em; 
  	margin-top: 0.3em;
  	margin-bottom: 0.3em;
  }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  a {
  	color: #004681; 
  	text-decoration: none;
  }
  a:focus,
  a:hover,
  a:active {
  	color: #004681;
  	text-decoration:underline;
  }
  
  a img {
  	text-decoration: none;
  	border: none;
  }
  
  option { padding-left: 0.4em; }
  
  /**
   * ------------------------------------------------------------------
   * Column Layout
   * ------------------------------------------------------------------
   */

  body { 
    background: #004681 url("/opencms/system/modules/org.opencms.frontend.templatetwo/resources/css/style_its.css") repeat-x top left fixed; 
  }
    
  #window {
    width: 1031px !important;
    width: 1031px;
    /*width: 1031px;*/
    min-width:71em;
    height:100%;
    margin: 0pt auto;
    text-align: left;
  }

  #page {
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
  }

  #header {
    background: #FFFFFF ;
    color: #004681;
    position: relative;
    padding-top: 0px;
    margin-bottom:0;
    /*height:163px;*/
  }
  
  .its p{
    margin:0;
  }
  
  .its img{
    margin:0;
  }
  
  #topnav {
    position: relative;
    margin-top:0;
    margin-bottom:0;
  }
  
  #topnav a {
  	color: #000000;
  }

  #breadcrumb {
    padding: 5px 0px 5px 10px;
    border-bottom: #4477a3;
    position: relative;
    height: 2em;
    color: #e3111e;
    font: 14px Arial, Helvetica, sans-serif; font-style:italic;
  }
  
  #breadcrumb a {
  	color: #e3111e;
  }

  #main {
    padding: 5px 0;
    overflow:hidden;
  }

  #col1 {
    
    width: 22%;
    float: left;
    /*z-index: 3;*/
  }

  #col1_content {
    position: relative;
    padding: 10px 10px 10px 0px;
    /*z-index: 4;*/
  }
  
  #col2 {
    width: auto;
    /*z-index: 1;*/
    
    	margin-left: 22%;
    
    
    	margin-right: 22%;
    
    
    border-left: ; 
    border-right: ; 
    /* border-left: 2px #ddd dotted;
    border-left: 18em #efefef solid; */
  }

  #col2_content {
    position: relative;
    padding: 10px;
    /*z-index: 2;*/
  }
  
  #col3 {
    
    width: 22%;
    float: right;
    /*z-index: 5;   */ 
  }

  #col3_content {
    position: relative;
    padding: 10px 0px 10px 10px;
    /*z-index: 6;*/
  }
  
  #footer {
    background: #FFFFFF ;
    color: #444444;
    padding: 0;
    margin-top: 10px;
    border-top: 1px solid;
    margin-bottom:0;
  }
  
  #header, #nav_main, #main, #footer, #breadcrumb { clear:both; }
  
  #nav_main{margin:0;}

  .clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
  } 

  .clearfix { display: block; }
  
  .clear {
	clear: both;
  }

  /**
   * ------------------------------------------------------------------
   * Accessible
   * ------------------------------------------------------------------
   */
   
  .skip {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /**
   * ------------------------------------------------------------------
   * Search Page
   * ------------------------------------------------------------------
   */
   
   #searchForm {
     margin-bottom: 10px;
   }
   
   .search_text {
   	margin-bottom: 10px;
   }
   .search_noresult {
     margin-bottom: 10px;
   }
   
   .search_result, .search_error {
     margin-bottom: 10px;
   }
  
   .pagination {
     text-align: center;
   }
   
  /**
   * ------------------------------------------------------------------
   * Box Layout
   * ------------------------------------------------------------------
   */
   
   .box {
   	/*background:url("../images/boxUp.gif") no-repeat left top;*/
   	/*background:url("../images/triangolo.png") no-repeat right bottom;*/
	margin-left:1;
	margin-bottom:0;
	padding-bottom:0;
	overflow:hidden
   }
   
   .box h4 {
   	 /*background: #25438D url("../images/gradient.png") repeat-x scroll center top; */
   	 color: #000;
   	 font-size: 1.1em;
   	 width: auto;
   	 margin: -1px;
   	 padding: 10px;
   	 line-height: 10px;
   }
   
   /*Portale ITS*/

   
   .box_schema1 {
   	 background: #FFFFFF; 
   }

   .box_schema2 {
   	 background: #e1e1e1;   
   }

   .box_schema3 {
   	 background: #e1e1e1;   
   }
   
   .box_schema1 h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #5388BE;
   }

   .box_schema2 h4 {
   	 background: #AA0114 url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #ffffff;
   }

   .box_schema3 h4 {
   	 background: #2C6700 url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #ffffff;
   }
   
   .box_schema5 {
   	 background: #FFFFFF;   
   }
   
   .box_schema5 h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #5388BE;
   }
   
   .box_schema6 {
   	 background: #FFFFFF;   
   }
   
   .box_schema6 h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #5388BE;
   }
   
   .boxbody {
     /*background:url(images/boxDown.gif) no-repeat left bottom;*/
     padding: 10px;
     font-size: 0.9em;
     overflow:auto;
   }
   
   .boxbody_listentry {
     /*background:url("../images/boxCenter.gif") repeat-y left center;*/
     padding-left: 5px;
     overflow:hidden;
   }
   
   .boxbody_listentry div.left img {
   	 margin-right: 5px;
   }

   .boxbody_listentry div.right img {
   	 margin-left: 5px;
   }
   
   form div.boxform {
     display: block;
     margin: 5px 0px 0px;
     padding: 1px 3px;
   }
  
   form div.boxform label {
     display: block;
     float: left;
     padding-right: 5px;
     text-align: right;
     width: 6em;
   }
 
   .left {
     float: left;
   }
   
   .right {
     float: right;
   }
   
   /* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 /*margin-left:0.3em auto;*/
 margin-right:0;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:1em 1em 0em 0em;
 margin-bottom:0px;
}

/* dialog white*/
/* dialog blue*/
.dialog_box_schema2 .content,
.dialog_box_schema2 .t,
.dialog_box_schema2 .b,
.dialog_box_schema2 .b div {
 background:transparent url("../images/dialog-blue-800x1600.png") no-repeat top right;
 _background-image:url("../images/dialog-blue-800x1600.png");
}

/* dialog green*/
.dialog_box_schema3 .content,
.dialog_box_schema3 .t,
.dialog_box_schema3 .b,
.dialog_box_schema3 .b div {
 background:transparent url("../images/dialog-green-800x1600.png") no-repeat top right;
 _background-image:url("../images/dialog-green-800x1600.png");
}
/* dialog yellow*/
.dialog_box_schema4 .content,
.dialog_box_schema4 .t,
.dialog_box_schema4 .b,
.dialog_box_schema4 .b div {
 background:transparent url("../images/dialog-yellow-800x1600.png") no-repeat top right;
 _background-image:url("../images/dialog-yellow-800x1600.png");
}

/* dialog white*/
.dialog_box_schema1 .content,
.dialog_box_schema1 .t,
.dialog_box_schema1 .b,
.dialog_box_schema1 .b div {
 background:transparent url("../images/dialog---800x1600.png") no-repeat top right;
 _background-image:url("../images/dialog---800x1600.png");
}

/* dialog news*/
.dialog_box_schema6 .content,
.dialog_box_schema6 .t,
.dialog_box_schema6 .b,
.dialog_box_schema6 .b div {
 background:transparent url("../images/dialog---800x1600.png") no-repeat top right;
 _background-image:url("../images/dialog---800x1600.png");
}

.dialog_box_schema6 .tabella{
	background-color: white; 
	border:1px solid #5889af;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:18px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_box_schema1 .b,
.dialog_box_schema1 .b div {
 height:28px; /* height of bottom cap/shade */
 font-size:1px;
}



.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren''t worried about height/overflow issues. */
}

.dialog h1,
.dialog h3,
.dialog h4,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.4em 0.1em 0.4em 0.1em;
 color: "#004681";
}

.dialog h4{
 text-align:center;
}

.dialog_box_schema5 h1,
.dialog_box_schema5 h3,
.dialog_box_schema5 h4,
.dialog_box_schema5 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.4em 0.1em 0.4em 0.1em;
  color: "#000000";
  text-align:left;
}

.dialog h1 {
 padding-bottom:0px;
}

  .dialog a {
  	font-family: Verdana, Tahoma, Helvetica, Arial;
  	color: "#004681"; 
  	text-decoration: none;
  	font-size:11px;
  }
  .dialog a:focus,
  .dialog a:hover,
  .dialog a:active {
  	color: "#004681";
  	text-decoration:none;
  }
  
  .dialog_box_schema5 a {
  	font-family: Verdana, Tahoma, Helvetica, Arial;
  	color: "#004681"; 
  	text-decoration: none;
  	font-size:11px;
  }
  .dialog_box_schema5 a:focus,
  .dialog_box_schema5 a:hover,
  .dialog_box_schema5 a:active {
  color: "#004681";
  	text-decoration:none;
  }
  
  .dialog a img {
  	text-decoration: none;
  	border: none;
  }
  
 /**
   * ------------------------------------------------------------------
   * Box Tab   **StriTag**
   * ------------------------------------------------------------------
   */
   
   #bottone { 
   background: url(/export/system/modules/org.opencms.frontend.templatetwo/resources/images/bottone_right.png) no-repeat right top; 
   margin: 0px; 
   width: 100%; 
   
   height: 53px !important;
   height: 2.3em;
   }

   #bottone p{ 
   background: url(/export/system/modules/org.opencms.frontend.templatetwo/resources/images/bottone_left.png) no-repeat left top;  
   margin: 0px; 
   width: 100%; 
   padding-top: 1.2em; 
   
   height: 53px !important;
   height: 2.3em;

   } 
   
   #bottone h4{ 
   background: url(/export/system/modules/org.opencms.frontend.templatetwo/resources/images/bottone_left.png) no-repeat left top;  
   margin: 0px; 
   width: 100%; 
   padding-top: 1.2em; 
   
   height: 48px !important;
   height: 2.0em;

   }
   
  /* Dialog center */
  
div.tabpanel {width:98%;_width:43em; min-width:33.3em; margin-bottom:2em}
div.tabpanel div.tab{border-top:0}
div.tabpanel div.tab{padding: 0.8em}
div.tab h2{width:100%;margin:0;margin-left:0.8em;padding:0.6em 0em;font-size:150%;color:#86A5D8}
div.tab p{margin-top:0}
div.tab h4{margin-top:0;margin-bottom:0;}

/* Inizio tab */

.tabnav{width: 100%;overflow:hidden;list-style: none;
    margin: 0;padding:0;/*background:url(images/line.png) repeat-x bottom*/
    position: relative;
    z-index:8;
    top: 0em;
    left: 0.4em;
	 }
.tabnav li{float: left;margin: 0 ;padding: 0;
}
.tabnav a{float: left;padding: 0; 
    background: url(../images/tab_active_left.gif) no-repeat top left;
    text-decoration: none;color: #184D8A; 
}
.tabnav span{float: left;margin-left:1.5em !important; margin-left:1.5em; padding: 0.8em 1.0em 1.5em 0em;
    background: url(../images/tab_active_right.gif) no-repeat right top;cursor: pointer;}
.tabnav a:hover, .tabnav a:active, .tabnav a:focus{ 
    float:left;
    background: url(../images/tab_left.gif) no-repeat top left;
}
.tabnav a:hover span, .tabnav a:active span, .tabnav a:focus span{
    float: left;
    background: url(../images/tab_right.gif) no-repeat top right;color: #fff;
}
/**
#tab1, #tab2, #tab3{
  position: absolute;
*/
}
.dialog2 {
 position:relative;
 margin:0px;
 margin-top:-2.4em;
 width:100% !important;
 width:37.3em;
 min-width:0.8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index: 1;
 margin-left:0; /* default, width of left corner */
 margin-bottom:0; /* spacing under dialog */
}

/* dialog2 blue*/
.dialog2_box_schema2 .content,
.dialog2_box_schema2 .t,
.dialog2_box_schema2 .b,
.dialog2_box_schema2 .b div {
 background:transparent url("../images/dialog-blue-center.png") no-repeat top right;
 _background-image:url("../images/dialog-blue-center.png");
}

.dialog2 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0 1em 0 0.5em;
 margin-top:-1.9em;
 margin-bottom:0;
}

.dialog2 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0;
 top:0;
 width:12px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog2 .b {
 /* bottom */
 position:relative;
 width:100% !important;
 width:37.3em;
 min-width:0.8em; 
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 margin-top:0px;
}

.dialog2 h5,
.dialog2 a:link, 
.dialog2 a:hover, 
.dialog2 a:focus, 
.dialog2 a:active {
  color:#004782;
  font-size:18px;
  text-decoration:none;
  padding:0px 12px 0px 12px;
}

.dialog2 .b,
.dialog2 .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
 margin-top:0;
}

.dialog2 .b {
 background-position:bottom right;
 margin-left:auto !important;
 margin-left:24px;
 margin-top:0px;
 }

.dialog2 .b div {
 position:relative;
 width:12px !important;
 width:37.3em; 
 margin-left:-5px !important;
 margin-left:-29px;
 background-position:bottom left;
}

.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft {
 position:relative;
}

.dialog2 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren''t worried about height/overflow issues. */
}

.dialog2 h1,
.dialog2 h4 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 12px 0px 12px;
 color:#000000;
}

.dialog2 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:12px;
 color:#000000;
}

.dialog2 h1 {
 padding-bottom:0px;
}

   /**
   * ------------------------------------------------------------------
   * Navigation Menu adjustments
   * ------------------------------------------------------------------
   */
   
   #nav_left li a {
     color: #000000;
   }
   
   #nav_left li a:hover, #nav_left li a:focus, #nav_left li a:active {
     background: #477DBE;
     color: #fff;
   }
   
   #nav_left a.current {
     background-color: #aabaab;
     color: #444444;
   }

   

   
   
   

   
   
   

   
     #nav_main a.current {
       color: #004681;
     }
   

   /**
   * ------------------------------------------------------------------
   * Editor adjustments
   * ------------------------------------------------------------------
   */
   
   	 
     
   
   
}

@media print
{
   /**
   * ------------------------------------------------------------------
   * Print Layout
   * ------------------------------------------------------------------
   */
   
  body, #window, #page, #main { margin:0; padding: 0; border: 0; }
  #window, #page {width: 100% !important; min-width:0; max-width: none}
  #header { height: auto; }
  #footer { display: none; }

  #topnav, #nav_main, #breadcrumb { display: none; }

  #col1 { display:none; }
  #col3 { display:none; }
  
  #col2, #col2_content { width: 100%; margin:0; padding: 0; border:0; }
}