@charset "utf-8";

/* --  OVERRIDE style.css --*/

#sidebar {
	float: left;
	width: 28%;
}

#content {
	float: left;
	width: 69%;
/*	padding: 25px 0 25px 3%; */
	padding:25px 0;
	}

#contentList {
	float: left;
	width: 95%;
	padding: 25px 25px 25px 25px;
}


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

.bodyResult {
	background-position: right top;
	}
	
.slider {
	height:170px;
	background-image: url(../images/a-chi-header.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	}

.slide1 {
	background-image: url(../images/medici-header.jpg);
}

.slide2 {
	background-image: url(../images/caratteristiche-header.jpg);
}

.slide3 {
	background-image: url(../images/soggetti-header.jpg);
}

.slide4 {
	background-image: url(../images/gratis-header.jpg);
}

.slide5 {
	background-image: url(../images/genXML-header.jpg);
}

.slide6 {
	background-image: url(../images/clienti-header.jpg);
}

.slide7 {
  background-image: url(../images/valXML-header.jpg);
}

.slide8 {
	background-image: url(../images/rigenera-XLS-header.jpg);
}

.slide9 {
	background-image: url(../images/contatti-header.jpg);
}

.slide-prezzi {
	background-image: url(../images/prezzi-header.jpg);
}

.slide-faq {
	background-image: url(../images/faq-header.jpg);
}

.slider div {
	}

.boxes {
	width:100%;
	}
	
.boxes li {
	width:100%;
}

.boxes li a {
	width: 100%;
	height: 100px;
	background-position:center 30%;
}

.boxes li a div {
	height: 20px;
	margin-top: 60px;
	background-size: 25px;
	background-position: 98% center;
	}
	
.boxes li a:hover {
	background-position: center 40%;
}

.boxes li a:hover div {
	background-position: 100% center;
	}
	
.boxes li a.current div {
	height: 70px;
	width: 238px;
	padding: 15px;
	margin-top: 0;
	background-size: 100px;
	background-position: center right;
}


.boxes li a div h3 {
	font-size:120%;
	}

.boxes li a.current div h3 {
	font-size: 150%;
	max-width: 160px;
	}





#faq {
	font-size:80%;
	}
	
#faq p {
	margin:20px 0;
	}
	
	
	

ul.clienti {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 715px;
	list-style: none;
	overflow-x: hidden;
	overflow-y: scroll;
}

ul.clienti li {
	float: left;
	width: 46%;
	height: 100px;
	margin: 0 10px 10px 0;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
}

ul.clienti li img {
	margin: 0 5px 5px 0;
	max-height: 65px;
	max-width: 300px;
	width: auto;
	}



/* CSS Document */