body
{
	background: #FFF;
	color: #000080;
	text-align: center;
	font: normal normal 1em/1.25em Verdana,sans-serif;
}

a.colleg:link, a.colleg:visited, a.colleg:active
{
	font-weight: normal;
	text-decoration: underline;
	background: #000080;
	color: #FFF;
}

a.colleg:hover
{
	background: #FFF;
	color: #000080;
}

#logo a:link, #logo a:visited, #logo a:active
{
	text-decoration: none;
	background: #FFF;
	color: #FFF;
}

#langs a:link, #langs a:visited, #langs a:active
{
	text-decoration: underline;
	background: #FFF;
	color: #000080
}

#langs a:hover
{
	text-decoration: underline;
	background: #000080;
	color: #FFF;
}


/* struttura sito */

#container
{
	width: 994px;
	margin: 0 auto;
}

@media screen and (min-width: 1250px)
{
#container
{
width: 1250px;
margin: 0 auto;
}
}

#content
{
	width: 98%;
	padding: 1% 1% 4% 1%;
	float: left;
	background: #000080;
	color: #FFF;
}

#footer
{
	width: 98%;
	padding: 1%;
	float: left;
	background: #FFF;
	color: #000080;
}

#header
{
	width: 98%;
	padding: 1%;
	position: relative;
	float: left;
}

#logo
{
	width: 28%;
	padding: 0% 1%;
	position: relative;
	float: left;
	display: block;
}

#logo div
{
   padding: 0.3em;
	border: 0.2em solid #000080;
	border-radius: 1em;
}

#langs
{
	width: 70%;
	position: relative;
	float: left;
	font: normal bold 0.8em/0.8em Verdana,sans-serif;
	text-align: right;
	margin: 0;
	padding: 0 0 1% 0;
}

#catalogo
{
	width: 30%;
	position: relative;
	float: left;
	font: normal bold 0.8em/0.8em Verdana,sans-serif;
	font-variant: small-caps;
	text-align: right;
	margin: 0;
	padding: 0 0 1% 0;
}

#navmain
{
	width: 68%;
	position: relative;
	float: left;
	padding: 1% 1% 0 1%;
}


/* menu principale */

#nav
{
	position: relative;
	float: left;
}

#nav ul { list-style: none; }

#nav ul li { display: inline; }

#nav ul li a
{
	font: normal bold 1em/2em Verdana,sans-serif;
	text-decoration: none;
	text-align: center;
	width: 8em;
	height: 2em;
	display: block;
	float: left;
	margin: 0 0.2em;
	padding: 0;
	border: 0.1em solid #000080;
	border-radius: 1em;
	background: #000080;
	color: #FFF;
}

#nav ul li a.wwa
{
	font: normal bold 1em/1em Verdana,sans-serif;
	text-decoration: none;
	text-align: center;
	width: 8em;
	height: 2em;
	display: block;
	float: left;
	margin: 0 0.2em;
	padding: 0;
	border: 0.1em solid #000080;
	border-radius: 1em;
	background: #000080;
	color: #FFF;
}


#nav ul li a:hover
{
	background: #FFF;
	color: #000080;
}


/* sottomenu prodotti */

#subnav
{
	float: left;
}

#subnav ul { list-style: none; }

#subnav ul li { display: inline; }

#subnav ul li a
{
	font: normal normal 0.8em/0.8em Verdana,sans-serif;
	text-decoration: none;
	text-align: center;
	width: 9em;
	height: 2em;
	display: block;
	float: left;
	margin: 0 0.2em 0 0.2em;
	padding: 0.2em 0.2em 0 0.2em;
	border: 0.1em solid #000080;
	border-radius: 1em;
	background: #000080;
	color: #FFF;
}

#subnav ul li a.single
{
	font: normal normal 0.8em/1.6em Verdana,sans-serif;
	text-decoration: none;
	text-align: center;
	width: 9em;
	height: 2em;
	display: block;
	float: left;
	margin: 0 0.2em 0 0.2em;
	padding: 0.2em 0.2em 0 0.2em;
	border: 0.1em solid #000080;
	border-radius: 1em;
	background: #000080;
	color: #FFF;
}


#subnav ul li a:hover
{
	background: #FFF;
	color: #000080;
}

