body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, 	helvetica, sans-serif; 
	color: #000000; 
	background: #FFFFFF url('../images/florasx.JPG') repeat-y left; 
	margin: 0px 
	
}

p { 
	font-size: 12px;
	padding: 5px 5px 10px 5px;
	margin: 0;
	line-height: 16px;
	text-align:justify; 
}

.ptitolo {
	font-size: 12px;
    padding: 0px 5px 10px 10px;
    margin: -240px 5px 10px 240px;
    text-align:justify;
	color: #0D2B9B;
}


p.p5 { 
	font-size: 9px;
	padding-top: 15px;
}

a:link { 
	background: #EBEEF2;
	padding: 0px;
	text-decoration: none; 
	color: #4F6B8B;
}

a:visited { 
	background: #EBEEF2;
	padding: 0px;
	text-decoration: none; 
	color: #4F6B8B;
}


a:hover, a:active { 
	background: #F1EFE9;
	padding: 0px;
	text-decoration: none; 
	color: #384A5F;
}

h1, h3 span {
	background: #FFFFFF;
	padding: 0 2px 0 2px;
	text-decoration: none; 
	color: #384A5F;
	
}

h2 span {
	background: #FFFFFF;
	
	padding: 0px 2px 0px 2px;
	 
	color: #384A5F;
	
}

/* specific divs */

#container { 
	
	display: block;
	position: relative;
	border: 11px #384A5F solid;
	margin: -43px auto 0px 57px;
	width: 70%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 94%;
}

#newsSX { 
	width: 100%;
	margin: 0px;
	height: 100px;
	
	background: url('../images/winch.gif') no-repeat 0px 0px;
	
}

#newsBody{
		position: relative;
	top:0;
	left: 550px;
	margin: -20px auto 0px 10px;
	border: 11px #FFFFFF solid;
	voice-family: "\"}\"";
	width:40%; 
	voice-family:inherit;
	
}
#newsBottom {
		background: url('../images/base.JPG') ;
}


#titolo { 
	width: 100%;
	margin: 0px;
	background: url('../images/header.JPG') no-repeat top left ;
	
}
#intro {
	height: 180px; 
	background: #FFFFFF;
	
}
#intro2 {
	
}

#pageHeader { 
	position: absolute;
	top: 20px;
	font-size: 12px;
	padding: 5px 5px 10px 30%;
	margin: 0;
	
	line-height: 16px;
	text-align:center;
	
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.H2pageHeader {
	padding: 0px 2px 0px 2px;
	color: white;
	text-align:center;
}

#quickSummary {
	position: relative;
	left: 199px;
	padding: 14px 14px 0 14px;
}

.p1 { 
	font-size: 12px;
	padding: 5px 5px 10px 5px;
	text-align:justify; 
}

#quickSummary p.p1 { display: none }
#quickSummary p.p2 { 
	font-size: 9px;
}
#spallaDX {
	position: absolute; 
	top: 262px; 
   width:440px;
   right:0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0 0px;
	background: #FFFFFF; 
}



.boxDividi, #supportingText, #maincenter  {
	width:85%;
	float:left;
	background:#FFFFFF;
	padding:0px 0px 10px 0px;
	margin-right: -30%;
}

.dividi { 
	height: autopx;
}


div.dividi, #centror{margin-right: 30%}
div.boxDestro{float: right;width: 25%;height: autopx;}


#mainright{float: right;width: 40%;}

.footer { 
	width:100%;
	background: #FFFFFF;
	padding: 2px 2px 6px 2px;
	color: #384A5F;
	text-align: center; 
}

.footer a:link, .footer a:visited { 
	font-size: 9px;
	margin-right: 15px;
}

#linkList {
	
	position: absolute; 
	top: 262px; 
}

#linkList2 { 
	font: 24px trebuchet ms, arial, helvetica, sans-serif; 
	color: #9F927F;
	width: 188px; 
}

#linkList h3 { 
	margin: 0; 
	width: 188px; 
	height: 42px; 
}
#linkList h3.select {
	background: url('../images/selectdesign.gif') no-repeat top left; 
}
#linkList h3.archives {
	background: url('../images/archives.gif') no-repeat top left;
	margin-top: 15px 
}
#linkList h3.resources {
	margin-top: 15px; 
}
#linkList h3.select span, #linkList h3.archives span, #linkList h3.resources span { display:none }

