/***********************************************************************
   #container: holds all site content and sets white background
 ***********************************************************************/
 
#container {
  width: 826px;
  min-height: 100%;
  height: 100%;

  position: relative;
  margin: 0 auto;
  
  background: #FFFFFF;
  border-left: 1px solid #6486A9;
  border-right: 1px solid #6486A9;
}



/***********************************************************************
   #header: holds top actions, logo, main menu, breadcrumbs and date
 ***********************************************************************/

#header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  
  width: 100%;
  /*height: 201px;*/
  height: 92px;
  background: #FFF url(http://www.g2web.it/elements/TG2/images/header.gif) repeat-x top left;
}


/* Top page action links and search form */
#header .actions {
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 4;
  
  width: 390px;
  height: 46px;
  
  text-align: right;
  
  background: #3F8CDD url(http://www.g2web.it/elements/TG2/images/header_actions.gif) no-repeat top left;
}

/* Top page action links */
#header .actions ul {
  margin: 0 22px 0 0;
  padding: 0;
  list-style: none;
}

#header .actions ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

#header .actions ul li a {
  margin: 0 10px;
  
  font-size: 12px;
  text-decoration: none;  
  
  color: #FFF;
  border-bottom: 1px solid #73A8E0;
}

#header .actions ul li a:hover {
  color: #FFF;
  background-color: #5E98DB;
  border-color: #FFF;
}


/* Site logo and tagline */
#header #logo {
  position: absolute;
  top: 45px;
  left: 65px;
  z-index: 5;
  
  width: 92px;
  height: 100px;
  background: url(http://www.g2web.it/elements/TG2/images/logo.gif) no-repeat top left;
}

#header #logo p.titledomain {
  margin: 0;
  padding: 0;
  font-size: 0px;
  text-indent: -1000px;
}


/* Back home logo link */
#header .home,
#header :hover.home {
  position: absolute;
  top: 45px;
  left: 65px;
  z-index: 6;
  
  width: 87px;
  height: 87px;
  
  background: transparent;
  cursor: pointer;
}


/* Bottom rounded menu and cityscape */
#header .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  
  /*height: 120px;*/
  height: 77px;
  width: 100%;  
  
  background: url(http://www.g2web.it/elements/TG2/images/header_bottom.jpg) no-repeat top left;
}



/* Breadcrumbs */
#header #breadcrumbs {
    position: absolute;
    bottom: 11px;
    left: 30px;
    z-index: 5;
    font-size: 1.1em;
}

#header #breadcrumbs .arrow {
  padding: 0 3px;
  font-family: courier, monospace;
  color: #C1C1C1;
}


/* Date */
#header #date {
  position: absolute;
  top: 110px;
  right: 30px;
  z-index: 5;
}



/* Main menu */
#header #menu_oriz {
    position: absolute;
    top: 20px;
    left: 185px;
    z-index: 3;
    /*width: 100%;*/
    margin: 0;
    padding: 0;
}

#header #menu_oriz li {
  margin: 0;
  padding: 0;  
  display: inline;
}

#header #menu_oriz li a {
  float: left;
  width: 4.7em;
  margin: 35px 0 0 30px;
  
  font: bold 14px arial, sans-serif;
  text-align: center;
  text-decoration: none;
  
  color: #1260B2;
}

#header #menu_oriz li.here a {
  color: white;
  background-color: #1260B2
}

#header #menu_oriz li.here a {
  color: #FFF;
}

#header #menu_oriz li a:hover {
  color: #FFFFFF;
  background-color: #1260B2;
}

/* Main menu links can expand/contract, so need to create 4 rounded corners individually */
#header #menu_oriz li a .t,
#header #menu_oriz li a .b {
  height: 5px;
}

#header #menu_oriz li a .l,
#header #menu_oriz li a .r {
  height: 5px;
  width: 5px;
  background: none;
}

#header #menu_oriz li.here a .t .l,
#header #menu_oriz li a:hover .t .l {
  background: url(http://www.g2web.it/elements/TG2/images/menu_tl.gif) no-repeat top left;
}

#header #menu_oriz li.here a .t .r,
#header #menu_oriz li a:hover .t .r {
  background: url(http://www.g2web.it/elements/TG2/images/menu_tr.gif) no-repeat top left;
}

#header #menu_oriz li.here a .b .l,
#header #menu_oriz li a:hover .b .l {
  background: url(http://www.g2web.it/elements/TG2/images/menu_bl.gif) no-repeat top left;
}

