



 



  
  
  
/* START reset.css */

    /* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
  
/* START text.css */

    body {color:#535353;font-family:'Lucida Sans Unicode', Arial, Georgia, "Times New Roman", Times, serif;font-size:12px}
h1{color:#08447a;font-size:22px;line-height:1.3em}
h2{color:#488ac5;font-size:14px;line-height:1.3em;margin-bottom:10px}
h3{font-size:12px;line-height:1.3em;color:#084474}

#footer h2{color:#FFF;margin-top:10px}

#column_hp_dx h3  {
  float:left;
  font-size:12px;
  width:70%;overflow:hidden
}

#menu_nav h3#menuTitle {
  color:#488ac5;
  font-size:16px;
  line-height:1.3em;
}

a, a:active,a:hover,a:visited {color:#488ac5}

p { line-height:1.3em; }

.p_text ul,
.p_text ol {
  list-style-position:inside;
  line-height:1.3em;
}

.p_text ul{list-style-type:square;}

.p_text ol{list-style-type:decimal;}

#column_hp_dx .p_text{clear:both;}

.p_text p{margin-bottom:10px;margin-right:6px}

*:first-child+html .p_text p{margin-right:10px }

.breadcrumbs a,
#menuGlobal a,
#footer li{text-decoration:none;font-size:11px}

.breadcrumbs a.active {color:#535353}

#menu_nav li {margin-bottom:10px}

#menu_nav li a {
  font-size:14px;
  font-weight:bold;
  color:#08447a;
  line-height:1.3em;
  text-decoration:none;
}

#menu_nav li a:hover {color:#488ac5}

#menu_nav li.active a {color:#488AC5}
  
/* START content.css */

    body {background-color:#e0e0e0}

.container {
  background:transparent url(img/main_sf.png) repeat-y scroll 0 0;
  margin:0 auto;
  width:900px;
  position:relative;
  top:15px;
}

.top_bkg {
  background:transparent url(img/top_sf.png) no-repeat scroll 0 0;
  height:66px;
  left:0;
  position:absolute;
  width:900px;
  top:0
}

.bottom_bkg {
  background:transparent url(img/bottom_sf.png) no-repeat scroll 0 0;
  height:15px;
  position:absolute;
  width:900px
}

#header {
  margin:0 10px 0;
  overflow:hidden;
  position:relative;
  width:860px
}

#header form {
  position:absolute;
  right:0;
  top:20px;
}

.container_11 {background-color:#FFFFFF}

#footer {
  background:#FFF url(img/footer_sf.png) repeat-x 0 0;
  overflow:hidden;
  margin:0 auto;
  width:860px;
  position:relative
}

#footer .corner_sx,
#footer .corner_dx {
  background:transparent url(img/footer_corner.png) no-repeat;
  display:block;
  height:8px;
  width:8px;
  position:absolute;
  top:0
}

#footer .corner_dx {
  background-position:-8px 0;
  right:0
}

#logo {
  width:auto;
  float:left;
  margin-bottom:10px;
  margin-top:33px
}

#menuGlobal {
  position:absolute;
  right:90px;
  top:25px
}

#menuGlobal li {
  border-left:1px solid #EAEAEA;
  display:inline-block;
  float:left;
  padding-left:5px;
  padding-right:6px;
  width:auto
}

#main_image_container {
  border-top:8px solid #08447A;
  margin:0 auto 20px;
  width:860px;
  overflow:hidden;
}

#footer ul {
  display:inline-block;
  float:right;
  margin-top:20px;
  width:auto
}

#footer ul li {
  float:left;
  margin-right:25px;
  padding:2px 0;
  width:auto
}

/* column_hp_dx */
#column_hp_dx .p_text img{
  border:0
}

/* COLUMN SX */
#column_sx {margin-top:-30px;min-height:350px}

/* HP CLAIM */
.hp_claim {
  height:160px;
  margin-right:20px;
  margin-top:33px;
  position:absolute;
  right:10px;
  top:127px;
  width:285px;
  z-index:100000;
}

.hp_claim img {
  margin-top:10px;
  margin-left:10px;
  position:relative
}

