html { margin:0; padding:0; }

body {
	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	font-size: 90%;
	color: #3D3535;
	background-color: #FFDD55;
	margin: 0;
	padding: 0px;
	line-height: 140%;
}

/* Wrapper */
#all { text-align: center;  width: 100%; padding:15px 0; }

/* the container */
#box {
	background: #fff url(corner-box.gif) no-repeat left top;
	margin-left: auto; 
	margin-right: auto; 
	padding: 15px;
	text-align: left; 
	width:770px;
}


#menu { background-color: #FFF; text-align: right;  border-bottom: 1px solid #FFFFFF; }

/*holds title, logo's and images slider*/
#header { position: relative; padding:10px;  margin-top:3px; height: 200px; background-color:#E6E1D3; }

#protofade { position:relative; z-index:90; display:block; margin:0; padding:0px; width:750px;  height:200px; overflow:hidden; list-style:none; }
#protofade li { position:absolute; top:0; left:0; display:block; margin:0; padding:0; background:none;}
#protofade li img { display:block; }

.title {  
text-align:left;
margin:0;
padding:10px;
padding-bottom:20px;
font-size:300%;
position:absolute;
top:15px;
left:10px;
z-index:1000;
background-color: trasparent;
font-family:Georgia, Arial, Helvetica, sans-serif;
}

.title span { color: #A53512; }

.title em { font-size:50%; }

#menu a {
	background: #EDEEEA url(corner.gif) no-repeat right top;
	color: #3D3535;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

#menu a:hover {
	background: #D6D8CF url(corner2.gif) no-repeat right top;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }

.clearfix { display:block; }
/* End hide from IE-mac */

/*the main text container*/
#content { margin-right:255px; padding:15px 25px 0 10px; text-align:justify; }

#content h1, #privacy h1 { font-size:110%; margin:10px 0; padding:0; border-bottom:2px solid #006600; }

#colonna-sinistra { margin-top:20px; padding-right:10px; width:245px; float:right; }
 
#colonna-sinistra h1 { background-color:#006600; color:#FFDD55; padding:3px; margin:0; font-size:100%; text-transform:uppercase; }

.sezioni { padding:15px 0; background-color:#FFFFFF; font-size:90%; text-align:center; }

.sezioni p { margin:0; padding:0; text-align:left; }
.sezioni ul, .sezioni li { margin:0; padding:0; list-style-type:none; }
.sezioni ul { margin-bottom:15px; }
.sezioni li { margin-bottom:5px; text-align:left; }

#blocco-centrale { width:740px; margin:0 auto; }
#blocco-centrale h2 { font-size:110%; margin-top:10px 0 0 0; padding:0; border-bottom:2px solid #006600; }

.articolo {  border-top:5px solid #E3E3E3; margin:10px 0; float:left; background:#F1F1F1; }
.articolo h3 { margin-top:0; }
.articolo h3 a { text-decoration:none; }

.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }
.testo-articolo { width:570px; margin:0 10px 0 0; } 
.foto-articolo { width:150px; margin:5px 0 0 10px; }
.footer-articolo { text-align:left; margin-top:5px; font-size:11px; clear:left; background:#E3E3E3; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }


.read { background:url(read.gif) no-repeat; padding-left:20px; margin-left:15px; }
.gallery { background:url(gallery.gif) no-repeat; padding-left:20px; margin-left:15px; }
.video { background:url(video.gif) no-repeat; padding-left:20px; margin-left:15px; }

#pagination { clear:both; padding-top:10px; text-align:center; }

.testo { text-align:justify; }

.nav-bar-articolo { background:#E3E3E3; text-align:left; }
.nav-bar-articolo p { padding:5px 10px; }

#gallery { border-top:5px solid #E3E3E3; padding:10px 0; margin-top:20px; width:740px; text-align:center; }
#gallery div { width:140px; float:left; display:inline; margin:10px 4px 10px 4px;  }

ul.list, .testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }

.commenti { padding:10px 0; background-color:#F7F7F4; font-size:90%; text-align:center; margin-bottom:25px; }
.commenti img { margin-left:auto; margin-right:auto; text-align:center; }


.programma { padding:10px; background-color: #F7F7F4; font-size:90%; text-align:justify; margin-bottom:25px; list-style-image:url(../images/b.gif); }

.programma p { margin:0; padding:0; }
.programma ul { margin:0; margin-left:25px; padding:0; }
.programma li { float:left; width:100%; padding-bottom:15px; }
.programma li img { float:left; padding-right:10px;}

/*-----------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#fotografie {
	padding: 15px 10px 0 10px;
	text-align:center;
}

#fotografie h1 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #006600;
	text-align:left;
	clear:both;
}

#fotografie ul.thumbs { 
	margin: 20px auto 0 auto;
	padding: 0;
	list-style-type: none;
}
		
#fotografie ul.thumbs li { 
	float:left;
	display:inline;	
	margin:0 0 20px 20px;
	padding:0;
	background-image: none;
}
	
#fotografie ul.thumbs li a img { 
	border: 10px solid #EDEEEA; 
}
#fotografie ul.thumbs li a:hover img { 
    border: 10px solid #D6D8CF; 
}	


/*the footer, with copyright*/
#footer { clear:both; background-color:#EDEEEA; padding:4px; font-size:80%; text-align:center; }


a:link, a:active, a:visited { color:#A53512; text-decoration:none; }
a:hover { color:#006600; text-decoration:underline; }

img { border:none; } 


/* -------------------| CONTATTI |------------------------------- */
form { margin:15px 0 20px 0; padding-left:40px; width:350px; }

fieldset { border:0; }

legend {
	padding-bottom:5px;
	margin:0 0 0 10px;
	font-weight: bold;
	color: #A53512;
}

label { color:#3D3535; }

input, textarea {
	background: #f6f6f6;
	margin-top:2px;
	margin-bottom:5px;
	padding:2px;
	border:1px solid #666666;
	color: #3D3535;
}

textarea { display:block; overflow:hidden; }

input.inputButton { margin:5px 10px; padding:1px; color:#A53512; border:1px solid #666666; }

#conferma p { margin:0; padding:30px 0 50px 0; text-align:center; }

#privacy { padding: 15px 10px 0 10px; text-align: justify; }

#video-wrapper { text-align:center; float:left;  }
#video { width:480px; margin:0 auto 10px auto;}

/*------------------------------------------------------------*
**  English version
**------------------------------------------------------------*/
#english { padding: 15px 10px 0 10px; text-align: justify; }
#english h1 { font-size:110%; margin-top:10px; padding:0; border-bottom:2px solid #006600; text-align:left; clear:both; }
.red { color:#CC0000;}