body {
	font-style: normal;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	"
}

h1 {
	text-align: center;
	color: #d20000;
	font-size: 44px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	text-align: center;
	color: black;
	font-size: 22px;
	position: center;
	margin-top: 0px;
	float: center;
	margin-bottom: 0px;
}

h7 {
	text-align: center;
	color: black;
	font-size: 28px;
	position: center;
	margin-top: 0px;
	float: center;
	margin-bottom: 0px;
}

h3 {
	text-align: center;
	color: black;
text-decoration: none;
font-size: 12px;
}

h5 {
	text-align: justify;
	color: black;
	position: center;
text-decoration: none;
font-size: 16px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 15px;
}

h6 {
	color: gray;
	position: center;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	margin-left: 15px;
	margin-right: 15px;

}

h4 {
	text-align: center;
	color: gray;
	font-size: 12px;
}

.main {
	/*
	questa è una zona di commento
	*/
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 530px;
	color: #ce8181;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
}

.baseterr {
	width: 510px;
	height: 712px;
	color: #ce8181;
	margin-left: 30px;
	background: white url('images/baseterr.jpg') no-repeat top left;
}

.baseprogetto {
	width: 440px;
	height: 562px;
	color: #ce8181;
	margin-right: 20px;
	background: #ced4d4;
}
.project {
	width: 420px;
	height: 420px;
	color: #ce8181;
	margin-right: 20px;
	background: #ced4d4;
}
.projectC {
	width: 420px;
	height: 150px;
	color: #ce8181;
	margin-left: 20px;
	background: #ced4d4;
}
.progetto {
	width: 133px;
	height: 173px;
	color: #ce8181;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	background: white url('images/derutaprogetto.jpg') no-repeat top left
}

#plan {
	width: 400px;
	height: 358px;
	color: #ce8181;
	margin-top: 11px;
	float: right;
	
}

#top {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	width: 1024px;
	color: #ce8181;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
	height: 20px;
	position: top-center;
	color: #ce8181;
	display:none;
}

.progettisti {
				margin-top: 40px;
	
	width: 824px;
		height: 250px;
	background-color: gray;
}
#foto {
			margin-top: 20px;
			float: left;
					margin-left: 10px;
		
width: 150px;
border:5px solid white;
height: 220px;
}
.curriculum {
				margin-top: 10px;
								margin-right: 10px;
				
	float: right;
	width: 624px;
		height: 220px;
}
.curr{
					margin-buttom: 20px;
					width: 824px;
		height: 320px;
}
.top1 {
	width: 170px;
	height: 20px;
	float: left;
	color: #ce8181;
	text-decoration:none;
	cursor:pointer;
}

.contTop {
	position:absolute;
	background: transparent url('images/tileW.png') repeat;
	border-left:1px solid gray;
	border-right:1px solid gray;
	display:none;
}

.top1 a {
	text-decoration:none;
}


.top1 a:link {
	text-decoration:none;
}

.top1 a:visited {
	text-decoration:none;
}


.top2 {
	text-align:center;
	width: 200px;
	height: 20px;
	color: #ce8181;
	z-index:4000;
}

.top2 h6:hover {
	color:red;
	background-color:#eee;
}
.top1 h5:hover {
	color:red;
	background-color:#eee;
}

#colori {
	width: 200px;
	height: 190px;
	margin-top: 18px;
	color: #ce8181;
	float: right;
	
}
#comune {
	background: white url('images/deruta_comune.jpg') no-repeat top left;
	width: 1038px;
	height: 404px;
}
#profili {
	width: 190px;
	height: 170px;
	margin-left: 10px;
	margin-top: 33px;
	margin-bottom: 30px;
	
	color: #ce8181;
	float: right;
	
}

#barre {
	display:none;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
}

#deruta {
	width: 1024px;
	height: 248px;
	background: white url('images/deruta.jpg') no-repeat top left;
}

.collegamentoquadrato {
	width: 100px;
	height: 100px;
}

.select {
	width: 60px;
	height: 60px;
	cursor:pointer;
}

.bottoneritorno {
	width: 70px;
	height: 70px;
	float: right;
	background: red;
}

#titolo {
	width: 1024px;
	height: 126px;
	position: top right;
}

.logointro {
	width: 1028px;
	height: 150px;
	background: blu;
	position: top center;
}

.TESTO {
	width: 904x;
	height: 400px;
	border-top: 15px;
	padding-top: 15px;
	margin-top: 10px;
}

.logoderuta {
	width: 100px;
	height: 96px;
	/*background: white url('images/deruta.png') no-repeat center;*/
	float: left;
}

#logoesa {
	width: 100px;
	height: 96px;
	background: white url('images/esa.jpg') no-repeat center;
	position: top left;
	float: left;
}

.barralunga {
	width: 100px;
	height: 700px;
}

#progettisti {
	width: 100px;
	height: 446px;
}

#main_cont {
	margin-top: 30px;
	width: 1054px;
	height: 238px;
}

#cont_main_1 {
	margin-top: 30px;
	width: 60px;
	height: 86px;
}

#cont_bott {
	position: absolute;
	width: 1028px;
	height: 238px;
}

.bottone {
	float: left;
	width: 337px;
	height: 228px;
}

#btt1 {
	background-image: url('images/logointro.jpg');
	margin-right: 6px;
}

#btt1 span {
	margin-top: -150px;
	color: #d20000;
	font-size:
}

#btt2 span {
	margin-top: -150px;
	color: #d20000;
	font-size:
}

#btt3 span {
	margin-top: -150px;
	color: #d20000;
	font-size:
}

#btt2 {
	background-image: url('images/logoterritorio.jpg');
	margin-right: 8px;
}

#btt3 {
	background-image: url('images/logoprogetto.jpg');
	margin-left: 100x;
}

#btt4 {
	background-image: url('images/logoprogetto.jpg');
	margin-left: 100x;
}

.barra {
	float: left;
	width: 59px;
	height: 220px;
	margin-right: 10px;
}

.barra1 {
	float: left;
	width: 58px;
	height: 78px;
	margin-right: 10px;
}

.col1 {
	background-color: #f2ed85
}

.col2 {
	background-color: #cbad01
}

.col3 {
	background-color: #b48a00
}

.col4 {
	background-color: #c69200
}

.col5 {
	background-color: #feb300
}

.col6 {
	background-color: #fe9900
}

.col7 {
	background-color: #ffb755
}

.col8 {
	background-color: #fbcf8e
}

.col9 {
	background-color: #fdb57b
}

.col10 {
	background-color: #febfa0
}

.col11 {
	background-color: #fd9c71
}

.col12 {
	background-color: #ff7e44
}

.col13 {
	background-color: #d45422
}

.col14 {
	background-color: #d23b00
}

.col15 {
	background-color: #d20000
}