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

body {
	
	background:#DFDFDF url('images/bkg.png') repeat-x top center;
	text-align:center;
	margin:0;
	padding:0;
	font:normal 10px verdana
}

#grid {
	
	
	width: 100%;
	height: 570px;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -260px;
	text-align:center;
    
}

#containergem {
	width: 970px;
	height:410px;
	margin: 0 auto; /*Allineamento centrato per Firefox,Opera e Netscape*/
    text-align: center; /*Allineamento centrato per IE*/
    background-color:#A60000;
	z-index:100;
}

#containermenu {
	width: 970px;
	height:100px;
	margin: 0 auto; /*Allineamento centrato per Firefox,Opera e Netscape*/
    text-align: center; /*Allineamento centrato per IE*/
	z-index:100;
}

#main {
	
	width: 100%;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -285px;
	text-align:center;
    background-color:#FFFFFF;
}

#intro {
	
	width: 100%;
	height: 410px;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -150px;
	text-align:center;
    background-color:#A60000;
}

#menu {
	
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	right: 0px;
	text-align:center;
	margin-top:40px;
}

#text {
	
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	right: 0px;
	text-align:center;
	margin-top:550px;
    background:url('images/bkgfooter.png') repeat-x top center;
}

#containerfooter {
	width: 970px;
	height:40px;
	margin: 0 auto; /*Allineamento centrato per Firefox,Opera e Netscape*/
    text-align: left; /*Allineamento centrato per IE*/
	z-index:100;
}

#logo {
	width:300px;
	height:100px;
	background:url('') no-repeat top center;
	float:left;
    text-align:center;
}

#pulsanti {
	width:500px;
	height:100px;
	background:url('') no-repeat top center;
    margin-left:100px;
	margin-top:40px;
	float:left;
    text-align:center;
}

#lang {
	width:30px;
	height:100px;
	background:url('') no-repeat top center;
    margin-left:15px;
	margin-top:40px;
	float:right;
    text-align:center;
}

#gray {
	width:150px;
	height:410px;
	background:url('images/Gray.jpg') no-repeat top center;
	float:left;
    text-align:center;
}

#textgray {
	width:130px;
	height:100px;
	float:left;
    margin-top:300px;
	margin-left:12px;
	text-align:left;
}

#title {
	width:500px;
	height:50px;
	margin-left:20px;
	margin-top:20px;
	float:left;
    text-align:center;
}

#desc {
	width:450px;
	height:350px;
	background:url('') no-repeat top center;
	margin-left:20px;
	margin-top:20px;
	float:left;
    text-align:center;
}

#photo {
	width:250px;
	height:410px;
	background:url('') no-repeat top center;
	float:left;
    text-align:center;
	 background-color:#333333;
}

#photohome {
	width:570px;
	height:410px;
	background:url('') no-repeat top center;
	float:left;
    text-align:center;
	background-color:#333333;
}

.side {font-family: Trebuchet Ms, Arial, Verdana, sans-serif;  font-size: 10px;  margin-left:0px;  color:#333333;  text-align:left; text-decoration:none;}
.intestazione {font-family: Trebuchet Ms, Arial, Verdana, sans-serif;  font-size: 10px;  margin-left:0px;  color:#333333;  text-align:left; text-decoration:none;}
.softwaredesc {font-family: Trebuchet Ms, Arial, Verdana, sans-serif;  font-size: 11px;  margin-left:0px;  color:#FFFFFF;  text-align:left; text-decoration:none;}


 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(images/kwicks_spritegem_uk.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick1 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}

/* - - - - - - - - SLIDESHOW - - - - - - - - */

#slideshow {
    position:relative;
    height:333px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    /*opacity:0.0;*/
}

#slideshow IMG.active {
    z-index:10;
    /*opacity:1.0;*/
}

#slideshow IMG.last-active {
    z-index:9;
}