/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin: 0;
	padding:0;
	/*** background-color:#FFFFFF; ***/
	background-image:url(../images/sfondo_generale.gif);
	background-repeat:repeat-x;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#contenitore{
margin: 0 auto; 
position: relative;
width:750px;
height:800px;
top:0px;
}
#parte_alta{
position:absolute;
top:0px;
left:25px;
width:700px;
height:30px;
}
#contenitore_inferiore{
position:absolute;
width:700px;
height:700px;
top:30px;
left:25px;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}
#contenitore_inferiore_imm{
position:absolute;
width:700px;
height:800px;
top:30px;
left:25px;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}
#contenitore_inferiore_sessione{
position:absolute;
width:700px;
height:400px;
top:30px;
left:25px;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}

#linea_dx{
position:absolute;
top:4px;
left:701px;
}
#linea_inf{
position:absolute;
left:4px;
top:751px;
}
/****** parte sx *******/
#parte_sx{
position:absolute;
top:0px;
left:0px;
width:171px;
height:700px;
}
#parte_sx_imm{
position:absolute;
top:0px;
left:0px;
width:171px;
height:800px;
}
#parte_sx_sessione{
position:absolute;
top:0px;
left:0px;
width:171px;
height:400px;
}

#logo{
position:absolute;
top:0px;
left:0px;
/*
width:170px;
height:148px;
*/
width:193px;
height:180px;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
z-index:100;
}
#logo_vivi{
position:absolute;
top:0px;
left:0px;
z-index:100;
}
#parte_sx_bassa{
position:absolute;
top:180px;
left:0px;
width:170px;
height:518px;
/*** background-color:#5C5B59;***/
background-image:url(../images/sfondo_parte_sx.gif);
background-repeat:repeat-x; 
background-color:#3a3938;
border-right:1px solid #000000;
}
#parte_sx_bassa_imm{
position:absolute;
top:180px;
left:0px;
width:170px;
height:618px;
/*** background-color:#5C5B59;***/
background-image:url(../images/sfondo_parte_sx_imm.gif);
background-repeat:repeat-x; 
background-color:#3a3938;
border-right:1px solid #000000;
}
#parte_sx_bassa_sessione{
position:absolute;
top:180px;
left:0px;
width:170px;
height:220px;
/*** background-color:#5C5B59;***/
background-image:url(../images/sfondo_parte_sx_imm.gif);
background-repeat:repeat-x; 
background-color:#3a3938;
border-right:1px solid #000000;
}
#menu_sinistra{
left:21px;
text-align:left;
top:8px;
position:absolute;
width: 130px;
height:84px;
padding: 0px 0px 0px 0px;
margin: 0px;
z-index:100;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
background-color:#a17a53;
}
#menu_sinistra ul{
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#menu_sinistra  ul li{
/***
background-image:url(../images/punto_elenco.gif);
background-repeat:no-repeat;
background-position:left;
padding:1px 4px 1px 15px;
***/
float:left;
width:130px; 
height:20px;
line-height:20px;
list-style-type: none;
border-bottom:1px solid #000000;
padding: 0px 0px 0px 0px;
}
#menu_sinistra a:link{
text-decoration:none;
color:#FFFF00;
font: 90% Arial,sans-serif;
}
#menu_sinistra ul li a, #menu_sinistra a:visited{
display:block;
float:left;
width:127px;
height:17px;
line-height:17px;
text-decoration:none;
color:#FFFF00;
font: 90% Arial,sans-serif;
padding: 3px 0px 0px 3px;
}
#menu_sinistra ul li a:hover{
text-align:center;
font: 90% Arial,sans-serif;
color:#FF0000;
background-color:#acbcd8;
width:127px;
height:17px;
}
#contatore{
position:absolute;
top:435px;
left:30px;
}
#contatore_imm{
position:absolute;
top:535px;
left:30px;
}
#contatore_sessione{
position:absolute;
top:165px;
left:30px;
}
#perla_home{
position:absolute;
left:5px;
top:12px;
}
/*** menù con federica e animazione ***/
#fede{
position:absolute;
left:0px;
top:435px;
z-index:100;
}
#fede_imm{
position:absolute;
left:0px;
top:520px;
z-index:100;

}
#sfondo_anim{
position:absolute;
top:390px;
left:479px;
z-index:100;
}