.transparent{
  display:block;
  background-color:#FFFFFF;
  opacity: .30;
  filter: alpha(opacity=30);
  width:100%;
  height:100%;
  position:absolute
}

.hp_claim h2,
.hp_claim p {
  color:#FFFFFF;
  opacity:1;
  filter: alpha(opacity=100);
  padding:10px
}

.hp_claim h2 {
  font-size:20px;
  line-height:1.3em;
  margin-bottom:0;
  margin-left:19px;
  padding-bottom:0;
  width:190px
}

.hp_claim p {
  font-size:11px;
  line-height:1.3em;
  margin-left:18px;
  margin-top:-5px;
  width:220px
}

/* CONSORZIO */

#consorzio {position:relative}

#consorzio h2 {
  color:#F89834;
  font-size:18px;
  left:149px;
  position:absolute;
  top:12px;
}

#consorzio .p_text {margin:0}

#consorzio img {border:0;margin-bottom:0}

/* BREADCRUMBS */
.container_11 h1,
.breadcrumbs {
  float:right;
  margin-bottom:10px;
  margin-right:10px;
  padding-bottom:5px;
  width:620px
}

.breadcrumbs {border-bottom:2px dotted #CBDAEC;position:relative}

/* PRINT AND SHARE*/
.print_share {
  font-size:1em;
  position:absolute;
  right:5px;
  top:-16px;
}

.grid_13.main .print_share {right:5em}

.print_share a{
  background-image: url(img/print_send.jpg);
  background-repeat:no-repeat;
  color:#A2CAED;
  display:block;
  float:left;
  font-family:Arial;
  height:32px;
  margin:0 0.4em;
  padding:0 0.4em;
  text-indent:-20000px;
  width:19px
}

a.send {background-position:0 0}

a.print {background-position:-33px 0}

a.share {
  background-position:-67px 0;
  border:0 none;
  font-size:8px;
  font-weight:bold;
  padding:0 0 0 21px;
  width:12px
}

/* P-ACCORDION */
#accordion {clear:both}

#accordion li {
  border-bottom:2px dotted #CBDAEC;
  margin:10px 0;
  padding-bottom:5px
}

#accordion .p_text img,
#accordion .p_text h3,
#accordion .download {margin-left:30px}

#accordion .download li{line-height:1.8em}

.toggler {
  background:#FFFFFF url(img/accord_arrows.gif) no-repeat scroll 0 -2px;
  color:#488AC5;
  cursor:pointer;
  height:20px;
  padding-left:28px
}

.element p {padding-left:29px}

.open_w {background-position:0 -23px}

.item_links {margin-bottom:5px}

.more a,
.back a,
.links-text a,
.download li {
  display:block;
  line-height:2.5em;
  margin-right:10px;
  padding-left:30px;
}

