/********************* CSS GENERALI *********************/
body
{
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial;
	color:#505c64;
}
.fleft
{
	float:left;
}
.fright
{
	float:right;
}
.hidden
{
	display:none;
}
.center1000
{
	width:1000px;
	position:relative;
	right:50%;
	left:50%;
	margin-left:-500px;
}
.center755
{
	width:755px;
	margin-left:-377px;
	position:relative;
	right:50%;
	left:50%;
}

.center686
{
	width:686px;
	margin-left:-377px;
	position:relative;
	right:50%;
	left:50%;
}


a
{
	text-decoration:none;
	color:#000;
	
}

h1
{
	font-size:18px;
}
h2
{
	font-size:16px;
}
h3
{
	font-size:14px;
	font-weight:bold;
}

hr
{
	margin:0px;
}


/******************* CSS LAYOUT GENERALE ****************/


div#header li
{
	float:left;
	height:25px;
	width:100px;
	text-align:center;
}
div#header li a
{
	position:relative;
	top:6px;
	color:#59646c;
}

div#navigation
{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	height:29px;
	background-image:url(../images/bgMenu.jpg);
	
}

div#navigation li
{
	float:left;
	text-align:center;
	cursor:pointer;
	padding:0 26px;
	height:29px;
	
}

div#navigation li.active
{
	background-image:url(../images/bgMenuActive.jpg);
}

div#navigation li a
{
	position:relative;
	top:8px;
	color:#505c64;
}

.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
.slideshow IMG.active {
    z-index:10;
}

.slideshow IMG.last-active {
    z-index:9;
}
div#page
{
	clear:both;
	position:relative;
	top:20px;


}
div#page div#divisorio
{
	width:1px;
	background-color:#c5d0da;

}
div#page div#leftArea
{
	width:183px;
	position:relative;
	left:11px;
}
div#page div#leftArea hr
{
	background-color:#c5d0da;
}
div#page h3
{
	margin-bottom:5px;
}

div#page div#leftArea div#works
{
	width:100%;
	height:30px;
	text-align:center;
	float:right;
	border-top:1px solid #c5d0da;
}

div#page div#leftArea div#works a
{
	position:relative;
	top:7px;
	left:30px;
	color:#839097;
}


div#page div#leftArea li
{
	text-align:right;
	height:31px;
	cursor:pointer;
	text-transform:capitalize;
}
div#page div#leftArea li.active
{
	background-image:url(../images/bgSubMenu.jpg);
}
div#page div#leftArea li.selected
{
	background-color:#dfeff8;
}


div#page div#leftArea li a
{
	position:relative;
	top:8px;
	right:10px;
	color:#505c64;
}
div#page div#leftArea div#title
{
	background-image:url(../images/bgPreMenu.jpg);
	height:25px;
	text-align:right;
	margin-top:33px;

}
div#page div#leftArea div#title h2
{
	position:relative;
	top:4px;
	right:5px;
	font-size:14px;
}
div#page div#leftArea  div#listaImmagini 
{
	position:relative;
	left:5px;
}

div#page div#leftArea  div#listaImmagini img
{
	margin:5px;
}

div#page div#rightArea
{
	width:755px;
	padding:0 25px;
	border-left:1px solid #c5d0da;
	line-height: 20px;
	font-size:14px;
}
div#page div#rightArea p
{
	text-align:justify;
	margin-bottom:40px;
}


div#page div#rightArea div#immagini
{
	position:relative;
	background-color:#fff;
	height:425px;
	width:755px;
	
	margin:20px 0;
	margin-bottom:35px;
}
div#page div#rightArea div#immagini img
{
		border:1px solid #000;

}
div#clienti li
{
	width:33%;
	float:left;
	margin:10px 0;
	text-align:center;
	font-size:14px;
}
div#video
{
	height:425px;
	background-color:#000;
	margin-top:10px;
	margin-bottom:30px;
	z-index:1;
}
div#lavoro 
{
	width:687px;
}

div#lavoro h2
{
	font-size:14px;
	margin-top:2px;
	margin-bottom:30px;
}

div#lavoro img.immagine
{
	border:1px solid #000;
}
div#lavoro p
{
	width:670px;
	background-color:#000;
	color:#fff;
	padding:5px 8px;
	border:1px solid #000;
	margin-bottom:10px;
	position:relative;
	top:-3px;

}
div#lavoro a
{
	color:#FFF;
}
div#listaLavori
{
	margin-left:10px;
}
div#menuCliente ul
{
	margin-bottom:15px;
}
div#menuCliente li
{
	margin:5px 0;
}

