/*
    html5doctor.com Reset Stylesheet
    v1.4
    2009-07-27
    Author: Richard Clark – http://richclarkdesign.com
    */

    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, dialog, figure, footer, header,
    hgroup, menu, nav, section,
    time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    body {
    line-height:1;
    }
	form{
		margin:0px;
		padding:0px;
	}
    article, aside, dialog, figure, footer, header,
    hgroup, nav, section {
    display:block;
    }

    nav ul {
    list-style:none;
    }

    blockquote, q {
    quotes:none;
    }

    blockquote:before, blockquote:after,
    q:before, q:after {
    content:”;
    content:none;
    }

    a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }

    ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }

    mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }

    del {
    text-decoration: line-through;
    }

    abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
    }

    table {
    border-collapse:collapse;
    border-spacing:0;
    }

    hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }

    input, select {
		vertical-align:middle;
    }


/* questo è il css vero e proprio */


html, body{
/*height:95%;*/
		background-image:url(../images/fondo.jpg);
		background-repeat:repeat-x;
		background-position:left top;
		background-color:#135797;
		font-family:Arial, Helvetica, sans-serif;
		scrollbar-3dlight-color:#dddddd;
		scrollbar-arrow-color :#777777;
		scrollbar-base-color:#dddddd;
		scrollbar-darkshadow-color:#dddddd; 
		scrollbar-face-color:#eeeeee; 
		scrollbar-highlight-color:#dddddd; 
		scrollbar-shadow-color:#dddddd; 
		scrollbar-track-color:#dddddd;
		font-size:100%;
}

#container{
		margin:0px auto;
		width:945px;
		height:740px;
		background-color:#FFFFFF;
		padding-left:10px;
		padding-top:10px;
		margin-top:10px;
		font-size:100%;
}

.testa{
		float:left;
		width:935px;
		height:100px;
		margin-bottom:5px;
}

.area-container{
		float:left;
		width:230px;
		margin-right:5px;
}



.sinistra{
		float:left;
		width:705px;
}

.principale-nav{
		float:right;
		width:230px;
		height:100px;
}

.area-plot{
		float:left;
		width:230px;
		height:100px;
		margin-top:5px;
		margin-left:5px;
}

.plot{
		float:left;
		width:188px;
		height:45px;
		background-color:#dedede;
}

.plot-online{
float:left;
width:150px;
color:#CC3300;
margin-left:5px;
font-size:18px;
padding-top:5px;
font-weight:bold;
text-align:center;
text-decoration:none;
}

				.plot-online a{
				width:150px;
				color:#CC3300;
				margin-left:5px;
				font-size:18px;
				padding-top:5px;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				}
				
				.plot-online a:hover{
				width:150px;
				color:#CC6600;
				margin-left:5px;
				font-size:18px;
				padding-top:5px;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				}
.area-news-formazione{
		float:left;
		width:230px;
		height: auto;
		margin-top:5px;
		margin-left:0px;
}
.formazione{
		float:left;
		width:188px;
		height:45px;
		background-color:#dedede;
}

.news-formazione{
float:left;
width:150px;
color:#CC3300;
margin-left:0px;
font-size:16px;
padding-top:5px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.plot-nav{
		float:left;
		width:150px;
		color:#CC3300;
		margin-left:5px;
		font-size:12px;
		padding-top:5px;
		text-align:center;
		text-decoration:none;
}

	.plot-nav a{
			width:150px;
			color:#CC3300;
			margin-left:5px;
			font-size:12px;
			text-decoration:none;
	}
	
	.plot-nav a:hover{
			width:150px;
			color:#666666;
			margin-left:5px;
			font-size:12px;
			text-decoration:none;
	}
	
	#plot-icona{
	float:left;
	width:42px;
	height:45px;
	}

.area-contatti{
		float:left;
		width:230px;
		height:182px;
		background-color:#dedede;
		margin-top:5px;
}

.area{
		float:left;
		width:230px;
		height:182px;
		overflow:auto;
		background-color:#dedede;
		margin-top:5px;
}

.area2{
		float:left;
		width:230px;
		height:182px;
		overflow:auto;
		background-color:#dedede;
		margin-top:5px;
}



.result {
		float:left;
		width:98%;
		text-decoration:none;
		padding-left:0px;
		padding-bottom:3px;
		padding-top:3px;
}

						.result a{
								float:left;
								text-decoration:none;
								width:100%;
								padding-left:5px;
						}
						
						.result a:hover{
								float:left;
								text-decoration:none;
								width:100%;
								background-color:#FFFFFF;
								padding-left:5px;
						}
						


.occhiello{
		float:left;
		width:100%;
		text-align:left;
		color:#777777;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0px;
		margin-bottom:3px;
	
}

.titolo{
		float:left;
		width:100%;
		text-align:left;
		color:#135797;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0px;
		margin-bottom:2px;


}

.sommario{
		float:left;
		width:100%;
		text-align:left;
		color:#666666;
		font-size:10px;
		letter-spacing:0px;
		margin-bottom:3px;
		line-height:10px;
}

