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

@import url(http://fonts.googleapis.com/css?family=Economica:700);
@import url(http://fonts.googleapis.com/css?family=Chau+Philomene+One);

html, body{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#000;
} 

#alto{
	height:200px;
	width:auto;
	background:url(../hrem/alto.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:1470px auto;
}

#menu{
	position:absolute;
	top:30px;
	right:50px;
	width:300px;
	height:30px;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

a{
	text-decoration:none;
	color:#000;
	margin-left:40px;
	cursor:pointer;
}

a:hover{
	color:#F00;
}

#ma{
	position:absolute;
	left:-20px;
	text-align:center;
	width:100%;
	height:100%;
	text-decoration:none;
	border:none;
}



#testo{
	position:absolute;
	top:45px;
	right:100px;
	width:500px;
	height:200px;
	font-family: 'Economica', sans-serif;
	font-size:12px;
}


#colonna{ 
	position:relative; 
	width:1000px; 
	margin:0px auto;
	min-height:60%;/* border-left:1px solid #000; border-right:1px solid #000;*/ 
	font-family: 'Economica', sans-serif;
	font-size:40px;
}

#colonna1{ 
	position:relative; 
	width:1000px; 
	margin:0px auto;
	min-height:100%;/* border-left:1px solid #000; border-right:1px solid #000;*/ 
	font-family: 'Economica', sans-serif;
	font-size:40px;
}

#colonna3{
	position:absolute;
	top:665px;
	left:160px; 
	width:80%; 
	min-height:2%; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:125%;
}


.centrato{
		text-align:center;
}

#contenuto1{
	position:absolute;
	top:34%;
	right:68%;
    color:#FFFFFF;
	border:none;
	width:150px;
	height:120px;
	display:none;
	z-index:5;
	background:#0F0;
	margin:0px auto;
	/* border-left:1px solid #000; border-right:1px solid #000;*/ 
}

#contenuto2{
	position:absolute;
	top:34%;
	right:68%;
    color:#FFFFFF;
	border:none;
	width:150px;
	height:120px;
	display:none;
	z-index:5;
}

#contenuto3{
	position:absolute;
	top:34%;
	right:68%;
    color:#FFFFFF;
	border:none;
	width:150px;
	height:120px;
	display:none;
	z-index:5;
}

#bottoneCS{
	position:absolute;
	top:50px;
	left:121px;
	border:none;
	background:url(../hrem/carpenteria.png);
	background-repeat:no-repeat;
	cursor:pointer;

}

#bottoneLS{
	position:absolute;
	top:50px;
	right:390px;
	border:none;
	background: url(../hrem/lattoneria.png);
	background-repeat:no-repeat;
	cursor:pointer;

}

#bottoneSS{
	position:absolute;
	top:50px;
	right:121px;
	border:none;
	background: url(../hrem/autogru.png);
	background-repeat:no-repeat;
	cursor:pointer;

}

#bottoneCH{
	position:absolute;
	top:5px;
	left:735px;
	border:none;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
}


#bottoneLH{
	position:absolute;
	top:5px;
	left:735px;
	border:none;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
}

#bottoneSH{
	position:absolute;
	top:5px;
	left:735px;
	border:none;
	background-repeat:no-repeat;
	z-index:10;
	cursor:pointer;
}

#bottoneCS:hover{
	box-shadow: 0 0 10px #F00;
}

#bottoneLS:hover{
	box-shadow: 0 0 10px #F00;
}

#bottoneSS:hover{
	box-shadow: 0 0 10px #F00;
}

/*____gallery_________________________________________________________________*/

h4{
	font-size:12px:
	font-family: 'Economica', sans-serif;
}

#titolo1{
	position:absolute;
	top:5px;
	left:15px;
	width:250px;
	height:20px;
	z-index:15;
	color:#000;
	font-size:24px;
	font-family: 'Economica', sans-serif;
}

#titolo2{
	position:absolute;
	top:5px;
	left:15px;
	width:350px;
	height:25px;
	z-index:15;
	color:#000;
	font-size:24px;
	font-family: 'Economica', sans-serif;
}

#titolo3{
	position:absolute;
	top:5px;
	left:15px;
	width:350px;
	height:25px;
	z-index:15;
	color:#000;
	font-size:24px;
	font-family: 'Economica', sans-serif;
}


#titoletto1{
	position:absolute;
	top:45px;
	left:460px;
	width:250px;
	height:20px;
	z-index:15;
	color:#000;
	font-size:22px;
	font-family: 'Economica', sans-serif;
}

#titoletto2{
	position:absolute;
	top:45px;
	left:460px;
	width:250px;
	height:20px;
	z-index:15;
	color:#000;
	font-size:22px;
	font-family: 'Economica', sans-serif;
}

#titoletto3{
	position:absolute;
	top:250px;
	left:460px;
	width:250px;
	height:20px;
	z-index:15;
	color:#000;
	font-size:22px;
	font-family: 'Economica', sans-serif;
}

#titoletto4{
	position:absolute;
	top:45px;
	left:460px;
	width:250px;
	height:20px;
	z-index:15;
	color:#000;
	font-size:22px;
	font-family: 'Economica', sans-serif;
}


