/* CSS Document */
div#container {
	margin: 0px auto;
	width: 595px;
	background: #fff;
	border: 1px solid #6284E7;
}

div#header {
	width: 595px;
	text-align: center;
}

div#menu {
	width: 170px;
	float:left;
	padding: 5px;
}

div#main {
	width: 390px;
	float:right;
	padding: 5px 10px 10px 0px;}

div#intro {
	width: 595px;
	text-align: center;
	padding: 5px;
}

div#footer {
	clear:both;
	width: 595px;
	font-size: 6.5pt;  color: #96adea;
	text-align:center;
	padding: 2px;
	}

div#menu1{
	width: 170px;
	padding:4px;
	border: 1px solid #bac9f5;
	background-image:url(img/sfondodiv.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
	

div#form{
	width: 400px;
	background-color: #fff;
	border:  1px solid #6284e7;
	padding: 10px; 
	margin: auto;
	}

/*----------------------------------------------------*/	
	body
{ background-color: #c5d3f5;}
 
p, td, body 
{	font-size: 9pt; color: #6284e7;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited 
{color: #0e41d2; text-decoration: none;}
a:hover
{color: #0e41d2; text-decoration: underline;}

a.menu:link, a.menu:active, a.menu:visited
{color: #0e41d2; text-decoration: none; display:block; border: 1px solid #6284E7; width: 70px;}
a.menu:hover
{color: #0e41d2; text-decoration: underline;}

input, textarea, select, radio {
		background-color:#fff;
		font-size: 9pt; color: #000;
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
		border: 1px solid #6284e7;
		padding: 3px;
	}

/* -------------------CSS IMAGE GALLERY------------------- */
.gallerycontainer{
position: relative;
text-align: center;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #baccff;
padding: 2px; 
margin: 2px;
}

.thumbnail:hover {
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #6284e7;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: 0px;
border: 1px solid #baccff;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 0px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 191px; /*position where enlarged image should offset horizontally */
top: -40px;
font-size: 8pt;
}
 a.thumbnail:hover {font-size: 8pt; color: #0e41d2; text-decoration: none; }
/* -------------------CSS MENU BAR------------------- */

.shadetabs{
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin: 3px 0px;
clear: both;
}

.shadetabs ul{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size: 8pt;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 2px;
margin-right: 2px;
border: 1px solid #96adea;
color: #96adea;
background: white url(img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #6284e7;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #6284e7;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}