/* general styling */
* {
	margin: 0;
	padding: 0;
}
html,body {
	height: auto;
	background: #FFF;
	color: #1a3804;	/* TITOLI SINISTRA */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* the hyperlinks */
a {
	color: #458023;	/* LINK IN ALTO */
	text-decoration: underline;
}
a:hover {
	color: #265b00;	/* LINK QUANDO CI SI PASSA SOPRA (NON IN ALTO) */
}


/* site specific styling */


/* the container centers the page */
#container {
	width: 740px;
	height: auto;
	margin: 0 auto 0 auto;
}	

/* container per le pagine in popup */
#container_light {
	margin: 0 auto 0 auto;
}

/* the topbar that contains the most upper links */
#topbar {
	width: 740px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
}

/* the links in the topbar are an unordered list, formatted here */
#topbar ul {
	float: right;
}
#topbar li {
	list-style: none;
	display: block;
	width: auto;
	float: left;
}
#topbar a {
	text-decoration: none;
	display: block;
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
#topbar a:hover {
	background: #458023;		/* LINK IN ALTO ALTO QUANDO SI PASSA SOPRA */
	color: #FFF;
}


/* the header that contains the big image */
#header {
	width: 740px;
	height: 180px;
	background: #458023 url(../images/header.jpg) top left no-repeat;
	position: relative;
}

/* the big title text in the header */
#header h1 {
	font-family: Verdana, sans-serif, Tahoma, "Trebuchet MS";
	font-size: 96px;
	font-weight: 100;
	letter-spacing: -6px;
	color: #FFF;
	position: absolute;
	top: 33px;
	left: 20px;
}
#header h1 a {
	width: 300px;
	color: #EFE;
	text-decoration: none;
	background: transparent url(../images/LogoEcoBB.gif) top left no-repeat;
}
#header h1 a:hover {
	color: #DFD;
	background: transparent url(../images/LogoEcoBB_h.gif) top left no-repeat;
}
#header a {
	color: #EFE;
	text-decoration: none;
}
#header a:hover {
	color: #DFD;
}


#bheader {
	clear: both;
	width: 740px;
	height: 15px;
	background: #deebd2;
	text-align: center;
}


/* the navigationbar in the header */
#navbar {
	position: absolute;
	bottom: 11px;
	right: 6px;
}

/* the links in the navigationbar are an unordered list */
#navbar ul {
}

#navbar li {
	list-style: none;
	display: block;
	width: auto;
	float: left;
}
#navbar a {
	text-decoration: none;
	display: block;
	padding: 4px 10px 4px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
#navbar a:hover {
	background: #458023;		/* HOVER SECONDA SERIE DI LINK */
	color: #FFF;
}
	
/* the core contains all the site contents (JOE, PROVARE A TOGLIERE margin-top PER ATTACCARE AL SOPRA...*/
#core {
	width: 740px;
	height: auto;
	margin-top: 0;
	background: #FFF url(../images/coreback.gif) top left repeat-y;
}

/* the coreleft contains the left part of the core */
#coreleft {
	width: 140px;
	height: auto;
	background: #deebd2;
	float: left;
}

/* the links in coreleft are another unordered list */
#coreleft ul {
}
#coreleft li {
	display: block;
	height: auto;
	width: 136px;
	margin: 2px;
}
#coreleft a {
	display: block;
	height: auto;
	padding: 4px;
	width: 128px;
	color:  #325d19;		/* LINK DI SINISTRA */
	background: url(../images/readmore_arrow.gif) 97% center no-repeat;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0;
}

#coreleft a:hover {
	background: #458023 url(../images/readmore_over.gif) 97% center no-repeat;
	color: #FFF;
}

#coreleft h3 {
	padding: 20px 4px 0 4px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 18px;
	margin: 0;
}

#coreleft p {
	padding: 5px;
	margin-top: 0px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	

/* the corecenter contains the center part of the core */
#corecenter {
	width: 590px;
	height: auto;
	float: left;
}

#corecenter h1
{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 20px;
	color: #3e6717;
	padding: 10px 0 0 10px;
}

#corecenter h2
{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 18px;
	color: #3e6717;
	padding: 10px 0 0 10px;
}

#corecenter h3
{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #3e6717;
	padding: 10px 0 0 10px;
}

#corecenter h4
{
	clear: both;
	font-size: 14px;
	color: #343;
	border-bottom: 1px dashed #343;
	padding: 10px 0 0 10px;
}

// SALTA RIGA
#corecenter h7
{
	display: none;
	clear: both;
	padding-bottom: 1px;	
	margin-bottom: -1px;	
}

#corecenter p {
	line-height: 20px;
	padding: 0 10px 5px 8px;
	color: #060;
}

#corecenter ul {
	padding: 0 10px 5px 25px;
	margin: 0;
	color: #060;
	width: auto;
}

#corecenter ol {
	padding: 0 10px 5px 25px;
	margin: 0;
	color: #060;
	width: auto;
}