#animazione{
position:absolute;
top:394px;
left:483px;
z-index:100;
}

#foto1{
position:absolute;
top:475px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su1.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto1 img{
margin:0px;
padding:0px;
border:none;
}
#foto1_imm{
position:absolute;
top:560px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su1.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto1_imm img{
margin:0px;
padding:0px;
border:none;
}

.rollover1{
width:149px;
height:29px;
}
.rollover1 img { border:none;}
.rollover1 a { display:block; }
.rollover1 a:hover img {
display:none; }
.rollover1 a:hover{
width:149px;
height:29px;
background:url(../images/pulsante_collezione_giu1.gif) center center no-repeat #09d;
}

#foto2{
position:absolute;
top:502px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su2.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto2 img{
margin:0px;
padding:0px;
border:none;
}
#foto2_imm{
position:absolute;
top:587px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su2.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto2_imm img{
margin:0px;
padding:0px;
border:none;
}
.rollover2{
width:149px;
height:29px;
}
.rollover2 img { border:none;}
.rollover2 a { display:block; }
.rollover2 a:hover img {
display:none; }
.rollover2 a:hover{
width:149px;
height:29px;
background:url(../images/pulsante_collezione_giu2.gif) center center no-repeat #09d;
}

#foto3{
position:absolute;
top:529px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su3.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto3 img{
margin:0px;
padding:0px;
border:none;
}
#foto3_imm{
position:absolute;
top:614px;
left:260px;
padding:0;
text-align:center;
background:url(../images/pulsante_collezione_su3.gif) center center no-repeat;
width:149px;
height:29px;
z-index:100;
}
#foto3_imm img{
margin:0px;
padding:0px;
border:none;
}
.rollover3{
width:149px;
height:29px;
}
.rollover3 img { border:none;}
.rollover3 a { display:block; }
.rollover3 a:hover img {
display:none; }
.rollover3 a:hover{
width:149px;
height:29px;
background:url(../images/pulsante_collezione_giu3.gif) center center no-repeat #09d;
}

#foto4{
position:absolute;
top:556px;
left:260px;
padding:0px 0px 0px 0px;
text-align:center;
background:url(../images/pulsante_collezione_su4.gif) center center no-repeat ;
width:149px;
height:29px;
z-index:100;
}
#foto4 img{
margin:0px;
padding:0px;
border:none;
}
#foto4_imm{
position:absolute;
top:641px;
left:260px;
padding:0px 0px 0px 0px;
text-align:center;
background:url(../images/pulsante_collezione_su4.gif) center center no-repeat ;
width:149px;
height:29px;
z-index:100;
}
#foto4_imm img{
margin:0px;
padding:0px;
border:none;
}

.rollover4{
width:149px;
height:29px;
}
.rollover4 img { border:none;}
.rollover4 a { display:block; }
.rollover4 a:hover img {
display:none; }
.rollover4 a:hover{
width:149px;
height:29px;
background:url(../images/pulsante_collezione_giu4.gif) center center no-repeat #09d;
}
/*** galleria imm ***/
#parte_dx_galleria_imm{
position:absolute;
top:45px;
left:22px;
width:505px;
height:445px;
z-index:100;
}

/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {padding:2px 0px 0px 18px; background:#222; width:467px; height:300px; text-align:left; z-index:100;}
.photo h2 {font-size:10px; color:#fc0; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; z-index:100;}
.photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 6px; padding:0; z-index:100;}
.photo ul {list-style:none; padding:0; margin:0; width:68px; background:#333; border:1px solid #666; position:relative; 
height:400px; z-index:100;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:3px; z-index:100;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background-image:url(../images/quadratino_imm.gif);
background-repeat:no-repeat; text-decoration:none; z-index:100;}
.photo ul li a b {display:none; z-index:100;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc; z-index:100;}
.photo ul li a:hover {white-space:normal;position:relative; z-index:100;}
.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0; z-index:100;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0; z-index:100;}
.photo ul li a:active, .photo ul li a:focus {position:static; outline:0; z-index:100;}
.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:75px; top:0; 
width:268px; height:400px; border:1px solid #fc0; padding:0px 0px 0px 0px; z-index:100;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:75px; top:0; width:400px; height:268px; border:1px solid #fc0; padding:0px 0px 0px 0px; z-index:100;}
/***** parte dx *******/
#parte_dx{
position:absolute;
top:0px;
left:171px;
width:529px;
height:700px;
background-color:#a17a53;
}