#header #menu_oriz li.here a .b .r,
#header #menu_oriz li a:hover .b .r {
  background: url(http://www.g2web.it/elements/TG2/images/menu_br.gif) no-repeat top left;
}



/***********************************************************************
   #columns: definitions for main content area and 1, 2 or 3 column 
             layout
 ***********************************************************************/

#columnsOne,
#columnsTwo,
#columnsThree {
  margin: 0 30px;
}

#columnsOne {
  padding: 210px 0 0 0;
}

#columnsTwo {  
  padding: 155px 0 0 160px;  
}

#columnsThree {
  /* Top padding = header height, Left padding = LC width, Right padding = RC width */
  /*padding: 210px 180px 0 160px;*/
  padding: 155px 180px 0 160px;
}

.column {
  position: relative;
  float: left;
  margin-bottom: 30px;
  
  /*border: solid 1px #000000;*/
}

/* Main column */
#center {
  width: 100%;  
}

#columnsThree #center .padding {
    padding: 0 25px;
}

#columnsTwo #center .padding {
  padding: 0 0 0 25px;
}

/* Left column */
#left_home {
  width: 160px;          /* LC width */
  right: 160px !important;          /* LC width */
  right: 240px;			/* solo per IE 6.0 */
}

/* Left column */
#left {
  width: 160px;          /* LC width */
  right: 160px;          /* LC width */  
}

#columnsThree #left {
    margin-left: -100% !important;
    /*margin-left: -34%;    solo per IE 6.0 */
    margin-left: -425px;    /* solo per IE 6.0 (IN QUESTO CASO NON VA BENE IL MARGINE %)*/
}

*:first-child+html #columnsThree #left /* solo IE 7.0 */ {
  margin-left: -51% !important;
}

#columnsTwo #left, #columnsTwo #left_home {
    margin-left: -100% !important;
    margin-left: -48%;    /* solo per IE 6.0 */
}

*:first-child+html #columnsTwo #left /* solo IE 7.0 */ {
  margin-left: -73% !important;
}

*:first-child+html #columnsTwo #left_home /* solo IE 7.0 */ {
  margin-left: -73% !important;
}

.padding p {
    font-size: 1.2em;
}

/* Right column */
#right {
  width: 180px;          /* RC width */
  margin-right: -180px;  /* RC width */
}

/* Newsletter Signup in Right column */
#jcarosell {
    text-align:center;
    width:100%;
}

#jcarousel_right {
    text-align:center;
    width:100%;
    margin-top: 20px;
    margin-left: 30px;
}

#foto_right {
    text-align:center;
    width:100%;
    margin-top: 40px;
}

#foto_right p {
    padding: 0;
    margin-top: 10px;
}

#foto_right p img {
     border: solid 1px #3E8DD2;
}

span.didascalia_foto {
	display: block;
	margin: 0 10px 10px 10px;
	line-height: 130%;
}

.sign3a {
    font-size: 12px;
    letter-spacing: 1px;
    margin: 10px 0px 5px;
    padding: 0px;
}
.sign3b {
    margin: 0px;
    padding: 0px;
}
.sign3c {
    font-size: 12px;
    margin: 5px 0px;
    padding: 0px;
}
.sign3d {
    margin: 0px;
    padding: 0px;
}
.sign4 {
    margin: 10px 0px;
    padding: 0px;
}
.sign4 input {
    cursor: pointer;
}
.sign5 {
    font-size: 9px;
    margin: 0px;
    padding: 0px;
}


/***********************************************************************
   # homepage silouette and layout
 ***********************************************************************/
 
#silouette1 {
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_01.gif) no-repeat top left;
    width: 495px;
    height: 140px;
    margin-left: 60px;
}

#silouette1_B {
	position: absolute;
	left: 60px;
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_01.gif) no-repeat top left;
    width: 495px;
    height: 140px;
}

#silouette1 , #silouette1_B p {
    font-size: 1.2em;
    line-height: 170%;
    padding-top: 10px;
}

#silouette2 {
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_02.gif) no-repeat top left;
    width: 420px;
    height: 160px;
    margin-left: 60px;
}

#silouette2_B {
	position: absolute;
	top: 150px;
	left: 60px;
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_02.gif) no-repeat top left;
    width: 420px;
    height: 160px;
}

#silouette2 p, #silouette2_B p {
     font-size: 1.2em;
     line-height: 170%;
     padding-top: 10px;
     padding-right: 40px;
}

#silouette3 {
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_03.gif) no-repeat top left;
    width: 495px;
    height: 140px;
    margin-left: 60px;
    margin-bottom: 20px;
}

