body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: gray;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-align: center;
	/*background: #e3e4e4 url(../img/background.gif) repeat-y top center;*/
	background: #e3e4e4 url(../img/background.png) repeat-y top center;
}

#containerOut{	
	width: 970px;
	margin: 0 auto 0 auto;
}

.background-home{	
	background-color: #3d4c60; }
.bkg-home{	
	background: white url(../img/bkg-home.jpg) no-repeat top center; }

.background-awards{	
	background-color: #132434; }
.bkg-awards{	
	background: white url(../img/bkg-awards.jpg) no-repeat top center; }

.background-about{	
	background-color: #423d28; }
.bkg-about{	
	background: white url(../img/bkg-about.jpg) no-repeat top center; }

.background-practices{	
	background-color: #7a7d7e; }
.bkg-practices{	
	background: white url(../img/bkg-practices.jpg) no-repeat top center; }

.background-how{	
	background-color: #374038; }
.bkg-how{	
	background: white url(../img/bkg-how.jpg) no-repeat top center; }

.background-doing{	
	background-color: #4f5a65; }
.bkg-doing{	
	background: white url(../img/bkg-doing.jpg) no-repeat top center; }

.background-networks{	
	background-color: #656670; }
.bkg-networks{	
	background: white url(../img/bkg-networks.jpg) no-repeat top center; }

.background-publications{	
	background-color: #7e5a33; }
.bkg-publications{	
	background: white url(../img/bkg-publications.jpg) no-repeat top center; }

.background-people{	
	background-color: #5f342f; }
.bkg-people{	
	background: white url(../img/bkg-people.jpg) no-repeat top center; }

.background-contacts{	
	background-color: #365275; }
.bkg-contacts{	
	background: white url(../img/bkg-contacts.jpg) no-repeat top center; }

#top{	
	height: 260px;
	text-align: left;
}

#Vasapolli{	
	height: 200px;
	width: 200px;
	background: transparent;
	margin-left: 30px;
}

#il_vasapolli{
	margin-top: 60px;
	margin-left: 30px;
}

#covid{
	float: right;
	margin-top: 0px;
	margin-right: 30px;
}
 
#containerIn{	
	width: 890px !important;
	width /**/: 970px;
	padding: 0px;
	margin: 70px 40px 0 40px;
}

#menuSX{	
	width: 200px !important;
	width /**/: 200px;
	float: left;
	padding: 0 0 0 0;
	margin: -7px 0 0 0;
}

#containerMain {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}

#main {
	width: 660px !important;
	width /**/: 690px;
	margin: 0 0 0 230px;
	padding-top: 0px !important;
}

#footer {
    width: 900px !important;
    width /**/: 900px;
    padding: 0;
    margin-top: 70px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    text-align: center;
}

#containerIn.home {
    height: 400px !important;
    margin: 170px 40px 0 40px !important;
    text-align: left;
}

/* MENU TOP ------------------------------------------------------ */

#menuTop{	
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../img/bg_white_90.png) repeat top center;
}

.menuNavigazione{
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
line-height: 10px;
margin:0;
padding:10px 0px 10px 0px;
}

.menuNavigazione ul{
margin:0;
padding:10px 0px 10px 0px;
}
.menuNavigazione li{
display:inline;
padding: 10px auto 10px auto;
}

.menuNavigazione a{
height:0;
margin:-10px 0;
text-decoration:none;
}

.menuNavigazione{
background: trasparent;
color: #333333;
}

.menuNavigazione a{
color: #333333;
}

.menuNavigazione ul{
background: #404040;
color: #333333;
}

.menuNavigazione .voceCorrente a{
color: #f29400;
}

.menuNavigazione .voceCorrente li a{
color: #333333;
}

.menuNavigazione .voceCorrente .sottovoceCorrente a{
color: #f29400;
}

/* POSIZIONAMENTO DEL SOTTO MENU */
.menuNavigazione{
position:relative;
width:100%;
}
.menuNavigazione ul{
position:absolute;
left:0;
top:30px;
width:100%;
color: black;
}
/* EFFETTO ROLLOVER */
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active,
.menuNavigazione .voceCorrente li a:hover,
.menuNavigazione .voceCorrente li a:focus,
.menuNavigazione .voceCorrente li a:active {
color: #f29400;
text-decoration: none;
}

.menuNavigazione .linguaOn {
color: #f29400;
}

/* MENU TOP DX ------------------------------------------------------ */

#menuDX {
float: right;
/*font-family: Arial Narrow, Arial, Helvetica, sans-serif;*/
text-transform: uppercase;
font-size: 10px;
text-align: right;
color: gray;
line-height: 10px;
margin:-30px 10px 0 0;
padding:10px 0;
}

/* MENU SX ------------------------------------------------------ */

#navlist {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 200px;
text-align: left;
}

