/*
Arancio: #F05F00
Blu: #17365D
*/

body
{
  background: #e7e7e7;
  font-family:Verdana,Tahoma, Arial, Georgia, sans-serif, 'Trebuchet MS','Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact;
  font-size:small;
  margin:0;
  letter-spacing:0.07em;
  background:#e7e7e7 url(img/bg_body.jpg) center top no-repeat;
}

#page, #footer
{
  margin:0 auto;
  position:relative;
  width:888px;
  background:transparent url(img/ombra_v_xl.png) center 500px no-repeat;
  
  position:relative;
  /* Spacing between page shadow and content */
  padding: 0 12px 0px 12px;
}

#header
{
  color:#999999;
  /*background: #fff url(img/header_bg.jpg) center top no-repeat;
  background: #fff url(img/header_bg_gray.png) center top no-repeat;*/
  background: #17365D url(img/header_bg_blue.png) center top no-repeat;
/*   padding: 15px 10px 20px 10px; */
  height:120px;
  /*margin-bottom: 15px;*/
}

#header p#lang
{
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 15px 0 0;
}

#header p#lang #it
{
 padding: 0 0 0 30px;
 background: transparent url(img/it.png) no-repeat center left;
}

#header p#lang #en
{
  padding: 0 30px 0 0;
  background: transparent url(img/gb.png) no-repeat center right;
  text-align: right;
}

#header p#lang a {color:#ffffff;/*color: #244061;*/}
#header h1 {margin:0; padding:0; color:#ffffff; font-size:xx-small; position:relative; top:0px;}
#header img {margin:0 0 0 15px;}
#header a#home-link {display:block; width:250px; height:86px; top: 20px; left: 20px; position:relative; text-decoration:none;}


#content
{
  background:#FFFFFF url(img/content_bg.png) center bottom no-repeat;
  z-index:6;
  padding: 10px 45px 30px 45px;
  clear:both;
  color:#001A33;
  margin: 0;
  min-height:480px;
}

#content p {margin: 0; padding:0 0 10px 0; line-height:140%; text-align: justify}

#content img, #content iframe, #content .img_cx
{
  padding:5px;
  margin:20px auto;
  border: 1px solid #999;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background-color:#fff;
  display:block;
}

#content .img_sx
{
  float:left;
  margin:0 13px 0 0;
  border: 1px solid #999;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background-color:#fff;
}

#content .img_dx
{
  float:right;
  margin:0 0 0 13px;
  border: 1px solid #999;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background-color:#fff;
}

/*
#about #content img
{
  padding:0;
  margin:20px 0 10px 150px;
  border: 0;
  background-color:transparent;
  z-index:5;
}
*/

#content ul, ul.punti, ol.punti
{
  list-style-position:outside;
  text-align: justify;
  margin:1px 0 4px 4px;
  padding:0 0 0 16px;
  line-height:140%;
}
#content ul li, .punti li
{
  margin-bottom:5px;
}
#content p.cite {font-size: 85%; font-style:italic;}
#content p.caption {font-size: 80%; font-style:italic; text-align: center}

body#about .team p {padding:0 0 4px 0;}

#contacts td.td_contacts {padding:0 0 0 30px; vertical-align:center;}


#home #content {text-align: center;}

#footer
{
  color:#ffffff;
  clear:both;
  padding: 10px 11px 20px 11px;
  background: #17365D;
  background: transparent url(img/footer_bg.jpg) center bottom no-repeat;
  text-align: center;
}

#footer p {font-size:x-small; margin: 0 20px; padding:2px 0; letter-spacing:normal;}
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover {color:#fffaf2;}

h2 { font-size: 170%; color: #17365D; margin:1em 0 0.8em 0;  border-bottom:1px solid #ccc; }
h3 { font-size: 140%; color: #555555; margin:1.8em 0 0.8em 0; border-bottom:1px solid #ccc; clear: both;}
#home h3 { border-bottom:0 solid #ccc;
           /* font-size:160%; */
           font-size:140%; 
           font-weight:normal;
           color:#17365D;}
h4 { font-size: 120%; margin:1.8em 0 0.5em 0; clear: both;}
h5 { font-size: 110%; margin:1.4em 0 0.5em 0; }

/* N A V */

ul#nav
{
  height:44px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  background-color: #17365D;
  /*z-index:1000;*/
}

ul#nav li
{
  float: left;
  height:44px;
  margin: 0;
  padding: 0;
  /*font-size: 1.2em;*/
}

ul#nav li a, ul#nav li a:visited
{
	color:#FFFFFF;
	text-decoration:none;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:44px;
}

ul#nav li a:hover
{
  text-decoration: underline;
  color: #17365D;
}

ul#nav li a:active
{
  text-decoration: underline;
  color: #17365D;
}



/* sub nav */

ul#nav_sub
{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  padding:3px 0 10px 0;
  width:888px;
  background: #eeeeee url(img/sub_menu_bg.jpg) center bottom no-repeat;
  background: #17365D url(img/sub_menu_bg.png) center bottom no-repeat;
}
ul#nav_sub li
{
  display:inline;
  margin:0;
  padding: 0 3px;
  font-size: 1.2em;
  font-weight: bold;
  /*color:#073873;*/
  color: #ffffff;
}

ul#nav_sub li a, ul#nav_sub li a:visited
{
    /*color:#073873;*/
    color: #ffffff;
    text-decoration:none;
}

ul#nav_sub li a:hover
{
  text-decoration: underline;
}

ul#nav_sub li.dot_dot {color: #999999;}


body#about .sayservice li#t-sayservice a, body#about .team li#t-team a,  body#about .network li#t-network a, body#vision .approach li#t-approach a, body#vision .ios li#t-ios a, body#vision .market li#t-market a, body#technology .product li#t-product a, body#technology .know-how li#t-know-how a
{color:#ff6600;}

/*
body#about .sayservice li#t-sayservice, body#about .team li#t-team, body#vision .approach li#t-approach, body#vision .ios li#t-ios, body#vision .market li#t-market, body#technology .product li#t-product, body#technology .know-how li#t-know-how
{background-color:#ff6600;}*/

ul.punti, ol.punti
{
  list-style-position:outside;
  margin:0 0 12px 4px;
  padding:0 0 0 16px;
}

.punti li { margin-bottom:5px; }

#content a:link {color:#F05F00;}
#content a:visited {color:#F05F00;}
#content a:hover {color:#0080FF;}

#content .td-foto img
{
  background: transparent url(img/td_foto_bg.png) no-repeat 0 0;
  padding: 10px 25px 20px 11px;
  margin: 0 0 0 20px;
  border-width: 0;
}

#content td.td-desc {min-width:200px;} /** {width:230px;} **/


/* A N G O L I */
#header, #footer { position:relative; z-index:5;}

.ombra, .ombra_h {position:absolute; font-size:0; /*IE FIX*/}

.ombra
{
  background-image:url(img/angoli.png);
  height:52px;
  width:52px;
  z-index:3;
}

.ombra_h 
{
  background:url(img/ombra_h.png) repeat-x;
  height:11px;
  width:100%;
  z-index:2;
}



/*
.TL, .TR {top:0;}
.BL, .BR {bottom:0;}
.TL, .BL {left:0;}
.TR, .BR {right:0;}

.TL {background-position:top left;}
.TR {background-position:top right;}
.BL {background-position:bottom left;}
.BR {background-position:bottom right;}

*/

/* IE FIX*/
/* * html .BL, * html .BR {bottom:-1px;} */
* html #content
{
  min-height:480px;
  height:auto !important;
  height:480px;
}