/*
PIE: behavior: url(path/to/PIE.htc);
*/


/* SEZIONI VARIABILI IN BASE ALLA SEZIONE */

a.tasto, aside nav ul li a{
	display: block;
	width:287px;
	height:30px;
	background-image: url(../img/bg-nav.gif);
	font-size:18px;
	font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
	font-weight:300;
	text-decoration: none;
	color: #707162;
	padding: 8px 0 0 8px;
	border-bottom: 1px solid #f4f4f0;
}

a.icona{
	font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
	font-weight:300;
	font-size:24px;
	color:#f4f4f0;
	display:block;
	height:65px;
	padding: 130px 0 0 15px;
	text-decoration:none;
	margin:0 0 15px 0;
	width:280px;
}
a.architettura.icona{
	background:#8c2026 url(../img/ico-architettura.gif) no-repeat 180px 20px;
}
a.tasto.architettura.attivo, a.tasto.architettura:hover, aside nav ul.architettura li a:hover, aside nav ul.architettura li.current a {
	background-position: 0px -38px;
	color:#f4f4f0;
}
article.architettura a, .architettura, #contenitore aside nav ul.architettura ul li a:hover{
	color: #8c2026;
	text-decoration:none;
}
article.architettura a:hover, a.tasto.architettura.attivo:hover, a.architettura.icona:hover, a.architettura:hover{
	color: #400f11;
}
aside nav ul.architettura li.current a.frecciagiu{
	background-position: 295px -38px;
}

a.costruzione.icona{
	background:#eb864b url(../img/ico-costruzione.gif) no-repeat 140px 20px;
}
a.tasto.costruzione.attivo, a.tasto.costruzione:hover, aside nav ul.costruzione li a:hover, aside nav ul.costruzione li.current a{
	background-position: 0px -76px;
	color:#f4f4f0;
}
article.costruzione a, .costruzione{
	color:#eb864b;
	text-decoration:none;
}
article.costruzione a:hover, a.tasto.costruzione.attivo:hover, a.costruzione.icona:hover, a.costruzione:hover{
	color: #9e5a32;
}

a.immobiliare.icona{
	background:#8cb8bf url(../img/ico-immobiliare.gif) no-repeat 150px 10px;
}
a.tasto.immobiliare.attivo, a.tasto.immobiliare:hover, aside nav ul.immobiliare li a:hover, aside nav ul.immobiliare li.current a{
	background-position: 0px -114px;
	color:#f4f4f0;
}
article.immobiliare a, .immobiliare{
	color: #8cb8bf;
	text-decoration:none;
}
article.immobiliare a:hover, a.tasto.immobiliare.attivo:hover, .a.immobiliare.icona:hover, a.immobiliare:hover{
	color: #67878c;	
}


/* STILI */

body{
	background-color: #a5a792;
}

#sfondo{
	background: #f4f4f0 url(../img/bg-ruler.gif) repeat-x left top;
	padding:35px 0 0 0;
}

#contenitore {
	width:930px;
	margin:auto;
	padding: 0 0 30px 0;
	overflow: hidden;
}

header{
	width:100%;
	overflow:hidden;
	color: #a5a792;
	margin:0 0 17px 0;
	position: relative;
}

	header h1{
		font-family: "proxima-nova-alt","Arial",sans-serif;
		font-weight:700;
		font-size:63px;
		margin:0;
		padding:0;
		float:left;
	}

	header h1 a{
		color: #a5a792;
		text-decoration:none;
	}

	header h1 a:hover{
		color: #717264;
		text-decoration:none;
	}

	header h2{
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		font-size:20px;
		margin:0;
		padding:37px 0 0 0;
		float:right;
	}

	header .shortcutlink{
		display: block;
		width: 154px;
		height: 27px;
		position:absolute;
		top:25px;
		text-indent:-500px;
		overflow: hidden;
	}

	header .shortcutlink.pos1{
		right:165px;
	}

	header .shortcutlink.pos2{
		right:0px;
	}


/* HOME */

.home #contenitore nav ul {
	width:100%;
	overflow:hidden;	
}

	.home #contenitore nav ul li{
		width:295px;
		float:left;
		padding:0 21px 0 0;
	}

	.home #contenitore nav ul li p{
		text-align: justify;
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:500;
		line-height:20px;
		font-size: 16px;
	}

/* INTERNE */

#contenitore aside{
	float:left;
}

	#contenitore aside .separatore{
		background-color:#f4f4f0;
		height:15px;
		width:100%;
	}

	#contenitore aside, #contenitore aside ul{
		background-color:#e4e4dc;
	}

	#contenitore aside ul ul{
		background-color:#d1d2c6;
	}

	#contenitore aside ul ul li a{
		background:none;
		border:none;
		height:auto;
		display: block;
		font-size:13px;
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		text-decoration: none;
		color: #707162;
		padding:6px 0 6px 10px;
		width:275px;
		margin:0;
	}

	#contenitore h5.titolomappa{
		text-align:center;
		font-size:16px;
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		text-decoration: none;
		margin:0 0 20px 0;

	}


