﻿/*BODY*/
html, body {
  height: 100%;
  font: Verdana, Arial, Helvetica, sans-serif; 
}
body{
	margin:0px;
	padding:0px;
}
#body_servizio{
	filter:alpha(opacity=65);
	opacity:0.65;
	background-color:#666666;
	width:100%;
	height:100%;
	position:fixed;
	z-index:0;
}
img{border:none;}

#container-page {
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-height: 100%; 
  height: auto !important; 
  height: 100%;  
}
p{
	font:13px/21px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	margin-bottom:13px;
	padding:15px;
}
h1{
	position:relative;
	float:left;
	font-size:15px;
	padding:15px;
	margin-bottom:10px;
	padding-bottom:0px;
	line-height:18px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	}
h2{
	position:relative;
	float:left;
	font-size:12px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	}
h5{
	position:relative;
	width:300px;
	color:#999999;
	padding:25px;
	margin-top:50px;
	background:#fff; 
	border:solid 3px #333333;
	filter:alpha(opacity=70);
	opacity:0.7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.clear{
	clear:both;
}
.bottone{
	position:relative;
	font:8pt  Verdana, Arial, Helvetica, sans-serif;
    color:#9F9F9F;
	font-weight:bold;
    text-align:center;
	background-color:#FFF;
	padding:2px 5px;
    border:2px solid #9F9F9F;
	cursor:pointer;
	margin-left:3px;
	top:0px;
}
.mail{
	color:#333333;
	}
.mail:hover{
	color:#333333;
	text-decoration:none;
	}
/*HEADER*/

/*#body_top{
	position:absolute;
	float:left;
	margin-top:0px;
	left:0px;
	margin-left:0px;
	width:100%;
	height:25px;
}*/
#header{
	position:relative;
	float:left;
	top:0px;
	margin:0px;
	padding-top:0px;
	width:100%;
	min-width:850px;
	height:75px;
	text-align:left;  
}
#bgmenu{
	position:absolute;
	margin-left:0px;
	left:0px;
	width:100%;
	min-width:850px;
	height:75px;
	background:#111; 
	/*background:rgba(0,0,0,0.70);*/
	filter:alpha(opacity=75);
	opacity:0.75;
}
/*
#header{
	position:fixed;
	margin:0 auto; 
	height:75px;
	width:100%; 
	top:0; 
	left:0; 
	z-index:5; 	
	text-align:left;  
	min-width:850px;
}
#bgmenu{
	position:fixed;
	margin:0 auto; 
	height:75px;
	width:100%; 
	min-width:850px;
	top:0; 
	left:0; 
	z-index:5; 	
	background:#111; 
	filter:alpha(opacity=75);
	opacity:0.75;
}*/
.logo{
	position:relative;
	float:left;
	background-repeat:no-repeat;
	top:2px;
	margin-left:30px;
	filter:alpha(opacity=100);
	opacity:1;
}
#newsletter{
	position:relative;
	float:right;
	margin-right:78px;
	width:auto;
	height:auto;
	margin-top:-15px;
	top:0px;
	padding-top:0px;
}
#menu{
	position:relative;
	float:right;
	width:450px;
	margin-right:0px;
	padding-right:50px;
	right:0px;
	height:25px;
	list-style-type:none;
	margin-top:10px;
	padding-top:0px;
	top:0px;
	display:inline;
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:3px solid #FFF;
}
#menu li{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	height:auto;
	list-style-type:none;
	font:14px/20px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	display:inline;
	margin-right:0px;
	padding:0px 10px 5px 10px;
	font-weight:bold;
	color:#FFF;
}
#menu li a{
	color:#FFF;
	text-decoration:none;
	}
#menu li a:hover{
	color:#FFF;
	text-decoration:none;
	}
#menu li:hover{
	border-bottom:3px solid #FFCC00;
}	
#menu li.selected{
	border-bottom:3px solid #FFCC00;
	color:#FFF;
} 
/*MENU' SOTTOCATEGORIE
#sottocategorie{
	position:relative;
	float:right;
	width:440px;
	margin-right:50px;
	padding-right:0px;
	right:0px;
	height:25px;
	list-style-type:none;
	margin-top:-20px;
	padding-top:0px;
	text-align:left;
	top:0px;
	display:inline;
	margin-bottom:0px;
	padding-bottom:0px;
	clear:both;
}
#sottocategorie li{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	height:auto;
	list-style-type:none;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	display:inline;
	margin-right:0px;
	padding:0px 10px 5px 10px;
	font-weight:bold;
	color:#FBD44B;
}
#sottocategorie li a{
	color:#FBD44B;
	text-decoration:underline;
}
#sottocategorie li a:hover{
	color:#FBD44B;
	text-decoration:none;
}*/
#sottocategorie{
	position:absolute;
	float:left;
	width:95px;
	height:70%;
	margin-left:0px;
	left:0px;
	list-style-type:none;
	margin-top:0px;
	padding:20px 0px 20px 0px;
	text-align:left;
	top:0px;
	}
