﻿Html, Body
{
	margin: 3px;
	background-color: #ffccff;
	font:9pt verdana, arial, helvetica;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	font:bold 12pt verdana, arial, helvetica;
	/*line-height:1.1em;*/
	margin-top: 5px; 
	margin-bottom: 5px; 
}

p
{
	margin-left:8px;
	margin-right:12px;
	margin-top:4px;
	margin-bottom:4px;
}



a:link, a:visited 
{
	color: #3399ff;
	text-decoration: none;
}
a:hover, a:focus, a:active
{
	color: #3399ff;
	text-decoration:underline;
}

#Struttura
{
	
	width: 912px;
	margin: 0 auto;
	background-color:White;
	padding: 1px 1px 1px 1px;
	border: solid 1px #ff99ff;
}

#Header
{
	height: 100px;
	margin-top: 1px;
	margin-bottom: 1px;
}

#BannerSx
{
	float:left;
	height: 100px;
	width: 120px;
}

#Banner
{
	height: 100px;
	margin-left: 120px;
	vertical-align:middle;
}

#Banner H1 {
	color: #ff99ff;
	text-align:left;
	font: bold 30pt verdana, arial, helvetica;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:6px;
	font-style:italic;
}
#Banner H2 {
	color: #ff99ff;
	text-align:left;
	font: bold 18pt verdana, arial, helvetica;
	font-style:italic;
	margin-left:140px;
}

#BannerDx
{
	float:right ;
	height: 100px;
	width: 240px;
}

#BannerDx H1 {
	text-align:center;
	font: bold 11pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:5px;
	width:100%;
}
#BannerDx H2 {
	text-align:center;
	font: 9pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:4px;
	width:100%;
}


#Menu
{
	margin-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}


.MainLeft
{
	clear:left;
	float: left;
	width: 180px;
	border: solid 1px #ff99ff;
	margin-left: 1px;
	margin-top: 1px;
	margin-bottom: 2px;
	/*background-color: #ffcccc;*/
}
.MainLeft Img
{
	margin:1px;
	margin-bottom:-1px;
}


#Main
{
	margin-left: 184px; /*184px*/
	border: solid 1px white;
	/*margin-right:1px;*/
	margin-top:2px;/**/
	margin-bottom:1px;
}

#Main h1
{
	font: bold 11pt verdana, arial, helvetica;
	color: #3399ff;
	margin-left: 8px;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-indent: 10px;
}

#Main h2
{
	font: bold 10pt verdana, arial, helvetica;
	color: #cc33ff;
	margin-left: 8px;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
}


#MainImg
{
	/*height: 301px;*/
	margin-bottom:1px;
	padding-left: 1px;
	padding-right: 1px;
}

#MainImgSx 
{
	background: white;
	float: left;
	width: 708px;
	height: 300px;
	}

#MainImgSxTemp
{
	clear:both;
	position:absolute;
	width: 300px;
	height: 80px;
	}

#MainImgSxTemp2
{
	clear:both;
	position:absolute;
	margin-top:80px; /* 30px; */
	width: 190px; 
	height: 80px;
	}

#MainImgSxTemp H1 {
	text-align:center;
	font: bold 9pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;

/*	text-align:center;
	font: bold 12pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:10px;
	margin-bottom:5px;
	width:100%;*/
}

#MainImgSxTemp2 H2 {
	text-align:center;
	font: bold 9pt verdana, arial, helvetica; 
	font-style:italic;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;

/*	text-align:center;
	font: bold 12pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:10px;
	margin-bottom:5px;
	width:100%;*/
}

#MainImgSxTemp H2 {
	text-align:center;
	font: 8pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:2px;
	margin-bottom:2px;
	width:100%;

/*	text-align:center;
	font: 10pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:4px;
	width:100%;*/
}

#MainImgSxTemp2 H2 {
	text-align:center;
	font: 9pt verdana, arial, helvetica; /*8pt*/
	font-style:italic;
	margin-top:2px;
	margin-bottom:2px;
	width:100%;

/*	text-align:center;
	font: 10pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:4px;
	width:100%;*/
}

#MainImgDxTemp
{
	clear:both;
	position:absolute;
	width: 160px;
	height: 80px;
	}


#MainImgDxTemp H1 {
	text-align: left ;
	font: bold 14pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:14px;
	margin-left:6px;
	width:100%;
}
#MainImgDxTemp H2 {
	text-align: left ;
	font: bold 10pt verdana, arial, helvetica;
	font-style:italic;
	width:100%;
	text-indent:12px;
	margin-top:-8px;
}

#MainImgDxTemp H3 {
	text-align: left ;
	font: bold 14pt verdana, arial, helvetica;
	font-style:italic;
	width:100%;
	margin-left:6px;
	margin-top:-8px;
}

#MainImgDxTemp H4 {
	text-align: justify;
	font: bold 8pt verdana, arial, helvetica;
	font-style:italic;
	width:190px;
	margin-left:4px;
	margin-top:196px;
	line-height:16px;
}

