@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body{ margin:0; padding:0;font-family: 'Roboto', sans-serif; text-align: justify; font-size:18px;} 

 h1 {font-weight:700 ;  text-align:left;text-decoration:underline;margin-bottom:20px;}
 h2 {font-weight:700;   text-align:left;text-decoration:none;}
 a	{text-decoration:none;}
 

#back_to_top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
	z-index:99;
	display:none;
}


#pagewidth	{width:800px; margin:5px auto; }
 
#header		{height: auto; } 
#navbar		{margin:5px auto; width:720px;}
#navbar ul	{margin:0 auto;padding:0;list-style: none;display:block;width:auto;}
#navbar ul li	{
	
	font-weight:700;
	font-size:14px;
	
	width:170px;
    margin: 2px;
    float: left; 
	text-align: center;
	color: #fff;

	
	
}
  
#navbar ul li a {
	display:block;
	padding:0 10px 0 10px;
	line-height: 30px;
	
	text-decoration: none;
	color: #fff;
	
	transition-property:all;
	transition-duration:600ms;
	transition-timing-function:ease;
	transition-delay:100ms;
	
	-webkit-transition-property:all;
	-webkit-transition-duration:600ms;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:100ms;
	
	-o-transition-property:all;
	-o-transition-duration:600ms;
	-o-transition-timing-function:ease;
	-o-transition-delay:100ms;
	
	-moz-transition-property:all;
	-moz-transition-duration:600ms;
	-moz-transition-timing-function:ease;
	-moz-transition-delay:100ms;

}
  
#navbar ul li a:hover {


	background-color: #004dff;
	-moz-box-shadow:	2px 2px 10px 1px rgba(0,0,0,.5) inset;
	-webkit-box-shadow:	2px 2px 10px 1px rgba(0,0,0,.5) inset;
	box-shadow:			2px 2px 10px 1px rgba(0,0,0,.5) inset;
}

.navb {background-color: #54BAE2;}
.siamoqui {
	background-color: #004dff;
	-moz-box-shadow:	2px 2px 10px 1px rgba(0,0,0,.5) inset;
	-webkit-box-shadow:	2px 2px 10px 1px rgba(0,0,0,.5) inset;
	box-shadow:			2px 2px 10px 1px rgba(0,0,0,.5) inset;
}


#maincol{
	font-size:16px;
	font-weight:400;
	margin-top :15px;
	float: right;
	background-color: #FFFFFF;  
	display:inline; 
	position: relative; 
	width:800px; 
	color: #000000;
	text-align : justify;
	
 }

#footer {color: #000000;	text-decoration : none;		margin:15px; text-align:center; font-size:14px;}
#footer A:link {TEXT-DECORATION: none;color: #000000;}
#footer A:visited {TEXT-DECORATION: none;color: #000000;}
#footer A:hover {TEXT-DECORATION: underline;color: #000000;}
 


.clear {float:none;clear:both;margin:0;padding:0;}
 
.Stile1  { 	font-size: 14px;color: #000000;text-decoration : none;}
.Stile1 a{	font-size: 14px;color: #000000;text-decoration : none;}

.Stile2  {	font-size: 16px;color: #000000;font-weight: bold;}


.title		{font-weight:700 ;  text-align:left;margin:15px 0 15px 0;}
.title2		{font-weight:400 ;  text-decoration:underline;font-style:italic;text-align:left;margin:15px 0 15px 0;}

.foto		{margin-top:10px;margin-left:50px;margin-right:50px;margin-bottom:5px; width:700px;}
.foto_1		{margin:0 50px; border:1px solid;width:700px;}
.foto_2		{margin:0 225px;border:1px solid;}

.foto_33	{float:left;width:266px; padding-left:8px;padding-right:8px;}

.fotodx     {float : right; height:250px;}
.fotodx_1   {float : right; width:390px;}
.didadx		{float : right; width:390px;}

.fotosx     {float : left; height:250px;}
.fotosx_1   {float : left; width:390px;}
.didasx     {float : left; width:390px;}

.foto_big	{width:700px; margin:0 auto;}

.img-zoom {
			
			transition: all .5 ease-in-out;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			-o-transition: all .5s ease-in-out;
			-ms-transition: all .5s ease-in-out;

			 transition-delay: .6s;
			 -webkit-transition-delay: .6s;
			-moz-transition-delay: .6s;
			-o-transition-delay: .6s;
			-ms-transition-delay: .6s;
		}
 
.transition {
			-webkit-transform: scale(1.5); 
			-moz-transform: scale(1.5);
			-o-transform: scale(1.5);
			transform: scale(1.5);
			z-index:1000;
}
.px10 {height:10px;}