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

*{
	margin:0;
	padding:0;
	font-weight:normal;}
	

@font-face {
	font-family: 'ColaborateThinRegular';
	src: url('ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('ColabThi.ttf') format('truetype');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('ColabLig.eot');
	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('ColabLig.ttf') format('truetype');
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('ColabReg.eot');
	src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('ColabReg.ttf') format('truetype');
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('ColabMed.eot');
	src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('ColabMed.ttf') format('truetype');
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('ColabBol.eot');
	src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('ColabBol.ttf') format('truetype');
}


a{
	color:#2f2f2f;
	text-decoration:none;}

a:hover{
	text-decoration:underline;}

a:focus{
	outline:none;}

body{
	font-family: ColaborateThinRegular;
	overflow-x: hidden;}
	
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
}

#header{
	display:block;
	height:101px;
	width:100%;
	background:url(img/header_bg.png) repeat-x 0 0;
	color:#2f2f2f;
	position:relative;}
#header h1{
	font-size:54px;
	position:relative;
	top:20px;
	left:20px;
	overflow:hidden;
	width:500px;}

h2{
	font-size:36px;
	position:relative;
	top:20px;
	left:20px;
	overflow:hidden;
	width:500px;
	color:#2f2f2f;}

#middle{
	width:100%;
	position:relative;}

ul#menu{
	float:right;
	list-style:none;
	margin-top:40px;
	overflow:hidden;}
ul#menu li{
	width:200px;
	height:30px;
	display:block;
	margin-bottom:10px;}
ul#menu li a{
	color:#FFF;
	text-decoration:none;
	background:url(img/menu_bg.png);
	width:184px;
	height:27px;
	display:block;
	padding: 3px 0 0 16px;
	font-size:22px;
	position:relative;
	right:-10px;}
ul#menu li a:hover{
	right:0px;}
	

#middle_cont{
	background:url(img/content_bg.png);
	border:1px solid #3d3d3d;
	display:block;
	width:60%;
	min-width:600px;
	min-height:330px;
	margin:50px 10%;}


/* scrollable */

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height:330px;
	z-index:10;
	
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	z-index:10;
} 

div.scrollable div.items div { 
	width:574px;
    float:left;
	display:block;
	height:330px;
	z-index:10;
	padding:20px 10px;
	text-align:center;
	
} 

div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

a.disabled{
	margin:-900000px;}

a.browse{
	cursor:pointer;
	z-index:100;
	display:block;
	position:absolute;
	background-image:url(img/browse_sprite.png);
	height:21px;
	width:11px;
	background-repeat:no-repeat;
	text-indent:-900000px;}

a.prevPage{background-position: -3px -29px;top:160px; left:-9px}
a.prevPage:hover{background-position: -3px -3px;}
a.prevPage:active{background-position: -3px -2px;}

a.nextPage{top:160px; right:-6px; background-position: -19px -29px;}
a.nextPage:hover{background-position: -19px -3px;}
a.nextPage:active{background-position: -19px -2px;}

.box_left{
	background:url(../img/slider_sprite.png) no-repeat 0px 0px;
	display:block;
	height:398px;
	width:75px;
	position:absolute;
	top:0px;
	left:-18px;
	z-index:50;}
.box_right{
	background:url(../img/slider_sprite.png) no-repeat -86px 0px;
	display:block;
	height:398px;
	width:75px;
	position:absolute;
	top:0px;
	right:-18px;
	z-index:50;}

div.items div.content p{
	margin:10px;}

/*CONTATTI*/

.b_contatti #middle_cont p{
	margin:50px;}