@charset "utf-8";
/* CSS Document */

/* stili convenzionali per la visualizzazione in tutti i brownser*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td 
{  
/*border:0pt none;  */
margin:0pt;  
padding:0pt;  
}

a:link {
        text-decoration: none;
		color: #4c7cf9;
		}
	   
a:visited {
          text-decoration: none;
		  color: #4c7cf9;
          }

a:hover {
         text-decoration: none;
		 color: #000;
        }
	 
body{
	width:100%;
	height:auto;
	font-size:100%;
	background-color:#f5f5ea;
	}

#foot {
	  width:100%;
	  height:auto;
	  padding:25px 0 5px 0;
	  }

h1, h2, h3, h4, h5, h6 {
			color:#000;
			margin:0;
			padding:0.313em;
        	text-align:justify;
			}

h1 {
	font-size:1.250em;
   }

h2 {
	font-size:1.125em;
	}

h3 {
	font-size:1.000em;
	}

h4 {
	font-size:0.875em;
	}

h5 {
	font-size:0.750em;
	}

h6 {
	font-size:0.625em;
	}

img {
	max-height:100%;
    max-width: 100%;
	}

#img_50l {
	 height:auto;
     width: 50%;
	 float:left;
	 }

#img_50r {
	 height:auto;
     width: 50%;
	 float:right;
	 }

#img_l {
	   max-height:100%;
       max-width: 100%;
	   float:left;
	   }

#img_r {
	   max-height:100%;
       max-width: 100%;
	   float:right;
	   }
	  
#col_30 {
	    width:30%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:left;
        }

#col_40 {
	    width:40%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:left;
        }

#col_50 {
	    width:50%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:left;
        }

#col_50c {
	    width:50%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:none;
        }

#col_60 {
	    width:60%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:left;
        }

#col_70 {
	    width:70%;
	    height:auto;
		min-height:5.000em;
		margin:0.6225em 0 0.625em 0;
		float:left;
        }

#col_100 {
	    width:100%;
	    height:auto;
		min-height:10.000em;
		margin:0.6225em 0 0.625em 0;
        }

.cl2 {
	  width:20%;
	 }

.cl3 {
	  width:25%;
	 }

.cl4 {
	  width:80%;
	 }

.clt {
	  width:100%;
	 }

.bottone {       
  font-family:Cambria, Georgia, Arial;
  min-width:6.250em;
  font-size:0.938em;
  padding: 0.313em;
  color: #ffffff;
  background: #1a2538;
  font-weight: bold;
  border:0.125em solid #ffffff;
  -moz-border-radius:0.313em;
  -webkit-border-radius:0.313em;
}

.bottone:hover {
			   background-color: #ffffff;
		       color:#1a2538;
               font-weight: bold;
               padding: 0.313em;
               border:0.125em solid #1a2538;
               -moz-border-radius:0.313em;
               -webkit-border-radius:0.313em;
			   }

@media only screen and (min-width: 1025px) {
body {
	 /*background-image:url(../images/logo_bkg.jpg);*/
	 background-color:#f5f5ea;
     }

#head {
	  width: 950px;
	  height:200px;
	  margin: 30px 0 20px 0;
	  }

#menu {
	  width:950px;
	  height:50px;
	  /*background-color:#c4d0e8;*/
      /*background:#f0f0f0;*/ /*c4d0e8;*/
	  /*opacity:0.9;*/
      }

#page {
	  width: 950px;
	  height:auto;
	  min-height:500px;
	  /*background-color:#c4d0e8;*/
      /*background:#f0f0f0;/* /*c4d0e8;*/
	  /*opacity:0.9;*/
	  }

.button	{
	    width:6.813em;
		height:1.063em;
		line-height:1.063em;
		}                                      

#blosx	{
		width:300px;
		display: block;
		float:left;
		}                                      

#blodx	{
	    width:635px;
		display: block;
		float:left;
		} 
		
#block_50 {
	      width:50%;
		  float:left;
		  }                                     

h1, h2, h3, h4, h5, h6 {
	                   font-family:Verdana, Geneva, sans-serif;
			           }
		                                       }

@media only screen and (max-width: 800px) {
	
	  
#col_30 {
	     width:100%;
        }
	  
#col_40 {
	     width:100%;
        }
	  
#col_50 {
	     width:94%;
		 margin-left:3%;
		 margin-right:3%;
		 float:left;
        }
	  
#col_50c {
	     width:100%;
        }
	  
#col_60 {
	     width:100%;
        }
	  
#col_70 {
	     width:100%;
        }
	
	}

@media only screen and (max-width: 480px) {

/* and (orientation:portrait)*/

body {
	 background-color:#f5f5ea;
     }

#head {
	  width: 95%; /*310px;*/
	  /*height:auto;
	  height:200px;*/
	  margin: 20px 0 20px 0;
	  }

#menu {
	  width: 100%; /*310px;*/
	  /*float:left;
	  height:auto;
	  height:50px;
      background:#c4d0e8;
	  background-color:#c4d0e8;*/
      }

#page {
	  width: 95%; /*310px;*/
	  /*min-height:500px;
      height:auto;
      background:#c4d0e8;
	  background-color:#c4d0e8;*/
	  margin: 5px 0 0 0;
	  }

.button	{
	    width:5.750em;
		height:1.063em;
		line-height:1.063em;
		} 

#blosx	{
	  width: 95%; /*310px;*/
        float:left;
	    /*background-color:#c4d0e8;*/
		}                                      

#blodx	{
	  width: 95%; /*310px;*/
		display: block;
		float:left;
	    /*background-color:#c4d0e8;*/
		}                                      

#img_50l {
	 height:auto;
     width: 100%;
	 float:left;
	 }

#img_50r {
	 height:auto;
     width: 100%;
	 float:right;
	 }


h1, h2, h3, h4, h5, h6 {
	                   font-family:Arial, Helvetica, sans-serif;
			           }
	                                                             }


#clear {
	    clear:both;
	   }