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

body {
	background-color: #797469;
	background-image: url(../images/fondo.jpg);
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #65615E;
}
#apDiv1 {
	position:absolute;
	left:80px;
	top:0px;
	width:235px;
	height:130px;
	z-index:2;
	background-color: #EAE8E3;
	text-align: center;
}
#apDiv2 {
	position:absolute;
	left:80px;
	top:141px;
	width:235px;
	height:auto;
	z-index:3;
	
}
#apDiv2bis {
	position: relative;
	width:235px;
	height:auto;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	padding-top:150px;
	padding-bottom:20px;
	background-image: url(../images/scacchi.jpg);
}
#apDiv2tris {
	position: relative;
	width:235px;
	height:90px;
	background-repeat:no-repeat;
	background-image: url(../images/riflesso.jpg);
	margin-top:5px;
	padding-top: 15px;
}
#apDiv3 {
	position:absolute;
	left:330px;
	top:95px;
	width:200px;
	height:210px;
	z-index:4;
	background-color: #9C988D;
}

#apDiv4 {
	position:absolute;
	left:330px;
	top:323px;
	width:200px;
	z-index:5;
	background-color: #E8E7E2;
}
#apDiv5 {
	position:absolute;
	left:545px;
	top:95px;
	width:165px;
	height:auto;
	z-index:6;
	
	
	
}
#apDiv5bis {
	position:relative;
	width:165px;
	height:496px;
	
	
	background-color: #E8E7E2;
}
#apDiv5tris {
position: relative;
	width:165px;
	height:90px;
	background-repeat:no-repeat;
	background-image: url(../images/riflesso.jpg);
	margin-top:5px;
}
#apDiv6 {
	position:absolute;
	left:725px;
	top:138px;
	width:490px;
	height:400px;
	z-index:7;
	background-color: #E8E7E2;
}

#apDiv7 {
	position:absolute;
	left:0;
	top:-0;
	width:1220px;
	height:500px;
	z-index:1;
	background-color: #787469;
}
			
			.boxgrid{ 
				width: 200px; 
				height: 28px; 
				overflow: hidden; 
				position: relative; 
			}
				
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #504D4A; 
				height: 28px; 
				width: 200px; 
		
 			}
			.boxcaption1{
	position: absolute;
	height: 30px;
	width: 200px;
	padding:4px;
	color: #FFFFFF;
 			}
 			
 				.caption .boxcaption {
 					top: 0;
 					left: -325px;
 				}
.Stile2 {
	font-size: 8px;
	color: #FFFFFF;
}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	
	margin-bottom:3px;
	
	
 
    /* vertical scrollers have typically larger height than width */ 
    height: 438px; 
    width: 100%; 
} 
div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	
	margin-bottom:3px;
	
	
 
    /* vertical scrollers have typically larger height than width */ 
    height: 300px; 
    width: 100%; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	margin-left:5px;
	margin-right:5px;
	/* this time we have very large space for the height */ 
    height:20000em;
	width: 155px;
}
div.scrollable2 div.items2 { 
    
	position:absolute;
	margin-left:5px;
	margin-right:5px;
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

#panes {
	width:100%;
	margin-bottom:-20px;
	padding-bottom:20px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	height: 30px;
	
}


/* crossfading effect needs absolute positioning from the elements */
#panes div.news, #panes div.video_gallery, #panes div.case_history {
display:none;
			
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	right:20px;
}





.myPlayer {
	width:450px;
	height:200px;
	display:block;
	float:left;
	float:left;
	margin-right:20px;	}


        a:link {
	color: #787469;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #787469;
}
a:hover {
	text-decoration: none;
	color: #AC0018;
}
a:active {
	text-decoration: none;
	color: #AC0018;
}
.Stile3 {color: #000000}
        h3 {color: #AC0018}
		     h1, h2, h3, h4, h5, h6 {margin:0}
			 
	
ul.items { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	}
	ul.items li { 

	padding-top:15px;
	margin:0 !important;
	list-style-image:none !important; 
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.items a.current, ul.items a.current:hover, ul.items li.current a {		
	cursor:default !important; 
	color: #AC0018 !important;
}