/* tags */

body { padding: 0; margin: 0; background-color: #E7E7E7; background-image: url(img/layout/html_bgr.jpg); background-repeat:repeat-x; }
h1 { float: left; display: inline; font-size: 18px; margin: 0; padding: 0; }
h2 { float: left; font-size: 26px; color:#00CC33; margin: 0; padding: 0; }

/* classi */

.main { width: 770px; text-align: left; background-image: url(img/layout/html_bgr.jpg); background-repeat:repeat-x; }

#flashcontent {float: left; }
.livello_zero { width: 770px; float:left;  color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;  background-image:url(img/layout/bgr_tot.jpg); background-repeat:repeat-y; }
.livello_uno { width: 770px; float:left;  color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.left_column {float: left; width: 232px; background-image:url(img/layout/bgr_left.jpg); background-repeat:repeat-y; background-color:#e7e7e7; height: 100%;}
.right_column {float: left; width: 522px; padding: 0; background-image:url(img/layout/bgr_right.jpg); background-repeat:repeat-y; background-color:transparent; height: 100%;}
.contenuti { float: left; width: 95%; padding: 0px 20px 0 5px; }
.nospace {float: left; margin:0; padding: 0; border: none; }
.foto {float: left; margin:4px; border: 1px solid #000000; }
.foto_curriculum {float: left; margin:0px 10px 5px 0px; }
.intestazione {float: left; padding: 30px 0 0 0; }
.intestazione_15 {float: left; padding: 15px 0 0 0; }
.splash { width: 770px; float:left;  color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.reader { margin-left: 25px; float: left }

ul.cnp { float: left; list-style: none; padding: 0 0 0 10px; margin: 0 }
ul.cnp a { text-decoration:none; display: block; line-height: 1.8em; padding-top: 20px;}
ul.cnp a:link, ul.cnp a:visited { color: #000000 }
ul.cnp a:hover, ul.cnp a:active { color: #3e3e3e }

/*selettori*/
a.legge { text-decoration: underline !important; color:#0000FF !important;}
a:link, a:visited { text-decoration: none; color:#000000 }
a:hover, a:active { text-decoration: underline; color:#333333 }

/*poison*/
.poison { float: left; width: 100%; text-align: center; color:#000000; font-family: tahoma; font-size: 9px; padding: 20px 0 20px 0}
.noborder { margin: 1px; border: none; }

/*font*/
.title { display: inline; font-size: 26px; margin: 0; padding-top: 30px; }
.clear {
  clear: both;
}

/*myButton*/
.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #caefab;
	-webkit-box-shadow: 3px 4px 0px 0px #caefab;
	box-shadow: 3px 4px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #53941d));
	background:-moz-linear-gradient(top, #77d42a 5%, #53941d 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #53941d 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #53941d 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #53941d 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #53941d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#53941d',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Courier New;
	font-size:20px;
	font-weight:bold;
	padding:12px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #53941d), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #53941d 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #53941d 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #53941d 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #53941d 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #53941d 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53941d', endColorstr='#77d42a',GradientType=0);
	background-color:#53941d;
	text-decoration: none;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*myButton*/
.myButton1 {
	-moz-box-shadow: 3px 4px 0px 0px #caefab;
	-webkit-box-shadow: 3px 4px 0px 0px #caefab;
	box-shadow: 3px 4px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fffc01), color-stop(1, #b2b000));
	background:-moz-linear-gradient(top, #fffc01 5%, #b2b000 100%);
	background:-webkit-linear-gradient(top, #fffc01 5%, #b2b000 100%);
	background:-o-linear-gradient(top, #fffc01 5%, #b2b000 100%);
	background:-ms-linear-gradient(top, #fffc01 5%, #b2b000 100%);
	background:linear-gradient(to bottom, #fffc01 5%, #b2b000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffc01', endColorstr='#b2b000',GradientType=0);
	background-color:#fffc01;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:5px solid #77d42a;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Courier New;
	font-size:20px;
	font-weight:bold;
	padding:12px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
	min-width:88px;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b2b000), color-stop(1, #fffc01));
	background:-moz-linear-gradient(top, #b2b000 5%, #fffc01 100%);
	background:-webkit-linear-gradient(top, #b2b000 5%, #fffc01 100%);
	background:-o-linear-gradient(top, #b2b000 5%, #fffc01 100%);
	background:-ms-linear-gradient(top, #b2b000 5%, #fffc01 100%);
	background:linear-gradient(to bottom, #b2b000 5%, #fffc01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b000', endColorstr='#fffc01',GradientType=0);
	background-color:#77d42a;
	text-decoration: none;
}
.myButton1:active {
	position:relative;
	top:1px;
}

/*grayButton*/
.grayButton {
	display:inline-block;
	background-color:#e7e7e7;
	border:1px solid #000000;
	cursor:pointer;
	font-size:18px;
	text-transform: uppercase;
	padding:12px 12px;
	text-decoration:none;
}

.grayButton:hover {
	text-decoration: none;
}

/**/

<code>ul{
  width:505px;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
li{
  line-height:1.5em;
  float:left;
  display:inline;
}

#triple li  { width:33.333%; }

#triple a[href $='.pdf'] { 
   background: transparent url('img/layout/pdf-icon.gif') no-repeat left;
   line-height: 24px;
   padding-left: 24px;
}