#silouette3_B {
	position: absolute;
	top: 320px;
	left: 60px;
    background: #FFFFFF url(http://www.g2web.it/elements/TG2/images/silouette_03.gif) no-repeat top left;
    width: 495px;
    height: 140px;
}

#silouette3 p, #silouette3_B p {
    font-size: 1.2em;
    line-height: 170%;
    padding-top: 15px;
}

/***********************************************************************
   #footer: holds bottom actions, link blocks, text and copyright
 ***********************************************************************/

#footer {  
  clear: both;
  padding: 0 0 20px 0;
  color: #FFF;
  background: #0A5099 url(http://www.g2web.it/elements/TG2/images/footer.gif) repeat-x top left;
  
  /* Forces IE to properly calculate the start point of the footer */
  border-top: 1px solid #FFF;
  
  /* hack per forzare l'altezza della barra blu in basso*/
  padding-bottom: 30px;
}

#footer p {
  clear: both;
  margin: 0 30px;
}

#footer a {
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #6E9BCA;
}

#footer a:hover {
  /*border-bottom: 1px solid #FFF;*/
}


/* Bottom of page icon actions */
#footer .actions {
  float: right;  
  width: 316px;
  height: 71px;  
  
  text-align: right;
  
  background: url(http://www.g2web.it/elements/TG2/images/footer_actions.gif) no-repeat top left;
  
  /*border: solid 1px #FFFFFF;*/
}

#footer .actions ul {
  position: relative;
  top: 15px;
  margin: 0 30px 0 0;
  padding: 0;
  list-style: none;
}

#footer .actions ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

#footer .actions a {
  text-decoration: underline;
  color: #1260B2;
  border: 0;
}

#footer .actions a:hover {
  text-decoration: none;
}


/* Large, hoverable link blocks */
#footer .linkBlock,
#footer .linkBlockHover {
  float: left;
  width: 140px;
  margin: 10px 0 0 30px;
}

#footer .linkBlock span.bottom,
#footer .linkBlockHover span.bottom {
  display: block;
  width: 100%;
  height: 10px;
  font-size: 0px;
}

#footer :hover.linkBlock,
#footer .linkBlockHover {
  background: url(http://www.g2web.it/elements/TG2/images/footer_linkblock_top.gif) no-repeat top left;
}

#footer :hover.linkBlock span.bottom,
#footer .linkBlockHover span.bottom {
  background: url(http://www.g2web.it/elements/TG2/images/footer_linkblock_bottom.gif) no-repeat bottom left;  
}


#footer .linkBlock ul,
#footer .linkBlockHover ul {
  margin: 10px 10px 0 10px;
  padding: 0;
  list-style: none;
}

#footer .linkBlock ul li,
#footer .linkBlockHover ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

#footer .linkBlock ul li a,
#footer .linkBlockHover ul li a{
  display: block;
  padding: 1px 0;
  
  text-decoration: none;
  
  color: #FFF;  
  border-bottom: 0;
}

#footer .linkBlock ul li.title a,
#footer .linkBlockHover ul li.title a {
  font: bold 1.2em arial, sans-serif;
}

#footer .linkBlock ul li a span,
#footer .linkBlockHover ul li a span {
  border-bottom: 1px solid #6E9BCA;
}

#footer .linkBlock ul li a:hover,
#footer .linkBlockHover ul li a:hover {
  background: none;
  border-bottom: 0;
}

#footer .linkBlock ul li a:hover span,
#footer .linkBlockHover ul li a:hover span {
  /*background-color: #054688;*/
  border-bottom: 1px solid #FFF;
}

/* Copyright */
#footer #copyright {
  position: relative;
  top: -45px;
  left: -130px;

  width: 46em;
  margin: 0px auto 0 auto;
  text-align: center;
  background-color: #023A73;
  /*
  width: 40em;
  margin: 10px auto 0 auto;
  text-align: center;
  background-color: #023A73;
  */
}

#footer #copyright_home {
  position: relative;
  top: -45px;
  left: -130px !important;
  left: -210px;

  width: 46em;
  margin: 0px auto 0 auto;
  text-align: center;
  background-color: #023A73;
  /*
  width: 40em;
  margin: 10px auto 0 auto;
  text-align: center;
  background-color: #023A73;
  */
}

/* Since variable width and height, need to create 4 corners individually */
#footer #copyright .t, #footer #copyright_home .t,
#footer #copyright .b, #footer #copyright_home .b {
  height: 7px;
}