#linkList ul {
	margin: 0px;
	padding: 0px;
}
#linkList li {
	height: 48px; 
	list-style-type: none;
	background: url('../images/liBG.gif') repeat-x top left; 
	display: block; 
	padding-left: 14px
}
#linkList li a { 
	display: block;
	width: auto;
	color: #4F6B8B;
	padding: 9px 0 0 0;
	background: none;
	color: #384A5F;
	font-size: 14px;
}
#linkList li a:hover { 
	color: #746E50;
}
#linkList li a.c:link, #linkList li a.c:visited {
	color: #929B70;
	font-weight: normal;
	display: inline;
	font-size: 9px;
	padding: 0;
}
#linkList li a.c:hover {
	color: #746E50;
}


#lresources {
	
	background: #FFFFFF;
	list-style-type: none; 
	display: block; 
	padding-left: 14px;
	border-bottom: 1px #DFDCD1 solid;
}


#linkList #larchives li, #linkList #lresources li {
	height: 400px;
	background: #F3F1EC;
	list-style-type: none; 
	display: block; 
	padding-left: 14px;
	border-bottom: 1px #DFDCD1 solid;
}

#linkList #larchives li a, #linkList #lresources li a {
	padding-top: 5px;
	padding-bottom: 3px;
}

	
/* header graphics */


.imagineTelecamera {
	width: 90px;
	float: left; margin: 5px;
	
	height: 90px;
}

#imagine {
	width: 120px;
 margin: 5px 5px 5px 5px;
	
	height: 90px;
}



/* extra divs */

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {	
	 width:90%;
	background: #FFFFFF; 
	padding: 2px 2px 6px 2px;
	color: #384A5F;
	text-align: center;
} 



#divForm{
	width:85%;
float:left;
	
	padding: 0 14px 0 14px;
}

form#two fieldset {
	font-size: 12px;
	 border:1px solid #FFFFFF; 
}



form#two fieldset#opt {background:#dee;}
form#two legend {color:  #0D2B9B; border:3px solid #FFFFFF;  padding:3px; }
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#two input {border:1px solid #000; background:#fff url('../images/form.gif') repeat-x top left; }
form#two select {margin-left:0.5em;}
form#two textarea {width:270px; height:10em; border:1px solid #000; padding:2px; overflow:auto; background:#fff url('../images/form.gif') repeat-x bottom left;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}


