@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;}
 
#pagewidth	{width:750px; margin:5px auto; }
 
#header		{height: auto; } 
#navbar		{margin:5px auto; width:auto;}
#navbar ul	{margin:0 auto;padding:0;list-style: none;display:block;width:auto;}
#navbar ul li	{
	
	font-weight:700;
	font-size:14px;
	
	
    margin: 2px;
    float: left; 
	text-align: center;
	color: #fff;

	
	
}
  
#navbar ul li a {
	display:block;
	padding:0 10px 0 10px;
	line-height: 30px;
	background-color: #54BAE2;
	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;
}

.siamoqui {
	display:block;
	padding:0 10px 0 10px;
	line-height: 30px;
	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:750px; 
	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;}
 



.foto_33	{display:block;float:left;width:230px; margin-right:10px;margin-left:10px;}

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

.Stile2  {	font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #000000;font-weight: bold;}
.title		{font-weight:700 ;  text-align:left;margin:15px 0 15px 0;}



.fotodx     {float : right; margin-left:10px;margin-bottom:5 px;}
.fotodx_1   {float : right; margin:0;padding:0; border:1px solid;}
.didadx		{float : right; margin-left:10px;margin-bottom:5 px;width:350px;}

.fotosx     {float : left; margin-right:10px;margin-bottom:5 px;}
.fotosx_1   {float : left; margin:0; padding:0;border:1px solid;}
.didasx     {float : left; margin-right:10px;margin-bottom:5 px;width:350px;}

.foto		{margin : 0 auto; display:block;}
.foto_1		{margin:7px;}