/* MENU */

#flags {
	margin:0;
	padding:0;
	position:absolute;
	left:358px;
	top:15px;
}

#navcontainer
{
margin-top: 1em;
overflow: hidden;
width: 460px;
}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist li
{
text-transform: uppercase;
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}


/* GENERALI */

A:link
{
	color: #104E93;
	text-decoration: underline;
}

A:visited
{
	color: #617891;
	text-decoration: underline;
}

A:active
{
	color: #617891;
	text-decoration: underline;
}

A:hover
{
	color: #2A6BB3;
	text-decoration: underline;
}

img { border: 0; }

body
{
	
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFF;
	font-family: verdana, "lucida grande", geneva, helvetica, arial, sans-serif;
	font-size: 80%;
	border-top: 4px solid #096;
}

h1
{
	color: #069;
	font-family: arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 75px;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 17px;
}

h2
{
	font-family: arial;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 15px;
	font-weight: normal;
	margin: 10px 0px 0px 75px;
	color: #096;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
	text-indent:18px;
	color: #069;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
}

/*h4
{
	font-size: 14px;
	font-weight:normal;
	margin:0px;
	padding:2px 0;
	text-indent:22px;
	color: #096;
	background:  url(../img/base.gif);
	background-repeat: no-repeat;
}*/

h4
{
	font-size: 14px;
	font-weight: bold;
		margin: 5px 0px 0px 5px;
	text-indent:18px;
	color: #069;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
}


