/* STILE CORPO PAGINA HTML */
/*************** BODY ***************/
body {
	background: #FFFFFF url(../image/barra_sup.png) no-repeat scroll center 0;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}
body, input {
	color: #333333;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 10pt;
}
* {
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:hover, a:active {
	color: #333333;
	text-decoration: none;
}
a:link img, a:visited img, a:hover img, a:active img {
	color: #333333;
	border: none;
}

/*************** TABELLA ***************/
tr {
	height: 20px;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 10pt;
}
td {
	padding-left: 5px;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 10pt;
}




/*************** BOX CONTAINER ***************/
#container
{
	z-index: 2;
	position: relative;
	width: 850px;
	min-width: 850px !important;
	width: expression(document.body.clientWidth < 1024? "850px" : "850px"); /* for IE */
	/* border: solid 7px #FFFFFF; */
	/* background-color: #FFFFFF; */
	margin: 0 auto;
	text-align: left;
}




/*************** TESTATA E MENU ***************/
#header {
	height: 250px !important;
	height: 270px; /* for IE */
	background: url(../image/img_sup.jpg) no-repeat scroll center top;
	margin-top: 10px;
	margin-bottom: 0px;
	position: relative;
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 0.5em;
	font-family: "georgia","times new roman",serif;
        z-index: 4;
}
#header h1
{
	font-weight: normal;
	color: #003366;
	font-size: 2.8em;
}

#header h1 sup
{
	color: #777777;
}

#header h2
{
	font-size: 1.0em;
	font-weight: normal;
	color: #AAAAAA;
}
#frmlogin
{
        color: #FFFFFF;
	position: absolute;
	top: 5em;
	right: 1.0em;
	padding-right: 0.0em;
	font-family: Tahoma, Verdana, Arial; 
}

#headerlogo {
	background: url(../image/logo_ssv.png) no-repeat 10px 0px;
        position: relative;
        height: 150px;
        width: 350px;
        margin-bottom: -150px;
        z-index: 5;
}
#menu {
	background: trasparent;
	height: 35px;
        margin-top: 55px;
	margin-bottom: -1em;
	padding: 0 0;
	position: relative;
        text-align: right;
}
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:link img, a.menu:visited img, a.menu:hover img, a.menu:active img {
	border: none;
}
.btnmenu {
        float: left;
	background: url(../image/btnmenu.png) no-repeat 0 0;
        color: #FFFFFF;
        width: 146px;
	height: 43px;
	padding-top: 5px;
	font-family: "georgia","times new roman",serif;
	font-size: 15px; 
	font-weight: bold; 
        text-align: center;
        list-style: none;
}
.btnmenu2 {
        float: left;
	background: url(../image/btnmenu2.png) no-repeat 0 0;
        color: #FFFFFF;
        width: 146px;
	height: 43px;
	padding-top: 5px;
	font-family: "georgia","times new roman",serif;
	font-size: 16px; 
	font-weight: bold; 
        text-align: center;
        list-style: none;
}
#menubottom {
	/* background: #FFFFFF url(../image/menubottom_pi.gif) repeat-x scroll 0 0;
	height: 14px;
	margin-bottom: 1.5em; */
}




/*************** CORPO PAGINA ***************/
#content
{
        padding: 0em 0em 0em 0em;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
img.content {
	width: 300px;
	margin: 5 20 0 0;
	float: left;
}
img.content2 {
	width: 300px;
	margin: 10 5 0 20;
	float: right;
}
#content h2{ 
	margin-top: 0px;
	width: 100%; 
	font-family: Tahoma, Verdana, Arial; 
	color: #003366; 
	font-weight: bold; 
	font-size: 14px; 
	background: url(../image/bgconth2_pi.png);
	height: 35px; 
	background-repeat: repeat-x;
}
#content p {
	font-family: Tahoma, Verdana, Arial;
	color: #666666;
	font-size: 10pt;
	line-height: 1.5em;
	overflow: hidden;
}
#contentsx {
        float: left;
        margin-right: -20em;
        width: 590px;
}
#contentdx {
        float: right;
	margin-top: 2em;
	width: 20em;
}
#content h4{ 
	margin-top: -0.8em;
	width: 95%; 
	font-family: Tahoma, Verdana, Arial; 
	color: #663300; 
	font-weight: bold; 
	font-size: 14px; 
	background: url(../image/bgconth2_pi.png); 
	height: 35px; 
	background-repeat: repeat-x;
}
.boxmeteo {
	text-align: center;
        height: 360px;
	background: url(../image/boxmeteo.png) no-repeat 0px -5px;
	left: 0em;
	margin-bottom: 0em;
        margin-left: 0.5em;
	padding: 1.5em 0em 0em 0.5em;
}




