html
{
	background-color:rgb(95%, 85%, 95%);
	margin:10px;
	padding:5px;
}

head
{
	display:block;
	color:gray;
	font-weight:bold;
} 

div[id='backhome']
{
	color:white;
	border:thin solid white;
	margin:10px;
	padding:5px;
	text-align:right;
	color:white;
	font-size:12pt;
}

a:visited
{
	color:rgb(50%,30%,60%);
}

#piccolo, #grande
{
	display:block;
	margin:10px;
	border-style:solid;
	border-color:white;
	padding:15px;
}

#piccolo img
{
	margin:4px;
	border-style:dashed;
	padding:5px;
	border-color:white;
	border-width:thin;
}

#piccolo  img[alt="letto"]
{
	height:15%;
	width:15%;
}

#piccolo  img[alt="pipi"]
{
	height:12%;
	width:12%;
}

#piccolo  img[alt="divano"]
{
	height:15%;
	width:15%;
}

#piccolo  img[alt="ciabatta"]
{
	height:15%;
	width:15%;
}

#piccolo p, #grande p, #filmato p
{
	display:none;
	text-align:center;
	color:rgb(89%,59%,90%);
	font-weight:bold;
	font-size:11pt;
	margin-right:9px;
/* 	float:bottom; */
	float:left;
}

#grande  img
{
	margin:4px;
	border-style:dashed;
	padding:5px;
	border-color:white;
	border-width:thin;
}

#grande  img[alt="aiuola"]
{
	height:10%;
	width:10%;
}

#grande  img[alt="riflesso"]
{
	height:12%;
	width:12%;
}

#grande  img[alt="sasso"]
{
	height:15%;
	width:15%;
}

#grande  img[alt="lingua"]
{
	height:15%;
	width:15%;
}

#grande  img[alt="sguardo"]
{
	height:15%;
	width:15%;
}

#grande  img[alt="leone"]
{
	height:15%;
	width:15%;
}

#filmato p
{
	display:block;
	padding-left:10px;
	color:rgb(70%, 55%, 70%);
}

#filmato img
{
	margin:5px;
	border-style:dashed;
	padding:5px;
	border-color:white;
	border-width:thin;
	display:block;
	height:20%;
	width:20%;
}

#filmato 
{
	display:block;
	margin:10px 10px 0px 10px;
	border-style:solid;
	border-color:white;
	padding:5px 5px 25px 5px;
}

#piccolo img:hover, #grande img:hover, #filmato img:hover, #filmato p:hover
{
	border-style:solid;
	border-color:rgb(60%,50%,65%);
	border-width:thin;
}