/* RESET CSS by http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color:#FFF;}
a { text-decoration: none; color:#0CC;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */

/* BEGIN SQUARE GRID CODE */
body {background-color: #000; font-size:62.5%; line-height:28px; font-family: Arial, Helvetica, sans-serif; width:100%; min-height: 100%; height:auto; text-align:center;}
header {background-color:#000; font-size:62.5%; line-height:28px; font-family: Arial, Helvetica, sans-serif; width:100%; text-align:center; height: 127px;}
footer {background-color:#000; font-size:62.5%; line-height:28px; font-family: Arial, Helvetica, sans-serif; width:100%; text-align:center; height: 127px;}
/* your main wrapping div */

#wrapper{margin:0 auto; overflow: hidden; width: 994px; min-height: 100%;}
#container{width:980;}

/* global styling to apply to all columns */
.sg-1, .sg-2, .sg-3, .sg-4, .sg-5, .sg-6, .sg-7, .sg-8, .sg-9, .sg-10, .sg-11, .sg-12, .sg-13, .sg-14, .sg-15, .sg-16, .sg-17, .sg-18, .sg-19, .sg-20, .sg-21, .sg-22, .sg-23, .sg-24, .sg-25, .sg-26, .sg-27, .sg-28, .sg-29, .sg-30, .sg-31, .sg-32, .sg-33, .sg-34, .sg-35
{margin:0px 14px 0px 14px; float:left; /* for RTL change float to 'right' */ }

/* if you want to have a div as a parent with divs inside - add this class to parent div */
.sgParent{margin:0px;}
.sgMarginauto {margin:0 auto;}

/* essential: width for all columns */
.sg-1{width:28px} .sg-2{width:56px} .sg-3{width:84px} .sg-4{width:112px} .sg-5{width:140px} .sg-6{width:168px} .sg-7{width:196px} .sg-8{width:224px} .sg-9{width:252px} .sg-10{width:280px} .sg-11{width:308px} .sg-12{width:336px} .sg-13{width:364px} .sg-14{width:392px} .sg-15{width:420px} .sg-16{width:448px} .sg-17{width:476px} .sg-18{width:504px} .sg-19{width:532px} .sg-20{width:560px} .sg-21{width:588px} .sg-22{width:616px} .sg-23{width:644px} .sg-24{width:672px} .sg-25{width:700px} .sg-26{width:728px} .sg-27{width:756px} .sg-28{width:784px} .sg-29{width:812px} .sg-30{width:840px} .sg-31{width:868px} .sg-32{width:896px} .sg-33{width:924px} .sg-34{width:952px} .sg-35{width:980px}

/* add a dividing border to the right or left simply by addiing one of these classes to a div */
.borderRight{border-right:1px solid #222; margin-right:0px; padding-right:13px;}
.borderLeft  {border-left:1px solid #222; margin-left:0px; padding-left:13px;}

/* CONTROLLER - optional */
#controller{position:fixed; top:14px; right:14px; z-index:9999;}
#controller ul{border-color:#222; border-style:solid; border-width:0px 1px;}
#controller ul li a{color:#222; display:block; font:14px/26px Verdana ; height:26px; width:26px; margin:1px; text-align:center; text-decoration:none;}
#controller ul li a:hover{font-weight:bold;}
#controller ul li.selected a{background-color:#222; color:#fff; font-weight:bold;}

/* AGGIUNTE FABIO */
h1 { font-size:28px;}
h2 { font-size:22px; font-weight:500; color: #0cc;}
h3 { font-size:14px; font-weight:100;}
h4 { font-size:10px; font-weight:200; color:#fff;}
.zerol {margin-left:0px !important;}
.zeror {margin-right:0px !important;}
.zerot {margin-top:0px !important;}
.zerob {margin-bottom:0px !important;}


.menuleft {font-size:16px; height: 100px; overflow:hidden; margin:0,0,0,0; text-align:left;}
.menuleft a {margin-left:0px;}
.menuleft a:link {color:#ccc; text-decoration: none;}
.menuleft a:visited { color: #ccc;text-decoration: none;}
.menuleft a:hover { margin-left:-140px;}
.menuleft a:active { color:#333;text-decoration: none;}

.menupdp {font-size:16px; height: 50px; width:50px; overflow:hidden; margin:0,0,0,0; text-align:left;}
.menupdp a {margin-left:0px;}
.menupdp a:link {color:#ccc; text-decoration: none;}
.menupdp a:visited { color: #ccc;text-decoration: none;}
.menupdp a:hover { margin-left:-50px;}
.menupdp a:active { color:#333;text-decoration: none;}

#naviga {color: #00CCCC; text-align: center; font-size:22px;}
#naviga a:hover{ color:#007474;}
#naviga a:{ color:#00CCCC;}

#testo {text-align: justify;}
#testo a:{color:#0CC;}
#testo a:hover{color:#F007474;}
#container #wrapper #footer #header h1 {
	text-align: center;
	font-size: small;
}
.border_radius {border-radius: 5px 5px 5px 5px; overflow:hidden; }

.box_shadow {box-shadow: 5px  5px 5px #999999;
	-moz-box-shadow: 5px  5px 5px #999;
	-webkit-box-shadow: 5px  5px 5px #999;
	top: -1px;}
	
#testa {margin:0 auto; width:980px;}
#intestazione {background-color:#000; border-bottom: #0cc 3px solid;
   position: fixed;
   width: 100%;
   height: 100px;
   top: 0;
   right: 0;
   bottom: auto;
   left: 0;
   -moz-box-shadow:0px 4px 0px  #007474;
    -webkit-box-shadow:0px 4px 0px #007474;
    box-shadow:0px 4px 0px #007474;}
#footer { margin:0 auto; color: #999; width: 980px; text-align:left;}
#footer a:hover{ color:#F00;}
#footer a:{ color:#fff;}
#piedipagina { background-color: #0CC; margin:0 auto; width:auto; height:100px; 
   /*position: fixed;
   width: 100%;
   height: 127px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;*/
   -moz-box-shadow:0px -4px 0px #007474;
    -webkit-box-shadow:0px -4px 0px #007474;
    box-shadow:0px -4px 0px #007474;}
#spingigiu {width:100%; height:86px;}
.foto {border:thin solid #0cc; float:left; margin:30px; padding:0;}
.foto2 { float:left; margin:30px; padding:0;}