/* serve per ridefinire ogni margine d'ora in avanti */
* { margin: 0px; padding: 0px; }

/*html
	{
	height: 100%;
	}*/

/* formattazione del testo generico con allineamento forzato del testo a sinistra */
body
	{
/*	height: 100%;*/
	color: #343434;
	background: #dddddc url(img/site-bg.gif) top center repeat-y;
	font-size: 1em;
	text-align: left;
	}

/* toglie il bordo alle immagini */
img
	{
	border: none;
	}

/* toglie il bordo ai link in stato active */
a:active
	{
	border: none;
	}

/* font più piccolo e allineato a destra per il footer */
.footer
	{
	font-size: 0.6em;
	text-align: right;
	margin-right: 15px;
	padding-top: 3px;
	}

.footer a
	{
	text-decoration: none;
	}

.footer a:visited
	{
	color: #333333;
	}

/* begin design */

/* 	#wrapper contiene tutto tranne il footer e centra
	orizzontalmente il contenuto nell'area visualizzata */
#wrapper
	{
/*	position: relative;
	min-height: 100%;*/
	margin: 0 auto;
	width: 760px;
	background: #dddddc url(img/wrapper-bg2.png) top left repeat-x;
	}

/** html #wrapper
	{
	height: 100%;
	}*/

/* 	primo elemento all'interno di wrapper,
	contiene #headergallery e #topmenu */
#header
	{
	background-color: #DDDDDC;
	height: 130px;
	text-decoration: none;
	}

/* 	secondo elemento all'interno di #wrapper, sotto all'header.
	ogni contenuto vero e prorpio del sito sarà posizionato al suo interno */
#content
	{
	line-height: 1.25em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: transparent;
	width: 740px;;
	margin: 20px auto;
	}

/* 	posizionato fuori da wrapper, ha un'altezza e una larghezza fissa,
	ed è centrato orizzontalmente nella pagina */
#footer
	{
/*	position: relative;
	margin-top: -7.5em;*/
	padding-top: 50px;
	height: 20px;
	width: 760px;
	background-color: transparent;
	margin: 0 auto;
	}

/* classe usata per evitare sovrapposizioni */
.clearer
	{
	clear: both;
	}

/* end design */

/* begin inner header & image cycle*/

/* 	div dimensionata per ospitare le immagini che ciclano nell'header,
	è contenuta in header*/
#headergallery
	{
	width: 760px;
	height: 100px;
	}

/* end inner header & image cycle*/


/* begin menu */

/* 	menu di navigazione principale, visualizzato in ogni pagina
	il font è un serif per migliorare la resa grafica, ad altezza fissa
	per poi poter centrare verticalmente il testo*/
#topmenu
	{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	width: 760px;
	height: 35px;
	text-align: center;
	background: url(img/menubg.png) top left repeat-x;
	}

/* lista contenente i link del menu */
#topmenu ul
	{
	list-style-type: none;
	line-height: 35px;
	display: block;
	}

/* <li> a larghezza fissa per bottoni precisi al pixel */
#topmenu ul li
	{
	width: 94px;
	height: 35px;
	float: left;
	display: block;
	border-right: 1px solid #DDDDDC;
	} 

/* 	all'interno di <ul><li>, ha lo sfondo per consentire
	effetti di hover e active */
#topmenu a
	{
	width: 94px;
	height: 35px;
	color: #343434;
	text-decoration: none;
	display: block;
	background: url(img/menubg.png) top left repeat-x;
	}

/* 	tag <span> inserito poichè lo pseudo-elemento first-letter
	è applicabile solo a block-level elements */
#topmenu span
	{
	display: block;
	}

#topmenu a span:first-letter
	{
	color: #9c0000;
	}

/* spostamento del background in verticale */
#topmenu ul li a:hover
	{
	background-position: 0px -35px;
	}

#topmenu ul li a:active
	{
	color: #fff;
	background-position: 0px -70px;
	}

/* 	ultimo <li> del menu, trattato singolarmente per
	togliere il bordo a destra */
#topmenu ul li.menu-last
	{
	width: 95px;
	border: none;
	}

/* ultimo link adattato alle dimensioni del <li> */
#topmenu ul li a.menu-contacts
	{
	width: 95px;
	}

/* end menu */



/* begin home first section */

p.homedesc
	{
	display: block;
	width: 680px;
	margin: 0 auto;
	text-align: justify;
	font-weight: 500;
	}

/* end home first section */


/* begin home minigallery */
#home-minigallery
	{
	width: 740px;
	height: 400px;
	margin-top: 20px;
	}
/*  classe usata per attribuire l'ombra alla miniatura e
	dimensionare la miniatura stessa*/
	
#home-minigallery ul
	{
	list-style-type: none;
	}

.mini-img
	{
	background-image: url(img/shadow-box.gif);
	width: 160px;
	height: 110px;
	list-style-type: none;
	margin: 20px auto 0px auto;
	}

