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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';    content: none;} 
/* remember to define focus styles! */
:focus {outline: 0;} 
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;} 
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0; text-decoration:none;}


/* BODY */

body {line-height: 1.8; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-image:url(f_fondo.png); background-repeat:repeat-x;}

* {margin:0;padding:0;}


/* INIZIO costruzione pagina */

#container { width:960px; margin:30px auto;}


/* MENU navigazione */

#nav { width:960px; height:70px; position:relative; margin-bottom:30px;}
	#logo { position:absolute; top:0; left:0;}
	
ul#menu {
    font-family: 'Open Sans Condensed', sans-serif;
	font-size:25px;
	font-weight:200px;
	text-transform:uppercase;
    list-style:none; position:absolute; top:26px; right:0;
}
  
ul#menu li {
    display: block;
    width: 100px;
    margin: 2px;
    float: left;
}
  
ul#menu li a {
	color:#CC0000;
    display: block;
    line-height: 30px;
    text-decoration: none;
    width: 100px;
    text-align: center;
}
  
ul#menu li.active, ul#menu li:hover {
    border-bottom: 2px solid #fff;
}
		

/* MENU navigazione sotto menu voce Opere*/
		
#navopere ul { list-style:none; position:absolute; top:65px; right:0;}
		#navopere ul li{ float:left;}
		#navopere ul li a{ text-decoration:none; margin-left:30px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding-top:5px; text-transform:uppercase;}
		#navopere ul li a:hover { color:#000000;}
		
		
		
		
		
		
#colonna { width:960px; position:relative; margin-bottom:20px;}

#colonnasx { float:left; width:640px; margin-bottom:20px;}
#colonnadx { float:right; width:320px;  margin-bottom:20px;}
#colonnatotale { width:960px; position:relative; margin-bottom:20px;}
#containerFOTO { width:960px; position:relative; margin-bottom:20px; background:#fff; border-top:2px solid #CC0000;}
#containerFOTOcolonnadx { float:right; width:320px; margin-bottom:20px; background:#fff; border-top:2px solid #CC0000;}

.imgthumbnail { left:10; right:10; bottom:0; padding:10px;}



/* CLASSI */
.testocolonnasx { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-right:60px; text-align:left; padding-bottom:20px;}
.testocolonnasxGRAY { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-right:60px; text-align:left; padding-bottom:20px; color:#666666;}

.testocolonnasxrientrato { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-right:60px; text-align:left; padding-bottom:20px; padding-left:20px;}
.titolocorsivodate { font-family: 'Open Sans Condensed', sans-serif; font-size:18px; font-weight:200; padding-right:60px; padding-bottom:5px; line-height:34px;}

.tipologiaopere { font-family: 'Open Sans Condensed', sans-serif; font-size:22px; font-weight:200; padding-right:60px; padding-bottom:10px; line-height:34px; padding-left:10px; padding-top:15px;}
.titolonewfont { font-family: 'Open Sans Condensed', sans-serif; font-size:26px; font-weight:200; padding-bottom:20px; line-height:34px; padding-right:60px;}

.titolonewfontconsottotitolo { font-family: 'Open Sans Condensed', sans-serif; font-size:26px; font-weight:200; line-height:34px; padding-right:60px;}


.privacy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; padding-bottom:20px; padding-left:85px;}




/* FORM */
form { margin: 0; }
fieldset { border: none; }
legend { font-family: 'Open Sans Condensed', sans-serif; font-size:22px; padding-bottom:10px; font-weight:200;}
fieldset fieldset legend {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:left;}

input, textarea, select {
	display:block;   
    border: 1px solid #999999;
    background: #fff;
	margin-bottom:10px;
	padding-bottom:10px;
	width:495px;
}
label {
    padding: 2px;
    width: 80px;
    display: block;
    float: left;
}
fieldset fieldset label {
    margin-left: 50px;
    width: 80px;
}
fieldset fieldset input {
    border: none;
    float: left;
    margin: 0 20px 0 15px;
}
 
 
#submit {
    background: #CC0000; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
    padding: 4px 10px; margin-left:84px; width:50px;
}

#submit:hover {
    background: #fff; color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
    padding: 4px 10px; margin-left:84px; width:50px; 
}


/* LINK */
a:link { text-decoration:none; color:#CC0000;}
a:visited {color:#CC0000;}
a.active, a:hover { color:#000000; text-decoration:underline;}

.clear { clear:both;}



/* FOOTER */
	
#footer { width:960px; height:40px; margin:10px auto; clear:both; line-height:1px; text-align:left;}

.img { border:20px solid #FFFFFF; padding:0;}
.imgsemplice { margin:auto; border:0px; padding-bottom:40px;}