html, body, div, h1, h2, h3, p, ul, ol, dl, li, dt, dd, img, form, acronym, blockquote, span, ul li ul {padding:0; border:0}
html, div, li, dt, dd, form, blockquote, ul li ul {margin:0}

h1, h2, h3, h4, caption {letter-spacing:.01em; word-spacing:.02em; line-height:1.3em; color:#a44; margin:1.8em 32px .8em 15px; font-weight:normal}
h1{font-size:220%; margin-bottom:0; clear:both; margin-top:0; padding-top:2em}
h2{font-size:160%; color:#644}
h3, caption {font-size:125%; color:#644; margin-bottom:.3em}
h3 {font-weight: bold}
caption{margin-top:.6em; margin-left: 0; margin-right: 0}
h4{font-size:125%; color:#555; font-weight:bold}

p, address, ul, ol, dl, blockquote, .tablecontainer {margin:.8em 32px .8em 16px}
p, address, ul, ol, dl, blockquote {line-height:1.45em; letter-spacing:1px; word-spacing:1.5px}
blockquote, #inbreve p {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:105%; color:#555}
#inbreve p {padding-right:96px; font-size:135% !important; font-size:111.5%; letter-spacing:.1px; color:#6a6a6a; line-height:1.4em !important; line-height:1.6em}
p.breve {font-size:135% !important; font-size:111.5%; letter-spacing: .1px; color: #6a6a6a; line-height: 1.3em !important; line-height: 1.6em}
#inbreve ul, #inbreve dl {padding-right:32px}
ul {margin-top:0;}
#contenuto ul li, #contenuto ol li {margin: .6em 0 .6em 16px}
#inbreve {margin: 0 32px 1.2em 0}
blockquote span.name {font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 95%; font-style:normal}

dt {margin-top: 1.2em; margin-bottom: .4em; color: #333;}
dd dl, dd ul li, dd dl dt, dd dl dd, ul li ul {margin-left: 0}
dt {font-weight: bold}
dt a {/*font-weight: normal*/}

img {float: right; margin: .2em 0 .4em .8em}
img.b {border: 1px solid #AAA; padding: 1px}
img.sx {float: left; margin: .8em .8em .4em 0}

strong {color: #933}
#inbreve strong {color: #955}
em {font-family: Georgia, "Times New Roman", Times, serif; font-size: 98%}
kbd {font-size: 125%; letter-spacing: 2px; color: #444; font-family: "Courier New", Courier, monospace; background: #f0f0f0; padding: 1px}
a, a:visited, a strong, a:visited strong {text-decoration: none; color: #44B; border-bottom: 1px solid #44B; padding-bottom: 1px;}
a:hover, a:hover strong {color: #33E; border-bottom: 1px solid #33E}
#contenuto a {font-weight: bold}

body {margin: 0; text-align: center; font-size: 62.5%; background: #FFF; font-family: Tahoma, Verdana, Helvetica, sans-serif}
#headercontainer {width: 100%; border-top: 4px solid #600; background: #7A2828}
#header {clear: both; width: 992px !important; width: 998px; margin: 0 auto; height: 86px; background: #7A2828 url(../pic/layout/aquila.gif) 300px bottom no-repeat}
#foglio {width: 992px  !important; width: 998px; height: auto;  text-align: left; margin: 0 auto}
#contenuto {font-size: 113%; float: left; width: 772px; color: #3a3a3a; clear: left; margin: 0 0 1.8em 0}

#logo {width: 290px; float: left; clear: left; text-align: left; margin:16px 0 0 8px !important; margin: 16px 0 0 0px; height: 51px}
#logo img {float: none; margin: 0; border: 0}
#logo a,  #logo a:hover, #logo a:visited {border: 0; display: block; }
#logo a:hover {background: url(../pic/layout/BackgroundStudioRobertoDiVito.gif) no-repeat}
	
#me {clear: right; float: right; font-size: 110%; height: 1.4em; line-height: 1.6em; list-style: none; margin: 4px .8em 0 0}
#me li {float: left; margin: 0 0 0 2.4em}	
#me li a {display: block; text-decoration: none; border-bottom: none; color: #ddd; text-shadow:  0px 0px 9px #200}
#me li a:hover {color: #EEE; text-shadow: 0px 0px 9px #FC9}
#me li a span.ak {padding-bottom: 1px; border-bottom: 1px solid #FFF}

#navcontainer {clear: both float: left; width: 100%; background: #600 url(../pic/layout/snav.png) top left repeat-x}
#navcontainer2 {width: 992px !important; width: 998px; margin: 0 auto; overflow: auto}
#nav {float: left; width: 735px; margin: 0; list-style: none; text-align: left; overflow: auto; color: #F0F0F0; font-size: 118%}
#nav li {float: left; margin: 0}
#nav a {display: block; border:0; margin: 0; padding: 0 14px; color: #ddd; text-decoration: none; line-height: 2.5em; text-shadow:  0px 0px 9px #200}
#nav a:hover {color: #FFF; text-shadow: 0px 0px 9px #FC9}
#nav li#corsiinformatica {margin-left: 4px !important; margin-left: 0px}

#nav ul {display: none}

#g {text-align: right; float: right; width: 252px; margin-top: .3em}
#g p {margin: 0; clear: both}
#g label {margin: 0; display: none}
#g input#cerca {height: 1.2em; line-height: 1.2em; color: #777}
#g input#btnG {width: 37px; height: 1.7em; letter-spacing: 1px; text-align: left}

#helpcontainer {clear: both; width: 100%; background: #FFF url(../pic/layout/sh1.png) top left repeat-x}
#helpcontainer2 {width: 992px !important; width: 998px;  margin: 0 auto; overflow: auto; padding-top: 8px; color: #777}
#briciole {float: left; width: 772px;}
#briciole p {float: left; font-size: 106%; margin: 0; line-height: 2em}
#briciole p a, #help a, #briciole p a:visited, #help a:visited, .buttons span, .tutto a, .tutto a:visited {color: #666; border-bottom: none}
#briciole p a:hover, #help a:hover, .buttons span.active, .buttons span:hover, .tutto a:hover {color: #600; cursor:pointer;}
#briciole span.ak, #help span.ak {border-bottom: 1px solid #000}
p#home {margin-left: 16px !important; margin-left: 8px}

#help {float: right; width: 220px;}
#help ul {font-size: 106%; margin: 0 0; text-align: left; line-height: 2em; list-style: none}
#help ul li#mappaSito {float: left; width: 49%}
#help ul li#accessibility {float: right; width: 49%}

#nav2 {font-size: 113%; border-left: 1px dashed #c5c5c5; width: 220px !important; width: 220px; float: right; margin: 2.4em -1px 2.4em 0; background: #fff url(../pic/layout/a1.png) right top no-repeat; }
#nav2 ul {margin: 0; padding: .8em 0 0 0; list-style: none}
#nav2 li {margin: 0 0 .8em 0;}
#nav2 li li {margin-left: 16px; margin-bottom: .8em/*height: 2.2em; line-height: 1.3em*/}
#nav2 li a, #nav2 li a:visited {display: block; line-height: 1.3em; text-decoration: none; margin: 0; border: 0; padding-left: 24px; background: url(../pic/menu/right_arrow.gif) 11px .45em no-repeat; color: #666; font-weight: bold}
#nav2 li a:hover {color: #400; background: url(../pic/menu/right_arrow_over.gif) 11px center no-repeat}
#nav2 li li a, #nav2 li li a:visited{font-weight: normal}
#nav2 li li a:hover { background: url(../pic/menu/right_arrow_over.gif) 11px center no-repeat; font-weight: normal}
#nav2 h3 {margin: 1em 0 1em 11px}
#nav2 h3 a, #nav2 h3 a:visited {line-height: 2.2em; text-decoration: none; margin: 0; border: 0; color: #666}
#nav2 h3 a:hover {color: #400}
#nav2 li.divide {margin-bottom: 1.3em}

#contenuto ul li {list-style-image: url(../pic/menu/right_arrow_over.gif)}
/*#nav2 ul ul {display: none}*/

#footercontainer {clear: both; width: 100%; background: #7A2828 url(../pic/layout/a6.png) bottom right no-repeat; border-bottom: 4px solid #600; border-top: 1px solid #600}
#footer {height: auto; width: 992px !important; width: 998px;  margin: 0 auto; overflow: auto; letter-spacing: 1px; word-spacing: 2px; padding-top: 1.2em}
#footer p {font-size: 110%; text-align: center; color: #FFF; line-height: 1em}

.ak {padding-bottom: 1px; border-bottom: 1px solid #FFF}
.accessible {position: absolute; top: -9999px; left:-9999px}
.aggiornato, .nuovo {background: #FCFCCC; color: #500; font-weight: bold; padding: 0 .5em}
.nuovo {background: #833; color: #FFF}
.container {text-align: center; margin: 0 32px 0 15px}
.slideContainer {width: 240px; height: 160px; padding: 2px 3px 3px 3px; border: 1px solid #ccc; margin: 0 auto}

table {margin-bottom: 1.2em; border: 1px solid #AAA; width: 100%}
th, td {width: 15%; background: #FFF; height: 3.2em; padding: .4em .8em; border: 0; font-weight: normal; vertical-align: middle}
.corso th {width: 39%}
.corso td {width: 59%; text-align: left}
td {text-align: center; background: #FFF}
td img {float: none; margin-left: -4px}
td.angolo {background: #f5f5f5}
td.special {font-size: 115%; font-weight: bold}
tr.header th {text-align: center; height: 3.8em; font-weight: bold; color: #a33}
tr.pari td, tr.pari th, tr.header th, tr.header td, td.scelta {background: #f5f5f5}
th.large, td.large {width: 30%; text-align: left}
td ul {margin: 4px; text-align: left}


dl.summary {overflow: auto}
dl.summary dt {clear: left; width: 12%; float: left; margin: 0; line-height: 1.8em; font-weight: normal}
dl.summary dd {float: left; width: 88% !important; /*width/**/: 74%; margin: 0; line-height: 1.8em}
#inbreve dl.summary dt {width: 14%}
#inbreve dl.summary dd {width: 86% !important; /*width/**/: 72%}

p.breve {color: #777; margin-top: 0}
p.tutto, p#tutto {text-align: right; clear:both; border-top: 1px dashed #ccc; padding: .2em 0}
#contenuto .tutto a {font-weight: normal; padding-right: 16px}
.tutto a, .tutto a:visited {background: url(../pic/menu/right_arrow.gif) right center no-repeat}
.tutto a:hover {background: url(../pic/menu/right_arrow_over.gif) right center no-repeat}
p.pic {text-align: center}
p.pic img {float: none; margin: 0}
p.pic a {border: 0}
p.print {height: 32px; line-height: 32px}
p.print img {float: left; margin: 0 16px 0 0}
.clear, .tablecontainer, .nl {clear: both}

.mask1 {position:relative; width:760px; margin-left:16px; height:180px; overflow:hidden}
.mask2 {position:relative; width:240px; height:160px; overflow:hidden; margin: 0 auto}
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {position: absolute}
#box1 span, #box2 span, #box3 span, #box4 span, #box5 span, #box6 span, #box7 span {display:block; width: 240px; height: 160px; float:left}
#box1 span img, #box2 span img, #box3 span img, #box4 span img, #box5 span img, #box6 span img, #box7 span img {margin: 0}
#box8 div {width:760px; height: 180px; float:left}
#box8 .buttons {text-align:left}
#box8 h1 {float: left; clear: left; line-height: 1.25em; text-align: left; color: #933; width: 30%; font-size: 200%; margin: 0; padding: 16px 16px 0 16px}
#box8 p {float: right; font-size: 140%; text-align: right; font-weight: bold; margin-right: 12px; width:70%}
p.buttons {clear: both; text-align: center}
p.buttons span {width: 23%}

#handles {width: 216px; float: right; height: 180px; color: #7A2828}
#handles h3 {height: 32px; line-height: 32px; margin: 16px 0 8px 12px; padding: 0; text-align: left; font-size: 180%; color: #333 }
#handles p {line-height: 24px; font-size:135% !important; font-size:111.5%; color: #555; /*font-weight: bold;*/ text-align: right}
#handles8 {margin: 0; list-style:none; font-size: 113%; text-align: left}
#handles8 span {display:block; line-height:16px; padding: 4px 16px; width:158px; color:#666; text-align:right;}
#handles8 a, #handles8 a visited {display: block; width: 190px; border: 0; color: #666;}
#handles8 a:hover, #handles8 span.active, #handles8 span:hover {background: url(../pic/menu/left_red_arrow.gif) 12px center  no-repeat; color:#600}

#stripcontainer{clear:both; width:100%;  background:#FFF url(../pic/layout/grad_new.gif) left -10px repeat-x; height:180px}
#stripcontainer2{width:999px !important; margin:0 auto; overflow:auto; color:#777}

.colsx{float:left; width:67%; padding:0; margin-bottom:2.4em}
.coldx{float:right; width:32.8%}
.col{float:left; width:49.9%}
.col33{float:left; width:33.3%}
.col25{float:left; width:24.9%}

/* prova novità colonne */
.colsx{float:left; width:62%;}
.coldx{float:right; width:37.8%}

.aq1 {background: url(../pic/layout/a1.png) bottom right no-repeat}