/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {margin-left: auto; margin-right: auto; width: 960px;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display: inline; float: left; 	margin-left: 10px; margin-right: 10px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_12 {width: 940px;}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3 {padding-left: 240px;}
.container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_9 {padding-left: 720px;}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left: 80px;}
.container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;}
.container_12 .prefix_7 {padding-left: 560px;}
.container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3 {padding-right: 240px;}
.container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_9 {padding-right: 720px;}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}


/* `wrapper
----------------------------------------------------------------------------------------------------*/

#wrapper{background-image:url(../img/bg-header.gif); background-repeat:repeat-x; background-color:white;}
#wrapper-int{background-image:url(../img/bg-azienda.gif); background-repeat:repeat-x; background-color:white;}

/* `header
----------------------------------------------------------------------------------------------------*/
#header {height:115px;}

#logo {background: url(../img/logo.png) no-repeat; width:310px; height:113px; border:0; margin:0; float: left;}

#logo h1 {
left:-9999px;
position:absolute;
}


/* menu
----------------------------------------------------------------------------------------------------*/

#menu{position:relative; right:0px; top:85px; list-style-type:none; list-style-image:none;}
#menu a{color:#FFFFFF; text-decoration:none; height:30px; padding:2px 20px 2px 20px; background-image:url(../img/menu-back.gif); background-repeat:repeat-x; display:inline-block;}
#menu a:hover,#menu a.selected{color:#FFFFFF; background-image:url(../img/menu-back-active.gif); padding:2px 20px 2px 20px;}

/* menu
----------------------------------------------------------------------------------------------------*/

#main{padding-bottom:30px;}
#main.secondary {padding-top:40px; padding-bottom:30px; }
#main a{color:#f23f1e;}
.titolo{font-weight:bold;}
#gestione, #sviluppo, #assistenzah, #assistenzas, #comunicazione, #associazioni, #associazionic, #pubblica, #aziende { padding-top:40px; padding-bottom:30px; }
#gestione a, #integrazione a, #sviluppo a, #assistenzah a, #assistenzas a, #comunicazione a, #associazioni a, #associazionic a, #pubblica a, #aziende a { font-size:0.9em; color:#666666; float:right; }
#associazioni ul li, #associazionic ul li, #pubblica ul li, #aziende ul li { background:url(../img/check.gif) no-repeat 0 8px; padding:0 0 0 16px; }
#gestione p.btn a, #integrazione p.btn a {display:block; background:url(../img/btn01.png) no-repeat; width:205px; height:30px; text-indent:-9999px; margin:0; float:left;}
#gestione p.btn a:hover, #integrazione p.btn a:hover {background-position:0 -30px;}

/* sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar{padding:0;}
#sidebar ul li{background:url(../img/check.gif) no-repeat 0 8px; padding:0 0 0 16px;}
#sidebarint{padding-top:40px;padding-bottom:30px;}
#sidebarint a{text-decoration:none; font-weight:bold; color:black;}
#sidebarint li{padding:10px 0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#E1E1E1;}
#sidebarint li.ultimo{padding:10px 0; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color: #E1E1E1;}
#sidebarcont{padding-top:40px; padding-bottom:30px;}
#sidebarcont a{font-weight:bold; color:#f23f1e; text-decoration:underline;}

/* css sprite
----------------------------------------------------------------------------------------------------*/
/* imposto larghezza e altezza fissa per ogni LI */
ul.css_sprite li {margin:0;}

/* imposto la stessa immagipxne di sfondo (icone.gif) per tutti i collegamenti ipertestuali A dichiarandoli come blocco, settando larghezza, altezza e margine sinistro interno (padding-left) di 50px, lo spazio in cui viene visualizzata l'immagine di sfondo di A */
ul.css_sprite li a {display:block; background:url(../img/sprite1.png) no-repeat; width:300px; height:83px; text-indent:-9999px; margin:0;}
ul.css_sprite2 li a {display:block; background:url(../img/sprite2.png) no-repeat; width:300px; height:83px; text-indent:-9999px; margin:0;}

/* per ogni classe diversa imposto una diversa posizione dello sfondo unico, sull'asse Y */
ul.css_sprite li a.l1 {background-position: 0px 0px;}
ul.css_sprite li a.l2 {background-position: 0px -83px;}
ul.css_sprite li a.l1:hover {background-position: 0px -167px;}
ul.css_sprite li a.l2:hover {background-position: 0px -250px;}

ul.css_sprite2 li a.l3 {background-position: 0px 0px;}
ul.css_sprite2 li a.l4 {background-position: 0px -83px;}
ul.css_sprite2 li a.l3:hover {background-position: 0px -167px;}
ul.css_sprite2 li a.l4:hover {background-position: 0px -250px;}


/* banner
----------------------------------------------------------------------------------------------------*/
/* imposto larghezza e altezza fissa per ogni LI */
.banner {margin:0; background-image:url(../img/banner.png); background-repeat:no-repeat; height:209px;}

/* iframe
----------------------------------------------------------------------------------------------------*/
#iframe{height:500px; padding-top:40px; padding-bottom:30px;}

/* iframe2
----------------------------------------------------------------------------------------------------*/
#iframe2{height:600px; padding-top:40px; padding-bottom:30px;}

/* map
----------------------------------------------------------------------------------------------------*/
#map{width:618px; height:280px; margin-bottom:40px; border-width: 1px; border-style: solid; border-color: #E1E1E1; }

/* footer
----------------------------------------------------------------------------------------------------*/

#footer {padding-top:30px; padding-bottom:30px; }
#footer a {color:#f23f1e; font-weight:bold;}
#footer .footer-dx {text-align:right;}
.overlay {margin-top:-280px; z-index:1; left:50%; margin-left:-328px; position:absolute; top:50%;}