#elenco1{
	position:absolute;
	top:60px;
	left:430px;
	width:300px;
	height:250px;
	z-index:15;
	color:#000;
	font-size:15px;
	font-family: 'Economica', sans-serif;
}

#elenco2{
	position:absolute;
	top:60px;
	left:430px;
	width:300px;
	height:170px;
	z-index:15;
	color:#000;
	font-size:15px;
	font-family: 'Economica', sans-serif;
}

#elenco3{
	position:absolute;
	top:265px;
	left:430px;
	width:200px;
	height:110px;
	z-index:15;
	color:#000;
	font-size:15px;
	font-family: 'Economica', sans-serif;
}

#elenco4{
	position:absolute;
	top:60px;
	left:430px;
	width:300px;
	height:170px;
	z-index:15;
	color:#000;
	font-size:15px;
	font-family: 'Economica', sans-serif;
}


#arrow1{
	position:absolute;
	top:88%;
	left:10%;
	width:350px;
	height:40px;
	z-index:1900;
}


#slideshow{
	height:340px;
	position:absolute;
	top:30px;
	left:15px;
	width:400px;
	z-index:20;
	font-family: 'Economica', sans-serif;
	color:#000;
}


.slides{
	height:200px;
	position:absolute;
	top:1px;
	left:1px;
	width:400px;
}


#slideshow ul{
	height:345px;
	width:350px;
	position:absolute;
	top:1px;
	left:1px;
	list-style:none outside none;
	overflow:hidden;
}

#slideshow li{
	position:absolute;
	top:1px;
	left:1px;
	height:345px;
	width:400px;
	display:none;
	z-index:800;
}


#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}


#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}


#slideshow .arrow{
	height:33px;
	width:33px;
	position:absolute;
	background-repeat:no-repeat;
	top:1%;
	cursor:pointer;
}


#slideshow .previous{ 
	background-position:left top;
	left:10px;
	top:5px;
	background: url(../hrem/arrow_sx.png);
	background-repeat:no-repeat;
	z-index:850;
}

#slideshow .next{ 
	background-position:right top;
	top:5px;
	right:50px;
	background: url(../hrem/arrow_dx.png);
	background-repeat:no-repeat;
	z-index:850;
}

/*____________PROVA_________________*/
#arrow1{
	position:absolute;
	top:88%;
	left:10%;
	width:350px;
	height:40px;
	z-index:1900;
}

#galler{
	height:340px;
	position:absolute;
	top:30px;
	left:15px;
	width:400px;
	z-index:20;
	font-family: 'Economica', sans-serif;
	color:#000;
}


.galleria{
	height:200px;
	position:absolute;
	top:1px;
	left:1px;
	width:400px;
}


#galler ul{
	height:345px;
	width:350px;
	position:absolute;
	top:1px;
	left:1px;
	list-style:none outside none;
	overflow:hidden;
}

#galler li{
	position:absolute;
	top:1px;
	left:1px;
	height:345px;
	width:400px;
	display:none;
	z-index:800;
}


#galler li:first-child{
	display:block;
	z-index:1000;
}

#galler .slideActive{
	z-index:1000;
}


#galler canvas{
	display:none;
	position:absolute;
	z-index:100;
}


#galler .arrow{
	height:33px;
	width:33px;
	position:absolute;
	background-repeat:no-repeat;
	top:1%;
	cursor:pointer;
}


#galler .previous{ 
	background-position:left top;
	left:10px;
	top:5px;
	background: url(../hrem/arrow_sx.png);
	background-repeat:no-repeat;
	z-index:850;
}

#galler .next{ 
	background-position:right top;
	top:5px;
	right:50px;
	background: url(../hrem/arrow_dx.png);
	background-repeat:no-repeat;
	z-index:850;
}
/*FINEPROVA*/


/*____________PROVA3_________________*/
#arrow1{
	position:absolute;
	top:88%;
	left:10%;
	width:350px;
	height:40px;
	z-index:1900;
}

#slideshow3{
	height:340px;
	position:absolute;
	top:30px;
	left:15px;
	width:400px;
	z-index:20;
	font-family: 'Economica', sans-serif;
	color:#000;
}


.slides3{
	height:200px;
	position:absolute;
	top:1px;
	left:1px;
	width:400px;
}


#slideshow3 ul{
	height:345px;
	width:350px;
	position:absolute;
	top:1px;
	left:1px;
	list-style:none outside none;
	overflow:hidden;
}

#slideshow3 li{
	position:absolute;
	top:1px;
	left:1px;
	height:345px;
	width:400px;
	display:none;
	z-index:800;
}


#slideshow3 li:first-child{
	display:block;
	z-index:1000;
}

#slideshow3 .slideActive{
	z-index:1000;
}


#slideshow3 canvas{
	display:none;
	position:absolute;
	z-index:100;
}


#slideshow3 .arrow{
	height:33px;
	width:33px;
	position:absolute;
	background-repeat:no-repeat;
	top:1%;
	cursor:pointer;
}


