@charset "utf-8";
/* CSS Document */

/* 
StudioVega Reset CSS
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

img {behavior: url("htc/iepngfix.htc");}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a:focus { outline: none;} 
button:focus { outline: none;} 

/*---------------------------------------------- */


body { font-family: "Arial", Helvetica, sans-serif; font-size: 12px; line-height: normal;}

/*formattazione tag */
p {margin: 0px 0px 10px 0px;}
em {font-style: italic;}

a {cursor: pointer; text-decoration: none; color: #003a6d;}
a:visited{}
a:hover {text-decoration: underline;}

#contact a  { color: #646567;}
#contact a:hover{color: #3a3a3a;}

#footer_d a, .contentHome h2 a {color: #ffffff;}
#footer_d a:hover, .contentHome h2 a:hover  {color: #d3d3d3;}

/* liste */
ul, ol {margin: 0px 0px 5px 0px;}
ul li, ol li {padding: 0px 0px 0px 30px; margin: 0px 0px 5px 0px; background: url('../Images/punto.GIF') no-repeat top left; border: 0px;}
.chisiamo ol li, .chisiamo ul li {border: 0px!important; }
ul li ul, ul li ol, ol li ul, ol li ol { margin: 5px 0px 5px 0px;}

strong, b { font-weight: bold;}
.sidebar img, .block img {border: 0px; float: left; margin: 0px 15px 0px 0px;}
.scrollwrap img {float:left;}

h1{ text-transform: uppercase; font-size: 16px; padding: 3px 10px 3px 10px; margin-bottom: 10px; font-weight: bold; display: inline-block; width: auto;}
h2{}

.scrollwrap h1 {display: block; font-size: 50px; text-transform: uppercase; font-weight: lighter; line-height: 40px; float: left; padding: 0px; display: none;}
.grs h2, .ors h2, .gres h2, .res h2, .whs h2 {text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 10px;} 

/* classi veloci */
.none {display: none;}
.inbk {display: inline-block;}
.bk {display: block;}
.space {letter-spacing: 1px;}
.centratura{ margin: 0px auto 0px auto;}
.center {text-align: center;}
.clear {clear: both;}
.f-left {float: left;}
.f-right { float: right;}
.p-relative {postion: relative;}
.p-absolute {position: absolute;}
.pointer {cursor: pointer;}

#imgwrap, #footer_d, #contact, #content {margin-left: auto; margin-right: auto;}
#imgwrap {width: 1000px; background-repeat: no-repeat; background-position: top left; margin-top: 10px;}
#footer_d { margin-top: 10px;}
#contact {margin-top: 5px; text-align: justify;}
#footer_d, #contact {width: 990px; padding: 5px; /*letter-spacing: 1px;*/}
#content {width: 1000px;}
	.block { padding: 0px 0px 5px 0px; text-align: justify; margin-top: 15px; /*letter-spacing: 1px;*/}
	.block_news { padding: 0px 0px 0px 0px; text-align: justify; margin-top: 15px; /*letter-spacing: 1px;*/}
	.block_detail {padding: 0px 0px 5px 0px; text-align: justify; margin-top: 10px; /*letter-spacing: 1px;*/}
	.tutto {width: 728px; height: auto;}
	.tuttoN {width: 100%; height: auto;}

	.spazio {width: 242px; margin-left: 30px; height: auto; margin-top: 15px}
	.conside {width: 724px; height: auto; float: left;}
	.side {width: 246px; float: left; margin-right: 30px;}
	
.sidebar { height: auto; margin-top: 10px;}
	.s_ctn {width: 216; padding: 15px; height: auto;}
	

.logowrap, .navHome, #ctn0, #ctn1, #ctn2, #ctn3, #ctn4, #iCtn1, #iCtn2, #iCtn3, #iCtn4, #iCtn0  {padding: 0px 30px 0px 30px}
.logowrap {width: 940px; text-align: right;}
.home img {margin: 155px 0px 0px 0px;}
.inner img {margin: 20px 0px 0px 0px;}

.scrollwrap{} 

.home {height: 250px;}
.inner {height: 110px;}

.scrHome {width: 1000px; height: 140px; position:relative;}
.scrInner {width: 1000px; height: auto;}

.navHome {height: 140px; position: relative; }
.navInner { height: 40px; position: relative;}

.dati { width: 749px; height: 40px; display: none; position: absolute; top: 0px; left: 251px; z-index: 600;}
.form1 { width: 749px; height: 40px; margin-left: 251px;}

.userFrm, .pwdFrm {width: 125px; height: 26px; border:0px; float: left; margin: 4px 0px 0px 30px; display: block; padding: 2px 8px 0px 30px;}
.entra {width: 77px; height: 28px; float:left; text-align: center; text-transform: uppercase; border: 0px!important; font-weight: bold; margin: 6px 0px 0px 30px; }
/* single page */
#iCtn1, #iCtn2, #iCtn3, #iCtn4, #iCtn0  {height: 40px; width: 940px; }
#ctn0, #ctn1, #ctn2, #ctn3, #ctn4 {height: 140px; width: 940px; position: absolute; top: 0px; left: 0px; z-index: 5;}
#pos1, #pos2, #pos3, #pos4 { 
	width: 160px; 
	height: 50px;
	position: absolute;
	top: 40px; 
	z-index: 1;  
	display: block;
	padding-left: 75px; 
	padding-top: 10px;
	font-size: 18px; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-decoration: none; 
	line-height: 18px;  
	letter-spacing: 2px;
}

