BODY {
	font-size:0.875em; MARGIN: 0px 0px 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 	background: #CCC url(../images/bg.gif) repeat-x;
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
  #wrap {
	       background:#fff; 
		   color:#303030; 
		   margin:auto; 
		   padding:0px 0px; 
		   width:301px; 
		   height:auto; 
		   border : 20px solid #F5F2EF;
		}
    #header {
	      background:url(../siti-web-roma-immagini/web-agency-roma-realizzazione-siti-web.jpg) no-repeat bottom left #fff;
	      color:#505050;
	      height:240px;
	      width: 301px;
	      margin:0 0 0px 0px;
	      padding:0;
       }
    #loghi{
	     PADDING-RIGHT: 0px;
	     PADDING-LEFT: 0px;
	     MARGIN-BOTTOM: 0px;
	     PADDING-BOTTOM: 10px;
	     COLOR: #999999;
	     PADDING-TOP: 20px;
	     BACKGROUND-COLOR: #ffffff;
	     width: 301px;
    }
    #foot{
        float:left; display:block;
	    BACKGROUND-COLOR: #cccccc;
	    width: 301px;
	    min-height:70px;
	    margin-top:100px;
	    margin-bottom:0px;
	
   }
   .menu {
	   PADDING-RIGHT: 4px;
	   PADDING-LEFT: 0px;
	   MARGIN-BOTTOM: 48px;
	   PADDING-BOTTOM: 10px;
	   COLOR: #ffffff;
	   PADDING-TOP: 14px;
	   BACKGROUND-COLOR: #086EB6;
	   margin-left: 0em;
	   width: 301px;
    }
    #google {
	  margin-left:3%;
	  margin-right:3%;
   }
   #descrlogo1 {
     Z-INDEX: 3; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 50px -5px -5px 0px; PADDING-LEFT: 0px; WIDTH: 220px; PADDING-RIGHT: 0px; HEIGHT: 40px; PADDING-TOP: 0px; color:#000; font-size:1.8em; font:Verdana, Geneva, sans-serif; text-align:left;
}
   #descrlogo2 {
	 Z-INDEX: 3;
	 POSITION: absolute;
	 PADDING-BOTTOM: 0px;
	 MARGIN: 110px 20px 10px 0px;
	 PADDING-LEFT: 0px;
	 WIDTH: 150px;
	 PADDING-RIGHT: 0px;
	 HEIGHT: 100px;
	 PADDING-TOP: 0px;
	 color:#000;
	 font-size:0.9em;
	 font:Verdana, Geneva, sans-serif;
	 text-align: left;	
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #wrap {
	       background:#fff; 
		   color:#303030; 
		   margin:auto; 
		   padding:0px 0px; 
		   width:461px; 
		   height:auto; 
		   border : 20px solid #F5F2EF;
		}
    #header {
	      background:url(../siti-web-roma-immagini/web-agency-roma-realizzazione-siti-web.jpg) no-repeat bottom left #fff;
	      color:#505050;
	      height:240px;
	      width: 461px;
	      margin:0 0 0px 0px;
	      padding:0;
       }
    #loghi{
	     PADDING-RIGHT: 0px;
	     PADDING-LEFT: 0px;
	     MARGIN-BOTTOM: 0px;
	     PADDING-BOTTOM: 10px;
	     COLOR: #999999;
	     PADDING-TOP: 20px;
	     BACKGROUND-COLOR: #ffffff;
	     width: 461px;
    }
    #foot{
        float:left; display:block;
	    BACKGROUND-COLOR: #cccccc;
	    width: 461px;
	    min-height:70px;
	    margin-top:100px;
	    margin-bottom:0px;
   }
   .menu {
	   PADDING-RIGHT: 4px;
	   PADDING-LEFT: 0px;
	   MARGIN-BOTTOM: 48px;
	   PADDING-BOTTOM: 10px;
	   COLOR: #ffffff;
	   PADDING-TOP: 14px;
	   BACKGROUND-COLOR: #086EB6;
	   margin-left: 0em;
	   width: 461px;
    }
    #google {
	  margin-left:3%;
	  margin-right:3%;
   }
   #descrlogo1 {
     Z-INDEX: 3; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 50px -5px -5px 0px; PADDING-LEFT: 0px; WIDTH: 600px; PADDING-RIGHT: 0px; HEIGHT: 40px; PADDING-TOP: 0px; color:#000; font-size:1.8em; font:Verdana, Geneva, sans-serif; text-align:left;
}
   #descrlogo2 {
	 Z-INDEX: 3;
	 POSITION: absolute;
	 PADDING-BOTTOM: 0px;
	 MARGIN: 110px 20px 10px 0px;
	 PADDING-LEFT: 0px;
	 WIDTH: 310px;
	 PADDING-RIGHT: 0px;
	 HEIGHT: 40px;
	 PADDING-TOP: 0px;
	 color:#000;
	 font-size:0.9em;
	 font:Verdana, Geneva, sans-serif;
	 text-align: left;
  }
}
@media only screen and (min-width: 769px) {
  #wrap {
	       background:#fff; 
		   color:#303030; 
		   margin:auto; 
		   padding:0px 0px; 
		   width:800px; 
		   height:auto; 
		   border : 20px solid #F5F2EF;
		}
    #header {
	      background:url(../siti-web-roma-immagini/web-agency-roma-realizzazione-siti-web.jpg) no-repeat bottom left #fff;
	      color:#505050;
	      height:240px;
	      width: 800px;
	      margin:0 0 0px 0px;
	      padding:0;
       }
    #loghi{
	     PADDING-RIGHT: 0px;
	     PADDING-LEFT: 0px;
	     MARGIN-BOTTOM: 0px;
	     PADDING-BOTTOM: 10px;
	     COLOR: #999999;
	     PADDING-TOP: 20px;
	     BACKGROUND-COLOR: #ffffff;
	     width: 800px;
    }
    #foot{
        float:left; display:block;
	    BACKGROUND-COLOR: #cccccc;
	    width: 800px;
	    min-height:70px;
	    margin-top:100px;
	    margin-bottom:0px;
	
   }
   .menu {
	   PADDING-RIGHT: 4px;
	   PADDING-LEFT: 0px;
	   MARGIN-BOTTOM: 48px;
	   PADDING-BOTTOM: 10px;
	   COLOR: #ffffff;
	   PADDING-TOP: 14px;
	   BACKGROUND-COLOR: #086EB6;
	   margin-left: 0em;
	   width: 800px;
    }
    #google {
	  margin-left:3%;
	  margin-right:3%;
   }
   #descrlogo1 {
 Z-INDEX: 3; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 50px -5px -5px 0px; PADDING-LEFT: 0px; WIDTH: 600px; PADDING-RIGHT: 0px; HEIGHT: 40px; PADDING-TOP: 0px; color:#000; font-size:1.8em; font:Verdana, Geneva, sans-serif; text-align:left;
   }
   #descrlogo2 {
	 Z-INDEX: 3;
	 POSITION: absolute;
	 PADDING-BOTTOM: 0px;
	MARGIN: 110px 20px 10px 0px;
	 PADDING-LEFT: 0px;
	 WIDTH: 450px;
	 PADDING-RIGHT: 0px;
	 HEIGHT: 40px;
	 PADDING-TOP: 0px;
	 color:#000;
	 font-size:0.9em;
	 font:Verdana, Geneva, sans-serif;
	 text-align: left;
  }
}

