/* CSS Document */

body {

background-image:url(media/bg.gif);

background-repeat:repeat-x;

background-color:#fff;

color:#999;

background-position:top;

text-align:center;

margin:0;

padding:0;

}

p {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

margin:10px;

text-align:left;

line-height:1.4em;

}

#wrapper, #container {

margin-left:auto;

margin-right:auto;

background-color:transparent;

width:850px;

}

#container {

float:left;

margin-top:20px;

}

#header, #sfondo_flash, #sfondo_contents, #sfondo_bottom {

float:left;

width:850px;

height:72px;

}

#footer {
float:left;
width:840px;
margin-bottom:20px;
margin-left:10px;
margin-top:10px;
background-image:url(media/bottom.gif);
background-position:center top;
background-repeat:no-repeat;
display:inline;
}

#footer p{
text-align:center;
font-size:10px;
padding-top:20px;
}

#box_logo img{
border:0;
}

div#sfondo_flash {

height:305px;

margin-top:14px;

background-image: url(media/sezioni_01_bis.gif);

background-repeat:no-repeat;

background-position:top;

}

div#sfondo_contents {

height:auto;

margin-top:1px;

background-image: url(media/sezioni_02.gif);

background-repeat:no-repeat;

background-position:top;

background-color:#fff;

}

div#sfondo_bottom {

height:auto;

}

#flash {
float:left;
width:800px;
height:250px;
background-color:#fff;
margin:35px 0px 0px 25px;
display:inline;
}

.contents, #content_high{

float:left;

width:800px;

margin:3px 0px 0px 25px;

background-color:#fff;

display:inline;

}

#content_high {

margin:0;

}

/* ----------- COLONNE HOME PAGE FASCIA ALTA  E FASCIA BASSA PREFOOTER ---------------- */



#col_wide, #col_bottom_sx{

float:left;

width:450px;

margin:20px 0px 10px 0px;

background-color:#fff;

display:inline;

background: url(media/ombra_dx_up.gif) top right no-repeat; 

}

#col_wide_interna{

float:left;

width:470px;

margin:20px 35px 10px 0px;

background-color:#fff;

display:inline;

}
.info_generali, .info_prodotti {
float:left;
width:276px;
margin-left:10px;
display:inline;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
margin-bottom:15px;
background-color:#efefef;
}

.info_prodotti {
width:293px;
margin-left:0px;
margin-top:15px;
background-color:#fff;
}
.info_generali ul{
float:right;
list-style-type:none;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:240px;
margin: 10px 0px;
}
.info_generali li{
padding:0px 10px;
}
.info_generali p{
font-size:12px;
}
.lista_generale{
float:left;
list-style-type:disc;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:430px;
margin: 10px 0px;
}
.lista_generale li{
padding:5px 10px;
border-bottom: 1px solid #ccc;
}
/* ---------------------- TABELLA CATALOGHI GENERALI -------------- */
#cataloghi_generali table{
float:right;
width:100%;
text-align:center;
border:1px solid #c33;
background-color:#f8efef;
}


#cataloghi_generali td{
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#666;
}
#cataloghi_generali img{
border:0;
}
.cg1{
text-align:left;
}

/* ----------------------  FINE TABELLA CATALOGHI GENERALI -------------- */
#col_uguali_sin {
float:left;
width:360px;
margin:10px 40px 10px 0px;
background-color:#fff;
display:inline;

}
#col_uguali_dx {
float:right;
text-align:right;
width:370px;
margin:10px 0px 10px 0px;
background-color:#fff;
display:inline;
}


div#col_bottom_sx {

background: #fff;

margin-top:5px;

height:150px;

background-color:#efefef;

}

#col_narrow, #col_bottom_dx {

float:left;

text-align:right;

width:350px;

margin:20px 0px 10px 0px;

background-color:#fff;

display:inline;

}

#col_narrow_interna {

float:left;

text-align:right;

width:295px;

margin:0px 0px 10px 0px;

padding-top:20px;