#corecenter a.big {
text-decoration: none;
color: #542d21;
border-bottom: 1px solid #AAA;
font-size: 1em;
display: block;
text-align: center;
margin: 5px 15%;
padding: 5px;
border: 1px solid #df4800;
background-color: #EFEFEF;
width: auto;
}

#corecenter a.big:hover {
color: black;
background-color: #888;
border-bottom: 1px solid #333;
}

/*****************
#corecenter ul {
	padding: 20px;
	width: auto;
}
#corecenter li {
	list-style: none;
	line-height: 20px;
	border-bottom: 1px solid #DDD;
}
#corecenter li a {
	text-decoration: none;
	color: #004000;
	display: block;
	height: auto;
	padding: 4px;
}
#corecenter li a:hover {
	background: #a6c384;
	color: #000;
}
*********************************/

/* FOOTER PRIMA DEL FINE PER ADSENSE */
#bfooter {
	clear: both;
	width: 740px;
	height: 90px;
	background: #deebd2;
	text-align: center;
}

#footer {
	clear: both;
	width: 740px;
	height: 30px;
	background: #458023;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footer p {
	color: #FFF;
	padding-right: 20px;
}
#footer a {
	color: #FFF;
}


/***************** PER DIA ****************/

ul#gallery, ul#gallery li{margin:0;padding:0;list-style-type:none}
ul#gallery{float:left;width:100%}
ul#gallery li{float:left;width:130px;height:130px;line-height:130px;margin:0 2px 2px 0;
    text-align:center;background:url(../images/bk.png) no-repeat center center}
ul#gallery img{vertical-align: middle;border: 0}


* html ul#gallery li{font-size: 150px;height: auto} /* hack per IE 5.5 e IE6 */
*:first-child+html ul#gallery li{font-size: 150px;height: auto} /* hack per IE7 */
















.elencobb ul{
font-size: 0.7em;
padding-top: 1px;
padding-bottom: 1px;
list-style-image: url(../images/next.gif);
background: #fde2c3;
}

.elencobb li {
margin-left: 10px;
}











#dueColonne, #dueColonne2 {
width: 48%;
margin: 2px;
padding: 2px;
background: #efe;
float: left;
}

#dueColonne2 {
background: #ded;
}

#dueColonne a, #dueColonne2 a {
font-size: .9em;
display: block;
height: 110px;
min-height: 110px;
overflow: hidden;	/* DA VERIFICARE */
text-decoration: none;
color: #232;
text-align: right;
margin: 2px;
padding: 2px;
}

#dueColonne2 a {
text-align: right;
}

#dueColonne a:hover, #dueColonne2 a:hover {
background: #cdc;
}



#dueColonne img, #dueColonne2 img, #dueColonne .noimg, #dueColonne2 .noimg {
padding: 5px;
background-color: #fafafa;
border: 3px solid #aaaaaa;
margin: 13px 2px 13px 2px;
float: right;
height: 68px;
width: 120px;
overflow: hidden;
}

#dueColonne .noimg, #dueColonne2 .noimg {
width: 120px;
vertical-align: middle;
text-align: center;
font-weight: bold;
color: #343;
font-size: 1.2em;
}

#dueColonne strong, #dueColonne2 strong {
color: #008040;
}



/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
.dueColonne, .dueColonne2 {
width: 48%;
margin: 2px;
padding: 2px;
background: #efe;
float: left;
}

.dueColonne2 {
background: #ded;
}

.dueColonne a, .dueColonne2 a {
font-size: .9em;
display: block;
height: 110px;
min-height: 110px;
text-decoration: none;
color: #232;
text-align: right;
margin: 2px;
padding: 2px;
}

.dueColonne2 a {
text-align: right;
}

.dueColonne a:hover, .dueColonne2 a:hover {
background: #cdc;
}



.dueColonne img, .dueColonne2 img, .dueColonne .noimg, .dueColonne2 .noimg {
padding: 5px;
background-color: #fafafa;
border: 3px solid #aaaaaa;
margin: 13px 2px 13px 2px;
float: right;
height: 68px;
}

.dueColonne .noimg, .dueColonne2 .noimg {
width: 120px;
vertical-align: middle;
text-align: center;
font-weight: bold;
color: #343;
font-size: 1.2em;
}

.dueColonne strong, .dueColonne2 strong {
color: #008040;
}
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/
/***************** PROVA ***************/

































.bellali
{
	margin: 2px 0;
	font-size: 11px;
	text-decoration: none;
}
.bellali ul, .bellali ul li
{
	margin: 2px;
	padding: 0;
	list-style-type: none;
}
.bellali ul li
{
	width: 32%;
	background: #efe;
	float: left;
	border: solid 1px #8a8;
}















/*********** FORM LOGIN (login ha larghezza fissa, login box no) **********/
#login {
padding: 1.5em;
width: 350px;
border: 1px solid #676;
background-color: #ded;
text-align: right;
font-size: 8pt;
}

#campoTitolo
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 9pt;
border-top: 1px solid #676;
display: block;
text-align: center;
font-weight: bold;
}