/* The style starts here */
.tabs {padding:10px; margin:10px 10px 10px 5px; list-style:none;}
.tabs li {display:inline; padding:0px ; background:#f8f8f8; float:left; margin-right:35px; position:relative;}
.tabs li.one {width:70%;}
.tabs li.two {width:70%;}
.tabs li.three {width:70%;}
.tabs li.four {width:70%;}
.tabs li.five {width:100%;}
.tabs li a.outer-link {background:#f8f8f8; display:block; width:100%; position:relative;}
.tabs table {border-collapse:collapse; margin:-1px;}
.tabsriga {display:block; background:#CCCCCC url('../images/cssBianco/comment_grey.png') no-repeat 0 0; height:19px; font-size:0.9em; overflow:hidden; padding-left:10px; padding-right:2px; padding-top:2px; padding-bottom:2px}
.tabsblocco{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:0px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding-left:5px; padding-right:5px; padding-top:20px; padding-bottom:5px}
.tabs li h3 {padding:0; margin:0; font-family:georgia, serif; font-size:17px;}
.tabs li p {font-family:verdana, serif; font-size:11px; line-height:1.5em;}
.tabs li a {color:#000; text-decoration:none;}
.tabs li a.inner-link {color:#c00; text-decoration:none;}
.tabs li a.inner-link:hover {text-decoration:underline; cursor:default;}
.tabs li.one:hover, #tabs li.one a.outer-link:hover {background:#fef;}
.tabs li.two:hover, #tabs li.two a.outer-link:hover {background:#cff;}
.tabs li.three:hover, #tabs li.three a.outer-link:hover {background:#ffc;}
.tabs li.four:hover, #tabs li.four a.outer-link:hover {background:#cff;}
.tabs li.five:hover, #tabs li.five a.outer-link:hover {background:#ccf;}

.evidenziatore{
	background-color: #FFFF99;
}



* html #evidenziatoreTesto {margin-right:-2px; margin-top:3px;}




.evidenziatoreOfferta{
	background-color: #FFFF99;
	width:428px; height:10em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url('../images/form.gif') repeat-x bottom left;
}

.logoFornitore {
	width:80px; 
	height:33px; 
	border:1px none;
	
}

.sitiAmici{
	margin: 3px;
}



#esempi {width:290px; height:800px; padding:0px; border:1px solid #333; background: #888; position:relative; }
#esempi b.default {position:absolute; left:0px; top:10px; width:290px; height:380px; text-align:center;}
#esempi b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#esempi b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#esempi ul {list-style:none; padding:0; margin:0; width:320px; position:absolute; left:-2px; top:210px; }
#esempi ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#esempi ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#esempi ul li a span {display:none;}
#esempi ul li a img {display:block; width:50px; height:50px; border:0px none;}

#esempi ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#esempi ul li a:hover b {position:absolute; left:2px; top:-200px; width:289px; height:200px; text-align:center; background:#888; z-index:20;}
#esempi ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:280px; margin:0 auto;}
#esempi ul li a:hover img {width:280px; height:180px; margin:0 0 2px 0;  border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#esempi ul li a:active, #esempi ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#esempi ul li a:active b, #esempi ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#esempi ul li a:active span, #esempi ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#esempi ul li a:active img, #esempi ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}



a.hid { outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}

a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block;  width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}


b.offertartop{display: block; background: #fff;
}
b.offertarbottom{display: block; background: #fff}
b.offertartop b, b.offertarbottom b{display: block; height: 1px; overflow: hidden; background: #AAAAAA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.offertartop b.r4, b.offertarbottom b.r4{margin: 0 1px; height: 2px}
b.testooffertar{display: block;background: #BBBBBB; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center}

b.rtop{display: block; background: #fff;
}

b.rbottom{display: block; background: #fff}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #AAAAAA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
b.testo{display: block;background: #CCCCCC; color:#FFFFFF;
font: bold 220%/100% "Lucida Grande"; text-align:center}
b.testoSmall{background: #BBBBBB; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}

.mainleft {
	width:120px;
	height: 800px;
	float:left;
	background:#FFFFFF;
	padding:0px 0px 10px 0px;
	text-align:center;
}
.mainleft fieldset{
	padding:0px 0px 0px 0px;
}

.boxDestro fieldset{
	padding:0px 0px 0px 0px;
}

	



	
#intestaFoto{
	position:absolute;
	background-color: #FFFFFF;
	width:60%;
	height: 220px;
	left:38%;
    top:0px;
}
	
a.ROLL3
{
	display: block;
	margin-left: 518px;
	background-color: #FFFFFF;
	width: 220px;
    height: 220px
}

a.ROLL3:link { 	display: block;
	margin-left: 520px;
	background-color: #FFFFFF;
	width: 220px;
	
    height: 220px
}
a.ROLL3:visited { 	display: block;
	margin-left: 518px;
	background-color: #FFFFFF;
	width: 220px;
    height: 220px
 }

a.ROLL3:hover
{
	display: block;
	margin-left: 520px;
	width: 220px;
    height: 220px;
    background-color: #FFFFFF
}
	



 /* common styling */
.pallone {
	
	z-index:300;
font-family: verdana, sans-serif; 
	width:15%;
	float:left;
	background:#FFFFFF;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;

}
.pallone ul {
	z-index:300;
padding:0; 
margin:0;
border:0px none;
list-style-type: none
}
.pallone ul li {
	z-index:300;
float:left;
width: 150px;
margin:5px;
border:1px solid #000;
}
.pallone ul li a, .pallone ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
color:#000; 
background:#FFFFFF;
}
.pallone ul li a img, .pallone ul li a:visited img {
border:0px none;
}

.pallone ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0px none;
padding:0;
border-collapse:collapse;
font-size:1em
}

.pallone dl {z-index:300;width:200px; background:url('../images/palloni/bottom.gif') no-repeat bottom left; height:auto; padding-left:0; padding-right:0; padding-top:0; padding-bottom:20px}
.pallone dt {z-index:300;margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:url('../images/palloni/top.gif') no-repeat top left; text-align:center}
.pallone dd {border-left:1px solid #000; border-right:1px solid #000; border-top:0px solid #000; border-bottom:0px solid #000; z-index:300;margin:0; color:#000; font-size:1em; background:#fff url('../images/palloni/info.gif') no-repeat bottom right;; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px}
.pallone dd p {z-index:300;padding:0; margin:10px 0; line-height:1.5em;}
.pallone dl.web2 {z-index:300;background:url('../images/palloni/bottom.gif') no-repeat bottom left; height:auto}
.pallone dl.web3 {z-index:300;background:url('../images/palloni/bottom3.gif') no-repeat bottom left; height:auto}
.pallone dl.web4 {z-index:300;background:url('../images/palloni/bottom4.gif') no-repeat bottom left; height:auto}
.pallone dl.web5 {z-index:300;background:url('../images/palloni/bottom5.gif') no-repeat bottom left; height:auto}
.pallone dl.web6 {z-index:300;background:url('../images/palloni/bottom.gif') no-repeat bottom left; height:auto}
.pallone dl.web2 dt {z-index:300;background:url('../images/palloni/top.gif') no-repeat top left;}
.pallone dl.web3 dt {z-index:300;background:url('../images/palloni/top3.gif') no-repeat top left;}
.pallone dl.web4 dt {z-index:300;background:url('../images/palloni/top4.gif') no-repeat top left;}
.pallone dl.web5 dt {z-index:300;background:url('../images/palloni/top5.gif') no-repeat top left;}
.pallone dl.web6 dt {z-index:300;background:url('../images/palloni/top.gif') no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.pallone ul li:hover,
.pallone ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.pallone ul li:hover dl,
.pallone ul li a:hover dl {
visibility:visible;
color:#000;
top:-75px;
left:120px;
cursor:default;
}

.pallone ul li:hover dl em,
.pallone ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:75px;
width:36px; 
height:36px;
background:url('../images/palloni/pointer.gif');
}

.pallone ul li:hover dl a,
.pallone ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.pallone ul li:hover dl a:hover,
.pallone ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-family: verdana, sans-serif;
    font-size: 12px; 
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	background: url('../images/palloni/bubble.gif') no-repeat top;; padding-left:8px; padding-right:8px; padding-top:30px; padding-bottom:0
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	background: url('../images/palloni/bubble_filler.gif') bottom;; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0 
}
a.tt:hover span.bottom{
	display: block;
	color: #548912;
    background: url('../images/palloni/bubble.gif') no-repeat bottom;; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:10px
}
/*Prima lettere capitalizzata*/
.box {display:block; width:85%; line-height:normal; letter-spacing:1px; font-family: times new roman, serif; font-size:16px; color:#000; border:1px solid #ddd; padding:5px; margin:2em auto;}
.cap {font-size:50px; color:#909; font-weight:bold; float:left; height:34px; line-height:34px; margin-top:2px; margin-right:1px;}
* html #cap {margin-right:-2px; margin-top:3px;}

.preload1 {background: url(../images/msfondoa.jpg);}
.preload2 {background: url(../images/six_1a.gif);}

.nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(../images/msfondo.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
.nav li.top {display:block; float:left;}

.nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;background: url(../images/msfondo.jpg);}
.nav li a.top_link span {float:left; display:block; padding:0 12px 0 6px; height:35px; background: url(../images/msfondo.jpg) right top no-repeat;}
.nav li a.top_link span.down {float:left; display:block; padding:0 28px 0 12px; height:35px; background: url(../images/msfondoa.jpg) no-repeat right top;}

.nav li:hover a.top_link,
.nav a.top_link:hover
{color:#fff; background: url(../images/six_1.gif) no-repeat;}
.nav li:hover a.top_link span, 
.nav a.top_link:hover span
{background:url(../images/six_1.gif) no-repeat right top;}
.nav li:hover a.top_link span.down,
.nav a.top_link:hover span.down
{background:url(../images/six_1a.gif) no-repeat right top; padding-bottom:3px;}






.nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

.nav li:hover {position:relative; z-index:200;}
.nav a:hover {position:relative; white-space:normal; z-index:200;}

.nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding: 3px; border:1px solid #0b4d97; white-space:nowrap; width:96px; height:auto; z-index:300;}
.nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
.nav li ul.sub li a.fly
{background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat;}
.nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
.nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

.nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

.nav a:hover a:hover ul,
.nav a:hover a:hover a:hover ul,
.nav a:hover a:hover a:hover a:hover ul,
.nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

.nav ul, 
.nav a:hover ul ul,
.nav a:hover a:hover ul ul,
.nav a:hover a:hover a:hover ul ul,
.nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
.nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.nav li:hover li:hover > a.fly
{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
.nav li:hover li:hover > li a.fly
{background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}

#fornitore_scheda{
	border-bottom:1px dotted #ccc;
	margin-bottom: 2px;
	padding:2px;
}
#fornitore_scheda a{
	margin-left: 15px;
}