#parte_dx_imm{
position:absolute;
top:0px;
left:171px;
width:529px;
height:800px;
background-color:#a17a53;
}
#parte_dx_sessione{
position:absolute;
top:0px;
left:171px;
width:529px;
height:400px;
background-color:#a17a53;
}

#parte_dx_sup{
position:absolute;
top:0px;
left:0px;
width:529px;
height:40px;
background-image:url(../images/sfondo_parte_dx_sup.gif);
}
#menu_alto{
position:absolute;
top:10px;
right:5px;
width:110px;
height:20px;
font: 70% Arial,sans-serif;
color:#f3e6ca;
}
#menu_alto a:link{
text-decoration:none;
color:#f3e6ca;
}
#menu_alto a:visited{
text-decoration:none;
color:#f3e6ca;
}
#menu_alto a:hover{
text-decoration:none;
color:#FFFFFF;
}
#prova{
position:absolute;
top:40px;
left:0px;
}
#parte_dx_centrale{
position:absolute;
left:0px;
top:41px;
width:529px;
height:345px;
}
#parte_dx_centrale_imm{
position:absolute;
left:0px;
top:41px;
width:529px;
height:445px;
background:#222;
}
#imm_home{
position:absolute;
top:0px;
left:0px;
}
/*** parte destra inferiore ***/
#parte_dex_inf{
width:529px;
height:105px;
position:absolute;
top:611px;
left:0px;
}
#parte_dex_inf_imm{
width:529px;
height:105px;
position:absolute;
top:696px;
left:0px;
}
#parte_dex_inf_sessione{
width:529px;
height:105px;
position:absolute;
top:280px;
left:0px;
}

#copyright{
position:absolute;
top:10px;
left:10px;
width:300px;
height:20px;
font: 60% Arial,sans-serif;
color:#CCCCCC;
}
/******* parte bassa con mio logo ********/
#developer{
text-align:right;
font-size:65%;
color:#333333;
top:30px;
position:absolute;
left:0px;
width: 500px;
height:60px;
}
#developer img{
vertical-align:middle;
}
#developer a:link, a:visited{
color:#333333;
text-decoration:none;
}
#developer a:hover{
color:#333333;
text-decoration:none;
}
/*** registrazione ***/
#parte_dx_centrale{
position:absolute;
left:0px;
top:41px;
width:529px;
height:345px;
}
#module_reg{
position:absolute;
left:29px;
top:3px;
width:490px;
height:340px;
overflow:auto;
z-index:100;
}
/*** accesso login utente ***/
#accesso {
position:absolute;
top:130px;
left:3px;
width: 160px;
height:63px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
}

#accesso p {
margin: 0px;
font: 80% Arial,sans-serif;
color:#000000;
}

