* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body { 
	text-align:center;
	min-height:624px;/* for good browsers*/
	min-width:1005px;/* for good browsers*/
	background-color:#82053b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#747373;
}
IMG {
border:0px;
}
/*
p {

	margin-bottom: 10px;

}
*/
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	padding-top:50px;
	display:table-cell;
	height: 644px;
}	
#xinner {
	width: 996px;
	background:#fff;
	height: 607px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/background.jpg");
	position:relative;
}
#xcontent {
	width:100%;
	position:absolute;
	top:21px;
	left:12px;
	text-align:left;
}


  /***********/
 /* BOTTONI */
/***********/

/* Rollover buttons */
.buttons {
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	 float: left;
	/*margin: 0px 5px 0 0;*/
	background-position: 0 100%;
	margin:0;
	padding:0;
}

/* Rolloff state */
.buttons div a {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	margin:0;
	padding:0;	
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.buttons div span		{ display: none; }
.buttons div a:hover	{ background-image: none; }


/* STILI PAGINE */

#banner_info {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_home {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:280px;
	left:25px;
}

#banner_labfam {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_labscu {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_mostreeventi {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_uffstampa {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_gruppi_adulti {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_didattica_formazione {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_fondazione_castello {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#banner_collaborazioni {
	background-image:url(../img/babel-cover.jpg);
	height:200px;
	width:104px;
	position:absolute;
	top:250px;
	left:813px;
}

#flag {
	background-image:url(../img/flag.png);
	height:219px;
	width:218px;
	position:absolute;
	top:7px;
	left:8px;
}

#work_in_progress {
	position:absolute;
	top:100px;
	left:100px;
	width:650px;
	height:424px;
	background-image:url("../img/in_aggiornamento.png");
	z-index:0;
}

 a:link{
	color:#747373;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}

a:visited{
	color:#747373;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}

a:hover{
	color:#7f0f3a;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}
a:active{
	color:#747373;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}

#skip_intro_button {
position:absolute;
top:549px;
left:56px;
}

/* FOOTER */
#copyright {
	position:absolute;
	top:610px;
	left:0px;
	font-size:9px;	
	color:#747373;
	width:100%;
}

/* MENU SERVIZIO */
#menu2 {
	position:absolute;
	top:614px;
	left:0px;
	width:100%;
	font-size:9px;	
}
a.menu2:link{
	color:#333333;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}

a.menu2:visited{
	color:#333333;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}

a.menu2:hover{
	color:#1a8900;
	text-decoration:underline;
	font-size:9px;
	font-weight:normal;
}

/* VARIANTE VERDE */
a.menu2_verde:link{
	color:#1a8900;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}

a.menu2_verde:visited{
	color:#1a8900;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}

a.menu2_verde:hover{
	color:#333333;
	text-decoration:underline;
	font-size:9px;
	font-weight:normal;
}
#colonna1 {
	width:222px;
	height:520px;
	/** border:1px solid #000000; **/
	position:absolute;
	top:50px;
	left:47px;
	z-index:4;
}
#colonna2 {
	width:400px;
	height:520px;
	/** border:1px solid #000000; **/
	position:absolute;
	top:50px;
	left:300px;
	z-index:5;
}
#colonna2_testo {
	width:94%;
}
#colonna3 {
	width:200px;
	height:520px;
	/** border:1px solid #000000; **/
	position:absolute;
	top:50px;
	left:741px;
		z-index:8;
}
#colonna4 {
	width:670px;
	height:520px;
	/** border:1px solid #000000; **/
	position:absolute;
	top:50px;
	left:40px;
	z-index:5;
}
#top_menu {
	width:950px;
	height:30px;
	position:absolute;
	top:20px;
	left:25px;
}


/* Rollover buttons */
.buttons {
}