#contenitore article{
	float:right;
	width: 605px;
	min-height: 760px;
	position: relative;
}

	#contenitore article h2{
		background: url(../img/bg-hr.gif) repeat-x left bottom;
		padding: 0 0 10px 0;
		margin: 0 0 15px 0;
		font-family: "proxima-nova-alt","Arial",sans-serif;
		font-weight:700;
		font-size:24px;
	}
	
	#contenitore article h3{
		font-family: "proxima-nova-alt","Arial",sans-serif;
		font-weight:700;
		font-size: 19px;
		margin: 15px 0 5px 0;
	}

	#contenitore article .fotolaterali{
		float: right;
		width: 191px;
		margin:0 0 0 30px;
	}

	#contenitore article .fotolaterali img{
		margin: 0 0 15px 0;
	}
	
	#contenitore article .titolo{
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight: 600;
		color: #777868;
	}

	#contenitore article p{
		margin: 0 0 8px 0;
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		font-size:15px;
		color: #333;
		line-height: 20px;
		text-align: justify;
	}
	
	#contenitore article p.datiprogetto{
		font-size: 17px;
	}
	
	#contenitore article a.indietro{
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		font-size: 15px;
		display: block;
		width: 56px;
		height: 20px;
		background: url(../img/bg-back.gif) no-repeat left top;
		color: #f4f4f5;
		text-decoration: none;
		padding: 3px 0 0 33px;
		position: absolute;
		right: 0;
		top: 4px;
	}
	
	#contenitore article a.indietro:hover{
		background-position: 0 -23px;
	}
	
	#contenitore article .fotine{
		margin: 15px 0 30px 0;
		width: 100%;
		overflow: hidden;
	}
	
	#contenitore article .fotine img{
		float: left;
		margin: 0 15px 15px 0 ;
	}

#lista-medi{
	float:right;
	width: 605px;	
}
	#lista-medi .elem-medio{
		background-color: #fdfdfc;
		padding: 8px;
		width: 100%;
		overflow: hidden;
		margin: 0 0 15px 0;
		position: relative;
	}
	
	#lista-medi .elem-medio img{
		float: left;
	}
	
	#lista-medi .elem-medio .dati{
		float: right;
		width: 450px;
	}
	
	#lista-medi .elem-medio h4{
	    font-size: 21px;
    	font-weight: 400;
	    margin: 0 0 8px 0;
	    font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
	}
	
	#lista-medi .elem-medio .info{
	    color: #707162;
	    font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
	}

#lista-piccoli{
	float:right;
	width: 605px;	
}

	#lista-piccoli .elem-piccolo{
		background-color: #fdfdfc;
		padding: 8px;
		width: 100%;
		overflow: hidden;
		margin: 0 0 15px 0;
		position: relative;
	}

	#lista-piccoli img{
		float: left;
		margin: 0 8px 0 0;
	}

	#lista-piccoli .elem-piccolo h3{
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		margin: 0;
		font-size: 21px;
		font-weight: 400;

	}

	#lista-piccoli .elem-piccolo h4{
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		font-weight:300;
		color: #707162;
		font-size: 15px;
		margin: 0;
	}
	
#lista_progetti{
	float:right;
	width: 605px;
}
	#lista_progetti h2{
		font-family: "proxima-nova-alt","Arial",sans-serif;
		font-weight:700;
		font-size:24px;
		margin: 0;
		padding: 0;
	}
	
	#lista_progetti h3{
		background: url(../img/bg-hr.gif) repeat-x left bottom;
		padding: 0 0 10px 0;
		margin: 0 0 15px 0;
		font-family: "proxima-nova-alt","Arial",sans-serif;
		font-weight:400;
		font-size:17px;
	}
	
	#lista_progetti .progetto{
		background-color: #fdfdfc;
		padding: 8px;
		width: 100%;
		overflow: hidden;
		margin: 0 0 15px 0;
		position: relative;
	}
	
	#lista_progetti .progetto img{
		float: left;
	}
	
	#lista_progetti .dati{
		color: #707162;
		font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
		float: right;
		width: 464px;
	}

	#lista_progetti .dati h4{
		margin: 0;
		font-size: 20px;
		color: #8e2023;
		font-weight: 400;
	}

	#lista_progetti .dati p.anno{
		font-size: 15px;
		margin: 0;
	}

	#lista_progetti .dati p.info{
		font-size: 14px;
		margin: 0 0 0 0;
	}
	
	#lista_progetti .dati a.scheda{
		display: block;
		width: 142px;
		height: 23px;
		background: url(../img/bg-scheda.gif) no-repeat left top;
		bottom: 8px;
		left: 139px;
		font-size: 14px;
		color: #707162;
		text-decoration: none;
		padding: 6px 0 0 6px;
		margin: 8px 0 0 0;
	}
	
	#lista_progetti .dati a.scheda:hover{
		color: #f4f4f5;
		background-position: 0 -29px;
	}	


/* FOOTER */

footer{
	background: #a5a792 url(../img/bg-footer.gif) repeat-x left top;
	color: #f4f4f0;
	padding: 10px 0;
	height: 50px;
	overflow: hidden;
	font-family: "proxima-nova-condensed","Arial Narrow",sans-serif;
	font-weight:300;
	font-size:13px;
}

	footer #footercont {
		width:930px;
		margin:auto;
	}

	footer nav ul li{
		float:left;
		margin-right: 9px;
	}

	footer nav ul li a{
		color: #f4f4f0;
		text-decoration: none;
	}

	footer nav ul li a:hover{
		color: #717264;
		text-decoration: none;
	}

	footer span{
		float:right;
	}

/* CONTACT FORM */

.wpcf7{

}

.wpcf7 .wpcf7-submit{
	background-color:#a5a792;
	border:none;
	display:inline-block;
	color: #FFF;
	padding: 8px;
	font-size:13px;
}

.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
	border:1px solid #a5a792;
	padding: 5px;
}

.wpcf7 .wpcf7-not-valid-tip{
	background-color:#e4e4dc;
	border:1px solid #a5a792;
	padding: 3px;
	font-weight:bold;
}

.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ok{
	border: 0;
	padding: 0;
}