/*
######  foglio di stile per ISGREC #####
######  autore: LOMA ###################
*/

/* ##### formattazione tag html ##### */
html,body{margin:0;padding:0}
body{font: 100% "Trebuchet MS",Arial,sans-serif; text-align: center; color:#333; }
h1 {margin-top:0; padding-top: 0; font-size:1.6em; color: #c00}
h2 {margin-bottom:0; padding-bottom:0em; font-size:1.4em; border-bottom: 1px none #ccc;color: #c00}
h3 {margin-bottom:0; padding-bottom:0em; font-size:1.2em; border: 1px none #ccc; color: #c00}
p {margin-top:2px; margin-bottom:6px; padding:0;}
strong {color:#111}
a{color:#c00; text-decoration:underline}
a:hover{color:#000; text-decoration:underline}
a strong {color:#c00}
a:hover strong {color:#000}



/* ##### div per gli skip  ##### */
#hiddenskip {position:absolute; top:-200px;}

/* ##### div per posizionamento ##### */
#contenitoreprincipale {margin: 0 auto; width: 86%; border:1px none #ccc; text-align: left; margin-top:8px;}

/* ##### testata ##### */
div#header{
	background-color:#fff;
	background-image: url(img/sfondo_top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ##### Menu 1 - navigazione orizzontale ##### */
div#navigation{text-align: left; font:0.75em Arial,sans-serif;  background-color: #fff; border-bottom: 1px solid #ccc; padding-left: 22px; margin-top:10px;}
div#navigation ul{list-style-type: none;margin: 0;padding: 0;}
div#navigation li{display: inline; margin: 0;padding:0}
div#navigation li a{text-decoration: none; border: 1px solid #ccc; padding: 0px 0.35em; margin: 0px 0.5em; background: #fff; color: #555}
div#navigation li a:hover{ background-color: #fff; color: #c00}
div#navigation li#activelink a{border-bottom: 1px solid #fff; background-color: #fff;color: #c00; font-weight:bold;}


/* ##### Menu 2 - navigazione sezione -verticale ##### */
#colonnamenu {margin-top: 58px !important; margin-top: 62px; font:0.75em Arial,sans-serif; padding-left:40px;}
#colonnamenu ul {margin:0;padding:0;}
#colonnamenu ul li {margin-bottom:0.5em; list-style-image: url(img/freccina.gif);}
#colonnamenu ul li  a {color: #555;text-decoration:none;}
#colonnamenu ul li  a:hover {color: #000;text-decoration:underline;}
#colonnamenu ul li.subactive {color: #c00; text-decoration:none; list-style-image: url(img/doppiafreccina.gif);}
#colonnamenu ul li.subactive a {color: #c00;}



/* ##### testo principale della pagina ##### */
#contenutopagina {margin-top: 20px; float: right; width:75%;font-size:0.75em; padding-left:1em;}

/* ##### piede della pagina ##### */
#piede {clear:right; float: left;  font-size:0.7em; margin-bottom:10px;}
#deco {border-bottom: 1px solid #e5e5e5; text-align:right; padding:0; margin:0; height:16px;}
#deco img {padding:0; margin:0;}
#testopiede {padding-left:22px; width: 60%; float:left;}
#accessibilita {float:right; width:30%;text-align:right;}

/* ##### classi ##### */
.rosso {color: #c00;}
.sxredbox {float:left; padding:4px 6px 4px 6px; font-size:0.9em; border:  1px solid #c00; width:35%; margin: 0.4em 0.8em 0.03em 0; color: #c00;}
.dxredbox {float:right; font-size:0.9em; width:35%; padding:4px 6px 4px 6px; margin: 0.4em 0.8em 0.03em 0; color: #c00; border: 1px solid #c00;}
p.sxredbox strong {color:#c00}
p.dxredbox strong {color:#c00}
.dximg {float:right; padding:10px; background:#fff; border:1px solid #ccc; margin: 0 0 4px 8px;}
.sximg {float:left; padding:10px; background:#fff; border:1px solid #ccc; margin: 0 8px 4px 0px;}
.centraimg {padding:10px; background:#fff; border:1px solid #ccc; margin: 4px auto; display:block;}
.listagrigia {list-style-image: url(img/quadratinogrigio.gif);}
.listarossa {list-style-image: url(img/quadratinorosso.gif);}
.listasenzapunti {list-style-type: none;}