background-color:#fff;

display:inline;

}

#col_narrow_interna p{

text-align:left;

margin:5px 0px 5px 10px;

}

.interna_dx{
float:left;
width:293px;
display:inline;

}

div#col_bottom_dx {

margin-top:5px;

height:150px;

}


#box_logo {
float:left;
width:187px;
height:50px;
background-color:#fff;
display:inline;
margin-left:25px;
margin-top:22px;
}

#box_ricerca {
float:right;
width:200px;
margin-top:30px;
margin-bottom:0;
margin-right:25px;
background-color:#fff;
display:inline;
background-image:url(media/zoom.jpg);
background-position:right;
background-repeat:no-repeat;
}

#box_ricerca p{
font-size:11px;
font-weight:900;
padding-right:20px;
text-align:right;
}

   #box_form_rete_vendita {
   border-top: 2px solid #ccc;
    width: 470px;
	float: left;
	margin-top: 15px;}
   #form_rete_vendita textarea {width: 250px; height:80px;}
   #form_rete_vendita li #bottone_rete_vendita {color: #fff;}
   #form_rete_vendita ul {
    margin-right: 100px;}
   #form_rete_vendita li{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    list-style: none;
    text-align:right;}
   #form_rete_vendita input, #form_rete_vendita textarea, #form_rete_vendita select, #form_rete_vendita option {
    margin-top: 2px;
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px;
	color: #c33; 
	font-size: 12px;}
   #bottone_rete_vendita  {
    background-color: #cc3333;}
	
   .box_rif_responsabili_zona p{
    font-size: 12px;}
   .box_rif_responsabili_zona {
    width: 235px;
    float: left;
    margin-left: 0px;
   margin-right: 0px;}
   
/* ---------------------- LISTE DI RICERCA A SCORRIMENTO VERTICALE --------------- */

#famiglia, #case{
width: 350px; 
text-align:left; 
background-color: #fff;
margin-left:10px;
float:left;
display:inline;
}
#famiglia ul, #case ul{
width:340px;
list-style-type:none;
margin:0px 0px 10px 0px;
padding:10px;
float:left;
border:1px dashed #c33;
background-color:#f8f9fb;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:italic;

}
#famiglia li, #case li{
line-height:22px;
}
#famiglia li a, #case li a{
background-image:url(media/doc_blue.png);
background-position:left center;
background-position:1px;
background-repeat:no-repeat;
color:#5d5c5a;
padding-left:25px;
}
div#case li a{
background-image:url(media/star.png);
}

/* ----------- COLONNE HOME PAGE FASCIA MEDIANA---------------- */

#content_low {

float:left;

width:800px;

margin:10px 0px 0px 0px;

background-color:#fff;

display:inline;

}

.mini_col {

float:left;

width:254px;

display:inline;

margin-right:0px;



}

.mini_col img {

padding:7px;

border:#999 1px solid;

display:inline;

}



/* --------------------------------------------- menu di navigazione --------------- */



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



#modernbricksmenu2{
float:left;
margin-top:0px;
margin-bottom:10px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
/* margin-left: 173px; margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: 700 12px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
}

#modernbricksmenu2 a:hover{
background-color: #707070; /*Red color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #c33; /*Red color theme*/ 
color: white;
border-color: #c8c8c8; /*Red color theme*/ 
}



/* --------------------------------------------- tooltip ajax -------------------- */

.tip_head{

width:160px;

font-family:Arial, Helvetica, sans-serif;

 background-color:#c33;

 color:#fff;

 font-weight:700;

 border-left:1px solid #C4D5E3;

 border-right:1px solid #C4D5E3;

 border-bottom:1px solid #C4D5E3;

 padding:5px;

 font-size:11px;

}

.tip_body {

 width:160px;
 background-color:#555;
 color:#fff;
 font-family:Arial, Helvetica, sans-serif;
 border-left:1px solid #C4D5E3;
 border-right:1px solid #C4D5E3;
 border-bottom:1px solid #C4D5E3;
 padding:5px;
 font-size:11px;
 }


