/* CSS Document */

/*   
CSS Name: Fiav
Author: andrea Corti
Author URI: http://www.yud.it/
Version: 1.0
.
Feel free to copy all the code you like.
.
*/

/*
GENERALE
---------------------------------------*/

 * { 
padding: 0;
margin: 0;
color:#000000;
text-align:left;
text-decoration:none;}

body {
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;}

.nascondi {
display:none;}



/*
LAYOUT HEADER
---------------------------------------*/

#contenitore {
position:absolute;
top:8%;
left:50%;
margin-left:-366px;
width:732px;}

#logo {
display:none;}


#header {
display:block;
width:732px;
height:auto;}


ul#princ {
width:732px;
height:23px;
list-style-type:none;
margin-left:0;
margin-bottom:6px;}

ul#princ li {
margin-left:0;
list-style-type:none;
display:block;
text-indent:-9999px;}

ul#princ li#azienda, ul#princ li#azienda a {
float:left;
clear:right;
height:23px;
width:46px;
background-image:url(images/az_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#azienda a:hover {
float:left;
clear:right;
height:23px;
width:46px;
background-image:url(images/att_azienda.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#proge, ul#princ li#proge a {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/prog_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#proge a:hover {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/att_prog.gif);
background-repeat:no-repeat;
background-position:top;}


ul#princ li#produz, ul#princ li#produz a {
float:left;
height:23px;
width:36px;
background-image:url(images/prod_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#produz a:hover {
float:left;
height:23px;
width:36px;
background-image:url(images/att_prod.gif);
background-repeat:no-repeat;
background-position:top;}


ul#princ li#realiz, ul#princ li#realiz a {
float:left;
height:23px;
width:36px;
background-image:url(images/realiz_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#realiz a:hover {
float:left;
height:23px;
width:36px;
background-image:url(images/att_realiz.gif);
background-repeat:no-repeat;
background-position:top;}


ul#princ li#trafil, ul#princ li#trafil a {
float:left;
height:23px;
width:36px;
background-image:url(images/trafil_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#trafil a:hover {
float:left;
height:23px;
width:36px;
background-image:url(images/atti_trafi.gif);
background-repeat:no-repeat;
background-position:top;}


ul#princ li#applicaz, ul#princ li#applicaz a {
float:left;
height:23px;
width:36px;
background-image:url(images/applica_menu.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#applicaz a:hover {
float:left;
height:23px;
width:36px;
background-image:url(images/att_app.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#contatt, ul#princ li#contatti a {
float:right;
height:23px;
width:66px;
background-image:url(images/contact.gif);
background-repeat:no-repeat;
background-position:top;}

ul#princ li#contatti a:hover {
float:right;
height:23px;
width:66px;
background-image:url(images/att_cont.gif);
background-repeat:no-repeat;
background-position:top;}

#footer {
margin-top:20px;
width:733px;
height:79px;
clear:both;}


ul#lingue {
height:20px;
float:left;
margin-left:0;
list-style-type:none;
margin-top:65px;}

ul#lingue li a {
margin-left:0;
list-style-type:none;
display:block;
text-indent:-9999px;}

ul#lingue li#ita, ul#lingue li#ita a {
float:left;
height:20px;
width:27px;
background-image:url(images/ita.gif);
background-position:top;
background-repeat:no-repeat;}

ul#lingue li#eng, ul#lingue li#eng a {
float:left;
height:20px;
width:27px;
background-image:url(images/en.gif);
background-position:top;
background-repeat:no-repeat;}

ul#lingue li#fra, ul#lingue li#fra a {
float:left;
height:20px;
width:27px;
background-image:url(images/FRA.gif);
background-position:top;
background-repeat:no-repeat;}

ul#lingue li#deu, ul#lingue li#deu a {
float:left;
height:20px;
width:27px;
background-image:url(images/deu.gif);
background-position:top;
background-repeat:no-repeat;}

ul#lingue li#jap, ul#lingue li#jap a {
float:left;
height:20px;
width:27px;
background-image:url(images/jap.gif);
background-position:top;
background-repeat:no-repeat;}

ul#lingue li#chi, ul#lingue li#chi a {
float:left;
height:20px;
width:27px;
background-image:url(images/chi.gif);
background-position:top;
background-repeat:no-repeat;}