#slideshow3 .previous{ 
	background-position:left top;
	left:10px;
	top:5px;
	background: url(../hrem/arrow_sx.png);
	background-repeat:no-repeat;
	z-index:850;
}

#slideshow3 .next{ 
	background-position:right top;
	top:5px;
	right:50px;
	background: url(../hrem/arrow_dx.png);
	background-repeat:no-repeat;
	z-index:850;
}
/*FINEPROVA3*/




/* The following styles are only used for the styling of the demo page */

p.tzine{
	text-align:center;
	font-size:12px;
	margin:50px;
}

p.credit{
	text-align:center;
	color:#888;
	font-size:10px;
}

p.credit a,
p.credit a:visited{
	color:#ccc;
	border-bottom-color:#aaa;
}

p.credit a:hover{
	border-bottom-color:transparent;
}


.clear{
	clear:both;
}



/*______________________zoom gallery_________________*/
	
	
#clicca{
	width:200px;
	height:40px;
	position:absolute;
	top:220px;
	left:460px;
	font-family: 'Economica', sans-serif;
	color:#000;
	font-size:20px;
}
	
#bottoneAApri{
	position:absolute;
	top:280px;
	left:430px;
	width:90px;
	height:112px;
	border:none;
	cursor:pointer;

}

#bottoneAApri:hover{
	box-shadow: 0 0 20px #FF6;
}

#bottoneBApri:hover{
	box-shadow: 0 0 20px #FF6;
}



#bottoneAChiudi{
	position:absolute;
	top:5px;
	left:310px;
	border:none;
	z-index:10;
	cursor:pointer;
	z-index:900;
}

#tabellaA{
	width:362px;
	height:450px;
	position:absolute;
	top:1px;
	left:300px;
	z-index:850;
	background:#F93;
	display:none;
}


#bottoneBApri{
	position:absolute;
	top:280px;
	left:530px;
	width:90px;
	height:112px;
	border:none;
	cursor:pointer;

}

#bottoneBChiudi{
	position:absolute;
	top:5px;
	left:310px;
	border:none;
	z-index:10;
	cursor:pointer;
	z-index:900;
}

#tabellaB{
	width:362px;
	height:450px;
	position:absolute;
	top:1px;
	left:300px;
	z-index:850;
	background:#F93;
	display:none;
}


/*--------------------------AZIENDA__________________________________*/

#sx{
	width:1090px;
	height:430px;
}


#colonna4{ 
	position:relative; 
	width:1000px; 
	margin:0px auto;
	min-height:60%;/* border-left:1px solid #000; border-right:1px solid #000;*/ 
	font-family: 'Economica', sans-serif;
	font-size:40px;
}


#Azienda{
	position:absolute;
	top:40px;
	left:80px;
	width:250px;
	height:20px;
	color:#000;
	font-size:24px;
	font-family: 'Economica', sans-serif;
}

#didascalia{
	position:absolute;
	top:70px;
	left:80px;
	width:550px;
	height:220px;
	z-index:500;
	color:#000;
	font-size:14px;
	font-family: 'Economica', sans-serif;
}

#imgsx{
	width:180px;
	height:181px;
	position:absolute;
	top:60px;
	left:650px;
}

#imgdx{
	width:158px;
	height:190px;
	position:absolute;
	top:180px;
	left:510px;
	z-index:400;
}

#imgal{
	width:250px;
	height:198px;
	position:absolute;
	top:260px;
	left:660px;
}

#imgbs{
	width:390px;
	height:190px;
	position:absolute;
	top:250px;
	left:290px;
}


#loghetti{
	position:absolute;
	top:270px;
	left:120px;
	width:230px;
	height:100px;
}


/*_________________________CONTATTI_____________________________________________*/

#colonna5{ 
	position:relative; 
	width:1000px; 
	margin:0px auto;
	min-height:60%;/* border-left:1px solid #000; border-right:1px solid #000;*/ 
	font-family: 'Economica', sans-serif;
	font-size:40px;
	background:url(../hrem/contatti_fondo.png);
	background-repeat:no-repeat;
}


#Contatti{
	position:absolute;
	top:40px;
	left:80px;
	width:250px;
	height:20px;
	color:#000;
	font-size:24px;
	font-family: 'Economica', sans-serif;
}

#fotoC1{
	width:98px;
	height:101px;
	position:absolute;
	top:229px;
	left:123px;

}

#fotoC2{
	width:98px;
	height:101px;
	position:absolute;
	top:229px;
	left:268px;

}

#contattoC1{
	width:250px;
	height:80px;
	position:absolute;
	top:330px;
	left:123px;
	font-size:14px;
	line-height:3px;
}

#contattoC2{
	width:250px;
	height:80px;
	position:absolute;
	top:330px;
	left:265px;
	font-size:14px;
	line-height:3px;
	float:left;
}

.rosso{
	color:#F00;
	font-size:20px;
}

#contattoAz{
	width:200px;
	height:80px;
	position:absolute;
	top:60px;
	left:570px;
	font-size:14px;
	line-height:3px;
	text-align:left;
}

#mail{
	width:200px;
	height:30px;
	position:absolute;
	top:40px;
	left:-35px;
	font-size:18px;
	text-decoration:none;
}