/* --------------------------------------------- fine tooltip ajax -------------------- */

a { 

color: #c33;
text-decoration:none;

}

a:hover { 

color: #999;

text-decoration:underline;

}



h1, h2, h3, .titolo_grande { 

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

color: #c33;

}



h1, .titolo_grande { 

font-size:24px;

text-align:left;

margin:10px 0px 10px 10px;

}

h2 { 

font-size:18px;

text-align:right;

margin:10px 5px 10px 10px;

border-bottom:4px solid #c33;

}

h3 { 

text-transform:uppercase;

font-size:14px;

text-align:right;

margin:00px 5px 10px 10px;

border-bottom:2px solid #c33;

}

h4 { 

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

text-transform:uppercase;

font-size:12px;

text-align:right;

margin:0px 5px 10px 10px;

padding:5px;

background-color:#fff;

color:#c33;

border-right:3px solid #ccc;

border-bottom:3px solid #ccc;

}
h5, .titolo_piccolo {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
text-align:left;
margin:0px 5px 0px 10px;
padding:5px;
background-color:#fff;
color:#c33;
}
.titolo_piccolo {
font-weight:900;
padding:15px 5px 0px 5px;
}
.titolo_medio {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:none;
font-size:14px;
text-align:left;
margin:0px 5px 0px 0px;
padding:5px 0px;
background-color:#fff;
color:#c33;
font-weight:900;
border-bottom:1px solid #c33;
}

 .icon {
background-color:#c33;
background-image:url(media/search.gif);
background-repeat:no-repeat;
}

/* ------------------PAGINA RICERCA PRODOTTI ---------------------------- */
 .prodotto {
 color:#5d5c5a;
 text-transform:uppercase;
 padding-right:10px;
 font-weight:600;
}
.risultati {
float:left;
display:inline;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5c5a;
border-collapse:collapse;
background-color:#f8efef;
text-align:left;
width:440px;
border-right:1px solid #ac4545;
border-left:1px solid #ac4545;
border-bottom:1px solid #ac4545;
}
.risultati_famiglia {
text-transform:uppercase;
font-weight:900;
width:50%;
}
.risultati img {
border:0;
} 

.risultati td {
padding:5px 8px;
}

.risultati tr.alterna {
background:#ac4545; color:#fff;
padding-bottom:3px;}
.risultati td.sezione {
text-indent:20px;}
.risultati td.casa, .risultati td.item {
font-weight:900;
text-transform:capitalize;}
.enfasi {
font-weight:900;
color:#5d5c5a;
font-size:12px;}

tr.alterna a{
color:#efefef;
}
/* ------ google map -------------- */
#mappa {
float:left;
margin-right:5px;}

/* ------ informazioni da staccare -------------- */
.allinea_destra {
float:right;
margin-left:10px;}
.allinea_sinistra {
float:left;
margin-right:10px;}
.allinea_loghi{
float:right;
margin-left:10px;
margin-top:15px;}

/* ------------------ tabelle di conversione --------------------- */
.unit {
background-color:#efefef;}
.press {
color:#efefef;
background-color:#c33;
border-style:outset;
font-size:11px;
width:auto;
margin-top:5px;
}
.conversione, .pollici {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px dashed #c33;
margin-top:0;
margin-bottom:15px;
padding:5px;
}
.pollici {
border:0;
width:458px;
text-align:left;
border:1px dashed #c33;
margin-bottom:15px;
}
.risultato_conv {
width:50px;}
/* ----------------------- popup ---------------------- */
#dropin{
position:absolute; 
visibility:hidden;
left:300px;
top:100px;
width:300px;
background-color:#af1d00; /* #ffdc7f; */
}
#dropin p{
padding:5px 10px;
color:#fff;
font-size:14px;
font-weight:500;
}

#dropin a{
color:#fff;
text-decoration:underline;
}
#dropin a:hover{
color:#000;
text-decoration:none;
}