html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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;}
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;}
ins {text-decoration: none;} del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* regole per test e debug */ /*
div {border: 1px solid lime;}
div div {border: 1px solid fuchsia;}
div div div {border: 1px solid blue; }*/

body {
	text-align: center;
	font-family: arial, helvetica, sans-serif; font-size: 15px; line-height: 1.33em;
	padding: 1em 0 1em 0;
	background-color: #4070A0;
}

p {margin-bottom: .33em;}

h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
h6 {font-size: 12px;}
h1, h2, h3, h4, h5, h6 {
	color: #103060;
	font-weight: normal;
	text-shadow: .05em .05em .25em #AAA;
}

a {	color: #103060;}
a:hover {color: #A0B0D0;}
hr {display: none;}

/* sfondo animato per le immagini in corso di caricamento */
img {background: url(../graphics/Loading.gif) no-repeat 50% 50%;}

/* Suddivisioni ed elementi del layout */ 

div#page {
	width: 960px;
	margin: 0 auto 0 auto;
	background-color: #FFF;
	border-bottom: .1em solid #333; border-right: .1em solid #333;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: #FFF url("../graphics/Background_960x480.jpg") no-repeat fixed center bottom;
}
div#page:after {
	content: "&nbsp;";
	display: block;	height: 0;
	clear: both; visibility: hidden;
}

div#header h1 {
	width: 100%; height: 160px;
	background-image: url("../graphics/AMPEGADI-Header.jpg");
	margin: 0 auto 0 auto; padding: 0;
	border-bottom: .05em solid #666;
	-moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px;
}

div#header h1 span {display: none;}

div#container {
}

div#bar {
	width: auto; float: left;
}

ul#menu {
	margin: 1em .5em 1em .75em;
	padding: .25em .66em .25em .66em;
	list-style-type: none;
	text-align: left;
	font-weight: bold; font-size: 15px;
	text-shadow: .05em .05em .25em #AAA;
	background-image: url("../graphics/transp_32_75.png");
	border-right: .1em solid #666; border-bottom: .1em solid #666;
	border-top: .05em solid #EEE; border-left: .05em solid #EEE;
	-moz-border-radius: .5em; -webkit-border-radius: .5em;
}
ul#menu li {margin: .25em 0 .25em 0;}
ul#menu li ul {
	list-style-type: none;
	padding: 0 0 0 1em;
	/*border-top: .05em dotted #103060;*/ border-bottom: .05em dotted #103060;
}
ul#menu li a {text-decoration: none; color: #103060;}
ul#menu li a.menu_item:hover, ul#menu li a.submenu_item:hover {text-decoration: underline; color: #A0B0D0;}
ul#menu li a.menu_item_active, ul#menu li a.submenu_item_active {text-decoration: none; color: #A0B0D0;}

div#bar ul#links span {display: none;}
div#bar ul#links {list-style-type: none;}

div#commercial {
	margin: 1em .75em 0 0;
	width: 160px; height: 600px;
	float: right;
	background-image: url("../graphics/Banner_160x600.jpg");
	opacity: .9;
	border-right: .1em solid #666; border-bottom: .1em solid #666;
	border-top: .05em solid #999; border-left: .05em solid #999;
	-moz-border-radius: .5em; -webkit-border-radius: .5em;
	/*-moz-box-shadow: .1em .1em .25em #EEE;*/
}  

div#contents {
	margin: 1em 12.5em 0 12em;
	padding: .5em 1em 0 1em;
	text-align: center;
	background-image: url("../graphics/transp_32_75.png");
	border-right: .1em solid #666; border-bottom: .1em solid #666;
	border-top: .05em solid #EEE; border-left: .05em solid #EEE;
	-moz-border-radius: .66em; -webkit-border-radius: .66em;
}

div#news, div#events {
	height: 2em; overflow: hidden;
	text-align: left; margin: 0 0 1em 0;
	border-bottom: .05em dotted #103060;
}
div#news h4, div#news p, div#events h4, div#events p {
	font-size: 80%; line-height: 1.1em;
}

