@import url(https://fonts.googleapis.com/css?family=Oxygen);
@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('fonts/Hattori_Hanzo-webfont.eot');
    src: url('fonts/Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hattori_Hanzo-webfont.woff') format('woff'),
         url('fonts/Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('fonts/Hattori_Hanzo-webfont.svg#HattoriHanzoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: HattoriHanzoLight, Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	letter-spacing: 0;
	line-height: 105%;
	font-size: 1.2em;
/*
	font-family: "HattoriHanzoLight", Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
*/
	color: #333333;
	/*background: #000000;*/
	background:url('img/bg2.JPG') no-repeat center center fixed;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 }
a {
	text-decoration: none;
	color: #0059B3;
}
a:hover {
	text-decoration: underline;
}
h1 {
	color: #003366;
	font-family: OpenSansRegular, Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
}
h2 {
	font-family: OpenSansRegular, Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #003366;
	line-height: 130%;
}
h3 {
	font-family: OpenSansSemibold, Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #003366;
}

#wrapper {
	width: 970px;
	margin: 0px auto;
	padding: 0px;
	/*border: 1px solid red;*/
	background:url('img/bgpage.gif') repeat-y;
}

/* Header */
#header-wrapper {
	height: 144px;
}
#header {
	width: 970px;
	height: 144px;
	margin: 0px auto;
	/*background:url('img/TOP.gif') no-repeat;*/
}

#logo {
margin: 20px 0px 0px 30px;
border: none;
float:left;
}

#web_solution {
float: right;
margin: 0px 19px 0px 0px;
}
/* Slideshow 
#slide {
margin:0px 0px 10px 10px;
float:right;
}
*/

/* Page */

#page {
	width: 970px;
	margin: 10px auto -1px auto;
	z-index: 0;
	/*border: 3px solid yellow;*/
}

/* Content */
#content {
	float: left;
	width: 680px;
	padding:20px;
	/*border: 5px solid navy;*/
}

#content-noside {
	width: 930px;
	padding:20px;
	margin: auto;
}

.imagehome {
margin-left:70px;
}
#noborder {
border:none;
}
#noborder2 {
border:none;
margin-left:30px;
}
#noborder3 {
border:none;
}

#himg{
height:400px;
width:1px;
float:left;
}

#img_1{
float:left;
margin:20px 5px;
width:300px;
}

#img_2{
float:left;
margin:20px 5px;
width:300px;
}

#img_3{
float:left;
margin:20px 5px;
width:300px;
}

#dsc {
font-size:12px;
}

#ttlpg {
margin-left:30px;
}
.post {
	clear: both;
	margin: 25px;
}

.post .entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 10px 20px 0px 20px;
}

#sottotitolo {
	/*font-family: Oxygen, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;*/
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color:#6DB7E5;
	margin-bottom: 50px;
}

#ddsc {
	font-size:12px;
	font-style:italic;
}

#descrizione {
	margin-top: -5px;
	margin-bottom: 10px;
}


/* Menu */
#menu-wrapper {
	height: 40px;
	z-index:2;
	width:930px;
	margin:auto;
	/*background:#2D6DB5;*/
	background:url('img/bgmenu.jpg') repeat-x;
}
#menu {
	position: relative;
	z-index:3;	
	width: 930px;
	height: 40px;
	margin: 0px auto;
	padding: 0px 0px 0px 1px;
}
#menu ul {
	margin: 0;
	padding: 0px;
}
#menu li {
	position:relative;
	float: left;
	width:232px;
	list-style: none;
	background:url('img/bgmenu.jpg') repeat-x;
}
#menu li a {
	/*width:138px;*/
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-left: 0px;
	padding: 0px 0px 0px 0px;
	font-family: OpenSansRegular, "Segoe UI", Arial, Helvetica, "Lucida Grande", Thaoma, sans-serif;
	font-size: 0.8em;
	border: none;
	color: #003366;
	margin: 0px;
	/*background: #000000;*/
}
#menu li a:hover{
color: #FFFFFF; /* colore del testo della lista del primo livello ON MOUSE OVER */
background:#003366;
background:url('img/bgmenu2.jpg') repeat-x;
}
#menu li ul li a{
width:232px;
height: 40px;
display: block;
text-decoration:none;
text-align: left;
padding-left: 0px;
color: #003366;
font-size: 0.6em;
background: #EEEEEE;
background:url('img/bgmenu3.jpg') repeat-x;
}
#menu ul ul{
position: absolute;
top: 40px;
left: 0px;
visibility: hidden;
}
#menu ul li:hover ul {
visibility:visible;
} 
#menu li li a:hover{
background: #003366; /* colore di background della lista del secondo livello ON MOUSE OVER */
color: #FFFFFF; /* colore del testo della lista del secondo livello ON MOUSE OVER */
background:url('img/bgmenu2.jpg') repeat-x;
}
#menu ul ul li:hover ul li {
visibility:visible;
} 
#menu ul ul ul li {
visibility: hidden;
left:241px;
top:-30px;
}
#menu ul ul ul  ul li{
display:none;
left:241px;
top:-30px;
}
#menu ul ul ul li:hover ul li {
display:block;
}		
#menu a:hover {
	text-decoration: none;
}

/* begin: slideshow */
.slideshow {
	position:relative;
	padding:0;
	margin:0;
}
.slideshow a img {
    border:none;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:260px;
	margin:0;
}
.slideshow .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:5px;
	top:0;
}
.slideshow .buttons {
    display:none;
}
.slideshow .buttons {
    display:block;
	position:absolute;
	z-index:100;
	left:20px;
	top:20px;
	margin:0;
}
.slideshow .buttons li {
	float:left;
	display:inline;
	width:30px;
	height:30px;
	margin:0;
	padding-left:11px;
	line-height:30px;
	background-image:url('img/buttonBg.png');
	background-repeat:no-repeat;
}
.slideshow .buttons li a {
	float:left;
    text-decoration:none;
	width:30px;
	height:30px;
	color:#fff;
	outline:0;
}
.slideshow ul.buttons li a:hover {
    text-decoration:none;
    color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
	color:#666666;
}
/* end: slideshow */



/* Footer */
#footer {
	/*position:relative;*/
	width: 970px;
	height: 240px;
	margin: -20px auto 0px auto;
    /*background:url('img/BOTTOM.gif');*/
	background:url('img/bgpage.gif') repeat-y;
/*	background: #2D6DB5;*/
	padding-top:60px;
	font-size: 0.85em;
}

#sxhome {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	margin-left:40px;
	width:235px;
}
#sxhome2 {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	margin-left:40px;
	width:235px;
}
#cnhome {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	width:235px;
	margin-left:40px;
}
#dxhome {
	margin-left:40px;
	margin-top: 20px;
	font-size: 0.80em;
	text-align:justify;
	float:left;
	width:235px;
}
#sxportfolio {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	margin-left:50px;
	width:530px;
	line-height:80%;
}
#sxform {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	margin-left:40px;
	width:235px;
	line-height:80%;
}

#pageunacln {
	font-size: 0.80em;
	text-align:justify;
	margin-top: 20px;
	float:left;
	margin-left:50px;
	width:780px;
}

#frm {
	font-size: 0.80em;
}

#footers {
	float:left;
	margin-left:50px;
	width:250px;
}
#footerc {
	text-align: center;
	float:left;
	width:300px;
	margin-left:35px;
}
#footerd {
	text-align: right;
	float:right;
	margin-right:50px;
	width:250px;
}