/* Stili generici */
html,body
{
 margin:0;
 padding:0;
 background-color:#cccccc;
 color:#FFF;
 font-family:Verdana;
 font-size:12px;
}

body { text-align:center; }

img { border:none; }

.clear {clear:both;}

form
{
 margin:0;
 padding:0;
}

acronym,abbr
{
 border:none;
 text-decoration:none;
 cursor:help;
}

a {text-decoration:none;}

#box
{
 position:relative;
 width:1000px;
 height:550px;
 margin:0 auto 0 auto;
 padding:0;
 text-align:left;
 background-color:#000;
 border:#828282 solid 1px;
}

#nome
{
 position:absolute;
 bottom:30px;
 left:30px;
 padding:0;
 margin:0;
 color:#fac800;
 font-size:14px;
 font-weight:bold;
}

#nome a:link {color:#fac800; text-decoration:none;}
#nome a:hover {color:#ffff00;}
#nome a:visited {color:#fac800; text-decoration:none;}

#casse {
 position:absolute;
 bottom:0;
 left:0;
 color:#a08621;
 font-size:12px;
 padding:0;
 margin:0;
}

#fasciadx
{
 position:absolute;
 right:0;
 top:0;
 padding:0 0 0 10px;
 margin:0;
 background-color:#a08621;
 height:550px;
 width:115px;
 font-size:18px;
 color:#ffff00;
}

#fasciadx ul
{
 padding:0;
 margin:0;
 list-style-type:none;
 text-transform:lowercase;
}

#fasciadx li
{
 padding:40px 0 0 0;
}

#fasciadx a {color:#fac800; text-decoration:none;}
#fasciadx a:hover {color:#ffff00;}
#fasciadx a:visited:hover {color:#ffff00;}
#fasciadx a:visited {color:#fac800; text-decoration:none;}

#fasciabasso
{
 position:absolute;
 bottom:0;
 left:0;
 margin:0;
 padding:0;
 width:875px;
 height:70px;
 background-color:#a08621;
 font-size:16px;
 color:#ffff00;
 text-align:right;
}

#fasciabasso ul
{
 position:relative;
 margin:25px 0 0 200px;
 padding:0;
 text-transform:lowercase;
 text-align:center;
}

#fasciabasso li
{
 display:inline;
 padding:0 10px 0 10px;
 font-weight:bold;
}

#fasciabasso a:link {color:#000; text-decoration:none;}
#fasciabasso a:hover, #fasciabasso a:visited:hover {color:#ffff00;}
#fasciabasso a:visited {color:#000; text-decoration:none;}

#fasciabasso  a.perc:link {color:#ffff00;}
#fasciabasso  a.perc:visited {color:#ffff00;}
/****** INDEX - INTRO **********************************************************************/

.index
{
 background:125px 0 url(img/sfondoindex.png) no-repeat;
}
.index h1 {color:#000;}

.index ul
{
 position:absolute;
 bottom:50px;
 left:50px;
 display:block;
 padding:0;
 width:200px;
 list-style-type:none;
 margin:0;
 font-size:17px;
 font-weight:bold;
}

.index a:link {color:#FFF; text-decoration:none;}
.index a:hover, .index a:visited:hover {color:#ffff00;}
.index a:visited {color:#FFF; text-decoration:none;}

.intro
{
 background:0 0 url(img/sfondo.png) no-repeat;

}

.intro a:link {color:#FFF; text-decoration:none;}
.intro a:hover, .intro a:visited:hover {color:#ffff00;}
.intro a:visited {color:#FFF; text-decoration:none;}

#versione
{
 position:absolute;
 top:250px;
 left:400px;
 width:200px;
 text-align:center;
 font-size:16px;
}
#body-menu-menu #versione
{
 top:220px;
 font-size:25px;
 font-weight:bold;
}
#body-menu-menu #versione a
{
 color:#fac800;
}
.getflash
{
 font-size:13px;
}

.intro a.getflash:link {color:#fac800; text-decoration:none;}
.intro a.getflash:hover, .intro a.getflash:visited:hover {color:#ffff00;}
.intro a.getflash:visited {color:#fac800; text-decoration:none;}

#nomeb
{
 position:absolute;
 bottom:30px;
 right:30px;
 height:14px;
 width:150px;
 padding:0;
 color:#fac800;
 font-size:14px;
 font-weight:bold;
 text-align:right;
}

#nomeb a:link {color:#fac800; text-decoration:none;}
#nomeb a:hover {color:#ffff00;}
#nomeb a:visited {color:#fac800; text-decoration:none;}

#fasciadxpozzi
{
 position:absolute;
 right:0;
 top:0;
 padding:0;
 margin:0;
 background-color:#a08621;
 background:0 102px url(img/fasciadx.png) no-repeat #a08621;
 height:550px;
 width:145px;
 font-size:18px;
 color:#fac800;
}

/***** SEZIONE TESTO *******************************************************/

#testo
{
 position:relative;
 float:left;
 top:0;
 left:0;
 width:220px;
 height:392px;
 font-family:Arial;
 font-size:15px;
 padding:10px 10px 10px 20px;
 overflow:auto;
}

#testo h1 {color:#000; font-size:22px; text-align:center; margin-top:10px;}
#testo h3 {font-size:18px; font-weight:normal; padding:0; margin:0;}
#testo p {padding-bottom:1em;margin:0;}

.sviluppo, .azienda, .contatti
{
 background-color:#e4e4e4;
 color:#505050;
}

.prodotti
{
 background-color:#707070;
}

/***** ZONA IMMAGINE *************************************************************/
/*** 1 IMMAGINE 375X275 ***/
/*** 2 IMMAGINI 185X275 ***/
/*** 4 IMMAGINI 185X135 ***/
/*** 8 IMMAGINI 90X135 ***/

#immagine
{
 position:relative;
 float:left;
 margin:0;
 width:375px;
 height:344px;
 padding:68px 63px 0 62px;
}

#immagine table
{
 width:375px;
 border-spacing:0;
 border-collapse:collapse;
 padding:0;
 margin:0;
}

#immagine td
{
 padding:0;
 margin:0;
 vertical-align:top;
}

#immagine img { display:block;}

#immagine tr.margine td { padding:0 0 5px 0;} /****** prima riga tabelle 4 e 8 immagini **********/

#immagine td .primo /****** n-1 celle della prima riga tabelle n immagini **********/
{
 margin:0 5px 0 0;
}

#immagine p
{
 text-align:center;
 margin-top:2px;
}

.imgsviluppo
{
 background-color:#FFF;
 color:#000;
}

#body-contatti-contatti #immagine
{
 background-color:#a9a9a9;
 color:#000;
 padding:10px 0 0 62px;
 height:402px;
 width:438px;
 overflow:auto;
}

.errore {color:#F00; font-size:12px; padding:0; margin:0;}

.tabcontatti input, .tabcontatti textarea
{
 background-color:#e4e4e4;
 color:#505050;
 font-family:Arial;
 font-size:12px;
}
.tabcontatti input.texto, .tabcontatti textarea
{
 width:295px;
}
.imgazienda
{
 background-color:#a9a9a9;
 color:#000;
}

#body-popup-popup p {padding:0;margin:0;color:#505050;}
#body-popup-popup img {padding:0;margin-bottom:1em;}

#prec {
 float:left;
 padding-left:30px;
}

#succ {
 float:right;
 padding-right:30px;
}

#precsucc a {color:#000;}
#precsucc {text-align:center;}