.more a,
.links-text a {background:#FFFFFF url(img/arrow_link.jpg) no-repeat scroll 0 4px}

.more a {
  clear:both;
}

.back a  {background:#FFFFFF url(img/arrow_link_sx.jpg) no-repeat scroll 0 4px}

.download {margin:10px 0}

.download li{background:#FFFFFF url(img/paperclip.jpg) no-repeat scroll 0 4px;border:0 none !important}

.download li span {font-size:9px;margin-left:5px}

/* P-TEXT */
.p_text {
  margin-bottom:5px;;
  float:left;
  width:100%;
}

#column_hp_dx .p_text {width:100%}

.p_text img {
  border:1px solid #5593c6;
  margin-bottom:5px;
  padding:4px;
  margin-right:5px
}

.p_text .center {
  text-align:center
}

img.right_float {margin-right:0;margin-left:14px;}

/* GLOSSARIO */

#glossary {
  margin: 0 0 2em;
  overflow: hidden;
  padding: 0
}

#glossary .lemma {
  background-color:#08447A;
  color:#5E93C2;
  display:block;
  float:left;
  font-size:15px;
  height:30px;
  line-height:2em;
  margin-left:0;
  margin-right:3px;
  text-align:center;
  width:19px;
}

#glossary .lemma.last {margin-right:0;padding:0 0.15em;}

#glossary .lemma a {color: #fff}

#glossario #main ul {list-style-position:inside;list-style-type:inherit;line-height:1.3em;}

#glossario #main ol {list-style-position:inside;list-style-type:decimal;line-height:1.3em;}

#glossario #main ul li,
#glossario #main ol li {margin-bottom:5px;}

/* NEWS */
.news_hp {margin-bottom:25px}
.news_hp h3 {
  background:#FFFFFF url(img/paper.png) no-repeat scroll 0 0;
  line-height:2.3em;
  padding-left:30px;
}

.news_hp .data{font-size:10px;line-height:2em}

.news .data{font-size:12px;font-weight:bold;line-height:2em;margin:0;}

.news p{margin:10px 0}

/* UTILS */
a img { border:none; float:left; display:inline; margin-right:5px}
.left_float {float:left !important;width:auto}
.right_float {float:right !important;width:auto}
.hidden {display:none}
.no_border {border:0 !important}
.line_separator{overflow:hidden;display:block;height:.2em;border-top:2px dotted #CBDAEC;clear:both;margin:12px 0 5px;width:100%;}
.separator{display:block;height:20px}
.separator_1{display:block;height:10px}

#chkBrowser {
  padding:0;
  position:absolute;
  top:6em;
  left:10px;
  z-index:1410065407;
  display:none;
}

#chkBrowser div {padding:5px;}

/* FLOOM*/
#main_image {margin: 0 auto; padding:0;width: 860px; height: 232px;width:auto}
#main_image img{padding:0;margin:0;}
#main_image .floom_slice { z-index: 10; }
#main_image .floom_container { overflow: hidden; border-bottom: solid 1px #fff; border-top: solid 1px #666; }
#main_image .floom_vertical { float: left}

/* G-MAPS*/
.gmap {
  width: 610px;
  height:410px;
  margin-bottom:20px
}

/* FORM */
#ayForm {clear:both}

.inputSelect label{
  display:block;
  float:none;
  margin:5px 0;
  width:auto;
}

.inputSelect {margin:5px 0}

.omFormContainer {
  clear:both;
  margin:10px 0;
  overflow:hidden;
}

label {
  display:block;
  float:left;
  width:120px
}

.checkbox{
  border:0;
  width:auto
}

.inputField {float:left;width:auto}

input {width:230px;border:1px solid #ccc}
textarea{width:380px;border:1px solid #ccc}

select {background-color:#fff;font-size:11px;border:1px solid #ccc}

.omFormButton {
  background-color:#CCCCCC;
  float:right;
  margin-right:115px;
  width:100px
}

#header select {margin-top:3px}
#footer select {margin-top:-5px}

/* NEWS SCROLLER*/

#scrollingContainer {
  height: 200px;
  margin-bottom:15px;
  overflow: hidden;
  position: relative;
  clear: both
}

#scrollingContainer a {
  text-decoration: none;
}

#scrollingnews {
  display: block;
  /*   position:absolute;*/
}

#scrollingnews div {
  background:#FFFFFF url(img/paper16.png) no-repeat scroll 0 0;
  line-height:1.6em;
  padding-left:25px;
  display: block;
  height: auto;
}

.scrollingnewsdiv {
  padding-bottom:8px;
}

.version {
  color:#999999;
}
  
/* START navigation.css */

    ul.level2 {
  float:right;
  margin-top:59px;
  overflow:hidden;
  position:relative;
}

ul.level2 li{
  position:relative;
  float:right
}

ul.level3 {
  float:left;
  margin:0;
  padding:0;
  position:relative;
}

ul.level3 li{float:left}

.menuNav1 li a{position:relative}

.menuNav1 li a .corner_sx,
.menuNav1 li a .corner_dx {
  background:transparent url(img/menu_corner.png) no-repeat scroll 0 0;
  height:9px;
  margin-top:-2px;
  position:absolute;
  width:7px;
  z-index:10
}