#footer #copyright .l, #footer #copyright_home .l,
#footer #copyright .r, #footer #copyright_home .r {
  width: 7px;
  height: 7px;
}

#footer #copyright .t .l, #footer #copyright_home .t .l {
  background: url(http://www.g2web.it/elements/TG2/images/footer_copyright_tl.gif) no-repeat top left;
}

#footer #copyright .t .r, #footer #copyright_home .t .r {
  background: url(http://www.g2web.it/elements/TG2/images/footer_copyright_tr.gif) no-repeat top left;
}

#footer #copyright .b .l, #footer #copyright_home .b .l {
  background: url(http://www.g2web.it/elements/TG2/images/footer_copyright_bl.gif) no-repeat bottom left;
}

#footer #copyright .b .r, #footer #copyright_home .b .r  {
  background: url(http://www.g2web.it/elements/TG2/images/footer_copyright_br.gif) no-repeat bottom left;
}



/***********************************************************************
   Icon links
 ***********************************************************************/

a.iconTop,
a.iconPrint,
a.iconEmail,
a.iconRSS {
  padding: 2px 20px 2px 2px;    
  margin-left: 15px;
  background-position: center right;
  background-repeat: no-repeat;
}

a.iconTop {
  background-image: url(http://www.g2web.it/elements/TG2/images/top.gif);
}

a.iconPrint {
  background-image: url(http://www.g2web.it/elements/TG2/images/print.gif);
}

a.iconEmail {
  background-image: url(http://www.g2web.it/elements/TG2/images/email.gif);
}

a.iconRSS {
  padding-right: 25px;  
  background-image: url(http://www.g2web.it/elements/TG2/images/rss.gif);
  border: 0;
}




/***********************************************************************
   #preloader: used to cache CSS rollover image to avoid flicker
 ***********************************************************************/

#preloader {
  position: absolute;
  top: -3000px;
  left: -3000px;
}



/***********************************************************************
   .menu_vert: Rounded, solid colour block
 ***********************************************************************/

.menu_vert {
  color: #FFF;
  margin-bottom: 30px;
  background-color: #3F8CDD;  
}

.menu2_vert {
  color: #FFF;
  margin-bottom: 30px;
  background-color: #6FACE5;  
}

.menu_vert h1, .menu2_vert h1 {
  padding-top: 0;
  color: #246C90;
  letter-spacing: 0em;
}

.menu_vert ul, .menu2_vert ul {
  margin: 0;
  padding: 0 0px;
  list-style: none;
}

.menu_vert ul li {
  margin: 0;
  padding: 5px 0 5px 0;
  display: block;
  border-top: 1px solid #6DAAE4;
}

.menu2_vert ul li {
  margin: 0;
  padding: 5px 0 5px 0;
  display: block;
  border-top: 1px solid #98C4ED;
}

.menu_vert ul li.here {
    margin: 0;
    padding: 5px 0 5px 0;
    display: block;
    border-top: 1px solid #6DAAE4;
    background: url(http://www.g2web.it/elements/TG2/images/menu_vert_here.gif) no-repeat center left;
}

.menu2_vert ul li.here {
    margin: 0;
    padding: 5px 0 5px 0;
    display: block;
    border-top: 1px solid #98C4ED;
    background: url(http://www.g2web.it/elements/TG2/images/menu2_vert_here.gif) no-repeat center left;
}

.menu_vert ul li a, .menu2_vert ul li a {
  color: #FFFFFF;
  font-weight: bold;
  /*display: block;*/
  padding: 0 0 0 15px;
  /*border-top: 1px solid #4180C1;*/
  font-size: 14px;
  text-decoration: none;
}

.menu_vert ul li a:hover,
.menu_vert ul li.here a,
.menu2_vert ul li a:hover,
.menu2_vert ul li.here a {
  font-weight: bold;
  color: #C0DCF6;
  /*background: none;*/
}

/*
.menu_vert ul li.here a {
    padding-left: 10px;
}
*/



/***********************************************************************
   .bigImageLinks: Large, hoverable image links
 ***********************************************************************/

ul.bigImageLinks {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.bigImageLinks li {
  margin: 0;
  padding: 0;
  display: inline;
}

ul.bigImageLinks li a {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-decoration: none;
    cursor: pointer;
    color: #111;
    /* background: #FBFCFD; */
}

ul.bigImageLinks li a img {
  float: left;
  padding-left: 10px;
  border: 0;
}

ul.bigImageLinks li a span.text {
    float: right;
    padding-right: 10px;
    width: 254px;
}

#columnsOne ul.bigImageLinks li a span.text {
  width: 582px;
}

#columnsTwo ul.bigImageLinks li a span.text {
  width: 395px;
}

ul.bigImageLinks li a span.title {
  display: block;
  font: bold 1.2em arial, sans-serif;
}

ul.bigImageLinks li a span.link {  
  text-decoration: underline;
  color: #1260B2;
}

ul.bigImageLinks li a:hover {
  background-color: #CCD8E3;
}


/* Image Boxes linking to large images */

.T3imgBox {
    float: right;
    margin-left: 8px;
    width: 150px;
    font-size: 0.9em;
    padding: 5px;
    border: 1px solid #BEBEBE;
    margin-top: 12px;
}

.picText1 {
    text-align:center;
    border-bottom:1px dotted #BEBEBE;
    padding-top:2px;
    padding-bottom:3px;
}
.picText2 {
    float:left;
    clear:left;
    width:65px;
    text-align:left;
    padding-left:2px;
    padding-top: 2px;
}
.picText2 img {
    margin-right: 5px;
    margin-bottom: -2px;
}
.picText3 {
    float:right;
    clear:right;
    width:65px;
    text-align:right;
    padding-right:2px;
    padding-top: 2px;
}
.picText3 img {
    margin-left: 5px;
    margin-bottom: -2px;
}




/***********************************************************************
   Rounded corners: when the 4 corners must be specified in a top/bottom
                    and right/left configuration
 ***********************************************************************/

.t,
.b {
  clear: both;
  display: block;
  width: 100%;
  height: 8px; 
  
  /* Required by IE since it fills all containers with text nodes and 
     then forces the container to expand to fit */
  font-size: 0px;
}

.l {
  float: left;
}

.r {
  float: right;
}

/* Start generic definitions - 8px radius corner.  Overwrite as required 
   more specific styles */
.l,
.r {
  height: 8px;
  width: 8px;
}

div.menu_vert .t .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner_tl.gif) no-repeat top left;
}

div.menu2_vert .t .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner2_tl.gif) no-repeat top left;
}