body#chisiamo a#chisiamonav,
body#prodotti a#depurnav, body#prodotti a#prodottinav,
body#galvanica a#galvanicanav, body#galvanica a#prodottinav,
body#impspec a#impspecnav, body#impspec a#prodottinav,
body#prodeattrez a#prodeattreznav, body#prodeattrez a#prodottinav,
body#realizpers a#realizpersnav, body#realizpers a#prodottinav,
body#dovesiamo a#dovesiamonav,
body#contatti a#contattinav
{
background: #FFF;
color: #000080;
}

.vuoto
{
	width: 100%;
	height: 4.5em;
	float: left;
	position: relative;
}


img
{
	background: #FFF;
	max-width: 100%;
}

img.foto
{
   padding: 0.5em;
   border: 0.2em solid #000080;
	border-radius: 1em;
	background: #FFF;
	max-width: 100%;
}

img.fotoditta
{
   padding: 0.5em;
   border: 0.2em solid #FFF;
   max-width: 100%;
}

hr {
    border: 0;
    padding: 0;
    margin: 0;
    height: 0.2em;
    width: 100%;
    background-image: -webkit-linear-gradient(left, rgba(0,0,128,0), rgba(255,255,255,1), rgba(0,0,128,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,128,0), rgba(255,255,255,1), rgba(0,0,128,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,128,0), rgba(255,255,255,1), rgba(0,0,128,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,128,0), rgba(255,255,255,1), rgba(0,0,128,0));
}



.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }



.col100
{
	padding: 2%;
	width: 96%;
	float: left;
	position: relative;
}

.col75
{
	padding: 2%;
	width: 71%;
	float: left;
	position: relative;
}

.col50
{
	padding: 2%;
	width: 46%;
	float: left;
	position: relative;
}

.col25
{
	padding: 2%;
	width: 21%;
	float: left;
	position: relative;
}



.col100np
{
	width: 100%;
	float: left;
	position: relative;
}

.col75np
{
	width: 75%;
	float: left;
	position: relative;
}

.col50np
{
	width: 50%;
	float: left;
	position: relative;
}

.col25np
{
	width: 25%;
	float: left;
	position: relative;
}



#email-link
{
	width: 14em;
	float: left;
	padding: 0 1em;
	text-align: center;
	background: #000080;
	display: block;
}

#email-link ul { list-style: none; }

#email-link ul li a
{
	display: block;
	float: left;
	width: 12em;
	margin: 0.2em;
	padding: 0.3em 0.4em;
	border: 0.1em solid #FFF;
	background: #FFF;
	color: #000080;
	border-radius: 0.8em;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#email-link ul li a:hover
{
	background: #000080;
	color: #FFF;
}


/* per mappa google pagina dove siamo */

iframe
{
	width: 100%;
	height: 30em;
}


/* stile per il form di contatto */

form
{
	background: #000080;
	color: #FFF;
	padding: 1em;
	display: inline;
}

form#iniziale
{
	border: 1px solid #999;
	background: #000080;
	color: #FFF;
	padding: 1em;
	display: block;
}

fieldset
{
	border: 0px solid #000080;
}

legend
{
	color: #999;
}

label.noreq
{
	font: normal bold 1em/2em Verdana, sans-serif;
	color: #FFF;
}

label.req
{
	font: normal bold 1em/2em Verdana, sans-serif;
	color: #F00;
}

input.bottone
{
	color: #FFF;
	background: #333;
	border: 0.2em outset #666;
	padding: 0.2em;
}

input.text
{
	font: normal normal 0.9em/1em Verdana, sans-serif;
	color: #FFF;
	background: #000080;
	border: 0.1em solid #999;
}

textarea
{
	font: normal normal 0.9em/1em Verdana, sans-serif;
	color: #FFF;
	background: #000080;
	border: 0.1em solid #999;
	resize: none;
	width: 100%;
	height: 10em;
}

textarea.pp
{
	font: normal normal 0.9em/1em Verdana, sans-serif;
	color: #FFF;
	background: #000080;
	border: 0.1em solid #999;
	resize: none;
	width: 100%;
	height: 10em;
}


ol.prod
{
	padding-left: 6%;
}

ul.prod
{
	padding-left: 6%;
}