
/*tag principali*/
BODY { 
	color: #000; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 11pt; 
	background-color: #f1820a; 
	background-repeat: no-repeat; 
	background-position: center 5px; 
	margin: 0; 
	vertical-align: top    
}
HR    { 
	color: #39496b; 
	background-color: #39496b 
}
SELECT          { color: #39496b; font-size: 10px; font-family: arial; margin-bottom: 3px; padding: 2px; border: solid 1px #878787 }
INPUT         { color: #39496b; font-size: 10px; font-family: arial; padding: 1px; border: solid 1px #878787 }
INPUT.centrale         { color: #39496b; font-size: 10px; font-family: arial; margin-bottom: 3px; padding: 2px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #bbb }
INPUT.cerca       { color: #39496b; font-size: 10px; font-family: arial; margin: 0; padding: 0; border: solid 1px #878787 }
TEXTAREA        { color: #39496b; font-size: 10px; font-family: arial; padding: 2px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #bbb }
SELECT.centrale      { color: #39496b; font-size: 10px; font-family: arial; padding: 2px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #878787 }
h1               { color:  black; font-size: 10pt; line-height: 12pt }
h2              { color:  black; font-size: 10pt; font-style: italic; line-height: 12pt; text-decoration: none }
legend { font-weight: bold }
fieldset { color: #404040; font-size: 10px; padding: 5px }
form { text-align: center; margin: 0; }
/*per nascondere tag H1 all'inizio che serve all'indicizzazione*/
.vedi  { color: #000 }
.nonvedi {display:none;}
/*novità negli articoli*/
.novita{ color: #f00; font-size: 10px; font-weight: bold; text-decoration: none; }
/*descrizione categoria*/
.descrizione{  font-size: 10px; }
.titolo     { color: black; font-size: 10px; font-weight: bold; background-image: url(sttomenu.jpg); background-repeat: repeat-x; background-position: center; text-align: center; padding: 10px; border: solid 1px black; }
.titolino    { color: #6d6d6d; font-size: 10px; font-weight: bold; padding-bottom: 3px }
/*cella di intestazione in alto*/
.sopra { 
	color: #043c17; 
	font-size: 10px; 
	height: 234px;
	font-family: Geneva; 
	background-image: url(intestazione_satirafolle.gif); 
	background-repeat: no-repeat; 
	background-position: left top; 
	padding: 0 5px 5px 13px; 
	vertical-align: top;
	/*border-right: px solid black; */
}
.sopra2                             { text-align: right; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; vertical-align: middle }
.sopra a { text-decoration: none; }
/*colonna di sinistra*/
.menu { 
	color: #000; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: normal; 
	background-color: white; 
	background-image: url("menulaterale_sx.gif");
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	background-position: left top; 
	margin-left: 40px;
	padding: 0 2px 2px; 
	vertical-align: top; 
	border-left: 2px solid black; 
}
.menu a:link            { color: #000; text-decoration: none }
.menu a:visited           { color: #000; text-decoration: none }
.menu a:hover               { color: black; text-decoration: none }
/*colonna di destra*/
.menu1                              { color: #000; font-size: 10px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; letter-spacing: 1px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: top; border-left: 1px solid #b3ffaf }
.menu1 a:link            { color: #000; text-decoration: none }
.menu1 a:visited           { color: #000; text-decoration: none }
.menu1 a:hover             { color: black; text-decoration: none }
/*cella che contiene il path dove sei*/
.dovesei    { background-color: #fff; border-top: 1px none #b5e8b6; border-right: 2px solid #b5e8b6; border-left: 2px solid #b5e8b6 }
/*testo della pagina*/
.testo { 
	color: black; 
	font-size: 10px; 
	background-color: #fff; 
	background-repeat: no-repeat; 
	background-position: left top; 
	text-align: justify; 
	padding: 10px 3px 3px; 
	vertical-align: top;
	border-right: 1px solid black; 
	background-image: url("menulaterale_dx.gif") right;
}
.testo a:link           { color: #1b576f; text-decoration: none }
.testo a:visited          { color: #1b576f; text-decoration: none }
.testo a:hover              { color: black; text-decoration: underline }
TD.testo img   { margin: 4px }
/*cella degli indirizzi in basso*/
.indirizzi { 
	color: #48514c; 
	font-size: 10px; 
	background-image: url(sq.jpg); 
	background-repeat: repeat; 
	text-align: center; 
	vertical-align: middle ; 
	padding: 5px; 
	border: solid 1px black; 
}
/* BLOCCHI LATERALI ---------------------------------------------------------------------------------------------------------*/
.boxlaterali_boxlat{ 
	border: 1px solid black;
	background-color: white;
}
.box-title_boxlat{ 
	color: #0b0ba0; 
	font-size: 13px; 
	font-weight: bold; 
	background-repeat: repeat-y; 
	background-position: 0 0; 
	text-align: center; 
	padding: 8px 0 1px 
}
.box-testo_boxlat{ 
	color: #000; 
	font-weight: normal; 
	background-repeat: repeat-y; 
	background-position: 0 0; 
	text-align: center; 
	padding: 1px 5px 0 
}

.box-bottom_boxlat{ 
	color: #0b0ba0; 
	font-weight: bold; 
	background-repeat: repeat-y; 
	background-position: 0 bottom; 
	text-align: center; 
	padding: 3px 
}
.box-testo_boxlat a:hover { 
	color: #0b0ba0; 
	text-decoration: underline 
}
.box-testo_boxlat a:link { 
	color: #0b0ba0; 
	text-decoration: underline 
}
.box-testo_boxlat a:visited{ 
	color: #0b0ba0; 
	text-decoration: underline 
}
/* LIGHTBOX -----------------------------------------------------------------------------------------------------------------*/
/*Immagini: | ../images/blank.gif | ../images/prevlabel.gif | ../images/nextlabel.gif | */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ 
	border: none; 
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { 
	left: 0; 
	float: left;
}
#nextLink { 
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData{
	padding:0 10px;
}
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#imageData #caption{ 
	font-weight: bold;	
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;	
}			
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
/* LIGHTBOX CON CONTENUTO ---------------------------------------------------------------------------------------------------*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=60);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 5px solid red;
	background-color: orange;
	z-index:1002;
	overflow: auto;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
/*box laterali titolo e contenuto*/
.box-title { 
	color: #000; 
	font-size: 10px; 
	font-weight: bold;
	background-image: url(sttomenu.jpg); 
	background-repeat: repeat-x; 
	background-position: left center; 
	padding: 4px 3px 2px 5px; 
	border: solid 1px black 
}
.box-content                             { color: #043c17; font-size: 9px; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; padding: 3px; border: solid 1px black; }
box-content a:hover    { color: #e89b1e; text-decoration: underline }
box-content a:link   { color: #393939; text-decoration: underline }
/*box laterali del preview preventivi ed e-commerce*/
.box-content-preview                         { color: #000; font-size: 10px; background-color: #ffcaeb; padding: 3px ; border: solid 1px #c4cec6; }
.box-content-preview-ecommerce                          { color: #000; font-size: 10px; background-color: #b9dbff; padding: 3px; border: solid 1px #bbb; }
/*tabella categorie*/
.tabella              { color: #002828; text-align: left }
.tabella img  { }
.tabella td          { font-size: 10px; padding: 2px }
.tabella a:link    { color: #002828; text-decoration: none }
.tabella a:visited    { color: #002828; text-decoration: none }
.tabella a:hover { color: #3b69d7; text-decoration: none }
/*tabella prodotti*/
.tabellap              { color: #39496b; font-size: 9px; text-align: center; vertical-align: top }
.tabellap img  { }
.tabellap td          { font-size: 10px; padding: 4px; vertical-align: top; border: solid 1px #fff }
.tabellap a:link   { color: #002ec8; text-decoration: none }
.tabellap a:visited   { color: #002ec8; text-decoration: none }
.tabellap a:hover { color: #3b69d7; text-decoration: none }
/*tabella form preventivo*/
.tabella_form_prevenivo td  { padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #e7e7e7 }
.tabella_form_prevenivo_extended td   { text-align: center; border-bottom: 1px none #e7e7e7 }
.tabella_form_prevenivo_extended input    { text-align: right; width: 25px }
/*celle della tabella superiore per il testo che sta sotto e inferiore per la foto che sta sopra (si intendono gli allineamenti)*/
.superiore      { font-size: 10px; background-color: #fff; background-image: url(sttomenu2.jpg); background-repeat: repeat-x; background-position: left top; text-align: center; padding: 3px; width: 20%; height: 10px; vertical-align: top }
.inferiore   { text-align: center; width: 20%; vertical-align: bottom; border: solid 1px #d7d7d7 }
.inferiore a { text-decoration: underline; }
/*autore*/
.glacomtech     { color: #3779d0; font-size: 8pt; vertical-align: middle }
/*cella che contiene il primo livello*/
.nav_primo_livello  { 
	background-color: black; 
	/*background-image: url(SOFRA_INTESTAZIONE_sotto.jpg); */
	/*background-repeat: repeat-y;*/ 
	/*background-position: left top; */
	vertical-align: bottom; 
	padding-right: 5px; 
	border-bottom: 1px solid black; 
	border-right: 1px solid black; 
	border-left: 1px solid black;
}
/*navigazione primo livello*/
/*#primo_livello_menu ul { font-size: 10px; font-weight: bold; font-style: normal; font-variant: normal; margin: 0; padding: 0 ; list-style-type: none; display: inline; }
#primo_livello_menu li{ background-image: url(color_tabs_right.gif); background-repeat: no-repeat; background-position: right top; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; display: inline; }
#primo_livello_menu a  { color: white; text-decoration: none; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-right: 10px; padding-left: 5px; }
#primo_livello_menu #current a, #ddtoptabs #current span    { color: #c4cec6 ; }*/
/* top level links */

#primo_livello_menu ul { background-color: transparent; float: left; margin:0; padding: 0; list-style:none;}
#primo_livello_menu li {

	float:left;

        font: bold 11px Tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;

	margin:0 0 0 2px;

	padding:0 0 0 6px;

}
#primo_livello_menu a {

	float:left;

        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	font-size: 10px;

	display:block;

	line-height: 25px;

	padding: 0px 10px 0px 7px;

/*	padding: 0px 25px 0px 20px;*/

	text-decoration:none;

}
#primo_livello_menu li {
  /*background:url(leftim.gif) no-repeat top left;*/
}

#primo_livello_menu a {
  /*background:url(rightim.gif) no-repeat top right;*/
  color:#eee;
}

#primo_livello_menu #current {
  /*background:url(left.gif) no-repeat top left;*/
	color: #333
}
#primo_livello_menu #current a {
  /*background:url(right.gif) no-repeat top right;*/
	color: #333;
}
/*primo livello nell'intestazione*/

#primo_livello_menu_up ul { float: right; margin:0; padding: 0; list-style:none; }
#primo_livello_menu_up li {

	float:left;

        font: bold 11px Tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;

	margin:0 0 0 2px;

	padding:0 0 0 6px;

}
#primo_livello_menu_up a {

	float:left;

        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	font-size: 10px;

	display:block;

	line-height: 25px;

	padding: 0px 10px 0px 7px;

/*	padding: 0px 25px 0px 20px;*/

	text-decoration:none;

}
#primo_livello_menu_up li {
  background:url(leftim_up.gif) no-repeat left bottom;
}
#primo_livello_menu_up a {
  background:url(rightim_up.gif) no-repeat right bottom;
  color:#eee;
}
/*se selezionata la lingua completa formatto il testo*/
.lingue            { color: #fff; font-size: 10px; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 400px; vertical-align: bottom }
.lingue a:link               { color: #fff; text-decoration: none }
.lingue a:visited              { color: #fff; text-decoration: none }
.lingue a:hover               { color: #b8e5b8; text-decoration: none }
.linguesel           { color: #b8e5b8; font-size: 13px; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; vertical-align: bottom }
.linguesel a:link               { color: #b8e5b8; font-weight: bold; text-decoration: none }
.linguesel a:visited              { color: #b8e5b8; font-weight: bold; text-decoration: none }
.linguesel a:hover               { color: #b8e5b8; font-weight: bold; text-decoration: none }
/*real estate*/
.real_estate TD        { color: #3a3a3a; font-size: 10px; }
.RE_tipo{ font-size: 15px; font-weight: bold; font-style: italic; }
.RE_tipo ul { margin: 0; list-style-type: none; }
.RE_tipo li { font-size: 10px; font-weight: normal; font-style: normal; margin-bottom: 3px; margin-left: 0; padding: 1px 2px; border: solid 1px #46464b; }
.RE_tipo a { font-size: 10px; text-decoration: none; }
.RE_tipo a:hover { font-weight: bold; text-decoration: none; }
.form { font-size: 10px; vertical-align: middle }
.tab { font-size: 9px; text-align: center }
/*menu secondo livello laterale*/

#menu_laterale ul    { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#menu_laterale li                { 
	font-size: 10px; 
	font-weight: bold; 
	/*background-color: #279a42; */
	text-align: left; 
	list-style-type: square; 
	display: block; 
	margin-bottom: 2px; 
	padding: 3px 20px; 
	position: relative; 
	/*border-style: solid;*/ 
	/*border-width: 1px; */
	/*border-color: #3db058 #006c14 #006a12 #3db058;    */              
}
#menu_laterale a:link    { color: black; text-decoration: none }
#menu_laterale a:visited    { color: black; text-decoration: none }
#menu_laterale a:hover   { color: red; text-decoration: none }
/*menu laterale fotografie*/
#menu_laterale_foto ul    { background-image: url(sq.jpg); background-repeat: repeat; list-style-type: none; list-style-image: none; margin: 0; padding: 0; border: solid 1px #bbb   }
#menu_laterale_foto li               { font-size: 10px; font-weight: normal; text-align: left; list-style-type: square; display: block; margin-bottom: 2px; padding: 2px 1px; position: relative; border-bottom: 1px solid #f3f3f3;          }
#menu_laterale_foto a:link    { color: #000; text-decoration: none }
#menu_laterale_foto a:visited    { color: #000; text-decoration: none }
#menu_laterale_foto a:hover   { color: #f00; text-decoration: none }
/*menu navigazione pagine ad albero*/
#header ul    { background-image: url(sq.jpg); background-repeat: no-repeat; list-style-type: none; list-style-image: none; margin: 0; padding: 0; border: solid 1px #bbb   }
#header li                { font-size: 10px; text-align: left; list-style-type: square; display: block; margin-bottom: 2px; padding: 5px 3px; position: relative; border-bottom: 1px solid #f3f3f3;            }
#header a:link    { color: #000; text-decoration: none }
#header a:visited    { color: #000; text-decoration: none }
#header a:hover   { color: #f00; text-decoration: none }
/*menu prodotti ad albero*/
#headerproduct { color: #39496b; font-size: 10px; font-weight: bold; }
#headerproduct ul    { background-image: url(sq.jpg); background-repeat: repeat; list-style-type: none; list-style-image: none; margin: 0; padding: 0; border: solid 1px #bbb   }
#headerproduct li               { font-size: 10px; font-weight: normal; text-align: left; list-style-type: square; display: block; margin-bottom: 2px; padding: 2px 1px; position: relative; border-bottom: 1px solid #f3f3f3;              }
#headerproduct a:link    { color: #000; text-decoration: none }
#headerproduct a:visited    { color: #000; text-decoration: none }
#headerproduct a:hover   { color: #f00; text-decoration: none }
/*tabella con il form contatti*/
.contatti td{ font-size: 10px; }
/*tabella ricerca*/
.ricerca A:link { color: #b5111b; text-decoration: none; }
.ricerca A:hover { color: #1e35a2; text-decoration: none; }
.ricerca A:visited { color: #b5111b; text-decoration: none; }
/*colonne grafighe*/
.colonna_lat_sx { background-image: url(main-dr.jpg); background-repeat: repeat-y; background-position: left top; }
.colonna_lat_dx { background-image: url(main-dr.jpg); background-repeat: repeat-y; background-position: right top; }
/*form del preventivo ecommerce*/
.formpreventivo    { margin-right: 5px; padding: 2px; width: 99%; border: solid 1px #c4cec6 }
.formecommerce    { margin-right: 5px; padding: 2px; width: 99%; border: solid 1px #c4cec6 }
.testopreventivo   { color: #39496b; text-align: left; vertical-align: middle }
.inputpreventivo { text-align: left }
table {font-size: 10px;}
/*tabella di login private*/
#private td { font-size: 10px; }
/*tabella dwnload*/
.download_table { color: #043c17; font-size: 9px; line-height: 11px; background-color: #fff; padding: 3px; border: solid 1px #bbb }
download_table a:hover { color: #e89b1e; text-decoration: none }
download_table a:link { color: #393939; text-decoration: none }
/*messaggi rgistrazione dell'utente*/
.messaggi_registrazione_utente  { color: #052e66; font-size: 20px; text-align: center }
/*tabella checkout ecommerce*/
.intprevleft  { color: black; font-size: 10px; font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; text-align: left; padding: 3px; border-bottom: 1px dotted #878787 }
.intprevright { color: #666; font-size: 10px; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; text-align: left; padding: 3px; border-bottom: 1px dotted #878787 }
.tipi_pagamento  { font-size: 10px; padding: 15px 3px 3px; border-bottom: 1px dotted #267e00 }
.totale_ordine_ecommerce  { font-size: 15px; font-weight: bold }
.errore_ecommerce   { color: #f00; font-size: 15px; font-weight: bold; display: block; padding: 5px; border: solid 2px black; }
.checkout_table a  { font-size: 11px }
.piede_carrello  { color: #484848; font-size: 10px; text-align: center }
.piede_carrello b  { font-size: 13px; font-weight: bold }
.piede_carrello i  { }
.piede_carrello a  { color: black; font-weight: bold }
.ecommerce_log_in td  { font-size: 10px; text-align: center; padding: 10px 3px; vertical-align: top; border: solid 1px #efefef }
.bottone_invio_ecommerce  { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: solid 1px black }
.bottone_invio_ecommerce a  { color: #267e00; text-decoration: none }
.bottone_invio_ecommerce img  { border-style: none }
/*FINE*/
.A.ritorna  {font-size: 10px;}
.immagine  { margin: 3px; padding: 3px }
#indenta { margin-left: 11px }
.soprasotto   { background-color: #fff; background-position: center }
.centra { text-align: center }
.nota  { font-size: 8pt; margin: 4px; padding: 3px }.evidenza {	BACKGROUND-COLOR: #eeee00; 	BORDER-BOTTOM: black 1px dotted; 	BORDER-LEFT: black 1px dotted; 	BORDER-RIGHT: black 1px dotted; 	BORDER-TOP: black 1px dotted; 	MARGIN: 4px; 	PADDING-BOTTOM: 3px; 	PADDING-LEFT: 3px; 	PADDING-RIGHT: 3px; 	PADDING-TOP: 3px; }.box-titlecenter               { color: #6e6e6e; font-size: 10px; font-weight: bold; background-color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 3px; border-top: thin solid #6e6e6e; border-bottom: thin solid #6e6e6e }
.box-contentcenter { 
	color: #000; 
	font-size: 10px; 
	background-color: #fff; 
	padding: 3px 
}
.menu-title                   { color: #043c17; font-size: 10px; font-weight: bold; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin-left: 5px; padding: 3px }
IMG.box-content                         { margin: 4px }
.successo { color: #06f; font-weight: bold }.errore { color: #f00; font-weight: bold }.noerrore  { color: #03f; font-weight: bold }.menubox a   { }
.smalltitle {	
	font-family: arial, Helvetica, sans-serif;	font-size: 12px;	
	font-weight: bold;	color: red;
}

.smalltitleset {	font-family: arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	color: #000;}
.cercapos   { position: relative; top: 73px; left: 230px; width: 170px; height: 30px; float: left }
.categorie     { position: relative; top: 10px; left: -60px; width: 350px; height: 30px; float: left }



#ddtoptabs { background: transparent; margin-right: auto; margin-left: auto; padding-left: 1px; width: 100%; voice-family: inherit }
#ddtoptabs ul { font: bold 10px Verdana, sans-serif, Arial; list-style: none; margin: 0; padding: 0 }
#ddtoptabs li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}
#ddtoptabs a  { color: white; text-decoration: none; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: 0 2px 0 0; padding: 0 0 1px 3px; float: left }
#ddtoptabs a span { backgroundcolor: transparent; /*background: url(rightim.gif) no-repeat right top;*/ display: block; padding: 4px 6px 3px 3px; float: left }
#ddtoptabs a span{float:none;}#ddtoptabs a:hover { }#ddtoptabs a:hover span { }
#ddtoptabs #current_nav1level a, #ddtoptabs #current span   { color: red }
#ddtoptabs #current2 a, #ddtoptabs #current2 span  { }
#ddtoptabs #current3 a, #ddtoptabs #current3 span    { color: #f00 }
#ddtoptabs #current4 a, #ddtoptabs #current4 span   { color: #f00 }
#ddtoptabsline{clear: both;padding: 0;width: 100%;height: 8px;line-height: 8px;background: black;border-top: 1px solid #fff;