#MainImgDx {
	background: white;
	float: right;
	width: 200px;
	height: 300px;
	}

#SottoMenu
{
	clear:left;
	margin-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

#SottoMenu00
{
	padding-top: 2px;
	border-top: 3px solid #ff99ff;
	border-bottom: 3px solid #ff99ff;
	height:142px; 
}

/*24%*/
div#SottoMenu01{float:left;width:223px;margin-left:0px;height:140px; } /*padding: 10px 1px 0px 0px;*/
div#SottoMenu02{float:left;width:223px;margin-left:2px;border-left: 1px solid #ff99ff; height:140px; padding-left:2px;}
div#SottoMenu03{float:left;width:223px;margin-left:2px;border-left: 1px solid #ff99ff; height:140px; padding-left:2px;}
div#SottoMenu04{float:left;width:223px;margin-left:1px;border-left: 1px solid #ff99ff; height:140px; padding-left:2px;}

#SottoMenu img
{
	float:left;
	margin-top: 2px;
	margin-left: 67px;
	height:85px;
	width:85px;  
}

#SottoMenu p {
	height: 20px;
	width:100%;
	background-color: #3399ff;
	font:bold 9pt verdana, arial, helvetica;
	text-align:center; 
	vertical-align:middle;
	color:White;
	line-height:18px;
	margin: 0px;
	padding: 0px;
}

.TitoloSottoMenu {
	height: 20px;
	border-top: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	margin-bottom: 5px;
	padding:  1px 1px 1px 1px;
}


#Footer
{
	clear:left;
	margin-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

#Footer00
{
	height: 20px;
	border-top: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	padding:  1px 1px 1px 1px;
}

#Footer p
{
	height: 20px;
	width:100%;
	background-color: #3399ff;
	font:bold 7.4pt verdana, arial, helvetica;
	text-align:center; 
	vertical-align:middle;
	color:White;
	line-height:18px;
	margin: 0px;
	padding: 0px;
}



#Titolo
{
	margin-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
}

#Titolo00
{
	height: 30px;
	border-top: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	padding:  1px 1px 1px 1px;
}

#Titolo p
{
	height: 30px;
	width:100%;
	background-color: #3399ff;
	font:bold 14pt verdana, arial, helvetica;
	text-align:center; 
	vertical-align:middle;
	color:White;
	line-height:30px;
	margin: 0px;
	padding: 0px;
}


.SottoTitolo
{
	margin-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.SottoTitolo00
{
	height: 20px;
	border-top: 1px solid #ff99ff;
	border-bottom: 1px solid #ff99ff;
	padding:  1px 1px 1px 1px;
}

.SottoTitolo p
{
	height: 20px;
	width:100%;
	background-color: #ff99ff;
	font:bold 10pt verdana, arial, helvetica;
	text-align:left; 
	text-indent: 10px;
	vertical-align:middle;
	color:White;
	line-height:20px;
	margin: 0px;
	padding: 0px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:24px; border-top:1px solid #ff99ff; border-bottom:1px solid #ff99ff; font:bold 10pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative;  border-left:1px solid #ffffff; border-right:1px solid #ffffff; width:180px;  } 
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ff99ff; color:#ffffff; height:16px; width:180px; } 
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ff66ff; color:#ffffff;  height:16px; width:180px;  } 
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:182px; position:absolute; top:24px; left:-3px; border:1px solid #ff99ff; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:180px; clear:left; width:180px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#ff99ff; padding:4px 0; width:180px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover
{
	clear: left;
	background: #ff66ff;
	padding: 4px 0;
	width: 180px;
	border: none;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1000;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:180px; top:-2px; padding:1px 1px 0 1px; border:1px solid #ff99ff; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#ff99ff; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ff66ff; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }




ul.navigation-1b
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:22px; border-top:1px solid #3399ff; border-bottom:1px solid #3399ff; font:bold 9pt verdana, arial, helvetica;}
ul.navigation-1b li
	{ margin:0; padding:0; display:block; float:left; position:relative;  border-left:1px solid #ffffff; border-right:1px solid #ffffff; width:222px;  } 
ul.navigation-1b li a:link,
ul.navigation-1b li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#3399ff; color:#ffffff; height:14px; width:222px; } 
ul.navigation-1b li:hover a,
ul.navigation-1b li a:hover,
ul.navigation-1b li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#0066ff; color:#ffffff;  height:14px; width:222px;  } 


ul#navigation-sx  {
margin: 0px;
padding: 0px;
list-style: none;
}
ul#navigation-sx  {
font:bold 9pt verdana, arial, helvetica;
display: inline;
margin: 0px;
padding: 0px;
}
ul#navigation-sx a:link, ul#navigation-sx a:visited {
display: block;
background-color: #3399ff;
color: #fff;
margin: 1px;
padding: 0.3em 0.6em 0.3em 0px;
text-decoration: none;
border-bottom: 1px solid #0066ff;
border-left: 10px solid #0066ff;
}
ul#navigation-sx a:hover, ul#navigation-sx a:focus, ul#navigation-sx a:active{
padding: 0.3em 0.6em 0.3em 6px;
background-color: #0066ff;
color: #FFFFFF;
border-left: 10px solid #ff99ff;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



#LinksSx
{
	float:left;
	height: 100px;
	width: 100px;
}

#Links
{
	height: 100px;
	width:240px;
	margin-left: 100px;
	vertical-align:middle;
}

#Links H3 {
	text-align:center;
	font: bold 11pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:5px;
	width:100%;
}
#Links H4 {
	text-align:center;
	font: 9pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:3px;
	margin-bottom:4px;
	width:100%;
}