p.mini-desc
	{
	display: block;
	height: 12px;
	width: 180px;
	text-align: center;
	font:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	text-indent: -15px;
	margin: 0 auto;
	}

/* utilizzata per le due colonne laterali della mini galleria */
.mini-side
	{
	width: 220px;
	height: 450px;
	float: left;
	}

/* colonna centrale che contiene il giglio di Firenze */
#mini-middle
	{
	text-align: center;
	width: 290px;
	height: 450px;
	float: left;
	}

/* serve a centrare verticalmente il giglio */
#mini-middle img
	{
	padding-top: 40px;
	}

/* end home minigallery */

#visit-our-panoramas
	{
	text-align: center;
	margin-top: 50px;
	}

/* begin typography */
/* toglie ogni decorazione ai link all'interno di #content */

a:active
{
  outline: none;
}

a
{
  outline: none;
}

#content p a
	{
	text-decoration: none;
	}
	
/* formattazione del testo dei titoli */
#content h1.toptitle
	{
	text-align: center;
	line-height: 2em;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2em;
	}

/* formattazione del "tasto" back nelle pagine */
#content p.back
	{
	padding-top: 23px;
	padding-left: 10px;;
	font-weight: bold;
	}

#content p.back img
	{
	padding-right: 10px;
	}

#content p.back a:link, #content p.back a:visited
	{
	color: #343434;
	}
/* end typography */


/* begin monument gallery */

/* sottomenu con la lista dei monumenti */
#monument-left
	{
	float: left;
	width: 130px;
	}

/* allinea al testo il list-style-image (il giglio) */
#monument-left img
	{
	vertical-align: text-bottom;
	}

/* lista dei monumenti */
#monument-left ul
	{
	padding-top: 40px;
	margin-right: 10px;
	}

/* formattazione degli elementi della lista */
#monument-left ul li
	{
	padding: 2px 0px;
	list-style-type: none;
	list-style-image: url(img/giglio_mini.gif);
	margin-left: 20px;
	border-bottom: 1px solid #9C0000;
	}

#monument-left ul li.first
	{
	border-top: 1px solid #9C0000;
	}

#monument-left ul li a
	{
	display: block;
	text-decoration: none;
	color: #343434;
	font-size: .75em;
	font-weight: bold;
	}

/*  spazio dedicato all'eventuale aggiunta di elementi
	come pubblicità o una galleria di immagini */
#monument-right
	{
	float: right;
	width: 120px;
	height: 600px;
	margin-top: 88px;
	}

/* contiene la scheda del documento */
#monument-content
	{
	float: left;
	width: 480px;
	margin: 0 auto;
	}

/* box di testo contenente la descrizione del monumento */
.monument-desc
	{
	width: 460px;
	float: left;
	background: #343434;
	padding: 10px 10px;
	margin: 10px auto;
	color: #fff;
	}

.monument-desc a
	{
	text-decoration: underline;
	color: #fff;
	}

/* formattazione della first-letter nel box di testo */
.monument-desc span
	{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 300%;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #9C0000;
	float: left;
	}
	
/* end monument gallery */


/* begin map page */
/* contenitore della mappa */
#map
	{
	margin: 0 auto;
	width: 758px;
	height: 480px;
	border: 1px solid #343434;
	}

/* end map page */


/* begin panorama index */
/* pagina di scelta dei panorami */
#panoindex
	{
	text-align: center;
	list-style-type: none;
	margin: 0 auto;
	width: 720px;
	}

#panoindex p.desc:first-letter
	 {
	 color: #9C0000;
	 }

#panoindex img
	{
	margin-bottom: 20px;
	border: #9C0000 2px solid;
	}

/* formattazione del titolo del panorama */
#panoindex li p.desc
	{
	padding-bottom: 5px;
	text-align: left;
	text-indent: 50px;
	line-height: 1.25em;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.25em;
	}

/* end panorama index*/


/* begin monuments index */
/* lista dei monumenti */
#content ul.monuments
	{
	list-style-type:none;
	padding-left: 0px;
	width: 600px;
	float: left;
	}

/* formattazione dei link */
#content ul.monuments a, #content ul.monuments a:visited, #content ul.monuments a:link
	{
	text-decoration: none;
	color: #343434;
	}

/* titolo di ogni monumento */
#content ul.monuments h1
	{
	text-align: left;
	line-height: 1em;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2em;
	font-size: 1.5em;
	padding-bottom: 10px;
	padding-top: 15px;
	}

/* formattazione dei <li> */
#content ul.monuments li.desc
	{
	height: 95px;
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
	}

#content ul.monuments li.img
	{
	width: 90px;
	height: 90px;
	padding-right: 10px;
	float: left;
	margin-bottom: 10px;
	}

#content ul.monuments li img
	{
	padding-left: 5px;
	border-left: 2px solid #9c0000;
	}