#accesso a {
display: block;
padding-bottom: 2px;
border-bottom: 1px solid #666666;
}
#accesso a:link, #accesso a:visited{
text-decoration:underline;
color:#000000;
font: 80% Arial,sans-serif;
}
#accesso a:hover{
text-decoration:none;
font: 80% Arial,sans-serif;
color:#000000;
}
/*** contatti ***/
#contatti{
position:absolute;
top:20px;
left:35px;
}
#form_contact{
position:absolute;
top:90px;
left:35px;
font: 90% Arial,sans-serif;
color:#000000;
}
#contact_ogg{
position:absolute;
top:0px;
left:0px;
width:350px;

}
#contact_oggetto{
position:absolute;
left:95px;
}
#contact_no{
position:absolute;
left:0px;
top:30px;
width:350px;

}
#contact_nome{
position:absolute;
left:95px;
}
#contact_mai{
position:absolute;
left:0px;
top:60px;
width:350px;

}
#contact_mail{
position:absolute;
left:95px;
}
#contact_mes{
position:absolute;
left:0px;
top:90px;
width:350px;

}
#contact_messaggio{
position:absolute;
left:95px;
}
#contact_pulsanti{
position:absolute;
left:0px;
top:200px;
width:250px;
}
/*** under costruction ***/
#under{
position:absolute;
top:35px;
left:150px;
}
/*** ordini ***/
#box_ordini{
position:absolute;
top:7px;
left:40px;
width:450px !important;width /**/:460px;
height:200px !important;height /**/: 210px;
overflow:auto;
 padding:0px 7px 0px 7px; 
/*
border:1px solid #EEE;border-right:0 solid;
background:url(../images/sfondo_box_ord.gif) repeat-x fixed top left;
background-repeat:repeat-x fixed top left;
*/
background-color:#c7d4ea;
font: 90% Arial,sans-serif;
color:#000000;
/*
background-image:url(../images/sfondo_box_ord.gif);
*/
}
.text_ord_rilievo{
font: 90% Arial,sans-serif;
color:#000033;
text-decoration:underline;
}
#parte_dx_ord{
position:absolute;
top:0px;
left:171px;
width:529px;
height:800px;
background-color:#a17a53;
}

#parte_dx_centrale_ord{
position:absolute;
left:0px;
top:41px;
width:529px;
height:445px;
}
#form_ordini{
position:absolute;
top:220px;
left:30px;
}
#ordini_ogg{
position:absolute;
top:0px;
left:0px;
width:350px;

}
#ordini_oggetto{
position:absolute;
left:95px;
}
#ordini_no{
position:absolute;
left:0px;
top:30px;
width:350px;

}
#ordini_nome{
position:absolute;
left:95px;
}
#ordini_mai{
position:absolute;
left:0px;
top:60px;
width:350px;

}
#ordini_mail{
position:absolute;
left:95px;
}
#ordini_mes{
position:absolute;
left:0px;
top:90px;
width:350px;

}
#ordini_messaggio{
position:absolute;
left:95px;
}
#ordini_pulsanti{
position:absolute;
left:0px;
top:195px;
width:250px;
}
#box_help_ord{
position:absolute;
top:295px;
left:320px;
width:180px !important;width /**/:190px;
height:130px !important;width /**/:140px;
overflow:auto;
padding:0px 7px 0px 7px;
/*** border:1px solid #EEE;border-right:0 solid; ***/
font: 80% Arial,sans-serif;
color:#000000;
background-color:#c7d4ea;
}
/*** pannello utente ***/
#dati_utente{
position:absolute;
top:1px;
left:1px;
width:400px;
height:15px;
font: 70% Arial,sans-serif;
color:#000099;
padding:2px 2px 2px 2px;
border-top:1px solid #adafb0;
border-right:1px solid #adafb0;
border-bottom:1px solid #adafb0;
border-left:1px solid #adafb0;
background-color:#FFFF66;
}
#menu_utente{
position:absolute;
top:70px;
left:130px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
width: 200px;
height:90px;
color:#000000;
padding: 0px 0px 0px 0px;
margin: 0px;
background-color:#CC9900;
}
#menu_utente ul {padding:0; margin:0; list-style-type: none;}
#menu_utente ul li {float:left; border-bottom:1px solid #adafb0;  width:200px; height:20px}
#menu_utente a:link   {text-decoration: none}
#menu_utente ul li a, #menu_utente ul li a:visited {display:block; float:left; 
width:200px; text-decoration:none;
padding:0px 0px 0px 0px; height:20px; line-height:20px; color:#000;
}
/* specific to non IE browsers */
#menu_utente ul li:hover a{color:#99FF33; background:#336699;}