#Links a:link, #Links a:visited 
{
	color:Black;
	text-decoration: none;
}
#Links a:hover, #Links a:focus, #Links a:active
{
	color:Black;
	text-decoration:underline;
}


#Eventi
{
	}

#Eventi .lstEvento{border-bottom: 1px dotted #ff33ff; width: 100%; margin-bottom:5px;} /*risolve il peek-a-boo bug di IE6*/
#Eventi .tabLeft{width:10%;	text-align: right;}
#Eventi .tabRight{width:90%; text-align: left;}



#Eventi li
{
	height:20px;
	vertical-align:top;
	}


#Eventi .lstEvento H1
{
	text-indent:0px;
	color: #0066ff; 
	font:  bold 10pt verdana, arial, helvetica;	
	margin-bottom:10px;
	}

#Eventi .lstEvento H2
{
	color:Black;
	font: 10pt verdana, arial, helvetica;	
	text-indent:0px;
	}

.lstEventoRight 
{
	text-align:right;
	font: 8pt verdana, arial, helvetica;
	margin-bottom:10px;	
}





#Libri
{
	}

#Libri .textimage{border-bottom: 1px solid white; width: 100%} /*risolve il peek-a-boo bug di IE6*/
#Libri .textimage img{float:left;margin-bottom: 4px; margin-right: 10px; padding:1px; border: 1px solid #ff99ff;}
#Libri .sepLibri{border-bottom: 1px dotted #ff33ff; width: 100%; margin-bottom:5px;} /*risolve il peek-a-boo bug di IE6*/

#Libri .textimage h1
{
	margin-top: 5px; 
	margin-bottom: 10px; 
	color: #ff33ff; 
	font: bold 18pt verdana, arial, helvetica;	
	}
#Libri .textimage h2
{
	margin-top: 5px; 
	margin-bottom: 10px; 
	color: #0066ff; 
	font:   12pt verdana, arial, helvetica;	
	}
#Libri .textimage h3
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #9933ff;
	font: 11pt verdana, arial, helvetica;
}

#Libri .textimage h4
{
	margin-top: 10px; 
	margin-bottom: 24px; 
	color: #0066ff; 
	font:  10pt verdana, arial, helvetica;	
	}




#ChiSiamo
{
	}

#ChiSiamo .TextImageCS{border-bottom: 1px solid white; width: 100%} /*risolve il peek-a-boo bug di IE6*/
#ChiSiamo .TextImageCS img{float:left;margin-bottom: 1px;  margin-left: 1px; margin-right: 10px; padding:1px; border: 1px solid #3399ff;}





#MainImgSxDesc
{
	clear:both;
	position:absolute;
	width: 160px;
	height: 80px;
	}


#MainImgSxDesc H1 {
	text-align: left ;
	font: bold 12pt verdana, arial, helvetica;
	font-style:italic;
	margin-top:14px;
	margin-left:6px;
	width:100%;
}
#MainImgSxDesc H2 {
	text-align: left ;
	font: bold 8pt verdana, arial, helvetica;
	font-style:italic;
	width:100%;
	text-indent:12px;
	margin-top:-8px;
}

#MainImgSxDesc H3 {
	text-align: left ;
	font: bold 12pt verdana, arial, helvetica;
	font-style:italic;
	width:100%;
	margin-left:6px;
	margin-top:-8px;
}

#MainImgSxDesc H4 {
	text-align: justify  ;
	font: bold 7pt verdana, arial, helvetica;
	font-style:italic;
	width:100%;
	margin-left:8px;
	margin-top:165px;
	line-height:14px;
}









/* misc
----------------------------------------------- */

.section
{
	border-bottom: 1px solid white;  
	/*padding: 5px 1px 5px 1px;*/ 
	width:100%;
	margin-bottom: 5px;
	padding-bottom: 15px;
	}

.thumbnail{
	padding: 1px 1px 0px 1px;
	background-color: white;
	border: 1px solid #ff99ff;/*#3399ff;*/
	float: left;
	margin-top: 10px;
	margin-right: 27px;
	margin-bottom: 10px;
	}	