.level3 .men_img {
  background:transparent url(img/clients.png) no-repeat scroll 3px 3px;
  display:block;
  height:95%;
  line-height:38px;
  padding-left:30px;
}

.menuNav1 ul.level2 li.active a,
.menuNav1 li a .corner_dx {
  background-position:-5px 0;
  right:0
}

.menuNav1 li a .corner_sx {left:0}

li.active.active0.open a.item_home .corner_sx,
.menuNav1 ul.level3 li.active a .corner_sx,
.menuNav1 li a:hover .corner_sx,
li.active.open.trail a:hover.item_home .corner_sx {background-position:0 -9px}

.menuNav1 ul.level3 li.active.leaf .corner_sx{background-position:0 -18px }

li.active.active0.open a.item_home .corner_dx,
.menuNav1 ul.level3 li.active a .corner_dx,
.menuNav1 li a:hover .corner_dx,
li.active.open.trail a:hover.item_home .corner_dx {
  background-position:-4px -9px;
  right:0
}

.menuNav1 ul.level3 li.active.leaf .corner_dx{background-position:-5px -18px }

li.active.open.trail a.item_home .corner_sx {background-position:0 0}
li.active.open.trail a.item_home .corner_dx {background-position:-5px 0}

li.active.active0.open.trail a.item_home,
.menuNav1 li a {
  background-color:#08447a;
  display:block;
  float:left;
  padding-left:5px;
  padding-top:2px;
  height:31px;
  color:#FFF;
  text-decoration:none
}

.menuNav1 ul.level2 li a {
  width:43px;
  padding-right:10px;
}

.menuNav1 ul.level3 li a {
  margin-left:2px;
  width:auto;
  padding-right:1.5em
}

li.active.active0.open a.item_home,
ul.level3 li.active.leaf a,
ul.level3 li.active a,
.menuNav1 ul.level2 li.active a ,
.menuNav1 li a:hover,
li.active.open.trail a:hover.item_home {
  background-color:#5592c5
}

ul.level3 li.active.leaf a,
ul.level3 li.leaf a:hover {
  background-color:#F89834
}

ul.level3 li.leaf a:hover .corner_sx {background-position:0 -18px}

ul.level3 li.leaf a:hover .corner_dx {background-position:-5px -18px}

.title_link {border:0;white-space: nowrap}

li.leaf a .men_number,
li.leaf a .men_img,
a .men_number {
  color:#5592C5;
  font-family:sans-serif;
  font-size:28px;
  padding-right:5px
}

li.leaf a .men_img {
  overflow:hidden;
  padding-right:1px;
}

li.leaf a .men_img img{
 padding-top:5px;
 padding-right:5px
}

li.active.closed a .men_number,
ul.level3 li.active.leaf a .men_number,
.menuNav1 li a:hover .men_number {
  color:#08447A;
}

ul.level2 li.active.trail a .home {
  background:transparent url(img/home_ico.gif) no-repeat scroll 8px -27px;
  display:block;
  height:30px;
  text-indent:-10000px;
  width:39px
}

ul.level2 li.active a:hover .home,
ul.level2 li.active a .home{
  background:transparent url(img/home_ico.gif) no-repeat scroll 8px 7px;
  display:block;
  height:30px;
  text-indent:-10000px;
  width:39px
}

#sitemap ul.level3 li {
  float:none;
  line-height:2em;
  margin-left:20px;
}

#sitemap ul.level3 li.active.leaf a,
ul.level3 li.leaf a:hover {
  background-color:transparent;
}

/* PAGINATOR */

.paginator {
  float:left;
  margin-top:1em;
  overflow:hidden;
  text-align:left;
  width:auto;
}

.searchPaginator {
  margin-bottom:3em;
  margin-top:10px;
  overflow:hidden;
  padding:5px;
  width:455px !important;
}

.paginator em , .paginator span.page{
  color:#C14000;
  font-style:normal;
}

.paginator em,.paginator a.page, .paginator span.page {
  display: block;
  float: left;
  width: 17px;
  margin-top: 6px;
  line-height: 1em;
  border-right: 1px solid #084474;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  width:22px;
}