#navlist li
{
list-style: none;
margin: 0;
padding:12px 0;
/*background: transparent url(../img/bkg-line-light.gif) repeat-x bottom;*/
background: transparent url(../img/bg_menu_sx.gif) repeat-x bottom;
}

#navlist li a { 
font-size: 1em;
line-height: 1.2em;
text-decoration: none; 
color: gray;
}

#navlist a:hover,
#navlist a:focus,
#navlist a:active {
color: #f29400;
text-decoration: none;
}

#navlist .active a{
color: #f29400;
font-size: 1.4em !important;
line-height: 1em;
font-weight: bold;
letter-spacing: -1px;
}

/* TIPOGRAFIA ------------------------------------------------------ */

.dida-txt {
font-size: 85%;
margin-top: 15px;
}

.dida-img {
margin-top: 15px;
}

#menuWorkJump {
margin-top: 10px;
}

#main a, #main a:link, #main a:active {
color: #1e90ff;
font-size:1em;
text-decoration:none;
}

#main a:hover {
text-decoration:underline;
}

a.pdf, a.pdf:link, a.pdf:active {
background: transparent url(../img/pdf-mini.gif) no-repeat scroll left center;
height:0;
padding-left:20px;
vertical-align:bottom;
text-decoration: none;
color: #1e90ff;
}

a.link, a.link:link, a.link:active  {
background: transparent url(../img/arrow-link.gif) no-repeat scroll left center;
height:0;
padding-left:20px;
vertical-align:bottom;
text-decoration: none;
color: #1e90ff;
}

a.link-archive, a.link-archive:link, a.link-archive:active  {
font-size: 1.5em;
	font: bold;
text-decoration: none;
color: #1e90ff;
}

.news-hr {
	border: 0.5px  dashed #dcdcdc;
	margin-top: 30px;
	margin-bottom: 30px;
}

a.video {
background: transparent url(../img/video.gif) no-repeat scroll left center;
height:0;
padding-left:20px;
vertical-align:bottom;
color: #1e90ff;
}

a.pdf:hover, a.link:hover, a.video:hover {
text-decoration:underline;
}

img {
	border: none;
	/* max-width: 200px; */
	float: left;
}

}

.logo-network {
	margin-bottom: 1em;
	margin-top: -20px;
}

.img-txt {
	padding: 0px 10px 5px 0px;
	margin-top: 5px;
}

.img-news {
	margin-top: 0px;
	border: none;
	/* max-width: 200px; */
	float: none;
}

.frase {	
	font-size: 2.2em;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	color: #a9a9a9;
	margin: 0;
	height: 120px;
	letter-spacing: -1px;
	word-spacing: -1px;
	}

	
.frase-img {	
	font-size: 2.2em;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	color: #a9a9a9;
	margin: 0;
	letter-spacing: -1px;
	word-spacing: -1px;
	}

.frase-img a{
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    line-height: 1em;
    color: #a9a9a9;
    margin: 0;
    letter-spacing: -1px;
    word-spacing: -1px;
    text-decoration: none;
	}

.frase-img a:hover,
.frase-img a:focus,
.frase-img a:active {
color: #f29400;
}
	
.frase-sottotitolo {	
	text-align: right;
	margin-right: 1.3em;
	}

h2 {
/*	font-family: Georgia,Utopia,'Palatino Linotype',Palatino,serif;*/
	font-size: 2.5em;
	font-weight: normal;
}

h3 {
/*	font-family: Georgia,Utopia,'Palatino Linotype',Palatino,serif;*/
	font-size: 1.3em;
	font-weight: normal;
}

#main h2 {
	padding: 22px 22px 0px 0px;
}

#main h3 {
	color: #f29400;
	padding: 0px 6px 0px 0px;
	margin-bottom: 0px;
}

#main p {
	padding: 0px 0px 0px 0px;
}

.nota {
	font-size: 80%;
}

#main ul {
	list-style: url(../img/arrow.gif);
	margin-left: 15px;
	padding-left: 0px;
}

#main li {
}

.foto {
margin: 4px 1em 0 0px;
}

.people {
	margin-top: 0px;
}

.dott {
	font-size: 0.7em;
}

.contacts {
	font-size:1em;
	line-height:1.3em;
	text-align:left;
}

.contacts a, 
.contacts a:link, 
.contacts a:active {
color: #1e90ff;
font-size:1em;
text-decoration:none;
}

.contacts a:hover {
text-decoration:underline;
}

.email-on  {
color: #1e90ff;
font-size:1em;
}

.email-off  {
color: gray;
font-style:italic;
font-size:1em;
}

.linkedin {
text-align: center;
font-size: 0.8em;
}


/* NOT FOUND ------------------------------------------------------ */

#notfound {	
	height: 200px;
	width: 200px;
	background: transparent;
	margin-left: 75px;
}

#notfound a, 
#notfound a:link, 
#notfound a:active {
color: #1e90ff;
font-size:1em;
text-decoration:none;
}