/*** stato/storico ordini ***/
#query_sta_sto{
position:absolute;
top:5px;
left:40px;
width:460px !important;width /**/:470px;
height:410px !important;width /**/:420px;
overflow:auto;
padding:0px 2px 0px 2px;
font: 70% Arial,sans-serif;
color:#000000;
border: 0px 0px 0px 0px;
}

/*** pannello amministratore ***/
#menu_amministratore{
position:absolute;
top:70px;
left:130px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
width: 200px;
height:150px;
color:#000000;
padding: 0px 0px 0px 0px;
margin: 0px;
background-color:#CC9900;
}
#menu_amministratore ul {padding:0; margin:0; list-style-type: none;}
#menu_amministratore ul li {float:left; border-bottom:1px solid #adafb0;  width:200px; height:20px}
#menu_amministratore a:link   {text-decoration: none}
#menu_amministratore ul li a, #menu_amministratore ul li a:visited {display:block; float:left; 
width:200px; text-decoration:none;
padding:0px 0px 0px 0px; height:20px; line-height:20px; color:#000;
}
/* specific to non IE browsers */
#menu_amministratore ul li:hover a{color:#99FF33; background:#336699;}
/*** preventivi ***/
#box_preventivi{
position:absolute;
top:7px;
left:40px;
width:450px !important;width /**/:460px;
height:100px !important;height /**/: 110px;
overflow:auto;
padding:0px 7px 0px 7px; 
background-color:#c7d4ea;
font: 90% Arial,sans-serif;
color:#000000;
}
#form_preventivi{
position:absolute;
top:140px;
left:2px;
}
#prev_ogg{
position:absolute;
left:0px;
top:1px;
}
#prev_oggetto{
position:absolute;
top:0px;
left:88px;
}
#prev_us{
position:absolute;
top:28px;
left:0px;
}
#prev_user{
position:absolute;
top:0px;
left:88px;
}
#prev_mai{
position:absolute;
top:28px;
left:260px;
}
#prev_mail{
position:absolute;
top:0px;
left:40px;
}
#titolo_venere{
position:absolute;
left:0px;
top:55px;
width:130px;
height:20px;
text-align:center;
font: 70% Arial,sans-serif;
color:#000000;
text-decoration:underline;
background-color:#c7d4ea;
}
#titolo_terra{
position:absolute;
left:132px;
top:55px;
width:130px;
height:20px;
text-align:center;
font: 70% Arial,sans-serif;
color:#000000;
text-decoration:underline;
background-color:#c7d4ea;
}
#titolo_saturno{
position:absolute;
left:264px;
top:55px;
width:130px;
height:20px;
text-align:center;
font: 70% Arial,sans-serif;
color:#000000;
text-decoration:underline;
background-color:#c7d4ea;
}
#titolo_box_05_06{
position:absolute;
left:396px;
top:55px;
width:130px;
height:20px;
text-align:center;
font: 70% Arial,sans-serif;
color:#000000;
text-decoration:underline;
background-color:#c7d4ea;
}
#box_venere{
position:absolute;
top:70px;
left:0px;
width:130px;
height:225px;
background-color:#c7d4ea;
overflow:auto;
font: 70% Arial,sans-serif;
color:#000000;
}
#box_terra{
position:absolute;
top:70px;
left:132px;
width:130px;
height:225px;
background-color:#c7d4ea;
overflow:auto;
font: 70% Arial,sans-serif;
color:#000000;
}
#box_saturno{
position:absolute;
top:70px;
left:264px;
width:130px;
height:225px;
background-color:#c7d4ea;
overflow:auto;
font: 70% Arial,sans-serif;
color:#000000;

}
#box_05_06{
position:absolute;
top:70px;
left:396px;
width:130px;
height:225px;
background-color:#c7d4ea;
overflow:auto;
font: 70% Arial,sans-serif;
color:#000000;

}
#prev_pulsanti{
position:absolute;
top:310px;
left:300px;
width:150px;
}
#torna_menu{
position:absolute;
top:345px;
left:268px;
width:190px;
height:25px;
text-align:center;
border-top:1px solid #adafb0;
border-right:1px solid #adafb0;
border-bottom:1px solid #adafb0;
border-left:1px solid #adafb0;
background-color:#FFFF66;
}