/* ------------------------ STRUTTURA ------------------------ */

body {
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:8pt;
	color:#0a1041;
	background:url(/images/sf_pagina.gif) repeat-x;
}
img, div, h1, h2, h4, h6, a, li {behavior: url(/css/iepngfix.htc);}

#wrapper {
	text-align:left;
	margin:0 auto;
	width:970px;
}

/* ------------------------ TOP ------------------------ */

#top {
	position:relative;
	height:347px;
	margin:0 0 15px 0;
	padding:1px 0 0 0;
	background:url(/images/immagine_principale.jpg) top left no-repeat;
}
#top h1#logo a {
	position:absolute;
	display:block;
	width:396px;
	height:23px;
	background:url(/images/GruppoSommozzatoriRiva_logo.gif);
	font-size:2px;
	top:70px;
	left:0;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#top #logo2 {
	position:absolute;
	top:155px;
	right:380px;
}
#top h2 {
	position:absolute;
	top:126px;
	right:0;
	padding:24px 0 0 0;
	margin:0 0 20px 0;
	color:white;
	font-size:21pt;
	border-top:1px solid white;
}
#top ul#menu {
	position:absolute;
	top:42px;
	right:0;
	width:970px;
	margin:0;
	padding:30px 0;
	border-top:1px solid white;
	text-align:right;
}
#top ul#menu li {
	display:inline;
	list-style-type:none;
	padding:30px 17px;
}
#top ul#menu li a {
	font-size:13pt;
	font-weight:bold;
	color:#3c4bef;
}
#top p {
	position:absolute;
	bottom:29px;
	right:0;
	font-size:11pt;
	color:white;
	padding:0;
	margin:0;
	font-weight:bold;
}
#top p a {
	color:white;
	text-decoration:none;
}
#top p a:hover {
	color:#1a2be1;
}
#top h4 {
	position:absolute;
	top:245px;
	left:517px;
	width:217px;
	height:60px;
	padding:15px 0 0 0;
	color:#9ca3f1;
	font-weight:lighter;
	font-size:15pt;
	text-align:center;
	line-height:23px;
	background:url(/images/sf_h4.gif);
}

/* ------------------------ Fine TOP ------------------------ */
.bottone	{font-size:10px; color:#39414E; width:90px; height:25px;}

/* ------------------------ CONTENT ------------------------ */

#content {
	position:relative;
	float:left;
	width:600px;
	margin:0;
}
#content h2 {
	margin:0 0 10px 0;
	padding:0;
}
#content p {
	text-align:justify;
	line-height:19px;
	font-size:9pt;
}
#content p.evidenza {
	font-size:13pt;
	margin:0 0 20px 0;
	padding:0;
}
#content .immagini {
	position:relative;
	background:url(/images/sf_immagini.gif) top left no-repeat;
	padding:10px 10px 10px 0;
}
#content .immagini p {
	position:absolute;
	top:35px;
	right:30px;
	font-size:8pt;
}
#content .immagini img {
	margin:5px;
}
#content ul {
	font-size:9pt;
}
#corsi #content ul#titpologie_corsi {
	width:600px;
}
#corsi #content ul#titpologie_corsi li {
	float:left;
	width:220px;
	margin:0 40px 0 0;
	padding:10px;
	list-style-type:none;
	font-size:10pt;
}
#corsi #content ul#titpologie_corsi li h4 {
	float:none;
	margin:0 0 10px 0;
	padding:0;
}
#corsi #content ul#titpologie_corsi li ul {
	margin:5px 0 0 0;
	padding:0;
}
#corsi #content ul#titpologie_corsi li ul li {
	float:none;
	list-style-type:none;
	margin:0;
	padding:5px;
	font-size:8pt;
	border-bottom:1px solid #dddddd;
}
#corsi #content ul#istruttori {
	margin:20px 0 0 0;
	padding:0;
}
#corsi #content ul#istruttori li {
	float:none;
	margin:0 0 10px 0;
	list-style-type:none;
}
#corsi #content ul#istruttori li img {
	float:left;
}
#corsi #content ul#istruttori li p {
	float:left;
	text-align:left;
	margin:0 0 0 10px;
	width:510px;
	padding:5px;
	background:#dddddd;
}
#corsi #content .icona {
	float:left;
	margin:-10px 10px 0 0;
}
#sidebar {
	float:right;
	width:255px;
}
#sidebar .box {
	border-bottom:1px solid #0a1042;
	padding:18px 0 18px 0;
}
#sidebar .box #loghi_enti {
	margin:10px 0 0 0;
}
#sidebar .box #loghi_enti table {
	float:right;
	width:193px;
	margin:0;
}
#sidebar #primo.box {
	padding:0 0 18px 0;
}
#sidebar #ultimo.box {
	padding:18px 0 0 0;
	border:0;
}
#sidebar #primo.box img {
	float:left;
	margin:0 0 0 60px;
}
#sidebar .box .titolo {
	width:113px;
	float:right;
}
#sidebar h4 {
	font-size:10pt;
	text-transform:uppercase;
	font-weight:bold;
}


