@charset "UTF-8";
/* CSS Document */

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
display: block;
}

#wrapper {
width: 980px;
background-color: #FFF;
margin-left:auto;
margin-right:auto;
}

header {
height: 200px;
}

nav {
width:980px;
}

#content {
float: left;
width:660px;

}

#rightcol {
float: left;
width: 300px;
}

footer {
clear:both;
height: 50px;
}
article, section, aside, hgroup, nav, header, footer, figure, figcaption
{
display: block;
}

body {
font-family: Arial, Helvetica, sans-serif;
background:-moz-linear-gradient(50% 10% -90deg,
	rgba(170, 194, 204, 1) 0%,
	rgba(255, 255, 255, 1) 100%);
	background:-webkit-gradient(linear,50% 10%,50% 100%,
	color-stop(0, rgba(170, 194, 204, 1)),
	color-stop(1, rgba(255, 255, 255, 1)));
	margin: 0px;
	
}

#wrapper {
width: 980px;
background-color: #FFF;
margin-left:auto;
margin-right:auto;

}

header {
height: 118px;
background-color: #FFF;
}

#logo {
	background-image:url(images/LOGO2.png) no-repeat;
	
}

nav {
width:980px;
}

/* Navigation code from Listamatic
http://css.maxdesign.com.au/listamatic/horizontal03.htm
*/

nav ul {
padding-left: 0;
margin-left: 0;
background-color: #6395d4;
color: #FFF;
float: left;
width: 100%;
}

nav ul li {
display: inline; }

nav ul li a {
font-size: 1em;
padding: 10px 16px;
background-color: #6395d4;
color: #FFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

nav ul li a:hover {
background-color: #999;
color: #fff;
}

.highlight a{
font-weight: 900;
color: #444;
}

#content {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
float: left;
width:580px;
}

#content h1{
font-size: 24px;
padding-top: 15px;
}

#content h2 {
font-size: 18px;
padding-top:15px;
font-weight: 200;
}

#content p{
font-size: 12px;
padding-top:15px;
line-height:16px;
}

section {
}

article {
}
#rightcol figure {
	
	background-color:#FFF;
	width:206px;
	height:206px;	
	padding-left:10px;
	padding-right:1px;
	border-color:#000;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	-webkit-prefix-border-radius:10px;
	-moz-prefix-border-radius:10px;
}
ol {
 counter-reset:lista;
 margin-left:0;
 padding-left:0;
}

ol > li {
 list-style:none; 
 position:relative; 
 margin:0 0 10px 20px; 
 padding:4px 8px;
}

ol > li:before {
 /* Usare il contatore per aggiungere la numerazione automatica */
 content:counter(lista); 
 counter-increment:lista;
 /* Posizionare e formattare il numero */
 position:absolute;
 top:0px;
 left:-25px;
 width:25px;
 padding:2px;
 color:#fff;
 background:#b0260d;
 font-weight:bold;
 text-align:center;
}
ol {
 counter-reset:lista; /* [!] Initializza il contatore */
  
 margin-left:0; /* Rimuove il margine sinistro */
 padding-left:0; /* Rimuove il padding sinistro */
}
ol > li {
 list-style:none;   /* [!] Disabilita la numerazione degli item di lista */
 position:relative; /* [!] Crea un contesto per il posizionamento */
  
 margin:0 0 10px 20px; /* Assegniamo un margine sinistro per fare spazio ai numeri */
 padding:4px 8px;
}
ol > li:before {
 content:counter(lista);  /* [!] Usa il contatore come contenuto */
 counter-increment:lista; /* [!] Incrementa il contatore di 1 */
  
 /* Posizionare e formattare il numero */
 position:absolute;
 top:0px;
 left:-25px;
 width:25px;
 padding:2px;
 color:#fff;
 background:#b0260d;
 font-weight:bold;
 text-align:center;
}
#rightcol {
float: left;
padding-left: 40px;
width: 280px;
}

#rightcol h2 {
font-size: 18px;
padding-top: 25px;
font-weight: 400;
}

#rightcol h3 {
font-size: 16px;
padding-top: 25px;
font-weight: 200;
}

#rightcol p {
font-size: 14px;
line-height:16px;}
 


footer {
clear:both;
height: 50px;
}

footer p {
font-size: 11px;
color:#333;
padding-left: 40px;
}

footer a {
color:#333;
text-decoration:none;
}