html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}
body {
background-color: #000;
}
.red {
font-family: Arial Black;
color: #e2001a;
}
.red_liri {
font-family: Arial Black;
font-size: 10px;
color: #e2001a;
}
html, body {
margin: 0;
padding: 0;
}
body {
height: 100%;
}
#container {
width: auto;
text-align: center;
background-color: #000;
}
#content {
position: static;
margin: 0 auto;
}
#header {
z-index: 2;
position: relative;
width: 100%;
height: 162px;
}
#main {
position: relative;
width: 960px;
height: 558px;
}
#title {
display: none;
}
#navbar,
#navbar_eng {
display: none;
}
#menu_home {
display: none;
}
#home_flash {
z-index: 1;
position: absolute;
left: 0;
top: 333px;
width: 960px;
height: 225px;
}
#atlas {
z-index: 1;
position: absolute;
left: 106px;
top: 141px;
width: 735px;
height: 485px;
}
#contatti_dett {
z-index: 1;
position: absolute;	
top: 0;
right: 0;
width: 774px;
height: 413px;
border: none;
}
#contatti_dett_btn {
z-index: 2;
position: absolute;
left: 390px;
top: 352px;
width: 191px;
height: 139px;
}
#formati_cpl {
position: absolute;
left: 186px;
top: 0;
width: 774px;
height: 204px;
background-image: url(../css/img/formati_cpl_3.jpg);
background-position: left top;
background-repeat: no-repeat;
}
/* Elements: h1, h2, a, ul
-------------------------- */
h1, h2 {
font-family: Arial Black;
font-weight: normal;
font-style: normal;
text-align: left;
/* IE gets the margins and padding wrong */
margin: 0;
padding: 0;
}
h2 {
font-size: 12px;	
}
a{
text-decoration: none;
}
a img {
border: 0;
}
a:link,
a:visited  {
color: #000;
}
a:hover {
text-decoration: underline;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 1.8em;
text-align: left;
}
p {
margin: 0;
padding: 0;
font-family: Arial Narrow;
font-size: 13px;
text-align: justify;
}
#navbar_cpl a,
#navbar a,
#navbar_eng a {
font-family: Arial Black;
text-decoration: none; 
padding: 0 15px 0 7px;
height: 22px;
line-height: 22px;
}
#navbar_eng a {
padding: 0 11px 0 3px;
}
#navbar a:link,
#navbar a:visited,
#navbar_eng a:link,
#navbar_eng a:visited {
color: #c6cad2;
}
#navbar a:hover,
#navbar_eng a:hover {
text-decoration: none;
color: #707173;
}
#navbar a#stato,
#navbar_eng a#stato {
color: #e2001a;
}
#navbar a#spento,
#navbar_eng a#spento {
color: #707173;
}
#navbar_cpl a#stato {
color: #fff;
}
#dropmenudiv{
position:absolute;
line-height:15px;
z-index:100;
margin-top: 3px;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
padding: 1px 0;
margin-bottom: 1px;
text-decoration: none;
background-color: #707173;
color: #c6cad2;
}
#dropmenudiv a:hover {
font-family: Arial Black;	
color: #e2001a;
}
#dropmenudiv a:hover{ 
/*hover background color*/
background-color: #000;
}
#menu_home a{
display: block;
font-size: 8px;
height: 8px;
line-height: 8px;
}
#menu_home a:link,
#menu_home a:visited {
text-decoration: none;
color: #fff;
}
#menu_home a:hover {
text-decoration: none;
color: #c6c6c6;
}
#testo_sx {
position: absolute;
left: 186px;
top: 45px;
width: 280px;
height: 350px;
}
#testo_dx {
position: absolute;
left: 501px;
top: 45px;
width: 280px;
height: 350px;
}
#news_testo_sx {
position: absolute;
left: 186px;
top: 45px;
width: 295px;
height: 350px;
}
#news_testo_dx {
position: absolute;
left: 491px;
top: 45px;
width: 295px;
height: 350px;
}
#hpl_testo_sx {
position: absolute;
left: 80px;
top: 45px;
width: 270px;
height: 290px;
}
#hpl_testo_dx {
position: absolute;
left: 620px;
top: 132px;
width: 270px;
height: 290px;
}
#hpl_testo_dx p {
color: #fff;
}
#hpl_testo_dx h2 {
color: #fff;	
}
#partner_mepa_titolo {
position: absolute;
left: 75px;
top: 335px;
width: 274px;
height: 31px;
}
#servizi_slogan {
position: absolute;
left: 592px;
top: 323px;
width: 311px;
height: 37px;
}
#cataloghi_immagine {
position: absolute;
left: 403px;
top: 94px;
width: 146px;
height: 207px;
}
#cataloghi_generale {
position: absolute;
left: 403px;
top: 310px;
width: 146px;
height: 50px;
}
#cataloghi_lista {
position: absolute;
left: 680px;
top: 120px;
width: 200px;
height: 290px;
}
#cataloghi_lista ul li,
#cataloghi_generale ul li {
line-height: 24px;
height: 24px;
}
#cataloghi_generale ul li {
text-align: center;
}
#cataloghi_lista ul li a,
#cataloghi_generale ul li a {
font-family: Arial Black;
font-size: 12px;
padding: 0 0 7px 0; 
}
#cataloghi_lista ul li a:link,
#cataloghi_lista ul li a:visited {
color: #c6cad2;
}
#cataloghi_generale ul li a:link,
#cataloghi_generale ul li a:visited {
color: #666;
}
#cataloghi_lista ul li a:hover,
#cataloghi_generale ul li a:hover {
text-decoration: none;
}
#cataloghi_lista ul li a:hover {
background: transparent url(img/freccia_basso.gif) center bottom no-repeat;
}
#cataloghi_generale ul li a:hover {
background: transparent url(img/freccia_basso.gif) center bottom no-repeat;
}
#cataloghi_generale ul li a:hover {
color: #000;
}
#ecologia_immagine {
position: absolute;
left: 120px;
top: 150px;
width: 33px;
height: 150px;
}
#foto {
position: absolute;
left: 186px;
top: 371px;
width: 600px;
height: 85px;	
}
#home_foto {
position: absolute;
z-index: 0;
left: 186px;
top: 362px;
width: 599px;
height: 97px;	
}
#home_news_titolo {
position: absolute;
left: 0;
top: 123px;
width: 544px;
height: 153px;	
}
#home_news_testo {
z-index: 1;
position: absolute;
left: 55px;
top: 170px;
width: 310px;
height: 100px;
}
#home_news_testo p {
color: #fff;
}
/* documentazione_hpl */
#documentazione_testo {
position: absolute;
left: 70px;
top: 160px;
width: 280px;
height: 100px;
}
#lista_storta ul li {
margin-left: 10px;
}
#lista_storta ul li a {
font-family: Arial Black;
font-size: 12px;
padding: 0 0 5px 10px; 
}
#navbar_cpl a:link,
#navbar_cpl a:visited,
#lista_storta ul li a:link,
#lista_storta ul li a:visited {
color: #646567;
}
#navbar_cpl a:hover {
color: #fff;
text-decoration: none;
}
#lista_storta ul li a:hover {
color: #000;
text-decoration: none;
background: transparent url(img/freccia.gif) left top no-repeat;
}
/* laminati_cpl */
#laminati_cpl_title {
z-index: 1;
position: absolute;
left: 229px;
top: 258px;
width: 391px;
height: 130px;
}
#laminati_cpl_sx {
position: absolute;
left: 0;
top: 0;
width: 525px;
height: 413px;
}
#laminati_cpl_dx {
position: absolute;
left: 601px;
top: 170px;
width: 310px;
height: 350px;
}
#laminati_cpl_dx p {
color: #fff;
text-align: justify;
}
#navbar_cpl {
position: absolute;
left: 580px;
top: 413px;
width: 340px;
height: 30px;
}
/* collezione_hpl, tipologia_hpl */
#lista_storta {
position: absolute;
top: 23px;
left: 450px;
width: 542px;
height: 390px;
}
/* collezione_hpl - colori */
#colori {
position: absolute;
left: 92px;
top: 30px;
width: 792px;
height: 393px;
text-align: left;
}
#colori_tassello {
float: left;
width: 75px;
height: 110px;
margin: 0 2px 20px 2px;
overflow: hidden;
}
#colori_tassello p {
margin: 35px 5px 0 5px;
font-family: Arial Black;
font-size: 11px;
color: #fff;
text-align: center;
}
#colori_tassello h2 {
font-size: 11px;
}
/* collezione_hpl - btn */
#btn_sx_1,
#btn_sx_2,
#btn_dx_1,
#btn_dx_2,
#btn_dx_3 {
display: none;
}
/* collezione_hpl - headers */
#header_1,
#header_2,
#header_3 {
position: absolute;
left: 92px;
width: 792px;
text-align: left;
}
#header_1 {
top: 0;
height: 30px;
}
#header_2 {
top: 140px;
height: 20px;
}
#header_3 {
top: 270px;
height: 20px;
}
#header_1 h1,
#header_1 h2,
#header_2 h1,
#header_3 h1,
#codice_prodotto h2 {
font-family: Arial Black;
font-size: 11px;
display: inline;
}
#header_1 h1,
#header_1 h2,
#codice_prodotto h2 {
line-height: 30px;
height: 30px;
}
#header_2 h1,
#header_3 h1 {
line-height: 20px;
height: 20px;
}
#header_1 h2 {
position: absolute;
right: 2px;
top: 0;
}
.codice_prodotto {
position: absolute;
right: 2px;
top: -22px;
width: 200px;
height: 30px;
text-align: right;
}
/* collezione_hpl - pallini */
.pallini {
display: none;
}
/* collezione_hpl - pannelli */
#pannello {
position: absolute;
left: 92px;
top: 30px;
width: 792px;
height: 110px;
text-align: left;
}
#pannello p {
margin: 45px 0 0 0;
font-family: Arial Black;
font-size: 11px;
color: #fff;
text-align: center;
}
/* collezione_hpl - tasselli primo livello */
.tassello_1_1,
.tassello_1_1_bis,
.tassello_1_1_bis_bis,
.tassello_1_2,
.tassello_1_2_bis,
.tassello_1_2_bis_bis {
position: absolute;
top: 160px;
width: 237px;
}
.tassello_1_1,
.tassello_1_2 {
z-index: 1;
height: 110px;
}
.tassello_1_1,
.tassello_1_1_bis,
.tassello_1_1_bis_bis {
left: 92px;
}
.tassello_1_2,
.tassello_1_2_bis,
.tassello_1_2_bis_bis {
left: 332px;
}
.tassello_1_1_bis,
.tassello_1_2_bis {
z-index: 2;
height: 120px;
background: transparent url(img/triangolo.gif) bottom center no-repeat;
}
.tassello_1_1_bis_bis,
.tassello_1_2_bis_bis {
z-index: 3;
height: 120px;
}
/* collezione_hpl - tasselli secondo livello */
.tassello_2_1,
.tassello_2_2,
.tassello_2_3,
.tassello_2_4,
.tassello_2_5,
.tassello_2_6,
.tassello_2_1_bis,
.tassello_2_2_bis,
.tassello_2_3_bis,
.tassello_2_4_bis,
.tassello_2_5_bis,
.tassello_2_6_bis,
.tassello_2_1_bis_bis,
.tassello_2_2_bis_bis,
.tassello_2_3_bis_bis,
.tassello_2_4_bis_bis,
.tassello_2_5_bis_bis,
.tassello_2_6_bis_bis {
position: absolute;
top: 290px;
width: 77px;
}
.tassello_2_1,
.tassello_2_2,
.tassello_2_3,
.tassello_2_4,
.tassello_2_5,
.tassello_2_6 {
z-index: 0;
height: 110px;
}
.tassello_2_1_bis,
.tassello_2_2_bis,
.tassello_2_3_bis,
.tassello_2_4_bis,
.tassello_2_5_bis,
.tassello_2_6_bis,
.tassello_2_1_bis_bis,
.tassello_2_2_bis_bis,
.tassello_2_3_bis_bis,
.tassello_2_4_bis_bis,
.tassello_2_5_bis_bis,
.tassello_2_6_bis_bis {
height: 120px;
}
.tassello_2_1,
.tassello_2_1_bis,
.tassello_2_1_bis_bis {
left: 92px;
}
.tassello_2_2,
.tassello_2_2_bis,
.tassello_2_2_bis_bis {
left: 172px;
}
.tassello_2_3,
.tassello_2_3_bis,
.tassello_2_3_bis_bis {
left: 252px;
}
.tassello_2_4,
.tassello_2_4_bis,
.tassello_2_4_bis_bis {
left: 332px;
}
.tassello_2_5,
.tassello_2_5_bis,
.tassello_2_5_bis_bis {
left: 412px;
}
.tassello_2_6,
.tassello_2_6_bis,
.tassello_2_6_bis_bis {
left: 492px;
}
.tassello_2_1_bis,
.tassello_2_2_bis,
.tassello_2_3_bis,
.tassello_2_4_bis,
.tassello_2_5_bis,
.tassello_2_6_bis {
z-index: 1;
background: transparent url(img/triangolo.gif) bottom center no-repeat;
}
.tassello_2_1_bis_bis,
.tassello_2_2_bis_bis,
.tassello_2_3_bis_bis,
.tassello_2_4_bis_bis,
.tassello_2_5_bis_bis,
.tassello_2_6_bis_bis {
z-index: 2; 
}
.tassello_1_1 img,
.tassello_1_2 img,
.tassello_2_1 img,
.tassello_2_2 img,
.tassello_2_3 img,
.tassello_2_4 img,
.tassello_2_5 img,
.tassello_2_6 img {
margin: 0 1px 0 1px;
width: 75px;
height: 110px;
}
/* collezione_hpl - box laterali */
.box_lato_1_header,
.box_lato_2_header {
position: absolute;
width: 270px;
height: 14px;
background: #fff url(img/bandina.jpg) top right no-repeat;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
}
.box_lato_1_header {
top: 160px;
left: 614px;
}
.box_lato_2_header {
top: 290px;
left: 614px;
}
.box_lato_1_header h2,
.box_lato_2_header h2 {
color: #fff;
margin: -2px 0 0 4px;
font-size: 11px;
}
.box_lato_1,
.box_lato_1_bis,
.box_lato_2 {
position: absolute;
width: 270px;
border-left: 1px solid #646567;
border-right: 1px solid #646567;
border-bottom: 1px solid #646567;
text-align: left;
background-color: #fff;
}
#box_lato_2 .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 270px;
height: 30px;
border-top: 1px solid #646567;
text-align: left;
background-color: #fff;
}
.box_lato_1,
.box_lato_2 {
height: 96px;
}
.box_lato_1_bis {
height: 116px;
}
.box_lato_1,
.box_lato_1_bis {
top: 174px;
left: 614px;
}
.box_lato_2 {
top: 304px;
left: 614px;
}
.box_lato_1 p,
.box_lato_2 p {
width: 120px;
font-size: 11px;
text-align: left;
margin: 6px 0 0 6px;
line-height: 11px;
}
.box_lato_1_bis p {
width: 250px;
margin: 6px 6px 6px 6px;
font-size: 11px;
line-height: 11px;
}
.box_lato_1_bis h3 {
font-family: Arial Narrow;
font-weight: bold;
font-size: 11px;
margin: 6px 6px -6px 6px;
}
/* tipologia_hpl */
#tipologia_hpl_collezione {
position: absolute;
top: 160px;
left: 92px;
width: 476px;
height: 110px;
background-position: top left;
background-repeat: no-repeat;
}
/* finiture_hpl */
#scheda_finitura {
position: absolute;
left: 92px;
top: 30px;
width: 792px;
height: 393px;
text-align: left;
}
#scheda_finitura_header {
position: absolute;
left: 92px;
top: 30px;
width: 792px;
height: 14px;
text-align: left;
background: #fff url(img/bandina2.jpg) top right no-repeat;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
}
#scheda_finitura_content {
position: absolute;
left: 92px;
top: 44px;
width: 792px;
height: 355px;
text-align: left;
background-color: #fff;
border-left: 1px solid #646567;
border-right: 1px solid #646567;
border-bottom: 1px solid #646567;
background-position: top right;
background-repeat: no-repeat;
}
#scheda_finitura_header h2 {
color: #fff;
margin: -2px 0 0 4px;
font-size: 11px;
}
#scheda_finitura_content p {
width: 155px;
font-size: 9px;
text-align: left;
margin: 6px 0 0 6px;
line-height: 10px;
}
#scheda_finitura_content .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 155px;
height: 80px;
}
#torna {
display: none;
}
/* formati_hpl */
.formati_hpl_testo {
position: absolute;
top: 218px;
left: 85px;
width: 200px;
height: 90px;
text-align: left;
color: #fff;
font-size: 11px;
}
/* contatti */
#contatti_liri {
z-index: 1;
position: absolute;
top: 435px;
left: 440px;
width: 400px;
height: 90px;
text-align: left;
color: #fff;
line-height: 12px;
heigth: 12px;
}
#contatti_liri p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#stampa {
display: none;
}
/* pro-stampa */
#stampa_header {
position: absolute;
left: 92px;
width: 792px;
text-align: left;
display: block;
}
.pro_stampa {
display: block;
}
.anti_stampa {
display: none;
}