/*************** div IMMAGINE DI CATEGORIA ***************/
#imgcat {
	position:absolute;
	top: 340px;
	left: 700px;
}
#BoxIco {
	width: 172px;
	float: left;
	background-image: url(../image/box-piccolo_centro.jpg);
	background-repeat: repeat-y;
	margin: 7px;
}
#BoxIcoTop {
	width: 100%;
	height: 70px;
	background-image: url(../image/box-piccolo_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#BoxIcoTitolo {
	text-align: center;
	font-weight: bold;
	padding: 15px 10px 0px 15px;
}
#BoxIcoBottom {
	width: 100%;
	height: 5px;
	background-image: url(../image/box-piccolo_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
#testoBoxIco {
	margin: 5px 20px 5px 20px;
	text-align: center;
}


ul#boxico {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
ul#boxico li {
	height: 140px;
	width: 110px;
	padding: 10px;
        float: left; 
        margin: 7px;
        border: 1px solid #EEEEEE;
        border-color: #EEEEEE #999999 #666666 #EEEEEE;
	text-align: center;
}




/*************** TABELLA tipo1 ***************/
#prodotti {
	width: 100% !important;
	width: 80%; /* for IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	text-decoration: none;
        border-collapse: collapse;
}
caption.prodotti {
        height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: right;
	border: none;
}
thead.prodotti {
        height: 20px;
	background: #666666;
	background-image: url(../image/top_table1.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: Center;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	margin-left: 10px;
}
td.prodotti {
        border: 1px;
        border-style: solid none;
        border-color: #999999;
}
tr.prodotti {
	height: 25px;
}
tr.pari {
	background: trasparent; 
}
tr.dispari {
	background: #CDCDCD;
}
td.pari {
        padding: 0px 0px 0px 5px;
	background: #EBEBEB;
}
td.dispari {
        padding: 0px 0px 0px 5px;
	background: #CDCDCD;
}
tr.titoli {
	background: #666666;
        text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #FFFFFF;
}
tr.titoli2 {
	background: #003366;
        text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}
tr.prodpie {
        height: 20px;
	background: #666666;
	background-image: url(../image/top_table1.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}




/*************** TABELLA tipo2 ***************/
#table2 {
	width: 100% !important;
	width: 80%; /* for IE */
        padding: 1px;
}
#table2 thead {
        height: 24px;
        background-color: #666666;
        color: #FFFFFF;
	text-align: center;
	font-weight: bold;
} 
#table2 tr td {
        height: 22px;
        padding: 1px;
        padding-left: 5px;
        border-width: 1px;
        border-style: dotted;
        border-color: #666666;
}
#table2 tr.titolo {
        height: 22px;
        padding: 1px;
        padding-left: 10px;
        background-color: #666666;
        color: #FFFFFF;
        border-width: 0px;
        border-style: dotted;
        border-color: #666666;
}




/*************** BARRA DX PROMOZIONI ***************/






/*************** PIE DI PAGINA ***************/
#footer {
	background: #FFFFFF url(../image/footer_pi.gif) repeat-x scroll 0 2.5em;
	clear: both;
	font-size: 8pt;
        text-align: center;
	height: 10em;
	padding-top: 1.5em;
	position: relative;
}