﻿html { margin:0; padding:0; width: 100% }
body { margin:0; padding:0; width:auto; font-size:12px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background: #3C7BA4 url(../images/oslv_background.gif) repeat-x top; color:#363636 }
div { position:relative; margin:0; padding:0 }
form, input { margin:0; padding:0 }
h3,h5,h6 { margin: 0;  padding: 0; font-size: 1em }
hr {padding:0; margin:0}
a {text-decoration:none; padding:0; margin:0; color:#F23600}
a:hover {text-decoration:underline; padding:0; margin:0;}
ul {padding:0; margin:0}
li {padding:0; margin:0}
img {padding:0; margin:0}
p {padding:0; margin:0}
h1 { margin: 0;  padding: 0; font-weight: bold; font-size:24px; color:#0067AC}
h2 {padding:4px 0 0 0; font-weight:bolder; font-size:16px}
h4 {margin: 0;  padding: 0; color:#000000; font-size:14px}
table {border-collapse: collapse}
th {background:#e5e5e5}
th, td {font-size:12px}

#ridimensionatore { }

#contenitore { text-align:center; padding-top:17px}
#contenitore #box { width:970px; height:auto; text-align:left; margin:0 auto; background:#FFFFFF }

#spaziatore {padding:0 21px 0 21px}
#spaziatore #angolo_sin {position:absolute; width:8px; height:8px; top:0px; left:0px; background:url(../images/oslv_angolo_sinistra.gif) no-repeat top left}
#spaziatore #angolo_des {position:absolute; width:8px; height:8px; top:0px; right:0px; background:url(../images/oslv_angolo_destra.gif) no-repeat top left}
#spaziatore #rientro_sin_sopra {position:absolute; width:9px; height:9px; top:95px; left:0px; background:url(../images/oslv_a_a_s.gif) no-repeat top left}
#spaziatore #rientro_des_sopra {position:absolute; width:9px; height:9px; top:95px; right:0px; background:url(../images/oslv_a_a_d.gif) no-repeat top left}


#header { z-index:99; height:140px; background: url(../images/oslv_background_header.gif) repeat-x top left}
#header #logo { position:absolute; width:386px; height:86px; top:6px; left:0; background:url(../images/oslv_logo.gif) no-repeat top left }
#header #certificati {position:absolute; width:92px; height:61px; top:18px; right:0px; background:url(../images/oslv_certificati.gif) no-repeat top left}
#header #area_menu { position:absolute; width:100%; height:35px; top:100px; left:0; border-top: 1px dotted #BABABA; border-bottom: 1px dotted #BABABA}
#header #area_menu #bandiere {position:absolute; height:35px; width:124px; top:0px; right:0px;}
#header #area_menu #bandiere img {padding:11px 0 0 4px; border:0}


#contenuto {min-height:640px; padding-bottom:20px}

#contenuto #flash {height:252px; padding:16px 0 16px 0}
#contenuto #sopra {width:928px; padding:12px 0 2px 0}

#contenuto #sopra #rientro_sin_mezzo { position:absolute; bottom:-5px; left:-21px; width:9px; height:9px; fon2t-size:0.01px; background:url(../images/oslv_rientro_sinistra.gif) no-repeat top left}
#contenuto #sopra #rientro_des_mezzo { position:absolute; bottom:-5px; right:-21px; width:9px; height:9px; fo2nt-size:0.01px; background:url(../images/oslv_rientro_destra.gif) no-repeat top left}

#contenuto #sopra #benvenuti {width:352px; float:left}
#contenuto #sopra #prodotti {width:556px; float:right; background:#F4F4F4; min-height:30px}
#contenuto #sopra #prodotti #contenuto_grigio {padding:4px 14px 4px 14px; min-height:163px}
#contenuto #sopra #prodotti #grigio_a_s {position:absolute; top:0px; left:0px; width:14px; height:14px; background:url(../images/oslv_grigio_a_s.gif) no-repeat top left}
#contenuto #sopra #prodotti #grigio_a_d {position:absolute; top:0px; right:0px; width:14px; height:14px; background:url(../images/oslv_grigio_a_d.gif) no-repeat top left}
#contenuto #sopra #prodotti #grigio_b_s {position:absolute; bottom:0px; left:0px; width:14px; height:14px; background:url(../images/oslv_grigio_b_s.gif) no-repeat top left}
#contenuto #sopra #prodotti #grigio_b_d {position:absolute; bottom:0px; right:0px; width:14px; height:14px; background:url(../images/oslv_grigio_b_d.gif) no-repeat top left}
#contenuto #sopra #content_main {width:608px; float:left}
#contenuto #sopra #content_right {width:270px; float:right}
#contenuto #sopra #content_right h1 {display:block; padding:4px 0 2px 0; border-bottom: 2px dotted #BABABA}
#contenuto #sopra #content_right p {padding:7px 0 0 0}
#contenuto #sopra #content_right ul {padding:9px 0 0 40px}
#contenuto #sopra #content_right li {list-style:round; color:#737373}
#contenuto #sopra #content_right #content_faq {border-top: 2px dotted #BABABA; margin:25px 0 0 0; background: url(../images/oslv_back_home_faq_content.jpg) no-repeat top left}
#contenuto #sopra #content_right #content_faq div {margin:0 0 0 78px}
#contenuto #sopra #content_right #content_faq h3 {font-weight: bold; font-size:14px; color:#0067AC}
#contenuto #sopra #content_right #content_faq p {padding:17px 0 0 0}

#contenuto #mezzo {width:928px; padding:2px 0 2px 0}
#contenuto #mezzo #news {width:352px; float:left}
#contenuto #mezzo #spazio {width:20px; float:left}
#contenuto #mezzo #faq {width:278px; float:left; min-height:151px; border-right:1px solid #CACACA; margin-top:18px; background: url(../images/oslv_back_home_faq.jpg) no-repeat top left}
#contenuto #mezzo #rally {text-align: right; width:278px; float:left; min-height:151px; border-right:1px solid #CACACA; margin-top:22px; background: url(../images/macchina_rally.gif) no-repeat top left} 
#contenuto #mezzo #rally h3 {margin:0 15px 0 0; font-weight: bold; font-size:14px; color:#0067AC}
#contenuto #mezzo #rally p {padding:17px 15px 0 0}
#contenuto #mezzo #contatti {width:277px; float:right; margin-top:18px; background: url(../images/oslv_back_home_contat.jpg) no-repeat top left}

#pre_footer {width:100%; height:24px; background: url(../images/oslv_back_pre_footer.gif) repeat-x top}
#pre_footer_image {width:174px; height: 24px; left: 34px; background: url(../images/oslv_alcuni_nostri_servizi.gif) no-repeat top}

#spaziatore_footer {padding:0 21px 0 21px; background: #C7E3EA}

#footer {width:928px; padding:4px 0 2px 0; background: #C7E3EA; min-height:122px}
#footer #angolo_footer_sinistra {position:absolute; bottom:0px; left:-21px; width:6px; height:6px; background:url(../images/oslv_a_footer_sin.gif) no-repeat top left}
#footer #angolo_footer_destra {position:absolute; bottom:0px; right:-21px; width:6px; height:6px; background:url(../images/oslv_a_footer_des.gif) no-repeat top left}
#footer #materie {width:310px; float:left; margin-top:14px; background: url(../images/oslv_back_home_materie.jpg) no-repeat top left}
#footer #company {width:310px; float:left; margin-top:14px; background: url(../images/oslv_back_home_company.jpg) no-repeat top left}
#footer #company .home_materie_prime {padding-left:36px}
#footer #preventivi {width:309px; float:left; margin-top:14px; background: url(../images/oslv_back_home_preventivi.jpg) no-repeat top left}
#footer #opportunita {width:309px; float:right; margin-top:14px; background: url(../images/oslv_back_home_job.jpg) no-repeat top left}

#diritti {width:970px; height:54px; background:url(../images/oslv_back_copyright.jpg) repeat-x top left}
#diritti #copy_angolo_sinistra {position:absolute; top:0px; left:0px; width:6px; height:6px; background:url(../images/oslv_copy_a_s.gif) no-repeat top left}
#diritti #copy_angolo_destra {position:absolute; top:0px; right:0px; width:6px; height:6px; background:url(../images/oslv_copy_a_d.gif) no-repeat top left}
#diritti #testo_copyright {width:970px; text-align:right; padding:16px 0 0 0; right:30px; color:#ffffff}
#diritti #testo_copyright a {color:#ffffff}

.spazio_v { font-size:0.001px; height:3px; background: #3C7BA4}
.spazio_v_soprahr { font-size:0.001px; height:2px }
.spazio_v_sottohr { font-size:0.001px; height:4px }
.clear { clear:both; font-size:0.01px; line-height:0.001px }
.100 { width:100% }

/*----------------------------------MENU---------------------------------------------*/


#area_menu { position:absolute; width:700px; left:180px; bottom:0 }
.nav { list-style:none; padding:0; margin:0; width:800px}
.nav li { list-style:none; float:left; width:auto; padding:10px 15px 10px 15px}
.nav a { display:block}
.nav a:hover {text-decoration:none; padding:0}

.nav ul { z-index:99; display:none; list-style:none; position:absolute; width:230px; top:35px;left:auto}
.nav li:hover ul { display:block }
.nav li:hover ul ul{ display:none }
.nav li li { float:none; position:static}

.nav a {color:#000000; font-size: 13px; font-weight: bold}

.nav ul {margin:0 0 0 0; border:1px solid #000000; width:180px; border-bottom:0; background:#ffffff }
.nav ul li { padding:5px 10px 5px 10px; margin:0; border-bottom:1px solid #000000; background:url() }
.nav ul li.freccia {background: url(../images/freccia_orange.gif) no-repeat top right}
.nav ul li a {color:#000000; font-size: 13px; font-weight: bold}

.nav ul ul { margin:-22px 0 0 72px; padding:0; border:1px solid #000000; background:#ffffff; display: none; position:absolute; width:180px; left:108px; top:auto;}
.nav ul li:hover ul { z-index: 99; display: block}
.nav ul li:hover ul ul {display: none}

.nav ul ul ul { margin:-22px 0 0 62px; padding:0; border:1px solid #000000; background:#ffffff; display: none; position:absolute; width:200px; left:118px; top:auto;}
.nav ul ul li:hover ul { z-index: 99; display: block}
.nav ul ul li:hover ul ul {display: none}

.nav ul ul ul ul{ margin:-22px 0 0 62px; padding:0; border:1px solid #000000; background:#ffffff; display: none; position:absolute; width:200px; left:118px; top:auto;}
.nav ul ul ul li:hover ul { z-index: 99; display: block}
.nav ul ul ul li:hover ul ul {display: none}

/*----------------------------------FINE-MENU---------------------------------------------*/

#contenuto #sopra #benvenuti h1 {display:block; padding:4px 0 2px 0; border-bottom: 2px dotted #BABABA}
#contenuto #sopra #benvenuti p {padding:6px 0 0 0}

.i_nostri_prodotti {float: left; min-height:80px}
.i_nostri_prodotti_imgleft {padding:0 19px 0 14px; border-right:1px solid #D3D3D3; float: left; min-height:80px}
.i_nostri_prodotti_textright {float: left; min-height:80px; padding:0 0 0 10px}
.i_nostri_prodotti_imgright {padding: 0 0 0 4px; float: left; min-height:80px}
#contenuto #sopra #prodotti h1 {display:block}
#contenuto #sopra #prodotti h2 {font-weight: bold; font-size:18px; color:#000000; padding:4px 0 0 0}
#contenuto #sopra #prodotti p {padding:0}

#contenuto #mezzo #news h1 {display:block; padding:4px 0 2px 0; border-bottom: 2px dotted #BABABA}
#contenuto #mezzo #news p {padding:7px 0 0 0}
#contenuto #mezzo #news ul {padding:9px 0 0 40px}
#contenuto #mezzo #news li {list-style:round; color:#737373}

#contenuto #mezzo #faq .home_faq {margin:-11px 0 0 78px}
#contenuto #mezzo #faq .home_faq h3 {padding:-11px 0 0 0; font-weight: bold; font-size:14px; color:#0067AC}
#contenuto #mezzo #faq .home_faq p {padding:17px 0 0 0}
#contenuto #mezzo #contatti .home_contatti {margin:-11px 0 0 87px}
#contenuto #mezzo #contatti .home_contatti h3 {padding:-11px 0 0 0; font-weight: bold; font-size:14px; color:#0067AC}
#contenuto #mezzo #contatti .home_contatti p {padding:17px 0 0 0}
#contenuto #mezzo #contatti .home_contatti ul {padding:17px 0 0 0}
#contenuto #mezzo #contatti .home_contatti li {list-style:none; min-height:10px; padding:0 0 8px 0}
#contenuto #mezzo #contatti .home_contatti img {float:left}

#footer #materie h4 {color:#000000; font-size:14px}
#footer #materie p {color:#737373}
#footer #materie .home_materie_prime {padding-left:36px}
#footer #preventivi h4 {color:#000000; font-size:14px} 
#footer #preventivi p {color:#737373}
#footer #preventivi .home_preventivi {padding-left:40px}
#footer #opportunita h4 {color:#000000; font-size:14px}
#footer #opportunita p {color:#737373}
#footer #opportunita .home_lavora {padding-left:25px}

.view_news h1 {display:block; padding:4px 0 2px 0; border-bottom: 2px dotted #BABABA}
.view_news span {color:#737373; display:block; padding:5px 0 5px 0}
.view_news p {padding:0 20px 0 20px}

.archivio_news h1 {display:block; padding:4px 0 2px 0; border-bottom: 2px dotted #BABABA}
.archivio_news h4 {padding:10px 0 8px 0}
.archivio_news ul {padding:0 0 0 20px}
.archivio_news li {padding:4px 0 4px 0}
.archivio_news span {color:#737373}

.cerca_news h4 {padding:10px 0 8px 0}
.cerca_news form {padding:10px 0 10px 0}

.anni_news h4 {padding:10px 0 8px 0}
.anni_news ul {padding:0 0 0 20px}
.anni_news li {padding:4px 0 4px 0}

.frontpage ul {padding:0 0 0 30px}
.frontpage ol {padding:0 0 0 10px}
.frontpage li {padding:5px 0 5px 0}
.frontpage span {color:#737373}
.frontpage h1 {display:block; padding:4px 0 2px 0; margin-bottom: 10px; border-bottom: 2px dotted #BABABA}
.frontpage p {padding:5px 0 5px 0}
.frontpage img {padding:5px; margin:5px; border:1px solid #0067AC}
#ingrandisci_sinistra {text-align:left; padding: 0 0 0 35px; background: url(../images/lente.gif) no-repeat top left}
#ingrandisci_destra {text-align:right; margin:0 0 0 765px; background: url(../images/lente.gif) no-repeat top left}
.torna {display:block; float:right; padding-top:10px}

.title_pdf {padding:20px 0 20px 50px; background: url(../images/icona_pdf.gif) no-repeat top left}
.title_pdf:hover {padding:20px 0 20px 50px; background: url(../images/icona_pdf.gif) no-repeat top left}

#mese_01 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:43px}
#mese_02 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:82px}
#mese_03 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:121px}
#mese_04 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:160px}
#mese_05 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:199px}
#mese_06 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:238px}
#mese_07 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:277px}
#mese_08 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:316px}
#mese_09 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:355px}
#mese_10 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:394px}
#mese_11 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:433px}
#mese_12 {z-index:97; position:absolute; width:27px; background: #FF3800; bottom:20px; left:472px}
#mese_01_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:43px}
#mese_02_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:82px}
#mese_03_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:121px}
#mese_04_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:160px}
#mese_05_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:199px}
#mese_06_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:238px}
#mese_07_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:277px}
#mese_08_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:316px}
#mese_09_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:355px}
#mese_10_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:394px}
#mese_11_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:433px}
#mese_12_min {z-index:98; position:absolute; width:27px; background: #006EBB; bottom:20px; left:472px}
#max_value_price {position:absolute; font-weight:bold; top:82px; left:7px}
#materia {width:509px; height:294px; background: url(../images/materia_schema.gif) no-repeat top left}
#blu {padding: 0 0 0 70px; margin: 0 0 10px 30px; background: url(../images/blu.gif) no-repeat top left}
#rosso {padding: 0 0 0 70px;  margin: 0 0 10px 30px; background: url(../images/rosso.gif) no-repeat top left}

#map {float:left; margin:0 5px 0 0}
.frontpage .div {margin:0; padding:0 0 10px 20px; width:auto; background: url("../images/faq_piu.gif") no-repeat 6px 4px} 

.prodotti {float:left; width:50%; text-align:center}
.prodotti img {border:0}
.lente {background: url("../images/lente.gif") no-repeat top right; margin:0 80px 0 0; text-align:left}

#confindustria {position:absolute; width:104px; height:28px; top:80px; right:0; background:url("../images/confindustria_logo.gif") no-repeat top left}
#confindustria a {display:block; width:104px; height:28px}

.sinistra_elenco {float:left; width:300px}
.destra_elenco {float:left; width:300px}
.destra_elenco a {padding:4px 0 6px 30px; background: url(../images/icona_pdf_scheda.gif) no-repeat top left}
/*-----------------------------------------------------LINGUA INGLESE--------------------------------------------------------------------------*/

#pre_footer_image_en {width:183px; height: 24px; left: 34px; background: url(../images/oslv_alcuni_nostri_servizi_inglesi.gif) no-repeat top}

/*-----------------------------------------------------LINGUA FRANCESE--------------------------------------------------------------------------*/

#pre_footer_image_fr {width:350px; height: 24px; left: 34px; background: url(../images/oslv_alcuni_nostri_servizi_francesi.gif) no-repeat top left}

/*-----------------------------------------------------LINGUA TEDESCA--------------------------------------------------------------------------*/

#pre_footer_image_de {width:350px; height: 24px; left: 34px; background: url(../images/oslv_alcuni_nostri_servizi_tedeschi.gif) no-repeat top left}






