﻿/*BODY*/
body {
	font: 85%/1.4 Verdana, Arial, Helvetica, sans-serif;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28343b+0,429e8b+97 */
    background: rgb(40,52,59); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(40,52,59,1) 0%, rgba(66,158,139,1) 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(66,158,139,1) 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(66,158,139,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#429e8b',GradientType=0 ); /* IE6-9 */
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #004A6F;
}


a img {
	border: none;
	
}

img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 80%;
	max-width: 1800px;
	min-width: 780px;
	background-color: #fff;
	margin: 0 auto;
}
.header {
	background-color: #EAEAEA;
}

.header img {
    background-color: #FFF;
	max-width: 100%;
}

.cnt {
	text-align: center;
	margin: 4px auto;
}
.content {
	padding: 10px 0;
	margin-left: 8px;
	margin-right:16px;
}


.content ul, .content ol {
	padding: 0 15px 15px 40px;
}

.footer {
	padding: 15px 0;
	background:#006666;
	position: relative;
	clear: both;
}

.footer p {
	color: #fff;
	margin: 0;
	padding-right: 1em;
	font: bold 0.9em Verdana, sans-serif;
}

.footer a:link {
	color: #fff;
	text-decoration: underline;
}

.footer a:visited {
    color:#fff;
    text-decoration: underline;
}

.footer a:hover {
color: #F79615;
text-decoration: none;

}

.footer img {
	border: 0;
	vertical-align: middle;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
-->
/*IMPOSTAZIONI RIDIMENSIONAMENTO IMMAGINI*/
.flex {
	max-width: 100%;
}
<!--
[if IE 6]>
<style type="text/css">
.flex {width: 100%}
</style>
<![endif]-->

.auto-style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.bread:before {
    content: '\2630';
    padding: 8px;
    text-decoration: none;
}

.bread {background-color:#006666;padding:0.01em 16px;margin:20px 0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}

.bread {
  width: 85%;
  margin:0 auto;
  text-align:left;
  border: 1px solid #16a085;
  padding: 8px;
  font: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  position: relative;
 }
 
 
 .bread p {
	color: #fff;
	margin: 0;
	padding-right: 1em;
	font: bold 0.9em Verdana, sans-serif;
}

.bread a:link {
	color: #fff;
	text-decoration: underline;
}

.bread a:visited {
    color:#fff;
    text-decoration: underline;
}

.bread a:hover {
color: #F79615;
text-decoration: none;

}
 
 
 
 
 
