/* La percentuale è sui 16px (0.625 * 16px = 10px) */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html
{
   height: 100%;
   width: 100%;
   background:#FFF url(../img/sfondo.png) top repeat-x; 
}  
   
body { 
	font-size: 75%;
	height:100%;
	font-family:"Trebuchet MS",Arial,"Mahsuri Sans",sans-serif; 
   /* background: url(../img/main.png) top center no-repeat; */
	color:#333; 
	/*border-top:0; 
	top:0; */
}

h1,h2,h3,h4,h5,h6 { 
  font-family:"Trebuchet MS",Arial,"Mahsuri Sans",sans-serif; 
}

a
{color:#97B1E4}

/* Struttura
-------------------------------------------------------------- */


div.top
{
position:relative;
width:960px;
height:auto;
top:0
}

div.main
{

width:960px;
height:auto;
padding-top:10px;

}

.maintext
{
text-align:left;
font-size:1.1em;
color:#003979}

div.tabs
{
position:relative;
float:right;
height:auto;
}

.top_info a
{color:#FFF}

.top_info
{
padding-right:10px;
font-size:0.9em
}

.top_info2 a
{color:#FFF}

.top_info2
{
font-size:1.1em
}

div#logo
{
position:absolute;
width:213px;
height:100px;
top:11px;
left:32px;
}

.prodotti strong {
color:#FF0000;}

.tab
{width:104px; background:#97B1E4 url(../img/tab_bg_off1.png) top center no-repeat; font-size:1.10em; color:#FFF; font-weight:800}

.tab a:link, .tab a:hover, .tab a:visited, .tab a:active
{color:#FFF; text-decoration:none}

.tab1
{width:104px; background:#97B1E4 url(../img/tab_bg_off1.png) top center no-repeat; font-size:1.10em; color:#FFF; font-weight:800}

.tab1 a:link, .tab1 a:hover, .tab1 a:visited, .tab1 a:active
{color:#FFF; text-decoration:none}

.maintabs
{
background:#FFF url(../img/bg_maintabs.png) top center no-repeat; text-align:center}

/*.maintabs ul
{
	margin-top: 5px;
}

.maintabs li
{
	display: inline;
	list-style: none;
	margin: 4px;
	border-right : 2px solid #ffffff;
	white-space : nowrap;
}*/

.maintabs a:link, .maintabs a, .maintabs a:hover, .maintabs a:active, .maintabs a:visited
{color:#003979; text-decoration:none}

.tab_offerte_on
{
background:url(../img/bg_offerte_on.gif) top center no-repeat; text-align:center}

.tab_offerte_off
{
background:url(../img/bg_offerte_off.gif) top center no-repeat; text-align:center}

.tab_offerte_on p, .tab_offerte_off p
{
text-transform:uppercase; color:#F00; font-size:14px; margin:0; margin-top:16px}

.tab_offerte_off p
{
margin-top:10px;
cursor:pointer;
}

#box_notizie, #box_novita, #box_offerte2
{width:224px; position:relative; height:auto; background:url(../img/bg_box_notizie.png) top center no-repeat; text-align:left}

#box_novita
{background:url(../img/bg_box_novita.png)}

#box_offerte2
{background:url(../img/bg_box_offerte.png)}

#box_notizie .titolo, #box_novita .titolo
{background:url(../img/bollino.gif) left center no-repeat;}

#menu_prodotti p
{
margin-top:2px;
margin-bottom:0;}

#box_notizie .titolo p, #box_novita .titolo p
{padding-left:25px; font-weight:700; text-transform:capitalize}


#box_offerte
{background:#FFD6D6 url(../img/bg_box_offerte_top.gif) top center no-repeat; width:270px; height:auto; position:relative; color:#000; text-align:center}

#box_offerte p.tit
{color:#f00; text-transform:uppercase; font-size:1.2em; text-align:center; padding-top:12px}
#box_offerte p.tit_ordinato
{color:#f00; text-transform:uppercase; font-size:1.2em; text-align:/*center*/left; padding-top:12px}

#box_offerte a
{color:#000}

.info_sx
{
color:#003979; font-size:0.9em; padding-top:10px
}

#titolo, #titolo_rosso
{
position:relative; height:50px; margin-bottom:5px; width:100%;
}

#titolo h1, #titolo_rosso h1
{
color: #003399;
font-size:20px;
position:absolute;
left:0;
top:0;
z-index:90
}

#titolo_rosso h1
{color:#F00}

#titolo .ombra, #titolo_rosso .ombra_rossa
{
color:#E5EAF5;
font-size:30px;
position:absolute;
left:0;
top:0;
z-index:10;
font-weight:800;
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
}

#titolo_rosso .ombra_rossa
{color:#FFEAEB}


/* pagina prodotti */

#menu_prodotti
{width:224px; position:relative; height:auto; background:url(../img/bg_box_notizie.png) top center no-repeat; text-align:left}

#menu_prodotti .titolo
{background:url(../img/bollino.gif) left center no-repeat; height:auto; cursor:pointer}

#menu_prodotti .titolo3
{background:url(../img/bollino_rosa.gif) left center no-repeat; height:auto; cursor:pointer}

#menu_prodotti .titolo3 p
{padding-left:25px; font-weight:700; 
}

#menu_prodotti .titolo p
{padding-left:25px; font-weight:700; text-transform:capitalize
}

#menu_prodotti .titolo2 p
{padding-left:25px; font-weight:700; text-transform:uppercase; cursor:pointer}

#menu_prodotti .prod p
{padding-left:50px; font-weight:500; text-transform:capitalize; cursor:pointer}

#menu_prodotti
{background:url(../img/bg_box_prodotti.png); color:#003979;}

.prodotto_mini
{float:left; width:86px; height:140px; border:solid 6px #FFF; margin:10px 0 0 8px; font-size:10px; text-align:center; cursor:pointer;}

.prodotto_mini:hover
{border:solid 6px #CBD8F1;}

.prodotto_mini .desc
{text-align:center; color:003979; font-size:10px; line-height:10px; padding-top:4px}

h4
{
width:430px;
height:36px;
overflow:hidden;
background:#FFF url(../img/box_nomeprod.gif);
color:#003979;
font-size: 1.1em;
font-weight: bold;
line-height: 0.9em;
padding-left: 10px;
padding-top:10px;
text-transform:uppercase}

#box_preventivo
{width:200px; height:auto; background:#FFF url(../img/box_preventivo.png) top no-repeat; font-size:12px; color:#003979; margin-top:10px}

#box_preventivo p
{padding:20px 5px 0 5px; text-align:center}

#box_preventivo_bot
{width:200px; height:12px; right:0; bottom:0px)}


/* Links 
-------------------------------------------------------------- */

a:link, a:visited
{text-decoration:underline}

a:hover, a:active
{color:#B6C9EC; text-decoration:underline;}

a.ricerca { color:#003979; font-weight:bold }
a.ricerca :link, a.ricerca:visited
{text-decoration:underline}

a.ricerca:hover, a.ricerca:active
{text-decoration:underline;}

/* Forms
---------------------------------------------------------------*/

input[type=text], input[type=password]
{
border:solid 1px #003979; background-color:#FFF; height:16px; width:120px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:2px; color:#333}

textarea
{
border:solid 1px #003979; background-color:#FFF; height:80px; width:120px; font-size:11px; font-family:Arial, Helvetica, sans-serif;padding-left:2px; color:#333}

input[type=submit]
{
height:16px; font-size:12px;color:#003979; font-weight:800; text-transform:uppercase; border:none; text-decoration:underline; border-bottom:solid 2px #003979; background-color:#DEE5F7; text-align:center}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS",Arial,"Mahsuri Sans",sans-serif;}

/*h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }*/
h2 { font-size: 2.2em; margin:11px 0px 4px 0px; color:#FFF; text-transform:uppercase; font-weight:800}
h3 { font-size: 1.8em; margin-top: -6px; color:#FFF; text-transform:uppercase; text-align:center }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }



/* Text elements
-------------------------------------------------------------- */

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

p {margin: 0; padding: 0;}

strong      { font-weight: bold; }
em      { font-style: italic; }

/* -------------------------------------------------------------- */

pre
{
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 

white-space:pre-wrap;  
white-space:-moz-pre-wrap;  
white-space:-pre-wrap;  
white-space:-o-pre-wrap}

#prodotto table {
width:300px;
 }
 
 #prodotto table td{
width:50%;
 }