/* riservati per usi futuri */
#content ul.monuments campanile
	{
	}

#content ul.monuments battistero
	{
	}

#content ul.monuments cestello
	{
	}

#content ul.monuments orsanmichele
	{
	}

#content ul.monuments san-miniato
	{
	}

#content ul.monuments santa-croce
	{
	}

#content ul.monuments duomo
	{
	}

#content ul.monuments santa-maria-novella
	 {
	 }

#content ul.monuments badia-fiorentina
	{
	}

#content ul.monuments fortezza-da-basso
	{
	}

#content ul.monuments uffizi
	{
	}

#content ul.monuments medici-riccardi
	{
	}

#content ul.monuments pitti-boboli
	{
	}

#content ul.monuments bargello
	{
	}

#content ul palazzo-vecchio
	{
	}

#content ul.monuments piazzale-michelangelo
	{
	}

#content ul.monuments ponte-vecchio
	{
	}

/* end monument index */


/* begin gallery */
#photogallery
	{
	border: 2px solid #9C0000;
	height: 600px;
	width: 720px;
	margin: 0 auto;
	}
/* end gallery */


/* begin history */
/* formattazione del box di testo */
#history, #name
	{
	width: 640px;
	margin: 0 auto;
	background: #343434;
	color: #DDDDDC;
	margin-top: 10px;
	padding: 10px 20px;
	text-align: justify;
	}


/* giglio posizionato a destra */
#history img
	{
	float: right;
	padding-left: 5px;
	padding-right: 20px;
	}

/* lettera iniziale rossa */
p.history span, p.name span
	{
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
/*	padding-left: -20px;*/
	margin-right: 25px;
	font-size: 8em;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #9C0000;
	float: left;
/*	border: solid 1px black;
*/	}

/* end history */


/* begin in the past */
/* classe applicata alla div che contiene le due immagini */
.compare
	{
	width: 720px;
	height: 240px;
	margin: 0 auto;
	}
/* immagine di sinistra */
.compare-img-left
	{
	padding: 7px;
	margin-right: 8px;
	border: 2px solid #9C0000;
	}

/* immagine di destra */
.compare-img-right
	{
	padding: 7px;
	margin-left: 8px;
	border: 2px solid #9C0000;
	}

/* box di testo descrittivo */
.in-the-past-desc
	{
	width: 580px;
	background: #343434;
	color: #DDDDDC;
	margin: 10px auto;
	margin-bottom: 10px;
	padding: 10px 20px;
	text-align: justify;
	}

/* lettera iniziale rossa del box descrittivo */
p.in-the-past-desc span
	{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 300%;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #9C0000;
	float: left;
	}

/* end in the past */



/* begin contacts */

/* formattazione pagina contatti */
p.contacts
	{
	text-align: center;
	width: 500px;
	margin: 0 auto;
	font-size: 1.25em;
	padding-top: 35px;
	line-height: 2em;
	}

p.contacts a, p.contacts a:link, p.contacts a:visited
	{
	color: #9C0000;
	}

/* end contacts */

/* dummy div */
/* utilizzata per risolvere le warning generate da <p> e <h*> vuoti */
.dummy
	{
	height: 0px;
	width: 0px;
	display: none;
	}



/* W3 buttons */

#footer div
	{
	font-size: .75em;
	}

#footer a.footerlink
	{color: #343434}

div.w3cbutton_container
	{
	display: block;
	float: left;
	}

div.w3cbutton1
	{
	font-family: helvetica,arial,sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 0pt 4em;
	position: relative;
	}

div.w3cbutton1 a
	{
	border-bottom: 2px solid #4A4A4A;
	border-top: 1px solid #CECECE;
	display: block;
	}
div.w3cbutton1 a.w3c1
	{
	border-left: 1px solid #CECECE;
	text-align: center;
	width: 3em;
	}

div.w3cbutton1 a.spec1
	{
	border-right: 2px solid #4A4A4A;
	left: 3em;
	padding-left: 0.5em;
	position: absolute;
	top: 0pt;
	width: 6em;
	}

div.w3cbutton1 a.w3c1:link, div.w3cbutton1 a.w3c1:visited, div.w3cbutton1 a.w3c1:hover
	{
	background-color: #666666;
	color: #ffffff;
	text-decoration: none;
	}

div.w3cbutton1 a.spec1:link, div.w3cbutton1 a.spec1:visited, div.w3cbutton1 a.spec1:hover
	{
	background-color: #dddddc;
	color: #9c0000;
	text-decoration: none;
	}

/* Google AdSense */

.w468h15
	{
	width: 468px;
	height: 15px;
	margin: 20px auto;
	}

.w468h60
	{
	width: 468px;
	height: 60px;
	margin: 20px auto;
	}

.w120h600
	{
	width: 120px;
	height: 600px;
	}

.w120h240
	{
	width: 120px;
	height: 240px;
	}
/* end AdSense */