@charset "UTF-8";
html, body 						{width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3e678b; margin: 0; padding: 0; text-align: center;}

body							{background: url(immagini/bg_body.jpg) repeat-x; background-color: #fff;}

div.clear						{clear: both; margin: 0; padding: 0; visibility: hidden;}

p.noflash					{text-align:left;font-size:12px;color:#ff0000;}

/******* GENERALE *******/

a								{color: #365e82; text-decoration: none;}

a:hover							{text-decoration: underline;}

a img							{border: 0;}								

/****** FINE GENERALE ******/
div#mainContainer				{width: 1004px; margin: 0 auto; text-align: center;/* border: 1px solid #000; */}

/****** HEADER ******/
div#mainHeader					{width: 983px; height: 125px; margin: 0 auto; /*border: 1px solid #0000ff;*/ position: relative; z-index:1; text-align: right;}

div#languages					{float: right; width: auto; height: 16px; background: url(immagini/bg_languages.png) repeat-x; margin: 0; padding-top: 4px; padding-right: 4px; text-align: right; }

p#lang							{margin: 0 5px 0 0; color: #fff; text-align: left; float: left; margin-left: 6px; display: inline;}

div#languages a img				{margin-left: 6px; position: relative; z-index: 100;}

#header							{width: 983px; height: 85px; position: absolute; top: 0; left: 0; z-index: 10;}

div#loghiCarte					{position: absolute; right: 0; bottom: 44px; z-index: 50;}

ul.menuPrincipale				{width: 983px; height: 35px; position: absolute; top: 85px; left: 0; margin: 0;  padding: 0; visibility:hidden; /*border: 1px solid #0000CC;*/}

	a#tab1						{width: 49px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;}
	
	a:hover#tab1				{background: url(immagini/bgBt_hover.png) repeat-x;}
		
	a#tab2						{width: 64px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;}

	a:hover#tab2 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab3						{width: 40px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;}

	a:hover#tab3 				{background: url(immagini/bgBt_hover.png) repeat-x;}
		
	li#tab4						{width: 67px; margin: 0 1px 0 0; }

	li.tab4default				{background: url(immagini/bgBt.png) repeat-x;}

	li.tab4hover 				{background: url(immagini/bgBt_hover.png) repeat-x !important;}
	
	li#tab5						{width: 85px; margin: 0 1px 0 0; color: #fff; text-transform: uppercase;} /*88*/
	
	li.tab5default				{background: url(immagini/bgBt.png) repeat-x;}

	li.tab5hover 				{background: url(immagini/bgBt_hover.png) repeat-x !important;}
	
	a#tab6						{width: 37px;margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*41*/

	a:hover#tab6 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab6_1						{width: 27px;margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*41*/

	a:hover#tab6_1 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab7						{width: 52px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*60*/

	a:hover#tab7 				{background: url(immagini/bgBt_hover.png) repeat-x;}

	a#tab8						{width: 100px;margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;}

	a:hover#tab8 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab9						{width: 60px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;}

	a:hover#tab9 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab10						{width: 88px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*91*/

	a:hover#tab10				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab11						{width: 70px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*67*/

	a:hover#tab11 				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab12 						{width: 84px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*46*/
	
	a:hover#tab12				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab13						{width: 78px; margin: 0 1px 0 0; background: url(immagini/bgBt.png) repeat-x;} /*80*/
	
	a:hover#tab13				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	a#tab14						{width: 68px; margin: 0; background: url(immagini/bgBt.png) repeat-x;} /*72*/
	
	a:hover#tab14				{background: url(immagini/bgBt_hover.png) repeat-x;}
	
	
	a.primo							{margin-left: 0px; }
	
	ul.menuPrincipale li				{float:left; position: relative; height:35px; line-height: 35px; text-align: center; list-style:none; z-index: 10; }
	
	ul.menuPrincipale li a				{color: #fff; text-decoration: none; text-transform: uppercase; line-height: 35px; display:block; height:35px; }
	
	ul.menuPrincipale ul				{margin: 0; padding: 0; list-style: none; width: 150px; text-align: left;/*border: 1px solid #ff00ff; */}

	ul.menuPrincipale ul li				{float: none; text-align: left; width: 150px; height: 22px; list-style-position: outside; line-height: 22px; margin: 0; padding: 0; /*border: 1px solid #ff0000; */}

	ul.menuPrincipale ul li a			{display: block; line-height: 22px; height: 22px; padding: 0; text-transform: uppercase; margin: 0; padding-left: 5px; background: url(immagini/bg_sottomenu.jpg) no-repeat; cursor: pointer;  }

	ul.menuPrincipale ul li a:hover		{background: url(immagini/bg_sottomenuHover.jpg) no-repeat; }

	ul.menuPrincipale ul.subMenu-off	{position: absolute; visibility: hidden; height: 0; overflow: hidden; }
	
	ul.menuPrincipale ul.subMenu-on		{position: absolute; top: 35px; left: 0; margin: 0; padding: 0; visibility: visible; }
	
	
	ul.menuPrincipale ul li	ul					{margin: 0; padding: 0; list-style: none; width: 180px; text-align: left;/*border: 1px solid #ff00ff; */}
	
	ul.menuPrincipale ul li	ul li				{float: none; text-align: left; width: 180px; height: 22px; list-style-position: outside; line-height: 22px; margin: 0; padding: 0; /*border: 1px solid #ff0000; */}
	
	ul.menuPrincipale ul li	ul li a				{display: block; line-height: 22px; height: 22px; padding: 0; text-transform: uppercase; margin: 0; padding-left: 5px; background: url(immagini/bgBt.png) repeat-x; cursor: pointer;  }

	ul.menuPrincipale ul li	ul li a:hover	{background: url(immagini/bgBt_hover.png) repeat-x; }

	ul.menuPrincipale ul li	ul.subMenu-off	{position: absolute; visibility: hidden; height: 0; overflow: hidden; }
	
	ul.menuPrincipale ul li	ul.subMenu-on		{position: absolute; top: 0px; left: 150px; margin: 0; padding: 0; visibility: visible; }




/****** FINE HEADER ******/




div#contPage					{width: 983px; min-height: 200px; height: auto !important; height: 200px; margin: 0 auto; border-bottom: 2px solid #487092; padding-bottom: 5px; text-align: left; /*border: 1px solid #ff0000; */ }




/*********** FOOTER **************/

div#footer						{clear: both; position: relative; width: 983px; height: 49px; line-height: 49px; margin: 0 auto; text-align:left; font-size:10px; color:#365e82; overflow:hidden;}

div.blocco_footer			{width: 200px; height: 49px; background: url(immagini/bg_campi_footer.jpg) right no-repeat; float:left; display:inline;}

div.blocco_footer img		{padding:0; margin:0; border:0;}

div.blocco_footer p			{font-size: 10px; line-height: 12px; color: #c6c6c6; text-align: center;}

div.blocco_footer p	a		{color: #c6c6c6;}

div.blocco_footer_dipnet {width: 183px; height: 49px; float:left; display:inline;}

div.blocco_footer_dipnet p	{font-size: 10px; line-height: 20px; color: #c6c6c6; text-align: center;}

div.blocco_footer_dipnet p	a		{color: #c6c6c6;}

/******* FINE FOOTER *******/


div#flash					{position: relative;}
span.clickhere				{position: absolute; top: 0; left: 0; font-size: 12px; display: block; width: 100%; height: 20px; line-height: 20px; background-color: #365E82; color: #fff; text-transform: uppercase; text-align: center;}

div#tooltip					{width:144px; height: 45px; position:absolute; background: url(immagini/tooltip.png) no-repeat; top: 15px; left:0; z-index: 300; visibility:hidden; text-align:left;}

div#tooltip p				{padding-top: 15px; font-size: 10px; text-transform:uppercase; color: #7ccef8; font-weight:bold; text-align: center; width: 130px;}

/******** EXTRA ********/

div#AOLdebug				{display:none; padding: 0 10px 10px; width: 480px; height: 180px; background-color: #000; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -250px; z-index: 300; text-align: center;}

div#AOLdebug img			{width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; position: absolute;}

/****** OVERLAY FORM *******/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/****** FINE OVERLAY FORM ******/

/****** CONTENITORE MESSAGGIO OVERLAY *******/

div#contsLightbox			{padding: 10px; width: 480px; height: 180px; background-color: #fff; border:2px solid #008cd6; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -250px; z-index: 300;text-align: left;}

div#contsLightbox p		{width: 480px; margin: 5px 0 0; line-height: 18px; color: #cba10d; font-size: 12px; text-align: justify;}

div#contsLightbox a#btnLeft		{position: absolute; left: 3px; bottom: 3px; color: #fff; background: #008cd6; text-decoration: none; text-transform: uppercase; padding: 5px;}

div#contsLightbox a#btnRight		{position: absolute; right: 3px; bottom: 3px; color: #fff; background: #008cd6; text-decoration: none; text-transform: uppercase; padding: 5px;}

div#contsLightbox a:hover	{color: #fff !important; background-color: #cba10d;}

img#box_re-age_logo			{padding: 0; padding-left: 10px;}

div#box_re-age_messaggio		{margin: 25px auto; text-align: center;}

div#box_re-age_messaggio h1		{font-size: 14px; line-height: 20px; font-family: Verdana; font-weight: normal; color: #008cd6; text-transform: uppercase; padding: 0; margin: 0;}