div#menuCliente a
{
	color:#000;
}
div#menuCliente a:hover
{
	color:#203c5b;
}

div#progetto
{
	margin-top:30px;
}
div.social
{
	text-align:right;
	clear:both;
}
div.social p.share
{
	background-color:#dfeff8;
	padding:8px 25px;
	width:50px;
	text-align:center;
	float:right;
}

div.social img.socialImg
{
	float:right;
}
div#progetto div.num
{
	float:left;
	padding:3px 15px;
	height:25px;
	width:30px;
	font-size:20px;
	background-color:#dfeff8;
	color:#FFF;
	font-weight:bold;
	
}
div#progetto div.contenitoreProgetto
{
	width:100%;
	height:385px;
	background-color:#000;
	margin-top:10px;
	margin-bottom:5px;
}

div#progetto div.related
{
	width:255px;
	position:relative;
	top:40px;
}

div#progetto div.immaginiProgetti
{
	position:relative;
	top:20px;
}

div#progetto div.related img
{
	margin:5px;
}
div#progetto div.related p
{
	background-color:#dfeff8;
	padding:8px 4px;
}

div#progetto h2
{
	background-image:url(../images/bgTitoloProgetti.jpg);
	padding:6px 70px;
	height:19px;
	width:546px;
}
div#progetto h3
{
	clear:both;
}

div#contatti div#staff
{
	float:left;
	width:370px;
	margin:0 10px;
	border-right:1px solid #ccc;
}

div#contatti div#staff div.st img
{
	width:320px;
	margin:0 10px;
	height:150px;
}

div#contatti div#staff div.st p
{
	background-color:#000;
	width:300px;
	margin:0 10px;
	margin-bottom:15px;
	color:#fff;
	padding:5px 10px;
}
div#contatti div#info
{
	float:right;
	width:550px;
	margin:0 10px;
}
div#contatti div#info li
{
	margin:5px 0;
}

div#contatti div#info li a:hover
{
	color:#203c5b;
}


div#contatti div#form
{
	width:100%;
	padding-top:20px;
	border-top:1px solid #ccc;
}

div#footer
{
	clear:both;
	position:relative;
	top:40px;
	font-size:11px;
	text-align:center;
}
div#footer div#sitemap
{
	background-position:top;
	height:200px;
	width:100%;
	background-color:#fbfbfb;
}
div#footer div#sitemap div#titleSitemap
{
	background-image:url(../images/bgMenu.jpg);
	background-repeat:repeat-x;
	height:29px;
	width:100%;
	margin-bottom:10px;
	text-align:left;
}
div#sitemap div#titleSitemap h2
{
	position:relative;
	top:7px;
	left:20px;
	font-size:14px;
	color:#505c64;
}


div#sitemap ul
{
	margin-top:10px;
}
div#sitemap li
{
	margin:4px 0;
}

div#footer div.paginaUp
{
	float:left;
	padding:0 18px;
	border-right:1px solid #ccc;
}

div#footer div.noborder
{
	border:0;
}
div#footer a
{
	color:#505c64;
	text-transform:capitalize;
}

div#footer a:hover
{
	color:#203c5b;
}
div#footer hr
{
	background-color:#c5d0da;
	margin:0px;
}

/***************** STILE FORM CONTATTI *****************/
.clear {clear:both}

.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-size:12px;
	text-align:right;
}
.element label {
	float:left; 
	width:125px;
	font-weight:700;
	color:#505c64;
	position:relative;
	top:5px;
	
}
.element input.text {
	width:350px;
	padding-left:20px;
	border:1px solid #492e24;
	background-color:#dfeff8;
	margin-right:15px;
	margin-top:5px;
	text-align:left;
}
.element .textarea {
	height:120px; 
	width:350px;
	padding-left:20px;
	background-color:#dfeff8;
	border:1px solid #492e24;
	margin-right:15px;
	margin-top:5px;
	resize: none;	
	text-align:left;
}
.element .hightlight {
	border:2px solid #ffa43d;
	background:url(../images/iconCaution.gif) no-repeat 2px;
	background-color:#fff5db;
}
.element #submit_btn {
	float:right;
	margin-top:10px;
	

}

.element #reset {
	float:left;
	
	width:88px;
	height:34px;
	text-indent:-9999px;
	border:0;
	background-color:transparent;
	background-image:url(../images/cancella.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	text-indent: -9000px; 
	text-transform: capitalize;
	background-repeat:no-repeat;
	margin:0px;
	
		position:relative;
	top:3px;
	left:115px;


}

.loading {
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
#done {
	padding-left:20px;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	margin-top:0;
	display:none;
	color:#000;
	position:relative;
	top:125px;
}