img
	{
	border: none;
	}
*
	{
	/*text-align: justify;*/
	}
html
	{
	/*height: 100%;*/
	height: 100%;
	}
body 
	{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
	margin:0;
	background-color:#58585A; /*#58585A;*/
	height: 100%;
	
	/*
	background-attachment: scroll;
	background-image: url(../img/filetto_body.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	*/
	}
body a
  {
  color: white;
  }

#main
	{
	height: 100%;
	min-width: 800px;
	/*border: 1px solid red;*/
	background-attachment: scroll;
	background-image: url(../img/filetto_body.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-right: 1px solid white;
	}
	
.filetto_menu
	{
	/*border: 1px solid red;*/
	/* background-image: url(../img/filetto_body.jpg);*/ 
	/* background-repeat: repeat-y;*/ 
	/* background-position: left top;*/
	/* border-right: 1px solid white;*/
	color: #FFCC00;
	background-image: url(../img/filetto_verticale.gif);
	background-repeat: repeat-x;
	}
	
.leftBar
{
	background-color: #3E3E40;
	width: 290px;
}

.main_area
{
	background-color: #58585A;
}

#left
	{
	float: left;
	position: relative;
	max-width: 350px;
	width: 40%;
	height: 120%;
	bottom: 1px;
	background-color:#3E3E40; 
	text-align: right;
	/*border: 1px solid red;*/
	}

#right
	{	
	float: left;
	position: relative;
	width: 60%;
	min-width: 300px;
	background-color:#58585A;
	height: 100%;
	/* border-right: 1px solid white; */
	}

#ContentRight
	{
	float: left;
	position: relative;
	top:100px;
	left:10px;
	width: 100%;
	/*border-right: 1px solid white;*/ 
	
	}

#righthome
        {
        /*float: right;*/
        /*width: 70%;*/
        min-height: 100%;
	background-color: #58585A;
	background-image: url('../img/grazie.jpg');
        background-repeat: no-repeat;
	background-attachment: fixed;
        background-position: 330;
        }

#LogoCeramicheGrazia
	{
	position: relative;
	top: 50px;
	right: 50px;
	}
#Languages
	{
	float: left;
	position: relative;
	top: 400px;
	right: -200%;
	width: 220px;
	color: white;
	text-align: right;
	padding: 5px;
	padding-right: 50px;
	/*background-color: #333;*/
	/*border: 1px solid red;*/
	}
/*
#filetto
        {
        float: left;
        position: relative;
        color: white;
	top: 165px;
	left: -40px;
	height: ;
	width: 1px;
        text-align: right;
        background-color: #fff;
        border: 1px solid red;
        }
*/
#filetto2
        {
        float: right;
        position: fixed;
        top: 140px;
        left: 1000px;
        width: 1px;
	    bottom: 1px;
        color: white;
        text-align: right;
        background-color: #fff;
        /*border: 1px solid red;*/
        }
#filettotop
        {
        float: left;
        position: relative;
        top: 0px;
        right: 1px;
        width: 100%;
        height: 1px;
        color: white;
        text-align: right;
        background-color: #fff;
        /*border: 1px solid red;*/
        }

#filettobottom
        {
        float: left;
        position: relative;
        top: 35px;
        left: 0px;
        width: 100%;
        height: 1px;
        color: white;
        text-align: right;
        background-color: #fff;
        /*border: 1px solid red;*/
        }

#ContentTesto
        {
		float: left;
		position: relative;
		width: 47%;
		top: 30px;
		color: white;
		font-size: 12px;
		text-transform: uppercase;
		text-align: justify;
		padding-right: 4px;
	}
	
.ContentTesto
{
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	text-align: justify;
	padding: 3px;
}

#FotoTesto img
	{
	max-width: 100%;
	max-height: 800px;
	}


#Languages a
	{
	color: white;
	font-size: 10pt;
	text-decoration: none;
	}
#Languages a:hover
	{
	color: orange;
	}
/*==============================*/
#Menu
	{
	float: left;
	position: relative;
	top: 80px;
	left: 90px;
	width: 220px;
	color: white;
	text-align: right;
	text-transform: uppercase;
	padding-right: 0px;
	/*background-color: #333;*/
	border-right: 1px solid white;	
	height: 70%;
	max-height: 80%;
	}
#Menu a
	{
	padding: 7px;
	padding-right: 15px;
	/*margin-bottom: 10px;*/
	display: block;
	color: white;
	font-size: 10pt;
	text-decoration: none;
	}
#Menu a:hover
	{
	color: #999; /*#FFCC00;*/
	background-color: #333;
	font-weight: bold;
	}
	
#Menu .MenuSel
	{
	padding: 7px;
	padding-right: 15px;
	/*margin-bottom: 10px;*/
	display: block;
	color: #F29400;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	}

.Menu
	{
	float: left;
	position: relative;
	top: 80px;
	left: 90px;
	width: 220px;
	color: white;
	text-align: right;
	text-transform: uppercase;
	padding-right: 0px;
	/*background-color: #333;*/
	border-right: 1px solid white;	
	height: 70%;
	max-height: 80%;
	}
.Menu a
	{
	padding: 7px;
	padding-right: 15px;
	/*margin-bottom: 10px;*/
	display: block;
	color: white;
	font-size: 10pt;
	text-decoration: none;
	}
.Menu a:hover
	{
	color: #999; /*#FFCC00;*/
	background-color: #333;
	font-weight: bold;
	}
	
.MenuSel
	{
	padding: 7px;
	padding-right: 15px;
	/*margin-bottom: 10px;*/
	display: block;
	color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
	}
	
.MenuSel:hover
{
	background-color: #333;
}

.MenuSel_on
	{
	padding: 7px;
	padding-right: 15px;
	/*margin-bottom: 10px;*/
	display: block;
	color: #F29400;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	}

/*==============================*/
#TableContent
	{
	padding: 30px;
	padding-top: 50px;
	font-size: 10pt;
	}
.TitoloContent
	{
	font-weight: bold;
	}

#ContentSerie
	{
	padding-top: 120px;
	padding-left: 2%;
	}

.ThumbSerie
	{
	display:inline;
	width: 120px;
	height: 221px;
	padding-right: 2%;
	/*
	margin-top: 120px;
	margin-left: 2%;
	*/
	/* margin-right: 0px; */
	font-size: 10pt;
	line-height: 30px;
	text-align: center;
	/*border: 1px solid white;*/
	}
.LinkSerie
	{
	text-decoration: none;
	/*text */
	}
.IntThumbserie
	{
	width: 120px;
	}
#ContentContatti, #ContentAreaRiservata, #ContentHome
	{
	/*display: block;*/
	margin-top: 70px;
	margin-left: 0%;
	margin-right: 0%;
	/* border: 1px solid red; */
	}
.TitoloPagina, .TitoloPaginaMod
	{
	display: block;
	font-weight: bold;
	padding-bottom: 10px;
	color : white ;
	
	}
.TitoloPaginaMod
	{
	text-transform:uppercase;
	}

.BodyPagina
	{
	text-align: justify;
	display: block;
	font-size: 10pt;
	padding-bottom: 10px;
	color:white;
	width: 450px;
	}

#KindOfStyle
	{
	font-size: 10pt;
	font-weight:bold;
	color:grey;
	}
#VaiAStile a
	{
	font-size: 8pt;
	text-decoration:none;
	color:grey;
	}
.ImgPagina
	{
	display: block;
	float: left;
	margin-right: 5%;
	margin-bottom: 1%; 
	font-size: 10pt;
	padding-bottom: 10px;
	}
#FormLogin
	{
	/*border: 1px solid red;*/
	width: 300px;
	margin-top: 20px; 
	}
.TdTableFormLogin
	{
	width: 100px;
	line-height: 30px;
	font-size: 10pt;
	}
#NlSpace
	{
	width: 40px;
	height: 40px;
	}
#MenuGallery a
	{
	float: left;
	position: relative;
	left: -100px;
	width: 185px;
	padding: 5px;
	display: block;
	color: white;
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align:right;
	font-family: "Arial Black";
	margin-left: 65%;
	margin-top: 0px;
	}
	
#MenuGallery a:hover
	{
	color: white;
	background-color: #666;
	font-weight: bold;
	}

.MenuGallery a
	{
	color: #FFFFFF;
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-family: "Arial Black";
	}
	
.MenuGallery a:hover
	{
	color: #FFFFFF;
	background-color: #666;
	font-weight: bold;
	}

#MenuGallery1 a
	{
	width: 185px;
	padding: 5px;
	display: block;
	color: white;
	font-size: 15pt;
	text-decoration: none;
	text-transform: uppercase;
	text-align:right;
	margin-left: 0%;
	margin-top: 0%;
	}

#MenuGallery1 a:hover
	{
	color: white;
	background-color: #666;
	font-weight: bold;
	}

/*
#MenuGalleryimg a
	{
	width: 185px;
	padding: 5px;
	display: block;
	color: white;
	font-size: 15pt;
	text-decoration: none;
	text-transform: uppercase;
	text-align:left;
	margin-left: 0%;
	}
*/

#MenuGalleryimg img
	{
	float: left;
	position: relative;
	left: -10px;
	/*width: 100%;
	height: 38%; */
	max-height: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#SumMenuGallery
	{
	width: 170px;
	margin-left: 0%;
	/*border: 1px solid grey;*/
	}

#SubMenuItem a
	{
	text-indent: 20px;
	padding: 5px;
	display: block;
	color: black;
	font-size: 10pt;
	text-decoration: none;
	}

#SubMenuItem a:hover
	{
	color: white;
	background-color: #666;
	font-weight: bold;
	}

#map
	{
	margin-top: 20px; 
	}

.cris
    {
	text-align:center;
	text-transform: uppercase;
	padding-right :15px;
	font-size:12pt; 
	float: left;
    /*width: 300px;*/    
	}
.cris img
	{
	 width: 160px;
	 height: 160px;
	 
	}
#catalogopdf
	{
  text-align:left;
	text-transform: uppercase;
	font-size:8pt; 
	}

#catalogopdf a
  {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
	font-size:8pt;
  }
	
#catalogopdf img
    {
	width: 15px;
	height: 15px;
	padding-right :5px;
	margin-right: 5px;
	margin-top: 5px;
	}
	
#vediimmagini
  {
	text-align:left;
	text-transform: uppercase;
	font-size:8pt;
	color: #999999;
	text-decoration: none;
  }
  
#vediimmagini a
  {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
	font-size:8pt;
  }
  
#vediimmagini img
  {
	width: 15px;
	height: 15px;
	padding-right :5px;
	text-align:left;
	margin-right: 5px;
	}

#NomeTipo
 {
 color: #ffffff;
 font-size:12pt;
 text-transform: uppercase;
 }
	
.Goto
	{
	font-size: 10pt;
	padding-left: 15px;
	position:relative;
	top:10px;
	}
.Goto2
	{
	color:grey;
	font-size: 8pt;
	text-decoration:none;
	}
.NavBarDesc
	{
	font-weight: bold;
	position:relative;
	top:-5px;
	}
.navigazione
	{
	/*border:1px solid red;*/
	font-size: 10pt;
	display: block;
	}
#DivBig{/*border:1px solid olive; width:420px; height:100%;*/float:left;margin-right: 20px;}
#DivThumbnails
	{
	display:none;
	border: 5px double lightgrey;
	margin-top: 10px;
	padding: 10px;
	height:250px;
	overflow:auto;
	vertical-align: top;
	/*
	width:40%;
	float:right;
	*/
	}
img.ThumbCollections
	{
	}
img.ThumbCollections
	{
	border: 1px solid grey;
	}
img.ThumbCollections_secondaryimages
	{
	display:none;
	border: 1px solid red;
	}
.ActiveSerie
	{	
	background-color: #58585A;;
	}
.ActiveSerie a
	{	
	color: white;
	}

div.browsearea input
	{
	width:350px;
	font-size: 10pt;
	background-color: white;
	border:1px solid grey;
	margin-bottom: 5px;
	}

div.browsearea input:hover
	{
	font-weight: bold;
	color: white;
	background-color:#58585A;;
	border:1px solid grey;
	}
	
#Suka
	{
	width:100%;
	height:100%;
	background-color: orange;
	z-index: 150;
	}

#lightbox
	{
	float: left;
	position: absolute;

	top: 20px;
	left: 330px;
	}

#BoxCollezioni
	{
	float: right;
	position: relative;
	width: 100%;
	padding-right: 0px;
	/* border: 1px solid red; */
	/* border-right: 1px solid white; */
	}

#content_bandiere {
  position: relative;
  float: left;
  right: -62px;
}

#supertabella {
  max-width: 1024px;
  width: 1024px;
}

#my_area_main_1
  {
  background: #333333; /* 60% nero */
  }

#my_area_main_2
  {
  background: #666666; /* 60% nero */
  }

#my_area_main_3
  {
  background: #4c4c4c; /* 70% nero */
  }
#my_area_main_5
  {
  }
#resfile
 	{
	background-color:#999;
	border:1px solid grey;
	font-size:10pt;
	margin-bottom:5px;
	width:450px; 
	}
	
.file
        {
        background-color:#999;
        border:1px solid grey;
        font-size:10pt;
        margin-bottom:5px;
        width:450px;
        }