#campoText, #campoTextarea, #campoSelect, #campoButton, #campoCheck
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #676;
color: #232;
background-color: #ffefdf;
}

#campoText, #campoSelect
{
width: 170px;
}

#campoTextarea
{
width: 290px;
}

.campoTextarea
{
width: 290px;
}

#campoButton
{
width: 230px;
}

#campoCheck
{
width: 20px;
margin-right: 154px;
}

#campoDestra
{
display: block;
padding: 3px;
}

#campoCentrato
{
display: block;
text-align: center;
padding: 3px;
}





/* LO PROVO NELLE SELECT AREA RISERVATA POI DOVREI PROVARE OVUNQUE... */
.campoText
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #676;
color: #232;
background-color: #ffefdf;
width: 170px;
}










/* PERMETTE DI CREARE 2 COLONNE */
#dueColonneSx, #dueColonneDx, #dueColonneSx2, #dueColonneDx2 {
width: 48%;
text-align: left;
margin: 4px;
background: #aba;
}

#dueColonneSx, #dueColonneSx2 {
float: left;
}

#dueColonneDx, #dueColonneDx2 {
float: right;
}

#dueColonneSx2, #dueColonneDx2 {
background: #bcb;
}



/* PERMETTE DI CREARE 3 COLONNE */
#treColonneSx, #treColonneDx, #treColonneSx2, #treColonneDx2 {
width: 32%;
text-align: left;
margin: 4px;
background: #aba;
}

#treColonneSx, #treColonneSx2 {
float: left;
}

#treColonneDx, #treColonneDx2 {
float: right;
}

#treColonneSx2, #treColonneDx2 {
background: #bcb;
}



/* PERMETTE DI CREARE 2 COLONNE ASIMMETRICHE (35 + 65) */
#dueColonneAsSX, #dueColonneAsDX {
text-align: justify;
margin: 4px;
}

#dueColonneAsSX {
width: 63%;
float: left;
}

#dueColonneAsDX {
width: 33%;
background: #aba;
float: right;
}







/* ALCUNI COLORI */
.grey {
font-size: 0.9em;
color: #AAA;
}

.white {
color: #FFF;
}

.black {
color: #000;
}

.red {
color: red;
}

.green {
color: green;
}

.redc {
color: red;
font-style: italic;
}

acronym {
cursor: help;
border-bottom: 1px dotted #AAA;
}

#corecenter p.errore {
text-align: center;
background-color: yellow;
color: black;
border: 1px solid red;
padding: 0.5em;
margin: 1em 5em 0.5em 5em;
}

#corecenter p.vabene {
text-align: center;
background-color: white;
color: black;
border: 1px solid green;
padding: 0.5em;
margin: 1em 5em 0.5em 5em;
}






/* LINK SPECIFICI */
a.mappa, a.lente, a.storia, a.lista, a.thickbox {
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	height: 52px;
	min-height: 52px;

	background: #cdc url(../images/mappa.gif) center left no-repeat;
	padding: 6px 3px 6px 53px;
}

a.mappa:hover {
	background: #ded url(../images/mappa.gif) center left no-repeat;
}

a.lente {
	background: #cdc url(../images/lente.jpg) center left no-repeat;
	padding-left: 47px;
}

a.lente:hover {
	background: #ded url(../images/lente.jpg) center left no-repeat;
}

a.storia {
	background: #cdc url(../images/storia.jpg) center left no-repeat;
	padding-left: 51px;
}

a.storia:hover {
	background: #ded url(../images/storia.jpg) center left no-repeat;
}

a.lista {
	background: #cdc url(../images/lista.jpg) center left no-repeat;
	padding-left: 51px;
}

a.lista:hover {
	background: #ded url(../images/lista.jpg) center left no-repeat;
}

/*
** PER IL MOMENTO THICKBOX E' SOLO RICHIESTA STRUTTURA...
** ALTRIMENTI BISOGNA MODIFICARE IL JS E PORTARE FUORI LA CHIAMATA...
*/
a.thickbox {
	background: #cdc url(../images/richiesta.jpg) center left no-repeat;
	padding-left: 51px;
	padding-left: 51px;
}

a.thickbox:hover {
	background: #ded url(../images/richiesta.jpg) center left no-repeat;
}


/*
** VOTAZIONI, DIV CONTENITORE
*/
.div_voti {
	display: block;
	width: 130px;
	height: 20px;
}















/* PROVA */
.innerfade {
padding: 0;
margin: 0;
height: 110px;
min-height: 110px;
overflow: hidden;
}


















/* PROVA LISTA BELLA */
.listabella {
	width: 150px;
border: 1px;
float: left;
}

.listabella ul{
}

.listabella li {
	list-style: none;
	padding: 1px;
	width: 150px;
}

.listabella li a {
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #325d19;
	color:  #325d19;
	background: #f2fdf9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.listabella li a:hover {
	border: 1px solid #458023;
	background: #458023;
	color: #FFF;
}



.cartina {
	margin: 30px;
	float: left;
}