@font-face {
    font-family: 'graphite';
    src: url('./font/graphlt.eot');
    src: url('./font/graphlt.eot?#iefix') format('embedded-opentype'),
    url('./font/graphlt.woff') format('woff'),
    url('./font/graphlt.ttf') format('truetype'),
    url('./font/graphlt.svg#graphlt') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
    font-family: 'discoregular';
    src: url('./font/disco-webfont.eot');
    src: url('./font/disco-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/disco-webfont.woff') format('woff'),
         url('./font/disco-webfont.ttf') format('truetype'),
         url('./font/disco-webfont.svg#discoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face
{
font-family: 'graphite2';
src: url('./font/graphlt.ttf')
    ,url('./font/graphlt.eot')
		,url('./font/graphlt.svg')
    ,url('./font/graphlt.woff')
		,url('./font/graphlt.otf');
}



* {font-family :  'Happy Monkey',cursive, Verdana,  "Comic Sans MS",  'comic sans',sans-serif, modern, 'Happy Monkey',  Times, Arial,  graphite, graphite2, discoregular;}


BODY {
  background-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #000000;
}

td {
	line-height : 10px;
	font-size : 8px;
	color: #000000;
}


.centraltd {
 background-color : #B0B0B0;
}

small {
	font-size : 9px; 
	color: #000000;
	line-height : 13px;

}

.copyright {
	font-size : 9px;
	letter-spacing: 2px; 
	color: #ffffff;
}

.text {
	font-size : 12px;
	line-height : 24px;
	margin-left : 15px;
	margin-right : 15px;
	text-align : justify;

}

p {
	line-height: 18px;
}

.ptext {
	line-height: 22px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #000000;
	text-align:justify;
	margin-left:1.5cm;
	margin-right:1.5cm;
}

.ttext {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #000000;
	margin-left:1.5cm;
	margin-right:1.5cm;
	line-height:25px;
}

.tdimgev {
	padding-left: 1.5cm;
	padding-right: 0.0cm;
}

.ptextcenter {
	line-height: 18px;
	font-size: 18px;
	letter-spacing: 1px;
	color: #000000;
	text-align:center;
	margin-left:2cm;
	margin-right:2cm;
	line-height:25px;
}



.frecce {
	font-size : 24px;
	letter-spacing: 2px; 
	color: #ffffff;
}

b {
	font-size : 16px;
	color: #404040;
}


A:link, A:visited { text-decoration: none; color: #404040; font-weight : normal; 	font-size : 16px; letter-spacing: 2px;}
A:hover { text-decoration: none; color: #505050; font-weight : normal; letter-spacing: 2px;}

.image {
	border-width: 5px; 
	border-color: #ffffff;
}

A.freccia:link, A.freccia:visited { text-decoration: none; color: #ffffff; font-weight : normal; 	font-size : 20px; letter-spacing: 2px;}
A.freccia:hover { text-decoration: none; color: #ffffff; font-weight : normal; letter-spacing: 2px;}

A.contatti:link, A.contatti:visited { text-decoration: none; color: #000000; font-weight : normal; 	font-size : 20px; letter-spacing: 2px;}
A.contatti:hover { text-decoration: none; color: #000000; font-weight : normal; letter-spacing: 2px;}

A.gallery:link, A.gallery:visited { text-decoration: none; color: #404040; font-weight : normal; 	font-size : 16px; letter-spacing: 2px;}
A.gallery:hover { text-decoration: none; color: #404040; font-weight : normal; letter-spacing: 2px;}

A.portfolio:link, A.gallery:visited { text-decoration: none; color: #404040; font-weight : normal; 	font-size : 16px; letter-spacing: 2px;}
A.portfolio:hover { text-decoration: none; color: #404040; font-weight : normal; letter-spacing: 2px;}


.titlegallery {
	margin-left: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #eaeaea;
	text-shadow: 1px 1px 2px black;
  filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}

h1 {
	font-size: 15px;
	font-weight: bold;
	/*font-style: italic;*/
	letter-spacing: 5px;
	color: #404040;
}

/*h1.titlesitewhite {
	margin-top: 10px;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	letter-spacing: 4px;
	color: #ffffff;
}

h1.titlesitered {
	margin-top: 10px;
	font-size: 30px;
	letter-spacing: 3px;
	color: #d80000;
}*/

.titlesitewhite {
	margin-top: 10px;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	letter-spacing: 3px;
	color: #ffffff;
}

.titlesitered {
	margin-top: 10px;
	font-size: 28px;
	letter-spacing: 3px;
	color: #d80000;
}

em, i {
	font-size : 16px;
	text-color: #404040;
	font-style: normal; 
}

strong {
	font-size : 12px;
	font-weight: bold;
	color: #404040;

/* IMMAGINI */	

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}