/* Rollover state */
.buttons div {
	 float: left;
	margin: 0px 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
.buttons div span		{ display: none; }
.buttons div a:hover	{ background-image: none; }

/* INIZIO DEFINIZIONE PULSANTI */

.pulsante-nota a {
background: transparent none 0 0 no-repeat;
width: 40px;
height: 40px;
background-image: url("../img/bottonenota.png");
}
.pulsante-nota {
background-position: 0 100%;
width: 40px;
height: 40px;
background-image: url("../img/bottonenota.png");
}


.pulsante-home a {
background: transparent none 0 0 no-repeat;
width: 40px;
height: 17px;
background-image: url("../img/tasti/home.gif");
}
.pulsante-home {
background-position: 0 100%;
width: 40px;
height: 17px;
background-image: url("../img/tasti/home.gif");
}
.pulsante-mostre a {
background: transparent none 0 0 no-repeat;
width: 108px;
height: 17px;
background-image: url("../img/tasti/mostre-eventi.gif");
}
.pulsante-mostre {
background-position: 0 100%;
width: 108px;
height: 17px;
background-image: url("../img/tasti/mostre-eventi.gif");
}
.pulsante-informazioni a {
background: transparent none 0 0 no-repeat;
width: 86px;
height: 17px;
background-image: url("../img/tasti/informazioni.gif");
}
.pulsante-informazioni {
background-position: 0 100%;
width: 86px;
height: 17px;
background-image: url("../img/tasti/informazioni.gif");
}
.pulsante-fondazione a {
background: transparent none 0 0 no-repeat;
width: 167px;
height: 17px;
background-image: url("../img/tasti/fondazione-castello.gif");
}
.pulsante-fondazione {
background-position: 0 100%;
width: 167px;
height: 17px;
background-image: url("../img/tasti/fondazione-castello.gif");
}
.pulsante-didattica a {
background: transparent none 0 0 no-repeat;
width: 146px;
height: 17px;
background-image: url("../img/tasti/didattica-formazione.gif");
}
.pulsante-didattica {
background-position: 0 100%;
width: 146px;
height: 17px;
background-image: url("../img/tasti/didattica-formazione.gif");
}
.pulsante-contatti a {
background: transparent none 0 0 no-repeat;
width: 60px;
height: 17px;
background-image: url("../img/tasti/old/contatti.gif");
}
.pulsante-contatti {
background-position: 0 100%;
width: 60px;
height: 17px;
background-image: url("../img/tasti/old/contatti.gif");
}
.pulsante-archivio a {
background: transparent none 0 0 no-repeat;
width: 139px;
height: 9px;
background-image: url("../img/menu/archivio-off.gif");
} 
.pulsante-archivio {
background-position: 0 100%;
width: 139px;
height: 9px;
background-image: url("../img/menu/archivio-off.gif");
}
.pulsante-news-fondazione a {
background: transparent none 0 0 no-repeat;
width: 139px;
height: 9px;
background-image: url("../img/menu/news-fondazione-off.gif");
}
.pulsante-news-fondazione {
background-position: 0 100%;
width: 139px;
height: 9px;
background-image: url("../img/menu/news-fondazione-off.gif");
}
.pulsante-ufficio-stampa a {
background: transparent none 0 0 no-repeat;
width: 139px;
height: 9px;
background-image: url("../img/menu/ufficio-stampa.gif");
}
.pulsante-ufficio-stampa {
background-position: 0 100%;
width: 139px;
height: 9px;
background-image: url("../img/menu/ufficio-stampa.gif");
}
.pulsante-entra a {
background: transparent none 0 0 no-repeat;
width: 70px;
height: 18px;
background-image: url("../img/tasti/entra.png");
}
.pulsante-entra {
background-position: 0 100%;
width: 70px;
height: 18px;
background-image: url("../img/tasti/entra.png");
}
.visite-gruppi-adulti a {
background: transparent none 0 0 no-repeat;
width: 258px;
height: 11px;
background-image: url("../img/tasti/visite-gruppi-adulti.gif");
}
.visite-gruppi-adulti {
background-position: 0 100%;
width: 258px;
height: 11px;
background-image: url("../img/tasti/visite-gruppi-adulti.gif");
}
.laboratori-famiglie a {
background: transparent none 0 0 no-repeat;
width: 186px;
height: 11px;
background-image: url("../img/menu/laboratori-famiglie.gif");
}
.laboratori-famiglie {
background-position: 0 100%;
width: 186px;
height: 11px;
background-image: url("../img/menu/laboratori-famiglie.gif");
}
.laboratori-scuole a {
background: transparent none 0 0 no-repeat;
width: 176px;
height: 11px;
background-image: url("../img/tasti/laboratori-scuole.gif");
}
.laboratori-scuole {
background-position: 0 100%;
width: 176px;
height: 11px;
background-image: url("../img/tasti/laboratori-scuole.gif");
}
.collaborazioni a {
background: transparent none 0 0 no-repeat;
width: 105px;
height: 11px;
background-image: url("../img/menu/collaborazioni.gif");
}
.collaborazioni {
background-position: 0 100%;
width: 105px;
height: 11px;
background-image: url("../img/menu/collaborazioni.gif");
}


#titolo2 {
padding:40px 0px 20px 0px;
}
#titolo3 {
padding:21px 0px 13px 25px;
}
#top_menu_tasto {
float:left;
padding-right:15px;
}
#top_menu_tasto2 {
	padding-bottom:5px;
}
#logo {
position:absolute;
top: 20px;
left:57px;
}
#menu {
position:absolute;
top: 430px;
left:35px;
width:160px;
height:60px;
}
#menu_tasto {
padding-bottom:9px;
}
#colonna1_piede {
position:absolute;
top:406px;
left:1px;
width:222px;
height:115px;
}
#colonna1_testo {
	padding:0px 20px 0px 25px;
}
#maindiv {
	width: 420px;;
	height: 370px;
	overflow: hidden;
	margin: 0;
	padding:0;
}
#maindiv2 {
	width: 700px;;
	height: 370px;
	overflow: hidden;
	margin: 0;
	padding:0;
}
#maindiv3 {
	width: 305px;;
	height: 370px;
	overflow: hidden;
	margin: 0;
	padding:0;
}