#pos1 {left: 60px; width: 100px!important; }
#pos2 {left: 265px;}
#pos3 {left: 530px;}
#pos4 {left: 805px; height: 40px!important; padding-top: 20px!important; width: 100px!important;  }

.pgtext {width: 390px; height: 100px; float: right; padding: 5px; margin: 15px 0px 15px 0px; text-align:justify; /*letter-spacing: 1px;*/ }

.returnH {height: 35px; width: 40px; float: right; margin: 5px 0px 0px 0px; }

/* chi siamo lista */
ul.chisiamo {
	width: 100%;
	margin: 10px 0px 10px 0px;
	}
	
ul.chisiamo li {width: 98%; border-bottom: 1px solid #cccccc; padding: 5px 0px 0px 2%; background: url('../Images/punto_c.gif') no-repeat top left;}

/*news*/
.immagineSide{width: 214px; height: 105px; overflow: hidden;  margin: 10px 0px 0px 0px; border: 1px solid #646567;}

.immagineHome { width: 180px; height: 88px; overflow: hidden; float: left;  margin: 0px 15px 0px 5px}
.contentHome h2 a {text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0px;}

.immagineInner { width: 180px; height: 88px; overflow: hidden; float: left;  margin: 10px 15px 20px 0px; border: 1px solid #646567;}
.contentInner {float: left; width: 803px; text-align: left; margin-top: 10px; margin-bottom: 10px;}
.contentInner .visibile0 {display: none;}
.contentInner br {}
.contentInner strong.title { text-transform: uppercase; font-size: 16px; line-height: 18px; margin: 10px 0px 0px 0px;}
.contentInner strong.title a {color: #484848; text-decoration: none;}
.contentInner strong.title a:hover {text-decoration: underline; color: #484848;}
.contentInner .sfTxtContent { padding: 11px 0px 0px 0px; }
.contentInner .DwnFile, .sfnewsContent .DwnFile { background: url('../Images/scaricafile.png') no-repeat top left; padding: 5px 0px 0px 30px; margin: 15px 0px 0px 0px; color: #003468; text-transform: uppercase; font-weight: bold; height: 19px; display: block; width: 200px; clear: both; }

.contentInnerN {width: 100%; text-align: left; margin-top: 10px; margin-bottom: 10px;}
.contentInnerN strong.title { text-transform: uppercase; font-size: 16px; line-height: 18px; margin: 10px 0px 0px 0px;}
.contentInnerN strong.title a {color: #484848; text-decoration: none;}
.contentInnerN strong.title a:hover {text-decoration: underline; color: #484848;}

/*colori e immagini backround*/
body {background: #ffffff; color: #484848;}
.chisiamo strong, .chisiamo b {color: #454545;}
#imgwrap, .sidebar, .dati {background-image: url('../Images/ImgHome.jpg');}
.sidebar { background-position: 0px -220px; background-repeat: no-repeat;}
.dati {background-position: -251px -170px; background-repeat: no-repeat;}
#footer_d {background: #919294; color: #ffffff;}

.logowrap, .navigation , .whs {background-image: url('../Images/opacity.png');}
.logowrap, .scrollwrap {border-bottom: 10px solid #ffffff;}

.s_ctn { border-bottom: 10px solid #FFFFFF;}

#ctn0, #iCtn0 { background-image: url('../Images/OpBlue.png')}
#ctn1, #iCtn1, .grs {background-image: url('../Images/OpGrey.png')}
#ctn2, #iCtn2, .ors {background-image: url('../Images/OpOrange.png')}
#ctn3, #iCtn3, .gres {background-image: url('../Images/OpGreen.png')}
#ctn4, #iCtn4, .res{background-image: url('../Images/OpRed.png')}
#iCtn0, #ctn0, #ctn1, #ctn2, #ctn3, #ctn4 {color: #FFFFFF;}

#pos1 {background: url('../Images/cerchiettoV_grigio.png') top left no-repeat; color: #646567;}
#pos2 {background: url('../Images/cerchiettoV_arancio.png') top left no-repeat; color: #646567;}
#pos3 {background: url('../Images/cerchiettoV_verde.png') top left no-repeat; color: #646567;}
#pos4 {background: url('../Images/cerchiettoV_rosso.png') top left no-repeat; color: #646567;}

#pos1:hover, .gr .activeb {background: url('../Images/cerchietto_grigio.png') top left no-repeat !important; color: #3E3D40 !important;}
#pos2:hover, .or .activeb {background: url('../Images/cerchietto_arancio.png') top left no-repeat !important; color: #A24715 !important;}
#pos3:hover, .gre .activeb {background: url('../Images/cerchietto_verde.png') top left no-repeat !important; color: #1C3660 !important;}
#pos4:hover, .re .activeb {background: url('../Images/cerchietto_rosso.png') top left no-repeat !important; color: #990D30 !important;}
.pgtext {border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.scrollwrap h1 {color: #ffffff; background: none;}

.returnH {background: url('../Images/Home.png') bottom left no-repeat;}
.returnH:hover {background: url('../Images/Home_H.png') bottom left no-repeat;}

.block, .block_detail {/*border-top: 1px solid #646567;*/ border-bottom: 1px solid #646567; }
.block_news {/*border-top: 1px solid #646567;*/ /*border-bottom: 1px solid #646567;*/ padding-top: 10px!important;}
.Ninner {border-bottom: 1px solid #646567; }

h1{background: #5f81a0/*003A6D*/; color: #ffffff;}
.grs h2, .ors h2, .gres h2, .res h2 {color: #ffffff;}
.grs, .ors, .gres, .res {color: #ffffff;}

.userFrm {background: url('../Images/f_user.png') top left no-repeat;}
.pwdFrm {background: url('../Images/f_password.png') top left no-repeat;}
.entra {background: url('../Images/entra.png') top left no-repeat; color: #ffffff; cursor: pointer;}
.entra:hover {background: url('../Images/entra_h.png') top left no-repeat;}

.exactive {display: block!important;}


/*menu prova */

		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav {position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px;}
		#nav li { width: auto; float:left; display:block; position:relative; z-index:500; margin:0px; border-right: 5px solid #fff; padding: 0px; background: none;}
		#nav li.last {border: 0px;}
		
		/* this is the parent menu */
		#nav li a { width: auto; height: 28px; display:block; color:#646567; font-size: 16px; font-weight:700; padding: 12px 30px 0px 30px;text-decoration: none; text-align:center; text-transform: uppercase; letter-spacing: 2px; cursor: pointer;}
		#nav li a.lev { padding: 12px 18px 0px 30px!important; }
		.level { width: 12px; height: 12px; background: url('../Images/freccina.png') no-repeat; display: block; float: left; margin: 2px 0px 0px 3px;}
		.levelLetter { width: 31px; height: 16px; background: url('../Images/busta.png') no-repeat; display: block; float: left; margin-right: 3px;}
		.levelAttivo {  background: url('../Images/freccina_H.png') no-repeat!important;}
		.levelLetterAttivo {  background: url('../Images/busta_H.png') no-repeat!important;}
		.MenuAttivo {color: #ffffff!important; background: url('../Images/OpBlue.png');}
	
		/* you can make a different style for default selected value */

		#nav a.selected {color:#f00;}
	
		/* submenu, it's hidden by default */
		#nav ul {width: 100%; position:absolute; left:0; display:none; margin: 0px; padding:0px; background: url('../Images/pattern.gif');}
		#nav ul li {width: 100%; height: auto; border-top:2px solid #fff; border-right: 0px; margin: 0px; padding: 0px; background: none;}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a, a.log {width: 100%; height: auto; display:block; padding: 4px 0px;; color:#646567; text-align: center; font-size: 12px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;}
		a.log:hover { color: #646567!important; background: none!important; cursor: default!important; }
		#nav ul a:hover { color: #ffffff!important; background: url('../Images/OpBlue.png');}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		.newsletter {width: 940px!important; text-align: right!important;}
		.men {text-align: left; margin-bottom: 15px;  }
		.men td { vertical-align: middle;}
		
		
		/*corsi formazione*/
		.corsiForm .element h4 {font-weight: bold!important; text-transform: uppercase!important;}
		.corsiForm .element h3 {font-weight: bold!important; font-size: 14px!important; margin-bottom: 10px!important; color: #003a6d!important;}
		.corsiForm .element {padding-top: 10px!important; padding-bottom: 10px!important; border-bottom: 1px solid #ebebeb!important; }
		.corsiForm .element:hover {background: #fafdff!important;}