@import "default.css";

/*
-----------------------------------------------------------------------------
LAYOUT
-----------------------------------------------------------------------------
filter: alpha(opacity=40);      Used for IE opacity
-moz-opacity: 0.40;             used for mozilla opacity
opacity: 0.5                    used i think for opera opacity
*/

#global {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#header {
	margin: 0 auto;
	background: transparent url(../images/bg-header.gif) 50% 0 no-repeat;
	min-height: 129px;
	height: auto !important;
	height: 129px;
	position: relative;
}

#flags {
	position: absolute;
	top: 8px;
	right: 25px;
	width: 100px;
	height: 20px;

}
#flags a {
	margin: 0;
	padding: 0;
	border: none;
	width: 24px;
	min-width: 24px;
	height: 18px;
	text-decoration: none;
	line-height: 1%;
	font-family: monospace;
	font-size: 9pt;
}

#flags a span {
	visibility: hidden;
}

a.flagita, a.flagita:link, a.flagita:visited {
	background: transparent url(../images/flag-ita.gif) 50% 50% no-repeat;
}
a.flageng, a.flageng:link, a.flageng:visited {
	background: transparent url(../images/flag-eng.gif) 50% 50% no-repeat;
}
a.flagger, a.flagger:link, a.flagger:visited {
	background: transparent url(../images/flag-ger.gif) 50% 50% no-repeat;
}

a.flagita:active, a.flagita:hover {
	background: transparent url(../images/flag-ita-hover.gif) 50% 50% no-repeat;
}
a.flageng:active, a.flageng:hover {
	background: transparent url(../images/flag-eng-hover.gif) 50% 50% no-repeat;
}
a.flagger:active, a.flagger:hover {
	background: transparent url(../images/flag-ger-hover.gif) 50% 50% no-repeat;
}

#logo {
	position: absolute;
	top: 50px;
	left: 40px;
}



#middle {
	margin: -2px auto;
	padding: 0 17px 0 17px;
	background: white url(../images/bg-content.gif) 50% 0 repeat-y;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	/*border:1px solid red;*/
}

#content {
	text-align: left;
}

#menu_milonic {
	margin: 2px;
	padding: 2px;
	padding-left:8px;
	/*border-bottom: 2px solid silver;*/
}

#path {
	margin: 15px 15px 1px 15px;
	text-align: right;
}

#footer {
	margin: -8px auto;
	padding: 0 20px 0 20px;
	background: transparent url(../images/bg-footer.gif) 50% 0 no-repeat;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}

#footer-content {
	margin: 0 auto;
	/*border-top: 2px solid silver;*/

	padding: 4px 20px 4px 20px;
	font-size: 12px;

	text-align: left;
}

#credits {
	float: right;
	padding: 5px 0 0 0;
	font-size: 10px;
}










div.sezione {
	margin: 0 15px 0 15px;
}
div.sezione h1 {
	color: gray;
	border-bottom: 2px solid gray;
}

img.sezione {
	display: block;
}


h1.storia  { color: #993300; border-bottom: 2px solid #993300; }

p.citazione-home {
	background: transparent url(../images/bg-citazione.jpg) 50% 50% no-repeat;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-family: serif;
	font-size: 150%;
	font-style: italic;
	line-height: 1.5em;
	text-align: center;
}

table.links {
	width: 660px;
	margin: 0 auto;
}
table.links th {
	margin: 0;
	padding: 0;
	width: 25%;
	height: 26px;
	vertical-align: middle;
	border: 1px solid silver;
}

table.links td {
	vertical-align: top;
	color: gray;
	font-size: 11px;
}

table.links th a, table.links th a:link, table.links th a:visited {
	display: block;
	margin: 0;
	padding-left: 28px;
	text-align: left;
	width: 100%;
}
table.links th a:active, table.links th a:hover {
	text-decoration: none;
}

TD.contattaci {font-size:14px;color:#ffffff;background-color:#CC0066;}
TD.mappa {font-size:14px;color:#000000;vertical-align:top;width:108;border:1px solid;}
TD.registrazione {font-size:14px;color:#ffffff;background-color:#D97458;}
TD.ambientazioni {font-size:14px;color:#ffffff;background-color:#ff0099;}
TD.storia {font-size:14px;color:#ffffff;background-color:#993300;}
TD.eventi {font-size:14px;color:#000000;background-color:#F2F200;}
TD.news {font-size:14px;color:#ffffff;background-color:#339933;}
TD.mission {font-size:14px;color:#ffffff;background-color:#235BDC;}
TD.findus {font-size:14px;color:#ffffff;background-color:#6B6B6B;}
TD.prodotti {font-size:14px;color:#ffffff;background-color:#ff9900;}
TD.areaclienti {font-size:14px;color:#ffffff;background-color:#66ccff;}
TD.espositori {font-size:14px;color:#ffffff;background-color:#000066;}TD.small {font-size:9px;color:#000000;background-color:none;font-family:Verdana,Arial,Helvetica;}




a.link1:a, a.link1:link, a.link1:visited {
	background: transparent url(../images/bullet-gray.jpg) 0 50% no-repeat;
}

ul.campi {
	margin: 0;
	padding: 5px;
	list-style: none outside;
	display: block;
	/*border:1px solid red;*/
}


ul.campi li {
	display: block;
	padding:3px;
    text-align: left;

}


label {
	  font-family: "Trebuchet MS",Verdana,Helvetica;
	  font-size: 14px;
	float: left;
	width: 12em;
	margin: 0;
	padding: 0em 0.5em 0em 0em;
	text-align: right;
	font-weight: none;
	color: black;
	background-color: transparent;
	/*border: 1px solid silver;*/
}

label.red {
	float: left;
	width: 12em;
	margin: 0;
	padding: 0em 0.5em 0em 0em;
	text-align: right;
	font-weight: none;
	color: red;
	background-color: transparent;
	/*border: 1px solid silver;*/
}

label.requestfield {
	float: left;
	width: 12em;
	margin: 0;
	padding: 0em 0.5em 0em 0em;
	text-align: right;
	font-weight: bold;
	color: black;
	background-color: transparent;
	/*border: 1px solid silver;*/
}




/* _________ legend ______________ */


legend {
 position:absolute;
 top:-10px;
 color:black;
 font-weight:bold;
 border: 1px solid black;
 padding:2px 5px;
 background: white;

}


/* _________ fieldset ______________ */

fieldset {
  position:relative;
  padding-top:20px;
  border: 1px dotted silver;
  width:95%;	
}


tr.rigaon {
	background-color: #FFFF99;
}

tr.rigaoff {
	background-color:none;
}

a.link1:active, a.link1:hover {
	background: transparent url(../images/bullet-red.jpg) 0 50% no-repeat;
}

a.link2:a, a.link2:link, a.link2:visited {
	background: transparent url(../images/bullet-gray.jpg) 0 50% no-repeat;
}
a.link2:active, a.link2:hover {
	background: transparent url(../images/bullet-yellow.jpg) 0 50% no-repeat;
}

a.link3:a, a.link3:link, a.link3:visited {
	background: transparent url(../images/bullet-gray.jpg) 0 50% no-repeat;
}
a.link3:active, a.link3:hover {
	background: transparent url(../images/bullet-blu.jpg) 0 50% no-repeat;
}

a.link4:a, a.link4:link, a.link4:visited {
	background: transparent url(../images/bullet-gray.jpg) 0 50% no-repeat;
}
a.link4:active, a.link4:hover {
	background: transparent url(../images/bullet-green.jpg) 0 50% no-repeat;
}