body {
	margin: 0;
	padding: 0px;
	background-color: #FFF;
	color: #666;
}
img.bg {
	min-height: 800px;
	min-width: 1024px;
	
	
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	z-index:4;
	bottom: 0px;
}
img.slogan {
	min-height: 228px;
	min-width: 460px;
	position: fixed;
	left: 40px;
	bottom: 190px;
	z-index:4;
	
	
}

img.fb {
	min-height: 110px;
	min-width: 1024px;
	width: 100%;
	height: 110px;
	position: fixed;
	left: 0;
	z-index:0;
	bottom: 0px;
}





@font-face {
	font-family: simsun;
	src: url('http://www.solutionsit.it/font/simsun.eot');
}
@font-face {
	font-family: simsun;
	src: url('http://www.solutionsit.it/font/simsun.ttc') format("truetype");
}

#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:5;
}

#header-container {
	margin:0;
	width:100%;
	height:80px;
	font-size:1em;
	z-index:5;
	color:#000;
}

#header {
	width: 940px;
	margin: 0 auto;
	position: relative;
}


#container {
	width: 980px;
	font-size: 11px;
	overflow: auto;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	height: 100%;
}

#content {
	float: left;
	width: 100%;
	
}
#testoformazione1 {
	width: 450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 180px;
	padding-right: 0;
	top: -260px;
	position: relative;
	height: auto;
}
#testoformazione2 {
	width: 650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0;
	position: relative;
	height: auto;
	top: -200px;
}


#footer-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index:5;
}

#footer-container {
	height: 161px;
	background-color: #000;
}
#footer-container_home {
	height: 161px;
}

#footer-containerindex {
	height: 161px;
	background-color:#fff;	
}

#footer  {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#footer-wrap2 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index:4;
}

#footer-container2 {
	height: 51px;
}
#footer-container2index {
	height: 51px;
	/*background-color:#000;*/
}
#footer2  {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
#footer2index  {
	visibility: visible;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index:3;
}
.pad1 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block;height:200px;}
.padsuperiore {display:block;height:80px;}
a.menu {text-decoration: none;font-weight: bold;color:#333333;}
a.menu:hover{color:#006699;}
#logo{
	position: fixed;
	width:150px;/*107*/
	left:50%;
	z-index:4;
	bottom:0px;/*162px*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -65px;
	height: 265px;
	}
#logo2{
	position: fixed;
	width:150px;
	height:165px;/*107px*/
	left:50%;
	margin:0 0 0 -65px;
	z-index:4;
	bottom:0px/*52px;*/;
	}


#fondobarra{
	position:absolute;
	margin:0;
	width:100%;
	background-image: url(../images/barraslice.png);
	background-repeat: repeat-x;
	z-index:6;
}
#menubarra{
	width:100%;
	position:absolute;
	top:0px;
	left:5px;
	
	
}
#menubarra ul{list-style:none;z-index:4;}
#menubarra  li{
width:150px;
	display:inline; 
	padding-right:75px;
}

#pngbarra{
	width:1024px;
	height:111px;
	left:50%;
	position:fixed;
	margin:51px 0 0 -512px;
	background-image: url(../images/tekno.png);
	z-index:4;
}
#pngbarratekno{
	width:1024px;
	height:111px;
	right:0%;
	position:fixed;
	margin:51px 0 0 0px;
	background-image: url(../images/tekno.png);
	z-index:4;
}
#pngbarratrading{
	width:1024px;
	height:111px;
	right:0%;
	position:fixed;
	margin:51px 0 0 0px;
	background-image: url(../images/trading.jpg);
	z-index:4;
}
#pngbarrait{
	width:1024px;
	height:111px;
	right:0%;
	position:fixed;
	margin:51px 0 0 0px;
	background-image: url(../images/it.png);
	z-index:4;
}
#pngbarraindex{
	width:100%;
	height:111px;
	position:fixed;
	z-index:5;
	left: auto;
	right: auto;
	margin-top: 51px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;

}
#pngbarraimaging{
	width:1024px;
	height:110px;
	right:0%;
	position:fixed;
	background-image: url(../images/imaging.png);
	z-index:4;
	margin-top: 51px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#logobarrachina{
	z-index:5;
	position:fixed;
	left:50%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -110px;
	height: 51px;
}

#headimage{
	width:980px;
	left:50%;
	margin:0 0 0 -480px;
	z-index:150;
	height: 80px;
	position: absolute;
	
}

#flag{
	position: absolute;
	z-index:151;
	right:-21px;
	margin:0px;
	padding:0;
	list-style:none;
	top: 20px;
	width: 150px;
	white-space:nowrap;
	}
#addthis{
	position: absolute;
	z-index:151;
	left:-1px;
	margin:0px;
	padding:0;
	list-style:none;
	top: 97px;
	width: 250px;
	white-space:nowrap;
	}

#menu_line{
	position: absolute;
	z-index:151;
	left:20px;
	margin:0px;
	margin-right:0px;
	padding:0;
	list-style:none;
	top: 30px;
	width: 97%;
	white-space:nowrap;
	height: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}	
	
