body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F5BC0D;
	color: #333;
	margin: 0; padding: 0;
	text-align: center;
}

/* <HEADERS> */
h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; font-weight: normal; }
h1 { display: none; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
/* </HEADERS> */

hr { display: none; }

a  { color: #333; text-decoration: none; }
a:hover  { color: #DC7413; text-decoration: none; }
p { margin: 0; padding: 0; }

/* <FIELDSET> */
fieldset { border: 1px solid; margin: 0; padding: 0; }
fieldset legend { font-weight: bold; }
fieldset label { float: left; width: 200px; margin: 0; }
fieldset input, fieldset select, fieldset textarea { font-family: Verdana; border: 1px solid ; }
fieldset .blockize { width: 300px; }
fieldset .noborder { border: none; }
fieldset .row { clear: both; margin: 3px 10px; }

fieldset .group { float: left; width: 40px; }
fieldset .group label { float: right; width: 10px; margin: 0; }
fieldset .group .row { margin: 0; }

fieldset.submit { text-align: center; border: none; }
fieldset.submit input { border: none; font-weight: bold; height: 25px; }
/* </FIELDSET> */

#skipNav { display: none; }

#container { margin: 0 auto; width: 1024px; height: auto; position: relative; }

#nav { clear: both; margin: 0; padding: 0; height: 20px; width: auto; position: absolute; top: 10px; left: 530px; }
#nav ul { list-style-type: none; padding: 0; margin: 0; }
#nav li { float: left; margin: 0; padding: 0 0 0 20px; }
#nav li.point { background: url(../img/point.gif) top left no-repeat; margin-left: 8px; }
#nav a  { color: #333; font-weight: bold; }
#nav a:hover  { color: #DC7413; text-decoration: none; }

#content { clear: both; background: url(../img/background.jpg) no-repeat; width: 1024px; height: 810px; }

#content span.solution { color: #128F00; }
#content span.problem { color: #FE0002; }
#content span.conclusion { color: #F28121; }

#comic1 { position: absolute; top: 50px; left: 245px; }
#comic1 h3 { font-size: 12px; font-weight: bold; margin: 0 0 4px 0; }
#comic1 div { text-align: justify; padding: 5px; width: 315px; height: 85px; font-size: 11px; overflow: hidden; }
#comic1 div.soluzione { text-align: right; width: 315px; font-weight: bold; }

#comic2 { position: absolute; top: 250px; left: 310px;  }
#comic2 h3 { font-size: 12px; font-weight: bold; margin: 0 0 4px 18px; }
#comic2 div { text-align: justify; padding: 5px; width: 250px; height: 110px; font-size: 11px; overflow: hidden; }
#comic2 div.soluzione { text-align: right; width: 250px; width: 250px; font-weight: bold; }

#comic3 { position: absolute; top: 260px; left: 605px;  }
#comic3 h3 { font-size: 12px; font-weight: bold; margin: 0 0 4px 18px; }
#comic3 div { text-align: justify; padding: 5px; width: 315px; height: 100px; font-size: 11px; overflow: hidden; }
#comic3 div.soluzione { text-align: right; width: 290px; width: 290px; font-weight: bold; }

#dizione { position: absolute; top: 455px; left: 816px; width: 131px; height: 188px; }

#bottom-content { position: absolute; top: 569px; left: 99px; text-align: left; width: 847px; color: #FFF; }
#bottom-content a { color: #F5BC0D; }
#bottom-content a:hover { color: #F5BC0D; text-decoration: underline; }
#bottom-content h3 { font-size: 16px; margin-bottom: 3px; }
#bottom-content p { margin-bottom: 5px; }
#bottom-content .semaforo { width: 100px; float: left; }
#bottom-content .semaforo-content { font-size: 11px; text-align: justify; color: #DDD; padding: 5px; border: 1px solid #085C8F; height: 150px; width: 500px; float: left; margin: 68px 0 0 0; }
#bottom-content .contacts { float: left; margin-left: 10px; margin: 60px 0 0 10px; width: 200px; height: 120px; margin: 78px 0 0 15px; }

#footer { clear: both; widht: 750px; height: auto; }