#notfound a:hover {
text-decoration:underline;
}

/* HOME block ------------------------------------------------------ */

#awards {
	padding-left: 0;
	width: 210px;
}

#awards img{
	float: none;
	padding-bottom: 20px;
}

#box2 {
	width: 277px;
}

#box2 .bold {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: gray;
}

#box3 {
	width: 210px;
	background-image: none;
}

#box3 .VAT{
	line-height:0.5em;
	margin-bottom: 0px;
	margin-top: 2em;
}

#box3 img{
	margin-right: 12px;	
}

#box4 {
	text-align: center;
	padding-left: 0px;
	border-right: none !important;
	width: 147px;
	background-image: none;
}

.box {
	
	float: left;
	height: 160px;
	padding-left: 20px;
background: transparent url(../img/bg_hp_box.gif) no-repeat right top;
}

.box p{
	margin-top: 0px;
	font-size: 10px;
	margin-bottom: 0.8em;
}
#containerIn #awards p {
    font-size: 12px;
}


.box .network{
	margin-bottom: 18px;
}

.box a, 
.box a:link, 
.box a:active {
text-decoration: none;
color: #1e90ff !important;
}

.box a:hover {
text-decoration:underline;
color: #1e90ff !important;
}

/* HOME crediti  ------------------------------------------------------ */

.menuOut {
cursor:pointer; 
display: inline;
}
.menuOver {
cursor:pointer; 
display: inline;
text-decoration:underline !important;
color: #1e90ff !important;
}

.submenu {margin-top: 0; padding-top: 0;}
.submenu a {}
.submenu a:hover {}

#sub1, #sub2 {
	margin-top: 0;
	padding-top: 0;
}

.menutitle {
	display: inline;
	cursor: pointer;
}

.submenu p {
}

a.pdf-mini {
background: transparent url(../img/pdf-mini.gif) no-repeat scroll left center;
height:0;
padding-left:15px;
vertical-align:bottom;
}

h1.mini{
font-size: 1em;
font-weight: normal;
}

/* FOOTER ------------------------------------------------------ */

a.lorem {
background: transparent url(../img/lorem.gif) no-repeat scroll left center;
height:0;
padding-left:17px;
vertical-align:bottom;
}

#footer {
font-size: 9px;
letter-spacing: 1px;
line-height: 1.5em;
}

#footer p {
margin-top: 1.5em;
line-height: 1.5em;
}

#footer a, 
#footer a:link, 
#footer a:active {
color: #565656;
text-decoration:none;
}

#footer a:hover {
color: #1e90ff;
text-decoration:underline;
}

/* AWARDS Tipografia ------------------------------------------------------ */

#awards .bold {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: gray;
}

.awards-inside {
	text-align: left;
}

.awards-inside p {
font-size: 12px;
}

.awards-inside a, 
.awards-inside a:link, 
.awards-inside a:active {
text-decoration: none;
color: gray !important;
}

.awards-inside a:hover {
text-decoration:underline;
color: #1e90ff !important;
}

/* NEWS pagina ------------------------------------------------------ */

#main-awards {
	width: 890px !important;
	width /**/: 910px;
	padding: 25px 0px 20px 0px;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
}

#news-img{	
	width: 200px !important;
	width /**/: 200px;
	float: left;
	text-align: center;
}

#news-img img{	
	padding: 25px 0 25px 0;
}

#container-news-txt {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}

#news-txt {
	width: 660px !important;
	width /**/: 690px;
	margin: 0 0 0 230px;
	padding-top: 0px;
}


#main-awards p {
}

.news-data {
font-size: 0.7em;
margin-bottom: 0.3em;
margin-top: 0;
}

#main-awards h3 {
	color: #f29400;
	padding: 0;
	margin-bottom: 0px;
	margin-top: 0px;
}


/* h light ------------------------------------------------------ */

.hlight-doing {
height: 225px;
width: 660px;
background-image: url(../img/hlight/hlight-doing.jpg);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 40px;
}

.hlight-system {
height: 225px;
width: 660px;
background-image: url(../img/hlight/hlight-system.jpg);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 40px;
}

.hlight-about {
height: 225px;
width: 660px;
background-image: url(../img/hlight/hlight-about.jpg);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 40px;
}

.hlight-italy {
height: 225px;
width: 660px;
background-image: url(../img/hlight/hlight-italy.jpg);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 40px;
}

/* SHARE  ------------------------------------------------------ */

#share {
	margin: 3em 0 0 6px;
}

.share-button {
	margin-right: 1em;
	display: inline;
}

/* Singola News  ------------------------------------------------------ */

#main-news-singola {
	width: 890px !important;
	width /**/: 910px;
	padding: 25px 0px 20px 0px;
	text-align: left;
}

.bkg-news-singola{	
	background: white url(http://www.vasapolli.it/img/bkg-news-singola.jpg) no-repeat top center; }

#news01-img img{	
	padding: 0;
}