#menu_home1{
	position: absolute;
	z-index:151;
	left:29px;
	margin:0px;
	margin-right:0px;
	padding:0;
	list-style:none;
	top: 5px;
	width: 122px;
	white-space:nowrap;
	height: 29px;
	}
	#menu_home2{
	position: absolute;
	z-index:151;
	left:145px;
	margin:0px;
	padding:0;
	list-style:none;
	top: 5px;
	width: 100px;
	white-space:nowrap;
	height: 29px;
	}
		#menu_home3{
	position: absolute;
	z-index:151;
	left:316px;
	margin:0px;
	margin-right:0px;
	padding:0;
	list-style:none;
	top: 5px;
	width: 150px;
	white-space:nowrap;
	height: 29px;
	}

.flagli{
	float:left; 
	display:block; 
	position:relative;
	padding:0 0px 0 10px;
	}
#mondotrading{
	/*position: absolute;*/
	width:750px;
	height:300px;/*meta +18px barra scorrimento*/
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 139px;
	color: #333;
	/*background-image: url(../images/mondotekno.png);*/
	}
#testohome{
	/*position: absolute;*/
	width:520px;
	height:100px;/*meta +18px barra scorrimento*/
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	font-size: 9px;
	text-align: justify;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
	position: fixed;
	/*background-image: url(../images/mondotekno.png);*/
	}
#testohome2{
	/*position: absolute;*/
	width:150px;
	height:300px;/*meta +18px barra scorrimento*/
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: 006699;
	text-align: justify;
	position: fixed;
	z-index: 100;
	padding-top: 80px;
	/*background-image: url(../images/mondotekno.png);*/
	}	
#testohome3{
	/*position: absolute;*/
	width:150px;
	height:300px;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: 006699;
	text-align: justify;
	position: fixed;
	z-index: 100;
	padding-top: 80px;
	margin-left: 200px;
	margin-top: 30px;
	/*background-image: url(../images/mondotekno.png);*/
	}	
	
#mondoimaging{
	width:645px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 206px;
	

/*background-image: url(../images/mondotekno.png);*/
}
#itcontatti{
	/*position: absolute;*/
	width:650px;
	height:300px;/*meta +18px barra scorrimento*/
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 206px;
	background-image: url(../images/mondotekno.png);
	}
	#imaging_servizi{
	/*position: absolute;*/
	width:650px;
	height:294px;/*meta +18px barra scorrimento*/
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 206px;
	background-image: url(../images/groviera_imaging.png);
	}
		#imaging_cygni{
	/*position: absolute;*/
	width:650px;
	height:294px;/*meta +18px barra scorrimento*/
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 206px;
	background-image: url(../images/cygni2011.png);
	}

#itcontattitesto{
position: absolute;
width:150px;
height:70px;/*meta +18px barra scorrimento*/
margin-top: 90px;
margin-right: 0;
margin-bottom: 0;
margin-left: 23px;

}

#virtualtour{
	/*position: absolute;*/
	width:625px;
	height:300px;/*meta +18px barra scorrimento*/
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 206px;
	z-index:1;
/*background-image: url(../images/mondotekno.png);*/
	}

/* side menu di sinistra*/
#menusx_wrap{
	position:fixed;
	width:200px;
	left:50%;
	height:285px;
	top:90px;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -475px;

	
}
#contatti_dx{
	position:fixed;
	width:130px;
	right:50%;
	margin:5px -500px 0 -475px;
	height:305px;
	top:90px;

}


.sidemenu{list-style: none;margin:5px 0 0 0;padding:0;}
.sidemenu ul{
	float:left;
	width:120px;
    margin:0;
	padding:0;
	}
.sidemenu ul li{margin:0;padding:0;list-style:none;}
.sidemenu a{
	display: block;
	height: 45px;
	line-height: 25px;
    text-decoration:none;
	padding-left:5px;
	}
.sidemenu li a.active{padding-left:25px;}
.sidemenu a:hover{
	padding-left:25px;
	}

#arrow_barra{
	background-image: url(../images/barra/down.png);
	right:10px;
	z-index:7;
	position:fixed;
	width:35px;
	height:35px;
	bottom:120px;
	cursor: auto;

	
}
.teknobtn{
	position:absolute;
	width:auto;
	left:50%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -485px;
}
.tradbtn{
	position:absolute;
	width:auto;/*185 px da tekno 235*/
	margin-top: 10px;
	margin-right: -500px;
	margin-bottom: 0;
	right: 50%;
}
.itbtn{
	position:absolute;
	width:auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: -485px;
	left: 50%;
}
.imabtn{
	position:absolute;
	width:auto;
	right:50%;/* 200 px da it*/
	margin-top: 10px;
	margin-right: -500px;
	margin-bottom: 0;
	margin-left: 0;
}
#gallery,#industriale,#food,#still_life,#live,#people,#cerimonia,#commerciale,#moda,#press{
	/* The pics container */
	width:645px;
	height:550px;
	position:absolute;
	visibility:hidden;
}
#roccasinibalda2010,#cygni2011{
	/* The pics container */
	width:630px;
	height:100%;
	position:absolute;
	visibility:hidden;
	left:391px;
	top: 80px;
}
.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
	overflow:hidden;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 18px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

.drop-box{
	/* The share box */
	width:240px;
	height:130px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
	
	background:url(img/drop_box.png) no-repeat;
}

.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}

label, input{
	/* The modal dialog URL field */
	display:block;
	padding:3px;
}

label{
	font-size:10px;
}

fieldset{
	border:0;
	margin-top:10px;
}