h1 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold;
	font-size: 2.0em;
	color: #444;	
}
h2 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
	font-size: 1.4em;
	color: #82837F;
}
h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
	font-size: 1.2em;
	font-weight: normal;	
	padding: 16px 10px 4px 10px;
	color: #444;	
}
#Logo {
	Z-INDEX: 2; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: -5px 15px 10px 0px; PADDING-LEFT: 0px; WIDTH: 150px; PADDING-RIGHT: 0px; HEIGHT: 50px; PADDING-TOP: 0px
}
#contenitore{
    width: 62em; 
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #177FAA
}

#contenitore-home{
    width: 790px; 
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff
}
#head{
    background-color:#FFFFFF
} 
#contcenter{
    width: 61em; 
	PADDING-RIGHT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff
}

#contenitore-centrale{
    
	width: 790px; 
	PADDING-RIGHT: 5px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; padding-left:5px; BACKGROUND-COLOR: #ffffff
}

#contcenter-home{
    clear: left;
	margin:0px 0 0px 0px;  padding:5; position:relative;
	width: 775px; height:198px;
	PADDING-RIGHT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff
}

#contenitore-img-gen{
   float:left; display:block; margin-bottom:50px;
}

#contenitore-img{
   float:left; display:block; width:300px; height:180px; margin-bottom:20px;
}
#menusx{
	float: left;
	width: 200px;
	height:45px;
	padding-left: 0em;
	background-color:#0066CC;
	color:#FFFFFF;
} 

#menudx{
    float: right;
    width: 10em;
} 

#img {max-width: 80%;}

#menu{
	PADDING-RIGHT: 50px;
	PADDING-LEFT: 15px;
	MARGIN-BOTTOM: 30px;
	PADDING-BOTTOM: 4px;
	COLOR: #FFFF00;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #ffffff;
	width: 500px;
}

#menu3{
	margin: 0 0em 5 0em;
	margin-left: 10em;
	BACKGROUND-COLOR: #e8e8d2;
	height: 20px;

}
#contenuti{
	margin: 0 0em 5 0em;
	margin-left: 1em;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-RIGHT: 0px;
	height: auto;

}
#testo {
	margin-top:20px;
	PADDING-RIGHT: 5px;
	padding-left: 5px;
	height: auto;
	text-align:justify;
}

.testo-chiavi { FLOAT: left; margin:50px 0 0px 10px; text-align: left; WIDTH: 720px; HEIGHT: 170px;
}
.menu A {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.menu A:hover {
	COLOR: #ff6633
}
A.mainlevelmenu:link {
	FONT-WEIGHT: normal; FONT-SIZE: 1.0em;  margin: 4px; COLOR: #02478f; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.mainlevelmenu:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 1.0em; margin: 4px; COLOR: #02478f; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.mainlevelmenu:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 1.0em; margin: 4px; COLOR: #ff6633; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.left-col {
	 FLOAT: left; WIDTH: 160px;  HEIGHT: 150px;MARGIN-RIGHT: 70px
}
.center-col {
  FLOAT: left; MARGIN: 10px 6px; WIDTH: 175px; HEIGHT: 150px; background:url(siti-web-roma-immagini/sfondo_box.jpg) no-repeat center top;
}
.right-col {
	FLOAT: left; WIDTH: 160px; HEIGHT: 150px;
}
.interno-box {
  FLOAT: left; MARGIN: 15px 6px; WIDTH: 155px; HEIGHT: 90px;  
}