/*********Reset Globale***********/

@import url("../css/reset.css");

/*********Extra Utility***********/

@import url("../css/utility.css");

/*********Struttura Base*************/

body { background: #074987 url(../images/sfondo_pagina_blu.jpg) top center no-repeat; color:black; font: 100.01%  Arial, Helvetica, sans-serif; line-height: 1.3em;}
#col_dx {  background:transparent url(../images/sfondo_coldx.jpg) top left no-repeat ; width:350px;  float:right; min-height:200px; padding:10px 0 0 0; }
#col_sx { background:transparent; width:577px; float:left;}
#content {margin:0 0 0 27px !important; padding:15px;} 
#container {  margin:0 auto; min-height:400px; position:relative; width:955px;}
#footer { clear:both; color:white; margin:0 0 0 27px; width:900px;}
#header { margin:0 auto; width:900px; height:104px; }
#nav { background:white url(../images/sfondo_menu.jpg) 0% 4px no-repeat; height:50px; margin:0 0 0 27px; width:900px;}
#nav ul li, #footer ul li { float: left;  padding:0 0 0 5px;}
#nav ul li a {  float:left; color:#074987; display:block; height:35px; padding: 15px 10px 0 8px;  text-decoration:none; text-align:center;}
#nav ul li a:hover, #nav ul li a.selected { background:url(../images/freccinahover_menu.gif) bottom center no-repeat; display:block; padding: 15px 10px 0 8px; color:#074987; clear:left; text-decoration:none; text-align:center;}
#pagebody {  background:transparent url(../images/sfondo_corpo.jpg) 27px 0 repeat-y; min-height:400px; width:927px; }
#sx_top { margin:0; !important} 

/*********stili specifici*************/

#briciole { background:#999; color:white; margin:0 0 0 27px; padding:5px 0 5px 15px; }
* html div #briciole { font-size:16px !important;  }
#box_call_center{ background:url(../images/tipa_sorride_offerte.jpg) bottom right no-repeat; padding:0 0 5px 10px; margin:0;}
#box_iso{ height: 60px; margin: 0 0 0 27px; padding: 0 0 0 15px; position:relative;}

#box_telefono { background:url(../images/icona_profitti_sfondo.jpg) bottom left no-repeat;}
#box_internet { background:url(../images/icona_internet_sfondo.jpg) bottom left no-repeat;}
#box_lavora { background: #eee; padding:10px; width:500px; }
#box_fax { background:url(../images/icona_fax_sfondo.jpg) bottom left no-repeat;}

#divisione_romi {   width:300px;  text-align:left; margin:0 auto; padding:0px 0 20px 0 ; }
#elenco_pdf { margin:0 0 0 27px; width:550px; }
* html div #elenco_pdf { margin:0; } /********* <- ie6 fix *************/
#elenco_pdf ul li { background:url(../images/filetto.gif) bottom center no-repeat; display:block; float:left; height:40px; margin:0 10px 0 20px; padding:5px 5px 5px 0;  width:230px; }
#form_lavora { background:#eee !important; padding:10px 0 10px 10px; font-size:11px; }
* html div #form_lavora { margin:0 0 0 -10px; }
#header_preventivi { background:white url(../images/header/preventivo.jpg); height:250px; width:535px; margin:0 0 0 27px; padding:40px 0 0 15px; }
#header_servizi { background:white url(../images/header/servizi.jpg) no-repeat; width:535px; margin:0 0 0 27px; padding:40px 0 0 15px; }
#lanci { background:white; border:1px solid #eee; margin:0 auto 20px auto; padding:10px 0; width:300px;  }
#lanci_prodotti { margin: 0 0 0 27px; }
#offerte_abbigliamento,  #offerte_antinfortunistica, #offerte_home, #offerte_imballaggio, #offerte_pulizia { margin: 0 0 0 34px; width: 537px;}
#servizi_cliente { background:white url(../images/sfondo_offerte.jpg) bottom center no-repeat; margin:0 auto 20px auto; width:300px; text-align:left; }

.box_abbigliamento { color:white; width:273px; background:#7A7378; float:left; margin:0 0 10px 0;}
.box_antinfortunistica { color:white; width:273px; background:#72B633; float:left; margin:0 4px 10px 0;}
.box_imballaggio { color:white; width:273px; background:#CEA036; float:left; margin:0 0 10px 0;}
.box_igiene { color:white; width:273px; background:#0079A4; float:left; margin:0 4px 10px 0;}
.box_preventivi {margin:0 0 0 27px; padding:5px 10px 10px 90px; }
.header { margin:0 0 0 27px; }
.normative { background:url(../images/arrow_white.gif) left center no-repeat; color: #074987; font-size:.6em; font-weight: bold; margin: 0 0 0 25px; padding: 0 0 0 15px}
* html .normative { margin:0 0 0 45px; } /********* <- ie6 fix *************/
.testo_box_lanci { float:right; height:150px;  padding:0; position:relative; width:137px; }

/************ Typo *************/

/*links*/
a, a.selected, a:active { color: #FF7800; text-decoration:underline; }
a:hover { color:#FF7800; text-decoration:none; }
#briciole a { color:white; margin:-3px 0 0 0; }
#elenco_pdf li a { background:url(../images/pdf_icon.gif) top left no-repeat;  color:#074987; display:block; font-size:.6em; font-weight:bold; line-height:1.7em; padding: 0 0 0 20px; text-decoration:none; }
#elenco_pdf li a:hover { text-decoration:underline; }
#footer ul li a{ color:white; font-size:.7em; padding:0 0 0 5px; }
* html div #footer { font-size:16px;  }
#lanci a { font-size:.7em; line-height:1.4em;  }
#nav ul li a{ font-weight:bold; font-size:.75em; }
.testo_box_lanci a { bottom:0; color:#074987; display:block; font-size:.7em; font-weight:bold; position:absolute; padding: 0 0 0 20px; width:117px;}

.lancio_verde { background:#9DCC71 url(../images/arrow_white.gif) 5px 50% no-repeat }
.lancio_giallo { background:#DDBD73 url(../images/arrow_white.gif) 5px 50% no-repeat }
.lancio_blu { background:#4DA1BF url(../images/arrow_white.gif) 5px 50% no-repeat }
.lancio_grigio { background:#A29DA1 url(../images/arrow_white.gif) 5px 50% no-repeat }

/*testi*/

#box_call_center p { color:#666; font-size:.7em; line-height:1.4em; padding:3px 0 0 2px; width:200px; }
#box_iso p { font-size:.7em; font-weight: bold; margin:0 0 10px 130px; position:absolute; bottom:0;}
* html div #box_iso p {margin:0 0 10px 10px;} /********* <- ie6 fix *************/
#briciole p{ font-size:.7em;}
#content p { color: #332E2E; font-size:.75em; padding:0 0 15px 0; }
#footer p { font-size:.7em;}
#header_preventivi p { font-size:.75em; line-height:1.4em; padding:10px 0 0 0; width:360px;  }
#header_servizi p { color: #332E2E; font-size:.75em; line-height:1.4em; padding:10px 15px 0 0; }
#lanci p { color:#666; font-size:.7em; line-height:1.4em; margin:0 ; }
.testo_box_lanci p { font-size:.7em; line-height: 1.4em; padding:0 20px 0 5px; }
.box_preventivi p { font-size:.7em; line-height: 1.4em; padding:5px 0;  }
.successo { margin:0 0 10px 130px; font-weight:bold; }

/*images*/
#box_ordina_subito span img{ padding: 0 0 0 20px; margin: 0 0 -3px 0; }
#lanci img { margin:10px;}

.interpack { color:#851E1D !important; position:absolute; right:30px;}
.interpack_separator { position:absolute; right:120px;}

/********* Headings *************/

h1{ color:#074987; font-size:1.2em; font-weight:bold; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif }
h2{ color:#074987; font-size:1em; font-weight:bold; padding:0; }
h3{ color:#FF7800; font-size:.7em; font-weight:bold; }
h4{ color:#074987; font-size:.9em; font-weight:bold; padding: 10px 0 0 0; }
h5{ color:#074987; font-size:1em; font-weight:bold; padding: 20px 0 0 0; }
h6{ color:#074987; font-size:.85em; font-weight:bold; padding: 20px 0 0 0; margin:0 0 -10px 0;}

#divisione_romi h2 { background:#eee; color:#999; font-size:.9em; font-weight:bold; height:26px; padding:7px 0 0 0; width:300px; text-align:center;  }
#lanci_prodotti h2 { font-size:.75em; font-weight:bold; margin:0; padding:7px 0 0 5px; text-align:left;   }
#servizi_cliente h2 { background:#eee; color:#999; font-size:.9em; font-weight:bold; height:26px; padding:7px 0 0 0; width:300px; text-align:center;  }

#box_ordina_subito h3 { text-align:center !important; margin: 0 0 17px 0 !important; }
#lanci h3 {  color:#074987; font-size:14px; font-weight:bold; margin:0 0 0 75px; }
#servizi_cliente h3 { color:#074987; font-size:14px; font-weight:bold; padding:8px 0 0 0; text-align:left; }

#offerte_abbigliamento h4,  #offerte_antinfortunistica h4, #offerte_home h4, #offerte_imballaggio h4, #offerte_pulizia h4 {  clear:both; color:#FFF; font:.7em; font-weight:bold; margin:10px 0 0 0; padding: 3px 0 0 10px; text-align: left;}

#offerte_abbigliamento h4 { background: url(../images/head_abbigliamento.gif) top center no-repeat; }
#offerte_antinfortunistica h4 { background: url(../images/head_antinfortunistica.gif) top center no-repeat; }
#offerte_home h4 { background: #e9e9e9; color:#727373; }
#offerte_imballaggio h4 { background: url(../images/head_imballaggio.gif) top center no-repeat; }
#offerte_pulizia h4{ background: url(../images/head_pulizia.gif) top center no-repeat; }