.videobox{
		float:left;
		width:465px;
		height:232px;
		background-color:#dddddd;
		margin-top:5px;
}

/* COLONNA DESTRA ANCHE DETTA FORMAZIONE */

.wrapper-formazione{
		float:left;
		width:230px; /*SINISTRA è 745PX */
	}

					/*PRINCIPALE-NAV CONTROLLA IL BLOCCO SUPERIORE*/
					
					.area-formazione{
							float:left;
							width:230px;
							height:182px; /* SCROLLA IN 250PX */
							overflow:auto;
							margin-top:5px;
							background-color:#dddddd;
					}
					
										.result-formazione {
												float:left;
												width:190px;
												width:98%;
												text-decoration:none;
												padding-bottom:3px;
												padding-top:3px;
												margin-left:0px;
												margin-right:3px;
										}
																	.result-formazione a{
																			float:left;
																			width:190px;
																			width:100%;
																			padding-left:5px;
																			text-decoration:none;
																	}
																	
																	.result-formazione a:hover{
																			float:left;
																			width:190px;
																			width:100%;
																			padding-left:5px;
																			text-decoration:none;
																			background-color:#FFFFFF;
																	}
										
												.icona{
														float:left;
														width:30px;
														height:30px;
														margin-right:5px;
												}
										
												.wrapper{
														float:left;
														width:190px;
														margin-left:4px;
												}
												
															.occhiello-formazione{
																	float:left;
																	width:190px;
																	text-align:left;
																	color:#666666;
																	font-size:11px;
																	font-weight:bold;
																	letter-spacing:0px;
																	margin-bottom:3px;
															}
															
															.titolo-formazione{
																	float:left;
																	width:190px;
																	text-align:left;
																	color:#135797;
																	font-size:11px;
																	font-weight:bold;
																	letter-spacing:0px;
																	margin-bottom:2px;
															}
															
															.sommario-formazione{
																	float:left;
																	width:190px;
																	text-align:left;
																	color:#666666;
																	font-size:10px;
																	letter-spacing:0px;
																	margin-bottom:3px;
															}
													
.contestuale{
		float:left;
		height:20px;
		width:935px;
		margin-top:0px;
		padding-top:10px;
		text-align:center;
		color:#135797;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		margin-bottom:10px;
		margin-top:0px;
}
			.contestuale a{
					width:100%;
					text-align:center;
					color:#135797;
					font-size:12px;
					font-weight:bold;
					text-decoration:none;
}
			.contestuale a:hover{
					width:100%;
					text-align:center;
					color:#999999;
					font-size:12px;
					font-weight:bold;
					text-decoration:none;
}

.piede{
		margin:0px auto;
		width:935px;
		height:40px;
		text-align:left;
		font-size:12px;
		color:#b5dafb;
		margin-top:5px;
		line-height:15px;
		clear:both;
		overflow:hidden;
	
}

.iso9001{
float:left;
width:85px;
height:40px;
margin-right:5px;
}

.testo-footer{
float:left;
height:40px;
width:840px;
text-decoration:none;
text-align:left;
}

.testo-footer a{
color:#b5dafb;
text-decoration:none;
}

		.testo-footer a:hover{
color:#FFFFFF;
text-decoration:none;
}


/* LOGHI IMPORTANTI */

#loghi{
float:left;
width:930px;
margin:0 auto;
margin-top:5px;

}

.coppia{
float:left;
width:100px;
margin-right:5px;
margin-left:5px;
}

.coppia-login{
float:left;
width:220px;
margin-left:50px;
}
.coppia-login label{
float:left;
width:50px;
font-size:12px;
color:#666;
margin-top:10px;
margin-left:5px;
}
.login-login{
float:left;
width:150px;
margin-top:5px;
margin-bottom:5px;

}
.login-pass{
float:left;
width:150px;

}
.accedi{
float:left;
margin-top:5px;
text-align:center;
width:150px;
}

.logo{
float:left;
width:100px;
text-align:center;

}

.nome-logo{
float:left;
width:100px;
font-size:9px;
text-align:center;
color:#999999;
}

#reserved{
margin:0px auto;
width:955px;
height:35px;
padding-top:0px;
background-image:url(../images/reserved.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:right;
font-size:11px;
text-decoration:none;
}

#reserved a{
text-align:right;
font-size:11px;
text-decoration:none;
padding-right:18px;
color:#444444;
font-weight:bold;
}

#reserved a:hover{
text-align:right;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#039;
}

/* zona contatti sotto plot */
.result-contatti {
		float:left;
		width:225px;
		text-decoration:none;
		padding-left:5px;
		padding-top:5px;
}
.skype{
float:left;
width:30px;
height:25px;
}

.mail{
float:left;
width:35px;
height:30px;
}
.nome{
float:left;
color:#135797;
font-size:12px;
font-weight:bold;
width:130px;
padding-top:5px;
padding-left:5px;
}

.titolo-news-formazione{
	font-size:14px;
	text-align:center;
	color:#039;
	padding-left:5px;
	padding-top:5px;
	font-weight:bold;
	height:40px;
	background:#dedede;
}