*{
margin:0;
padding:0;
}

* ul{
list-style:none;
}

.nascosto, hr {
position:absolute;
left:-10000px;
top:-10000px;
clear:none;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:82%;
line-height:1.4em;
text-align:center;
background-color: #FFFFFF;
<!--background-color: #AADFFF; colore sfondo originale -->
}

#contenitore{
width:960px;
margin:0 auto;
text-align:left;
background-color: #FAFAFA; 
border: 1px solid #3399FF;

}


#contenitore img.right {
float:right; 
margin-left:10px;
margin-top:10px;
}

#testata {
	background: url(../img/testata_mooc.jpg)  no-repeat;
	width: 960px;
	height: 110px;
	margin-bottom:0px;
}

#testatalice {
	background: url(../img/testata_alice_ciccone.jpg)  no-repeat;
	width: 960px;
	height: 58px;
	margin-bottom:0px;
}

p.my_pic {
float:right;
display:inline;
margin: 10px;
border: 1px solid #9ACCFF;
padding: 0px;
}


a:link {
	color:#003399;
	border-bottom: 1px solid #003399;
	text-decoration:none;
}

a:visited {
	color:#003399;
	border-bottom: 1px solid #003399;
    text-decoration:none;

}

a:hover {
	color: #003399;
	border-bottom: 0;
    text-decoration:none;
}


a:active {
	color:#003399;
	border-bottom: 1px solid #003399;
    text-decoration:none;

}

#contenitore img {
	border: 0px;
  	padding: 0px;
	margin: 0px;
	
}
#briciole {
	width: 950px;
	height:15px;
	margin:0;
	padding: 1px 5px 9px 5px;
	background-color:#fff;
	border-bottom:1px solid #9ACCFF;
	border-top:1px solid #9ACCFF;
	float:left;
}

#corpo {
	clear: both;

	}


#menu {
	width:230px;
	margin-top:18px;
	margin-right:10px;
	margin-bottom:20px;
	margin-left:20px !important;
	margin-left:10px;
    float: left;
	font-size:0.9em;
	
}


#menu ul {
	margin-bottom:30px;
	
}

#menu ul li {
	border:1px solid #A2A7AA;
	margin-top:4px;
	
}

#menu li a {
	font-weight: bold;
	padding: 8px 10px 8px 25px;
	color: #003399;
	text-decoration: none;
	font-size: 1em;
	border-bottom:0;
	display:block;
}


#menu li a:link, #menu li a:visited, #menu li a:active {
	font-weight: bold;
	padding: 8px 10px 8px 25px;
	color: #003399;
	text-decoration: none;
	font-size: 1em;
	border-bottom:0;
	display:block;
	outline:none;
}



#menu li a:hover{
	text-decoration: none;
	border-bottom: 0;
	background-color:#F2F2F2;
	outline:none;

	
}

li#attivo {
	text-decoration: none;
	border-bottom: 0;
	background-color:#F2F2F2;
	margin-left:8px;
	
}

li#attivo a {
	text-decoration: none;
	border-bottom: 0;
	background-color:#F2F2F2;
	width:185px;
}


#contenuti {
	width: 620px;
	color: #333333;
	padding: 15px 50px 15px 0px;
	text-align: left; 
	float:right;
	
}


#contenuti ul li {
list-style-type: disc;
bbackground: url(../img/pdfsml.gif) no-repeat left 3px transparent;
margin: 0.5em 0 0.5em 15px;
padding-left: 5px;
padding-top:3px;

}

#contenuti h2 {
	padding-bottom:4px;
	font-size: 1.3em;
	margin-top: 8px;
	border-bottom: #9ACCFF solid 1px;
	margin-bottom: 15px;
	text-align:left;
	color:#003399;
}


#contenuti h3 {
	padding-bottom:0;
	font-size: 1.1em;
	border-bottom: 0;
	text-align:left;
	margin-top:40px;
	margin-bottom:13px;

}

#contenuti h3.coursera {
background: url(../img/mooc/logo_coursera.jpg) no-repeat;
width:150px;
height:21px;

}

