/* codici per sito TOP CRYSTAL - by Stefano Cipolli*/
/*Version: (25 novembre 2007)*/


/*Screen layout: */
html >body table{margin: 0 auto;	text-align:center;}

body {margin: 0 auto; 
padding: 0;
background: #010135; url(bg.gif) font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif; color: #fff; top }


/*fasce laterali*/
div#fasciadx {width: 100%;text-align:left;padding-right:10px;margin:0 auto; background: url('images/right.jpg') repeat-y right;}
div#fasciasx {padding-left:10px;margin:0 auto; background: url('images/left.jpg') repeat-y left;}


h1 {color: #fff; font-size: 1.5em; text-align:center ; margin: 1em 0 1em  7em ;}
h2 {color: #fff; font-size: 1.5em; margin: 0 0 0.5em 0; }
h3 {color: #fff; font-size: 1.3em; margin: 0 0 10px 0;}
h4 {color: #ff0000; font-size: 0.8em; text-align:center ; margin: 0 0 0  0 ;}

a {text-decoration: none; color: #ccc;}
a:hover {text-decoration: underline;color: #fff;}
a img {border: 0px none;}

#wrap {background: #010135; color: #303030; margin: 0 auto; width: 820px; }


#frontphoto {border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; img-align: center;}

/*-!!--COMANDI MENU' ORIZZONTALE precedente-------------------
#menu{width: 400px;
	position:absolute;
    left: 515px;
	top: 125px;
    text-align: right;
	bottom: 0px;
	clear: right; float: right;
	font-size: 11px;
	padding: 0;}
#menu a{font-size: 11px; color:#ccc; border-left: 4px solid #999; text-decoration:none;}
#menu a:hover{background: none; color: #fff; border-left: 4px solid #fff;  }*/

/*-!!--COMANDI MENU' ORIZZONTALE -------------------*/
#menu {width: 500px;
	position:absolute;
    left: 424px;
	top: 125px;
    text-align: right;
	bottom: 0px;
	clear: right; float: right;
	font-size: 11px;
	padding: 0;}
#menu a{font-size: 11px; color:#ccc; border-left: 4px solid #999; text-decoration:none;}
#menu a:hover{background: none; color: #fff; border-left: 4px solid #fff;  }

/*-!!--COMANDI MENU' VERTICALE PRODOTTI------------------*/
ul.barravert1 {width:130px;list-style:none;  padding:0; font-size: 8pt; text-align:left; margin-left:30px;}
ul.barravert1 li a {display:block;text-decoration:none;padding:0 1em; height:2em;line-height:2em; border-bottom:#000066 1px solid; }
ul.barravert1 li { display:inline;}
ul.barravert1 li a:link, ul.barravert1 li a:visited {background-image:url('images/sfondo_menu_s.jpg'); background-repeat: no-repeat; color: #ccc}
ul.barravert1 li a:hover, ul.barravert1 li a:active {background-image:url('images/sfondo_menu.jpg'); background-repeat: no-repeat; color:#fff; }



/*MENU DESTRO*/
#avmenu {clear: left; float: left; width: 100px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
#avmenu ul {list-style: none; width: 150px; margin: 0 0 20px 0; padding: 0; font-size: 1.1em;}	
#avmenu li {margin-bottom: 4px;}
#avmenu li a {font-weight: bold; height: 20px; text-decoration: none; color: #505050; display: block; padding: 6px 0 0 10px;
              background: #f4f4f4; border-left: 4px solid #cccccc;}	
#avmenu li a:hover {background: #eaeaea; color: #286ea0; border-left: 4px solid #286ea0;}

/*MENU SINISTRO*/
#admenu {clear: right; float: right; width: 120px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
#admenu ul {list-style: none; width: 140px; margin: 0 0 20px 0; padding: 0; font-size: 1.1em;}	
#admenu li {margin-bottom: 4px;}
#admenu li a {font-weight: bold; height: 14px; text-decoration: none; color: #ccc; display: block; padding: 4px 0 4px 10px;
              background: #21214F; border-right: 5px solid #cccccc;}	
#admenu li a:hover {background: #333366; color: #fff; border-right: 5px solid #fff;}


.announce {margin: 0px 0 10px 0; padding: 10px; width: 110px; color: #808080; line-height: 1.3em; text-align: center;  /*background-color: #f4f4f4; */}

#extras {float: right; width: 150px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; line-height: 1.5em; }
#extras p {margin: 0 0 1.5em 0; }

/*COLONNA CENTRALE STRETTA*/
#content { background: #010135; margin: 0 160px 20px 160px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;
   padding: 0 10px 0 10px; line-height: 1.6em; text-align: left; color: #fff; }
/*#content h2 {font-size: 1.5em; margin: 0 0 0.5em 0; }*/
#content img {padding: 1px; display:inline; background: #cccccc; border: 4px solid #f0f0f0;}

/*COLONNA CENTRALE LARGA*/
#content99 { background: #010135; margin: 20px 0px 20px 160px; border-left: 1px solid #333366; border-right: 1px solid #333366;
   padding: 0 23px 0 10px; line-height: 1.6em; text-align:justify; color: #fff;  vertical-align:top;}
#content99 h2 {font-size: 1.5em; margin: 0 0 0.5em 0; }
#content99 img {border: 0px none;}
#content99 a {color: #286ea0; text-decoration: none; }
#content99 a:hover { color: #fff; text-decoration: underline; }


/*comando per pagina prodotti*/
div#minipics img{border:none;} 
div#minipics td{list-style-type:none; padding: 0; font-size:1.30em; margin:1.5em 0 1em 4em; font-family: Verdana, arial, helvetica; text-align:left; line-height:1.9; }
div#minipics a {background-color:none; color:#ccc;  }
div#minipics a:hover{background-image:url('images/sfondo_menu_prod.jpg'); background-repeat: no-repeat;  color:#fff; text-decoration: none; }


/*PIE' PAGINA*/
#footer { clear: both;  float: center; margin: 0 auto; padding: 10px 0 20px 0; border-top: 1px solid #333366; width: 840px; text-align: center;
color: #808080; font-size: 0.9em; }
#footer a {color: #286ea0; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

/*GESTIONE DIMENSIONI MARGINI-FONT*/
.all_top {vertical-align:top;}	
.left {margin: 10px 10px 5px 0; float:left; text-align:left; }
.right {margin: 10px 0 5px 10px; float: right; text-align: right; }
.textright {text-align: right; }
.center {text-align: center; }
.testocartina {margin: 10px 10px 5px 10px; float: right; color: #CECFD7; font-size: 1.1em; font-weight: none;}
.testopiccolo {line-height:1.0;  font-size: 1.0em;   text-align: justify;  vertical-align: top;  color:#c0c0cc;}
.titolo {color: #fff; font-size: 1.5em; text-align:center;}
.copyright {line-height:0.9;  font-size: 0.8em;   text-align: center;  vertical-align: top;   color:#808080;  font-style: italic;}

.small {font-size: 0.8em; }
.bold {font-weight: bold; }
.hide {display: none;}


/*GESTIONE SFONDI*/
.sfondocartina {margin-left: 0px; margin-top: 0px; 
 background-image: url('images/cartina_sf.jpg'); background-repeat: no-repeat  center; width:547px; height:275px; }


/*GESTIONE ELENCO VOCI PRODOTTI - (come per le news) */
div#prodotti{margin:0 100px;padding:10px 20px; line-height:1.3; border-left: 1px solid #333366; border-right: 1px solid #333366; text-align:center;}
#prodotti img{float:left; border:none; margin-right:10px;}
#prodotti .news1{color:#000000;background:#fff;padding:22px;margin-bottom:56px;font-size:0.90em;min-height: 120px;height: auto !important;height: 120px;border-bottom:1px dashed #ff9933;}


/*-!!--COMANDI IMMAGINI CONTORNATE-------------------*/
#cornice {text-align: center; }
#cornice img{border:1px solid #666; float:center;}
#cornice a {background-color:#999; color:#666;}
#cornice a:hover {color:#fff; text-decoration: none;  background-color: #fff; background-image:url('none');}

/*GESTIONE ELENCO VOCI PRODOTTI - (per table) */
td.ciccio {font-family: verdana, arial, helvetica;
            background-color: #f4f4f4;
            line-height:1.4; 
            font-size: 8pt;
            vertical-align:top;
			text-align: left; 
            color: #000; 
            padding:3px;
			padding-bottom:5px; 
			width: auto !important; width: 110px;
			}
	
	/*GESTIONE ELENCO VOCI PRODOTTI - (per table) */
tr.ciccio1 {font-family: verdana, arial, helvetica;
            background-color: none;
            line-height:1.4; 
            font-size: 8pt;
            vertical-align:top;
			text-align: left; 
            color: #fff; 
            padding:3px;
			padding-bottom:5px; 
			width: auto !important; width: 110px;
			}				
			
tr.testo_tavola { font-variant:normal; text-align: left;  
                 font-weight:normal; font-size:76%; font-family:Verdana, Tahoma, Arial, sans-serif; color: #fff; top}							
			