/* ------------------------ Fine CONTENT ------------------------ */


/* ------------------------ BOTTOM ------------------------ */

#bottom {
	position:relative;
	width:970px;
	height:39px;
	background:url(/images/sf_bottom.gif);
	color:white;
	margin:0;
	padding:0;
}
#bottom p {
	float:left;
	margin:0 0 0 25px;
	padding:3px 0 0 0;
	font-size:8pt;
}
#bottom ul#menu {
	float:right;
	margin:10px 0 0 0;
	padding:0;
}
#bottom ul#menu li {
	display:inline;
	list-style-type:none;
	padding:0 17px;
}
#bottom ul#menu li a {
	font-size:8pt;
	font-weight:bold;
	color:white;
}


/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ TITOLI ------------------------ */

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
}

.titolo {

}
.sottile {
	font-weight:lighter;
}
.testo_piccolo {

}
.evidenza {
	font-size:13pt;
}

/* ------------------------ Fine TITOLI ------------------------ */



/* ------------------------ GENERICI ------------------------ */


a {
	text-decoration:none;
	color:#0a1041;
}
a:hover {
	color:#1a2be1;
}
img {
	border:0;
	padding:0;
	margin:0;
}
.clear { 
	clear:both;
	padding:1px 0 0 0;
}
.left {
	float:left;
}
.right {
	float:right;
}

/* ------------------------ Fine GENERICI ------------------------ */
	
/* FORM */
	#formcontatti {
		position:relative;
		margin:0;
		padding:0;
		width:600px;
	}
	#formconferma {
		position:relative;
		margin:0;
		padding:0;
		width:600px;
	}
	.elemento_input {
		width:240px;
		padding:2px;
		height:20px;
		border:1px solid #0a1042;
	}
	.input_area {
		height:60px;
		font-size:8pt;
		width:240px;
		border:1px solid #0a1042;
	}
	.contatti {
		float:left;
		width:240px;
		margin:0 20px 0 0;
		padding:0;
	}
	#box_errore {
		position:absolute;
		display:none;
		width:300px;
		left:40px;
		top:40px;
		height:150px;
		border:1px solid #0a1042;
		text-align:left;
		background:#fff;
		z-index:10;
		}
	#div_titolo_errore {
		background:#0a1042;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#2e0b01;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#concept {
	font-family:Verdana;
	margin:10px 0;
	padding:0;
	width:200px;
	float:right;
	text-align:right;
	font-size:7pt;
}
#concept .linktp, #concept .linktp:link, #concept .linktp:visited {
	font-size:9px;
	font-family: Times New Roman;
	color: #8d8d8c;
	text-decoration: none;
}
#concept .linktp:hover {
	font-size:9px;
	font-family: Times New Roman;
	color: #E97D00;
	text-decoration: none;
}

/* ------------------------ Fine concept by ------------------------ */

/* foto */

	#foto .foto {width:52px; height:52px; overflow:hidden; float:left; margin:4px; padding:1px}
	#foto .foto img {border-left:3px #3c4bef solid;}

/* news */
	#news {margin:0 15px; }
	#news #immagine_principale {margin:15px 0;}
	#news #news_immagini {margin:5px 0;}
	#news #news_immagini img {margin:4px; border:1px #FE6DE6 solid;}
	#news #news_immagini img:hover {border:1px #4c4c4c solid}
	#news .azzurro {color:#3C4BEF;}
	#news ul {list-style:square; margin:0 0 0 20px; padding:0}
	#news ul li {color:#3C4BEF; margin:5px 0;}
	#news ul li a:link, #news ul li a:visited {color:#4c4c4c}
	#news ul li a:hover {color:#999}
	/* box news */
      	ul#box_news {margin:0; padding:0; list-style:none;}
		ul#box_news li {margin:5px 0; display:inline; border-right:1px #666 solid; padding:0 10px}