div.menu_vert .t .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner_tr.gif) no-repeat top left;
}

div.menu2_vert .t .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner2_tr.gif) no-repeat top left;
}

div.menu_vert .b .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner_bl.gif) no-repeat top left;
}

div.menu2_vert .b .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner2_bl.gif) no-repeat top left;
}

div.menu_vert .b .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner_br.gif) no-repeat top left;
}

div.menu2_vert .b .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner2_br.gif) no-repeat top left;
}


div.padding .t .l, #right .t .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner_sfumato_tl.gif) no-repeat top left;
}

div.padding .t .r, #right .t .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner_sfumato_tr.gif) no-repeat top left;
}

div.padding .b .l, #right .b .l {
  background: url(http://www.g2web.it/elements/TG2/images/corner_sfumato_bl.gif) no-repeat top left;
}

div.padding .b .r, #right .b .r {
  background: url(http://www.g2web.it/elements/TG2/images/corner_sfumato_br.gif) no-repeat top left;
}

/* Signature */
p.signatur {
    background: url(http://www.g2web.it/elements/TG2/images/marcus.gif) no-repeat left top;
    height: 22px;
    width: 100px;
    margin-left: 10px;
    font-size: 1px;
    margin-top: 15px;
}
#sig {
    padding: 5px;
    border: 1px solid #E2E2E2;
    background: #EFF4FA;
}

#sigPhoto {
    float: left;
    width: 60px;
    background: url(http://www.g2web.it/elements/TG2/images/kopf1.gif) no-repeat left top;
    height: 81px;
    margin: 10px 10px 20px;
    font-size: 0px;
}



/***************************************
    District and City Listings 
***************************************/
#center .listHead {
    border-bottom: 1px solid #E0DFE3;
    padding-bottom: 5px;
    padding-top: 5px;
}
#center .list2, #center .list3 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #E0DFE3;
    margin-top: 15px;
}
#center .list2 ul, #center .list3 ul {
    list-style-type: none;
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
#center .list2 ul.list2col, #center .list3 ul.list3col {
    padding-left: 11px;
}
#center .list2col, #center .list2colNext {
    float: left; 
    width: 47%;
}
#center .list3col, #center .list3colNext {
    float: left; 
    width: 32%;
}
#center .list2colNext li, #center .list3colNext li {
    margin-left: 2px;
}
#center .list2col li, #center .list3col li, 
#center .list2colNext li, #center .list3colNext li {
    line-height: 1.4em;
}