﻿

/* CSS Document */

body {
background-color:#333333;
text-align: center;
margin: 0px;
}

.separator
{
	clear: both;
	font-size: 1px;
}

#barebody{
	width: 100%;
	text-align: center;
	margin: 0px;
}

#main {
	margin: 0 auto;
	background-color:#000000;
	align: center;
	width:801px;
	height: 407px;
	text-align: left;
	ventical-align:middle;
}

<!--index-->
#plusplus{
	position: relative;
	background-color:#ffffff;
	width:801px;
	height:138px;
	float:left;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
#index-centro {
	position: relative;
	background-color:#222222;
	width:801px;
	height:138px;
	float:left;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
#index-basso{
	position: relative;
	background-color:#000000;
	width:801px;
	height:83px;
	float:left;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
#index-basso2{
	position: relative;
	background-color:#000000;
	width:801px;
	height:132px;
	float:left;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
#index-center{
	position: relative;
	background-color:#000000;
	width:801px;
	height:138px;
	float:left;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
<!--fine index-->

#alto-sinistra {
	background-color:#000000;
	width:388px;
	height:83px;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
}
#alto-destra {
	background-color:#000000;
	width:413px;
	height:83px;
	float:right;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;	
}
#centro-sinistra {
	background-color:#222222;
	width:388px;
	height:138px;
	float:left;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
	
}
#centro-destra {
	background-color:#000000;
	width:413px;
	height:138px;
	float:right;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;	
}
#basso-sinistra {
	background-color:#000000;
	width:388px;
	height:132px;
	float:left;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;
	clear: left;
}
#basso-destra {
	background-color:#000000;
	width:413px;
	height:132px;
	float:right;
	align: bottom;
	margin:0px;
	border:0px solid #ffffff;
	padding:0px;	
}



<!--inizio MENU-->

#menu {
	clear: both;
	background-color:#ffffff;
	width:800px;
	height:55px;
	float:left;
	align: bottom;
	margin:0px;
	border:1px solid #ffffff;
	padding:0px;
	
}



<!--fine MENU-->
<!--inizio thumb-->
#contenitore-thumb{
	background-color:#ffffff;
	float:left;
	width:340px;
	max-width:340px;
	height:69px;
	margin:0px;
	padding:0px;
}

#cellS {
	position:relative;
	background-color:#202020;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #ffffff;
	width:69px;
	height:69px;
}
#cellD {
    position:relative;
    background-color:#202020;
	float:right;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:69px;
	height:69px;
}
#cell-numeri-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #ffffff;
	width:66px;
	height:66px;
}
#cell-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #ffffff;
	width:67px;
	height:67px;
}
#contenitore-testo-img-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:253px;
	height:270px;
		
}
#contenitore-numeri-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:67px;
	height:270px;
}
#cambio-pagina-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:67px;
	height:270px;

}

#cell-testo-curiosita {
	position:relative;
	background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:160px;
	height:40px;
	padding: 1 10px 0 10px; 
	text-align: left;
	line-height: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #ffffff;
	align: left;
	font-weight: bold;	
}

#cell-testo-video {
	position:relative;
	background-color:#202020;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #202020;
	width:100px;
	height:67px;
	padding: 2 10px 0 10px; 
	text-align: justify;
	line-height: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #ffffff;
	align: left;
	font-weight: bold;	
}

#contenitore-tn-foto {
    position:relative;
	background-color:#202020;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:388px;
	height:138px;
	
}	
#contenitore-testo-contatti {
    position:relative;
	background-color:#202020;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:388;
	height:138px;
		
}	
#testo-contatti {
	padding: 30 20px 0 40px; 
	text-align: justify;
	line-height: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #ffffff;
	align: left;
	font-weight: bold;	
}	



#frecciaD {
    position:relative;
    background-color:#000000;
	float:right;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:30px;
	height:30px;
}
#frecciaS {
    position:relative;
    background-color:#000000;
	float:left;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:30px;
	height:30px;
}

#avanti {
    background-color:#ffffff;
    position: relative;
	float:left;
	width:40px;
	height:68px;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
}
#indietro {
background-color:#ffffff;
position: relative;
	float:left;
	width:39px;
	height:68px;
	margin:0px;
	padding:0px;
border: 0px solid #ffffff;
}
#contenitoreSinistra {
	float: left;
	width: 388px;
}
#contenitoreDestra {
	float: left;
	width: 413px;
	z-index: auto;
}


<!--fine thumb-->
<!--inizio sezione credits-->

#contenitoreSinistra-credits {
	background: url(img/bg-sinistra-credits.jpg) no-repeat;
	float: left;
	width: 388px;
	height: 353;
}
#contenitoreDestra-credits {
	background: url(img/bg-destra-credits.jpg) no-repeat;
	float: left;
	width: 413px;
	height: 353;
}
#contenitoreSinistra-credits {
	background: url(bg-sinistra-credits.jpg) no-repeat;
	float: left;
	width: 388px;
	height: 353;
}
#contenitore-listaS {
	
	float: left;
	width: 190px;
	height: 200;
	
}
<!--fine sezione credits-->
#contenitore-lista-curriculum {
	
	float: left;
	width: 190px;
	height: 150;
	
}
#contenitoreSinistra-c {
	background: url(bg-sinistra-curriculum.jpg) no-repeat;
	float: left;
	width: 388px;
	height: 353;
}

#frecciaD-curriculum {
    position:relative;
    background-color:#000000;
	float:right;
	top:90px;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:30px;
	height:30px;
}

#frecciaS-curriculum {
    position:relative;
    background-color:#000000;
	float:left;
    left:20px;
	top:90px;
	margin:0px;
	padding:0px;
	border: 0px solid #333333;
	width:30px;
	height:30px;
}

#contenitore-testo-ufficiale {
    position:absolute;
	background-color:#333333;
	float:left;
	margin-top:25px;
	padding:0px;
	border: 0px solid #333333;
	width:801;
	height:138px;
		
}	
.testo-ufficiale {
	 
	text-align: justify;
	line-height: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	color: #ffffff;
	align: left;
	font-weight: bold;	
}

#Banners {width:100%; height:130px; position:relative;}

.banner1 {width:320px; height:130px; background:#000; float:left; left:10px; top:7px; position:relative; border: 1px solid #30679F;}

#banner2 {width:320px; height:140px; background:#000; float:left; left:20px; bottom:120px; position:relative; border: 1px solid #30679F;}

.bnr_close {width:45px; height:11px; float:right; right:5px; top: 4px; position:relative}

.bnr_content {width:310px; height:130px; float:left; top:5px; left:5px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 11px; color: #ffffff; position:relative;}

.bnr_content a:link {color:#336699; text-decoration: none}

.bnr_content a:hover {color:#ffffff; text-decoration: underline}

.bnr_content a:visited {color:#707070; text-decoration: none}

.bnr_content a:active {color:#336699; text-decoration: none}