h5 {text-transform: uppercase;font-size:18px; color:#000; display:inline;}



/* struttura */


#page
{
	width: 760px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	text-align: center;
}

#left
{
	position: relative;
	padding: 10px 0px 10px 0px;
	margin: 0px 15px 20px 0px;
	border-top: 3px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	width: 474px;
	float: left;
	background-image: url("../img/header.gif");
	background-repeat: no-repeat;
}


#leftheader
{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	/*border: 1px solid #9C9C9C;
	height: 90px;*/
	width: 420px;
	text-align: left;
	/*font-size: 12px;
	line-height: 18px;*/
}



#leftscheda
{
	position: relative;
	padding: 10px 0px 10px 0px;
	margin: 0px 15px 20px 0px;
	border-top: 3px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	width: 474px;
	float: left;
	background-image: url("../img/topimg-scheda2.jpg");
	background-repeat: no-repeat;
}

#lefttextscheda
{
	padding: 15px 0px 20px 0px;
	margin: 0px 0px 0px 20px;
	width: 420px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	
}



#lefttext
{
	padding: 15px 0px 20px 0px;
	margin: 0px 0px 0px 20px;
	width: 420px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

#rightcol
{
	padding: 0;
	margin: 0;
	border-top: 3px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	width: 242px;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
}

.rightcont strong {text-transform: uppercase;}

.rightcont
{
	padding: 10px;
	margin: 3px 0px 0px 0px;
}

/* altre */
p
{
	font-family: verdana, "lucida grande", geneva, helvetica, arial, sans-serif;
	margin: 0px 0px 7px 0px;
	color: #333;
}



p.copyright
{
	
	margin: 15px 0px 0px 0px;
	font-size: 10px;
	line-height: 15px;
	color: #9C9C9C;
}

#box
{
	float: left;
	margin: 5px 12px 5px 0px;
	padding: 10px;
	width: 70px;
	font-size: 11px;
		text-align: center;
	line-height: 14px;
	color: #333;
	border: 1px solid #9C9C9C;
	background-color: #FBF6CE;
}

#boxCartina
{
	float: left;
	margin: 5px 12px 5px 0px;
	padding: 10px;
	width: 407px;
	font-size: 11px;
		text-align: center;
	line-height: 14px;
	color: #333;
	border: 1px solid #9C9C9C;
	background-color: #FBF6CE;
}



#boxhp
{
	margin: 5px 12px 5px 0px;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	border: 1px solid #9C9C9C;
	background-color: #CBECE5;
}

#info
{
	font-size: 11px;
	line-height: 15px;
	width: 242px;
	border-bottom: 1px dotted #9C9C9C;
	border-top: 1px dotted #9C9C9C;
	background-color: #FBF6CE;
	background-image: url(../img/contacts.gif);
}

#disclaimer {color:#aaa;font-style:italic; font-size:11px; text-align:left; padding:10px;}

/*** schede ***/

#boxpath
{

	padding: 10px;
	margin:10px 0;
	font-size: 11px;
	color: #333;
	border: 1px dotted #9C9C9C;
	background-color: #FBF6CE;
}

#boxpathnext
{

	padding: 10px;
	margin:10px 0;
	font-size: 11px;
	color: #333;
	border: 1px dotted #9C9C9C;
	background-color: #FBF6CE;
	text-align:center;
}

#boxpath img {border:1px solid #000; float:left; margin-right:10px;}

.descrizione {color:#333;font-style:italic; font-size:12px; text-align:left; padding:3px; }

#lefttextscheda dt {text-transform: uppercase;font-size:12px; font-weight:bold; }
#lefttextscheda dd {margin:5px; }

.schedaprod dl {}
.schedaprod dt {margin-left:10px; font-size:12px; font-weight:bold;}
.schedaprod dd { padding-left:20px; }

/******** form */

form {margin:0;}

.smalltext {font-size:12px; color:#666}


fieldset
{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px;
}

legend
{
	padding: 0 15px;
	color: #096;
	font-size: 12px;
	font-family: verdana, "lucida grande", geneva, helvetica, arial, sans-serif;
}

label
{
	color: #069;
	font-weight: bold;
	font-size: 11px;
	padding: 0 10px;
	text-align: right;
	width: 75px;
	float: left;
}

.bottone
{
	border: 2px solid #ccc;
	background: #e2e2e2;
	font-size: 11px;
}




input,select,textarea {
	width: 200px;
	margin-bottom: 10px;
}




/************** pulsantiera */

div#navigation {padding-top: 10px; margin-bottom:10px; height:250px;}
div#navigation ul{list-style-type: none;margin: 0;padding: 0}
div#navigation li{float: left;margin: 1px 1px 0 0;padding:0}
div#navigation a{display:block}
div#navigation a:hover{line-height: 1px; /*serve per IE*/}
div#navigation a:hover img{visibility: hidden}
div#navigation a#current:hover img{visibility: visible}

li#it_1
{
	background-image: url("../img/it/on/cobalto.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_2
{
	background-image: url("../img/it/on/nichel.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_3
{
	background-image: url("../img/it/on/iodio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_4
{
	background-image: url("../img/it/on/selenio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_5
{
	background-image: url("../img/it/on/stagno.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_6
{
	background-image: url("../img/it/on/litio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_7
{
	background-image: url("../img/it/on/vanadio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_8
{
	background-image: url("../img/it/on/molibdeno.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_9
{
	background-image: url("../img/it/on/rame.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_10
{
	background-image: url("../img/it/on/antimonio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_11
{
	background-image: url("../img/it/on/cromo.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#it_12
{
	background-image: url("../img/it/on/altri.gif");
	background-repeat: no-repeat;
	background-position: left;
}

li#com_1
{
	background-image: url("http://www.todiniandco.com/img/com/on/cobalt.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_2
{
	background-image: url("http://www.todiniandco.com/img/com/on/nickel.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_3
{
	background-image: url("http://www.todiniandco.com/img/com/on/iodine.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_4
{
	background-image: url("http://www.todiniandco.com/img/com/on/selenium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_5
{
	background-image: url("http://www.todiniandco.com/img/com/on/tin.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_6
{
	background-image: url("http://www.todiniandco.com/img/com/on/lithium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_7
{
	background-image: url("http://www.todiniandco.com/img/com/on/vanadium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_8
{
	background-image: url("http://www.todiniandco.com/img/com/on/molybdenum.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_9
{
	background-image: url("http://www.todiniandco.com/img/com/on/copper.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_10
{
	background-image: url("http://www.todiniandco.com/img/com/on/antimony.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_11
{
	background-image: url("http://www.todiniandco.com/img/com/on/chromium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#com_12
{
	background-image: url("http://www.todiniandco.com/img/com/on/other.gif");
	background-repeat: no-repeat;
	background-position: left;
}

li#es_1
{
	background-image: url("../img/es/on/cobalto.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_2
{
	background-image: url("../img/es/on/niquel.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_3
{
	background-image: url("../img/es/on/yodo.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_4
{
	background-image: url("../img/es/on/selenio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_5
{
	background-image: url("../img/es/on/estano.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_6
{
	background-image: url("../img/es/on/litio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_7
{
	background-image: url("../img/es/on/vanadio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_8
{
	background-image: url("../img/es/on/molibdeno.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_9
{
	background-image: url("../img/es/on/cobre.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_10
{
	background-image: url("../img/es/on/antimonio.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_11
{
	background-image: url("../img/es/on/cromo.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#es_12
{
	background-image: url("../img/es/on/otros.gif");
	background-repeat: no-repeat;
	background-position: left;
}

li#de_1
{
	background-image: url("../img/de/on/kobalt.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_2
{
	background-image: url("../img/de/on/nickel.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_3
{
	background-image: url("../img/de/on/iod.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_4
{
	background-image: url("../img/de/on/selen.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_5
{
	background-image: url("../img/de/on/zinn.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_6
{
	background-image: url("../img/de/on/lithium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_7
{
	background-image: url("../img/de/on/vanadium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_8
{
	background-image: url("../img/de/on/molybdaen.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_9
{
	background-image: url("../img/de/on/kupfer.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_10
{
	background-image: url("../img/de/on/antimon.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_11
{
	background-image: url("../img/de/on/chrom.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#de_12
{
	background-image: url("../img/de/on/weitere.gif");
	background-repeat: no-repeat;
	background-position: left;
}

li#fr_1
{
	background-image: url("../img/fr/on/cobalt.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_2
{
	background-image: url("../img/fr/on/nickel.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_3
{
	background-image: url("../img/fr/on/iode.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_4
{
	background-image: url("../img/fr/on/selenium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_5
{
	background-image: url("../img/fr/on/etain.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_6
{
	background-image: url("../img/fr/on/lithium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_7
{
	background-image: url("../img/fr/on/vanadium.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_8
{
	background-image: url("../img/fr/on/molybdene.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_9
{
	background-image: url("../img/fr/on/cuivre.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_10
{
	background-image: url("../img/fr/on/antimoine.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_11
{
	background-image: url("../img/fr/on/chrome.gif");
	background-repeat: no-repeat;
	background-position: left;
}
li#fr_12
{
	background-image: url("../img/fr/on/autres.gif");
	background-repeat: no-repeat;
	background-position: left;
}