#contenuti h3.edx {
background: url(../img/mooc/logo_edx.jpg) no-repeat;
width:150px;
height:40px;
}

#contenuti h3.udacity {
background: url(../img/mooc/logo_udacity.jpg) no-repeat;
width:150px;
height:11px;
}

#contenuti h3.openuped {
font-family: NewCicleFina, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.9em;
}

#contenuti h3.iversity {
background: url(../img/mooc/logo_iversity.png) no-repeat;
width:150px;
height:44px;
}

#contenuti h3.open2study {
background: url(../img/mooc/logo_open2study.jpg) no-repeat;
width:150px;
height:50px;
}

#contenuti h3.canvas {
background: url(../img/mooc/logo_canvas_network.jpg) no-repeat;
width:150px;
height:38px;
}

#contenuti h3.udemy {
background: url(../img/mooc/logo_udemy.png) no-repeat;
width:150px;
height:47px;
}

#contenuti h3.khanacademy {
background: url(../img/mooc/logo_khan_academy.jpg) no-repeat;
width:150px;
height:17px;
}

#contenuti h3.p2pu {
background: url(../img/mooc/logo_p2pu.jpg) no-repeat;
width:150px;
height:45px;
}

#contenuti h3.oilproject {
background: url(../img/mooc/logo_oilproject.jpg) no-repeat;
width:150px;
height:40px;
}

#contenuti h3.federica {
background: url(../img/mooc/logo_oilproject.jpg) no-repeat;
width:150px;
height:40px;
}

#contenuti h4 {
font-size:1.1em;
margin-bottom:10px;
margin-top:20px;
}

/*#contenuti h4 + p {
border-bottom:1px solid #CDE6FF;
padding-bottom:20px;
}*/

#contenuti h3.faq {
	font-size: 1.2em;
	border-bottom: 0;
	margin-top:30px;
	margin-bottom:15px;
	color: #003399;

}

#contenuti h4.faq {
font-size:1em;
margin-bottom:0px;
margin-top:0px;
}

#contenuti h4.faq {
font-size:1em;
margin-bottom:3px;
margin-top:0px;
}

#contenuti p {
margin-bottom:15px;
}

#contenuti p.ancora {
margin-bottom:7px;
padding-bottom:0;

}

#contenuti p.bordo {
border-bottom:1px solid #CDE6FF;
padding-bottom:20px;
}


#contenuti div.screenshot {
margin-top:20px;
margin-bottom:10px;
margin-left:35px;
padding:2px;
border:1px solid #9ACCFF;
width:550px;
}


#contenuti div.screenshot a:link, #contenuti div.screenshot a:visited, #contenuti div.screenshot a:hover, #contenuti div.screenshot a:active   
{
color:#ffffff;
border-bottom: 0;
text-decoration:none;
}


#contenuti div.screenshot + p {

margin-left:35px;
margin-bottom:35px;
}

#contenuti div.video {
padding:2px;
border:1px solid #9ACCFF;
width: 560px;
height:315px;
margin-bottom:20px;
margin-left:35px;

}

#contenuti iframe {
margin-bottom:20px;
}

div.fb-comments {
margin-top:20px;
}

#contenuti .torna {
margin-bottom:45px;
clear:both;
padding-top:3px;
margin-top:0;
}

#footer {
	width: 960px;
	margin-top:10px;
	padding-bottom:10px;
<!--	background-color: #E9F7FF; colore sfondo footer originale -->
	background-color: #FFFFFF;	
	border-top: 1px solid #9ACCFF;
	text-align: center;
	clear: both;
	color:#000;
	padding-top:15px;
}

#footer a {
	color:#003399 ;
	border-bottom: 1px solid #003399;
}

#footer a:hover {
	color:#003399;
	border-bottom:0;
}

#footer p{
	margin-bottom:10px;
}


.box{
background-color:#E9F7FF;
border:1px solid #AADFFF;
padding:20px 30px 10px 30px;
}