#sottocategorie li{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	width:80px;
	padding-left:0px;
	border-right:1px solid #fff;
	height:auto;
	list-style-type:none;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:5px 15px 2px 0px;
	font-weight:bold;
	color:#FBD44B;
	border-bottom:dotted 1px #FFCC00;
}
#sottocategorie li a{
	color:#fff;
	text-decoration:none;
}
#sottocategorie li a:hover{
	color:#fff;
	text-decoration:none;
}
#sottocategorie li.first{
	border-bottom:none;
	font-variant:small-caps;
	font-style:normal;
	font-size:16px;
}
#sottocategorie li.last{
	border-bottom:none;
	padding-bottom:20px;	
}

/*CONTAINER*/

.stamp{ float: right; margin: 15px 30px 0 0;}

/*CHI SIAMO*/
#box-left{
	position:absolute; 
	top:100px; 
	left:50px; 
	background:#fff; 
	border:solid 3px #333333;
	filter:alpha(opacity=90);
	opacity:0.9;
	width:500px;
	height:auto;
	min-height:300px;
	padding-bottom:15px; 
	text-align:left;
	margin-bottom:80px; 
}
#box-left p{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:5px;
}
#box-left-bio{
	position:relative; 
	float:left;
	margin-top:20px; 
	margin-left:40px; 
	background:#fff; 
	border:solid 3px #333333;
	filter:alpha(opacity=80);
	opacity:0.8;
	width:550px;
	height:auto;
	padding-bottom:15px; 
	text-align:left;
	margin-bottom:80px; 
}
#box-left-bio p{
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:14px;
	margin-top:0px;
	font-style:italic;
	padding-top:5px;
}
/*SERVIZI*/
#servizifoto{
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:40px;
	width:86%;
	padding-left:5%;
	margin-left:4%;
	height:auto;
	padding-bottom:100px;
}
.box-categorie{
	position:relative;
	float:left;
	width:254px;
	height:auto;
	margin:15px 15px 15px 15px;
	min-height:200px;
}
.box-categorie img{
	border:solid 2px #333333;
	}
.box-categorie h2{
	width:250px;
	height:auto;
	min-height:18px;
	padding:7px 0px 3px 0px;
	text-align:center;
	border-bottom:1px solid #fff;	
	padding-left:0px;
	/*background-color:#fff;*/
	color:#fff;
}
.box-categorie h2 a{
	color:#fff;
	text-decoration:none;
	}
.box-categorie h2 a:hover{
	text-decoration:none;
	}
#serviziofoto{
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:40px;
	width:86%;
	/*padding-left:5%;*/
	padding-left:100px;
	margin-left:20px;
	height:auto;
	padding-bottom:100px;
}
.box-foto{
	position:relative;
	float:left;
	width:200px;
	height:200px;
	margin:25px 25px 0px 25px;
}
.box-foto img{
	position:relative;
	float:left;
	border:solid 2px #333333;
}
/*CONTATTI*/
#map{
	position:relative;
	float:left;
	margin-left:2px;
	margin-top:0px;
	width:498px;
	height:280px;
}
.contact{
	margin-bottom:-3px;
	margin-top:3px;
	margin-right:5px;
	float:left;
}
/*VIDEO*/
.box-video{
	position:relative;
	float:left;
	width:320px;
	height:270px;
	border:solid 2px #999999;
	margin:20px 10px 20px 10px;
}
.box-video h2{
	width:320px;
	height:18px;
	font-size:11px;
	text-align:center;
	border-bottom:1px solid #333333;	
	padding-left:0px;
	color:#fff;
	background-color:#000000;
}
/*FOOTER
#footer{
	position:absolute;
	float:left;
	left:0px;
	width:100%;
	min-width:850px;
	height:75px;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	bottom:0px !important;
 	bottom: -1px;
 	}*/
#footer{
	position:relative;
	float:right;
	margin:5px 0px 0px 0px;
	width:570px;
	height:40px;
	text-align:right;
	top:0px;
	padding-top:0px;
}
#foot-container{
	position:relative;
	top:0px;
	width:100%;
	float:right;
	margin-top:0px;
	padding-top:0px;
}
#contacts{
	position:relative;
	float:right;
	margin-right:0px;
	width:100%;
	text-align:right;
	padding-bottom:0px;
	margin-top:0px;
	top:-6px;
	padding-top:0px;
	height:15px;
}
#contacts p{
	color:#666666;
	font-size:10px;
	position:relative;
	float:right;
	margin-top:0px;
	padding:0px;
	}
#contacts a{
	color:#666666;
	font-size:11px;
	}
#contacts a:hover{
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
#credits{
	position:relative;
	float:right;
	width:100%;
	margin-top:0px;
	top:-6px;
	height:15px;
	padding-bottom:0px;
	text-align:right;
}
#credits p{
	position:relative;
	float:right;
	margin-right:0px;
	color:#666666;
	text-align:right;
	font-size:10px;
	margin-top:0px;
	padding:0px;
	}
#credits a{
	color:#666666;
	font-size:11px;
	}
#credits a:hover{
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
