@import "./content/css/stile.css";

body {
background-color: #fff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
#menu a {color: #fff;}
#menu a:visited {color:#fff;}
#menu a:hover {color: #fff;}
#menu a:active { color:#fff;}

a {color: #000;}
a:visited {color:#000;}
a:hover {color: #000;}
a:active { color:#000;}
img{border:0;}
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2{
font-size:1.3em;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#ad2823;
text-align:left;}
h3 {
font-size:1.0em;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#ad2823;
text-align:left;}
h4{font-size:1.0em;
font-weight: bold;
padding: 5px 10px;
margin:0px 0px 20px 0px;
color:#346473;
background-color:#dddddd;
text-align:left;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 100%;
padding:0px;
margin: 0px;
margin-left: 0;
/*margin-right: 0;*/
background-color:#fff;
background-image:url('images/cavallo.jpg');
background-position: left bottom;
background-repeat:no-repeat;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-image: url('images/sfum_top_home.jpg');
padding: 0px;
margin: 0px;
height: 72px;
}

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 209px #fff;  /* color of the left column  */ 
/*background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; max-width:810px;
/*width:expression("810px");*/ width: 810px; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:209px; 
 float:left; 
 position:relative; 
 margin-left:-209px; 
 margin-right:1px;
 background-color:#fff;
 }
#left img { margin:0 0 10px 0; padding:0;}
/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px;
padding: 10px 10px 10px 10px;
max-width:670px;
width:670px;
/*width:expression(650 + "px");*/
min-height: 450px;
/*height:expression(450 + "px);*/ 
float:left;
z-index:1;
}
#news {
	display:block;
	float:right;
	margin:8px;
	width: 150px;
	height: 310px;
	overflow:hidden;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(images/sfondo_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#intnews{
	height: 270px;
	width:150px;
	color:#ad2823;
	margin-top:30px;
}

#bottom {position: relative; padding: 0px 0px 0px 10px;}

p{
padding: 5px 10px;
margin:0px;
line-height: 2em;
text-align:justify;
}

ul {padding: 0px 0px; margin:0px 0px 0px 12px; }
li {padding: 0px 0px; margin:0px; font-size:10px; line-height:1.20em; text-align:left;}
#content li a{font-size:9px; line-height:1em; text-align:left;}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer 
{
font-size:10px;
clear:left;
padding:0px 0px 0px 20px;
margin:0px;
text-align: left;
} 
/* -----------------menu-------------------------*/
#menu 
{
    background-color:#0f3232;
    position:absolute;
    height: 20px;
    top: 52px;
    left: 209px;
    width: 581px;
    z-index:100;
}
#tassello { /*position:absolute; top: 0px; left: 609px; width: 123px; height:100px;*/ float:left; position:absolute; height: 72px; top: 0px; left: 730px; z-index:101;}
#categoria {min-height: 450px; /*height:expression(450 + "px);*/  width: 450px; }
a.menu { color:#fff; font-weight:bold; font-size: 12px; line-height:20px; text-decoration:none;}

/*ELENCO PRODOTTO CATEGORIA */
.foto  {width:82px; height:85px; text-align:center; float:left; display:table;}
.foto .img { display:table-cell; vertical-align:middle;}
.elenco{float:left; width:90px; height:50px; margin: 5px 0 0 10px}
.elenco a {text-decoration:none; color:#000;}

td.tdmis {border-width: 0 0 1px 0; border-color: #666;}
td {text-align:center;}
td.left {text-align:left;}
li, ul {font-size:10pt;}

/* Per logo TAVECCHIO */
#logotavecchio {position: absolute; bottom: 0px; right: 0px; z-index: 1000;}