.paginator em, .paginator span.page  {color:#084474;font-style:normal}

.paginator a {
  color: #488AC5;
  text-decoration: underline;
}

.paginator .next,.paginator .previous,.paginator .first,.paginator .last {
  border: 1px solid #084474 !important;
  color:#FFFFFF;
  display: block;
  float: left;
  font-size: 21px;
  width: 21px;
  height: 21px;
  line-height: 0.8em;
  text-align: center;
  text-decoration:none;
}

.paginator .next,.paginator a.last {
  margin-left: 10px;
  background: #FFFFFF url(img/sf_pagination.jpg) no-repeat scroll center center;
}

.paginator .previous,.paginator .first {
  margin-right: 10px;
  background: #FFFFFF url(img/sf_pagination.jpg) no-repeat scroll center center;
}

.paginator_top {
  overflow: hidden;
  float: right;
  width: auto;
  margin-top: -58px;
}
  
/* START main.css */

    /*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_11 {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .grid_1 {
	width:60px;
}

.container_11 .grid_2 {
	width:140px;
}

.container_11 .grid_3 {
	width:220px;
}

.container_11 .grid_4 {
	width:300px;
}

.container_11 .grid_5 {
	width:380px;
}

.container_11 .grid_6 {
	width:460px;
}

.container_11 .grid_7 {
	width:540px;
}

.container_11 .grid_8 {
	width:620px;
}

.container_11 .grid_9 {
	width:700px;
}

.container_11 .grid_10 {
	width:780px;
}

.container_11 .grid_11 {
	width:860px;
}



/* Prefix Extra Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .prefix_1 {
	padding-left:80px;
}

.container_11 .prefix_2 {
	padding-left:160px;
}

.container_11 .prefix_3 {
	padding-left:240px;
}

.container_11 .prefix_4 {
	padding-left:320px;
}

.container_11 .prefix_5 {
	padding-left:400px;
}

.container_11 .prefix_6 {
	padding-left:480px;
}

.container_11 .prefix_7 {
	padding-left:560px;
}

.container_11 .prefix_8 {
	padding-left:640px;
}

.container_11 .prefix_9 {
	padding-left:720px;
}

.container_11 .prefix_10 {
	padding-left:800px;
}



/* Suffix Extra Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .suffix_1 {
	padding-right:80px;
}

.container_11 .suffix_2 {
	padding-right:160px;
}

.container_11 .suffix_3 {
	padding-right:240px;
}

.container_11 .suffix_4 {
	padding-right:320px;
}

.container_11 .suffix_5 {
	padding-right:400px;
}

.container_11 .suffix_6 {
	padding-right:480px;
}

.container_11 .suffix_7 {
	padding-right:560px;
}

.container_11 .suffix_8 {
	padding-right:640px;
}

.container_11 .suffix_9 {
	padding-right:720px;
}

.container_11 .suffix_10 {
	padding-right:800px;
}



/* Push Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .push_1 {
	left:80px;
}

.container_11 .push_2 {
	left:160px;
}

.container_11 .push_3 {
	left:240px;
}

.container_11 .push_4 {
	left:320px;
}

.container_11 .push_5 {
	left:400px;
}

.container_11 .push_6 {
	left:480px;
}

.container_11 .push_7 {
	left:560px;
}

.container_11 .push_8 {
	left:640px;
}

.container_11 .push_9 {
	left:720px;
}

.container_11 .push_10 {
	left:800px;
}



/* Pull Space >> 11 Columns
----------------------------------------------------------------------------------------------------*/

.container_11 .pull_1 {
	left:-80px;
}

.container_11 .pull_2 {
	left:-160px;
}

.container_11 .pull_3 {
	left:-240px;
}

.container_11 .pull_4 {
	left:-320px;
}

.container_11 .pull_5 {
	left:-400px;
}

.container_11 .pull_6 {
	left:-480px;
}

.container_11 .pull_7 {
	left:-560px;
}

.container_11 .pull_8 {
	left:-640px;
}

.container_11 .pull_9 {
	left:-720px;
}

.container_11 .pull_10 {
	left:-800px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
  
  