#outdiv {
	width: 400px;
	height: 370px;
	overflow: hidden;
	margin: 0px;
	padding:0;
}
#outdiv2 {
	width: 680px;
	height: 370px;
	overflow: hidden;
	margin: 0px;
	padding:0;
}
#outdiv3 {
	width: 285px;
	height: 370px;
	overflow: hidden;
	margin: 0px;
	padding:0;
}
#scrolldiv {
	width: 420px;
	height: 360px;
	overflow: auto;
	margin: 0;
	padding:0;
}
#scrolldiv P {
padding-right:15px;
}

#scrolldiv_doppio {
	width: 700px;
	height: 360px;
	overflow: auto;
	margin: 0;
	padding:0;
}
#scrolldiv_doppio P {
padding-right:15px;
}

#scrolldiv_stretto {
	width: 305px;
	height: 360px;
	overflow: auto;
	margin: 0;
	padding:0px;
}
#scrolldiv_stretto P {
padding-right:15px;
}

#freccie {
position:absolute;
top:510px;
left:705px;
}
#freccie IMG {
padding-bottom:7px;
}
.titolo4 {
font-weight:bold;
color:#82053b;
display:block;
padding:30px 0px 8px 0px;
}
.titolo5 {
font-weight:bold;
color:#82053b;
display:block;
padding:0px 0px 0px 0px;
}
.titolo6 {
font-weight:bold;
color:#82053b;
display:block;
padding:35px 0px 0px 0px;
}
.titolo7 {
font-weight:bold;
color:#82053b;
display:block;
padding:10px 0px 0px 0px;
}

.titolo8{
	font-weight:bold;
color:#82053b;
display:block;
padding:15px 0px 0px 0px;
}

#titolo5 {
padding:30px 0px 20px 0px;
}
#white_back {
position:absolute;
width:250px;
height:510px;
top:60px;
left:33px;
background-color:#FFFFFF;
z-index:0;
}
#entra {
position:absolute;
top:490px;
left:720px;
z-index:6;
font-size:14px;
}
#entra A {
color:#FFFFFF;
}
#entra A:visited {
color:#FFFFFF;
}
#entra A:active {
color:#FFFFFF;
}
#entra A:hover {
color:#747373;
}
#colonna_interna {
}
#colonna_interna2 {
width:310px;
float:left;
padding-top:30px;
}
#colonna_internaA {
width:310px;
padding-top:30px;
float:left;
margin-right:30px;
}

#colonna_internaB {
width:310px;
padding-top:30px;
float:left;
}
#credits {
	position:absolute;
	top:625px;
	left:770px;
	width:212px;
	height:25px;
	display:none;
}
#icon_close {
	position:absolute;
	top:-6px;
	left:206px;
}
.link_bianco A {
	color:#999999;
	text-decoration:none;
}
.link_bianco A:hover {
	color:#999999;
	text-decoration:none;
}
.link_bianco A:active {
	color:#999999;
	text-decoration:none;
}
.link_bianco A:visited {
	color:#999999;
	text-decoration:none;
}