ul#slideshow {
	width: 540px; height: 180px;
	margin: 0 0 1em 0; padding: 0;
	list-style-type: none;
}

ul#slideshow img {margin: 0 !important; padding: 0 !important;}

div#main {}
div#main:after {
	content: "&nbsp;";
	display: block; height: 0;
	clear: both; visibility: hidden;
}

div#main div {
	padding-top: .5em;
}
div#main p {text-align: justify;}
div#main hr {
	display: block; visibility: hidden;
	clear: none; height: 1em;
}
div#main span {display: none;}
div#main h1, div#main h2, div#main h3, div#main h4, div#main h5, div#main h6 {
	margin: .5em 0 .33em 0; 
	text-align: left; 
}
div#main ol, div#main ul {
	margin: .5em 0 1em 1em;
	text-align: left;
	padding: .33em 0 .33em 0;
}
div#main ol li, div#main ul li {
	margin: 0 0 .33em 1em;
}
div#main ol li ol, div#main ul li ul {
	padding: 0 0 0 1em;
}
div#main ul {list-style: square outside;}
div#main ol {list-style: decimal outside;}
div#main ol ol {list-style: lower-alpha outside;}
div#main ol ol ol {list-style: lower-roman outside;}

div#main table {
	margin: .5em auto 1em auto;
	/*font-size: .8em;*/
	border-collapse: collapse;
}
div#main table th {
	/*color: #0070B0;*/
	font-weight: bold;
	border-bottom: .15em solid #0070B0;
	padding: .1em 1em .1em 1em;
}
div#main table td {
	border-bottom: .1em dotted #0070B0;
	padding: .1em 1em .1em 1em;
}

/* Collegamenti alle sottopagine */
div#main a.linkMore {
	margin: 0;
	float: right;
}
/* Collegamenti all'inizio della pagina */
div#main a.linkTop {
	width: 100%;
	float: right;
	text-align: right;
	text-decoration: none;
}

div#main img {margin: .5em;}
div#main img.left {float: left;}
div#main img.center {float: none;}
div#main img.right {float: right;}

/* Grafica delle miniature delle gallerie fotografiche */
div#album {
	margin: 1em 0 0 0;
}
div#album img {
	margin: .5em;
	background-color: white;
	/*padding: 32px 12px 32px 12px;*/
	border-top: 1px solid #AAA; border-left: 1px solid #AAA;
	border-bottom: 2px solid #333; border-right: 2px solid #333;
}


/* Grafica del pie' di pagina */

div#colophon {
	clear: both;
	margin: 1em .75em 1em .75em;
	padding: .5em .66em .5em .66em;
	background-image: url("../graphics/transp_32_75.png");
	border-right: .1em solid #666; border-bottom: .1em solid #666;
	border-top: .05em solid #EEE; border-left: .05em solid #EEE;
	-moz-border-radius: .66em; -webkit-border-radius: .66em;
	text-align: center; /*left;*/
}
div#colophon:after {
	content: "&nbsp;";
	display: block;	height: 0;
	clear: both; visibility: hidden;
}

div#colophon span {display: none;}

div#colophon div#links {float: right; width: 10em}
div#colophon div#links a {
	display: block; float: right;
	margin: 0 0 0 1em;
}

div#colophon div#contacts h4 {font-size: 96%; line-height: 133%;}

div#colophon div#icons {
	display: block; margin: 0 33% 0 33%;
}

div#colophon div#icons a {
	display: block; float: left;
	margin: .5em .5em .5em .5em; /*0;*/
}

/* Layout ed elementi delle altre pagine */

a.link_album {
	display: block;
	float: left; clear: none;
	margin: 2px;
	width: 290px; height: 320px;}
a#link_album_surface {
	background-image: url("../graphics/Link-Gallery_Surface.jpg");
}
a#link_album_underwater {
	background-image: url("../graphics/Link-Gallery_Underwater.jpg");
}

h4#underConstruction span {display: none;}
h4#underConstruction {
	width: 96px; height: 84px;
	background-image: url("../graphics/UnderConstruction_96x84.png");
	margin-top: 64px; margin-left: 48px;
}