#credits {
float:right;
display:block;
width:267px;
height:79px;
background-image:url(images/logo_fiav.gif);
background-position:top right;
background-repeat:no-repeat;}

#credits p {
text-align:right;
font-size:10px;
color:#9c9c9c;
margin-top:70px;}




/*
LAYOUT HOME
---------------------------------------*/

#flash_home {
display:block;
width:732px;
height:327px;
background-image:url(images/backhome.jpg);
background-position:top;
background-repeat:no-repeat;}

#lancio {
display:block;
width:732px;
height:92px;
margin-top:1px;
margin-left:1px;}

#box1 ul, #box2 ul, #box3 ul, #box4 ul {
margin-left:10px;
margin-top:40px;}

#box1 {
float:left;
display:block;
width:182px;
height:92px;
background-image:url(images/box_az.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#00264b;}

#lancio ul li.lista {
background-image:url(images/frec.gif);
background-position:top left;
background-repeat:no-repeat;
list-style-type:none;
font-size:10px;
width:130px;
padding-left:25px;
color:#E4F6FF;
line-height:11px;}

#lancio ul li a {
color:#E4F6FF;
line-height:11px;
text-decoration:none;}

#lancio ul li a:hover {
color:#E4F6FF;
line-height:11px;
text-decoration:underline;}

#box2 {
float:left;
margin-left:1px;
display:block;
width:182px;
height:92px;
background-image:url(images/box_prod.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#013567;}

#box3 {
float:left;
margin-left:1px;
display:block;
width:182px;
height:92px;
background-image:url(images/box_app.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#425D7B;}

#box4 {
float:left;
margin-left:1px;
display:block;
width:182px;
height:92px;
background-image:url(images/box_tecnica.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#54779D;}

/*
GENERALI INTERNE
---------------------------------------*/

#header {
display:block;
width:732px;
height:298px;}

#content {
margin-top:1px;
width:732px;
height:auto;
padding-bottom:0px;
text-align:left;}

#barra {
float:left;
width:183px;
height:auto;}

#contenuti {
margin-top:0px;
float:right;
width:549px;
height:auto;}

#paragrafo {
margin-top:0px;
margin-left:10px;
width:190px;
height:auto;
float:left;
}


#paragrafo h3 {
font-size:12px;
color:#444444;}

#paragrafo p, #paragrafo p strong {
margin-top:10px;
font-size:10px;
color:#444444;}


ul#int {
width:183px;
height:auto;
list-style-type:none;}

ul#int li {
margin-top:1px;
margin-left:0px;
list-style-type:none;
display:block;
text-indent:-9999px;}

#footer_int {
margin-top:20px;
width:549px;
height:79px;
float:right;
margin-bottom: 10px;}



/*
AZIENDA
---------------------------------------*/

#flash_az, #flash_az a {
display:block;
width:732px;
height:275px;}


ul#princ li#azienda.qui {
float:left;
clear:right;
height:23px;
width:46px;
background-image:url(images/att_azienda.gif);
background-repeat:no-repeat;
background-position:top;}

h2#aziendatit, h2#aziendatit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_az_qui.gif);
background-repeat:no-repeat;
background-position:top;}

h2#aziendatit_qui{
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_az.gif);
background-repeat:no-repeat;
background-position:top;}

ul#int li#menu_qual a {
display:block;
width:183px;
height:23px;
background-image:url(images/qua_menu.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

ul#int li#menu_qual_qui {
display:block;
width:183px;
height:23px;
background-image:url(images/qua_menu_qui.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

h3#par_az {
display:block;
width:330px;
height:25px;
margin-top:25px;}

/*
QUALITA
---------------------------------------*/

#flash_qua, #flash_qua a {
display:block;
width:732px;
height:275px;}

h3#par_qua {
display:block;
width:330px;
height:25px;
margin-top:25px;}

/*
PROGETTAZIONE
---------------------------------------*/

ul#princ li#proge.qui {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/att_prog.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_prog, #flash_prog a {
display:block;
width:732px;
height:275px;}

h3#par_prog {
display:block;
width:330px;
height:30px;
margin-top:30px;}

h2#progtit, h2#progtit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_prog.gif);
background-repeat:no-repeat;
background-position:top;}

/*
PRODUZIONE
---------------------------------------*/

ul#princ li#produz.qui {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/att_prod.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_prod, #flash_prod a {
display:block;
width:732px;
height:275px;}

h2#prodtit, h2#prodtit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_prod_qui.gif);
background-repeat:no-repeat;
background-position:top;}


h2#prodtit_qui {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_prod.gif);
background-repeat:no-repeat;
background-position:top;}

h3#par_prod {
display:block;
width:330px;
height:30px;
margin-top:30px;}

h3#par_area {
display:block;
width:330px;
height:30px;
margin-top:20px;}

ul#int li#menu_area, ul#int li#menu_area a {
display:block;
width:183px;
height:23px;
background-image:url(images/area_menu.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

ul#int li#menu_area_qui {
display:block;
width:183px;
height:23px;
background-image:url(images/area_menu_qui.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

#download {
float:right;
width:179px;
margin-top:40px;}

#download img {
display:block;
width:183px;
height:38px;
margin-bottom:10px;}

/*
REALIZZAZIONE
---------------------------------------*/

ul#princ li#realiz.qui {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/att_realiz.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_realiz, #flash_realiz a {
display:block;
width:732px;
height:275px;}

h2#realiztit, h2#realiztit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_realiz.gif);
background-repeat:no-repeat;
background-position:top;}


h3#par_realiz {
display:block;
width:330px;
height:30px;
margin-top:30px;}

/*
TRAFILATURA
---------------------------------------*/

ul#princ li#trafil.qui {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/atti_trafi.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_trafil, #flash_trafil a {
display:block;
width:732px;
height:275px;}

h2#trafiltit, h2#trafiltit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_traf.gif);
background-repeat:no-repeat;
background-position:top;}

h3#par_trafil {
display:block;
width:330px;
height:30px;
margin-top:30px;}

/*
APPLICAZIONI
---------------------------------------*/

ul#princ li#applicaz.qui {
float:left;
clear:right;
height:23px;
width:36px;
background-image:url(images/att_app.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_profili, #flash_profili a {
display:block;
width:732px;
height:275px;}

#flash_mini, #flash_mini a {
display:block;
width:732px;
height:275px;}


#flash_app, #flash_app a {
display:block;
width:732px;
height:275px;}


h2#apptit, h2#apptit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_applic_qui.gif);
background-repeat:no-repeat;
background-position:top;}

h2#apptit_qui {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_applic.gif);
background-repeat:no-repeat;
background-position:top;}


h3#par_app {
display:block;
width:330px;
height:30px;
margin-top:20px;}

ul#lista_app {
display:block;
text-align: right;
float: right;
margin-top: 38px;
list-style-type: none;
width: 550px:} 

ul#lista_app li {
display: inline;
float: right;
width: 178px;
height: 84px;
margin: 0 0 10px 2px;}

ul#lista_app img {
padding: 0;
margin:0;}


h3#par_profili {
display:block;
width:330px;
height:30px;
margin-top:20px;}


h3#par_mini {
display:block;
width:330px;
height:30px;
margin-top:20px;}



ul#int li#menu_energia, ul#int li#menu_energia a {
display:block;
width:183px;
height:23px;
background-image:url(images/profili.jpg);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

ul#int li#menu_energia_qui {
display:block;
width:183px;
height:23px;
background-image:url(images/profili_qui.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

ul#int li#menu_minirail, ul#int li#menu_minirail a {
display:block;
width:183px;
height:23px;
background-image:url(images/minirails.jpg);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}

ul#int li#menu_minirail_qui {
display:block;
width:183px;
height:23px;
background-image:url(images/minirails_qui.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999px;}


/*
CONTATTI
---------------------------------------*/

ul#princ li#contatti.qui {
float:right;
height:23px;
width:66px;
background-image:url(images/att_cont.gif);
background-repeat:no-repeat;
background-position:top;}

#flash_cont, #flash_cont a {
display:block;
width:732px;
height:275px;}

h2#conttit, h2#conttit a {
display:block;
width:183px;
height:37px;
text-indent:-9999px;
background-image:url(images/tit_cont.gif);
background-repeat:no-repeat;
background-position:top;}

h3#par_cont {
display:block;
width:330px;
height:25px;
text-indent:-1000px;
background-image:url(images/par_cont.gif);
background-position:top;
background-repeat:no-repeat;
margin-top:25px;}

#paragrafo p a {
text-decoration:underline;
color:#013567;}

#mappa {
float:right;
display:block;
width:350px;
margin-top:-80px;
margin-bottom:10px;}