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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}

 
/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

 
/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;}

	body {background-color: #FFFF66;  padding:0;margin:0;

/* font-family: Arial, Helvetica, Sans-serif */

font-family:open sans;
}

*/@media screen and (min-width:600px)
 {
 
	 box01{
    float: left;
    width: 20%;
  }
 
	 box02{
    margin-left: 20%;
}
}

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

  box01 li {
    display: inline;
  }
}

@media screen and (min-width:600px) 
 {

 	 box3 {
    float: left;
    width: 20%;
  }
 
	 box42 {
    float-left: width:50%;
}

 	{
   box5 {
    float-left: width:20%;
}
}

@media screen and (max-width:599px) and (orientation:landscape)
 {
  box3 li {
    display: inline;
  }

}*/
*{
  -webkit-box-sizing: border-box;
    
 -moz-box-sizing: border-box;
     
ms-box-sizinmg:border-box;   
  box-sizing: border-box;

}
	h1 {color:#000080; background-color:#FF99FF;  text-shadow:2px 2px 4px white; font-size:35px;}

	h2{  font-size: 200%; color:#339933;
	text-shadow:2px 2px 4px  yellow;}
	
	h3{font-size:18px;         
/*colore blu*/		color:#000080; }
 
 /*colore rosso*/

	p{ text-indent:40px ; text-align:center; font-size:20px; }
	
a:link	{ color:#000080;}
	a:visited 	{color:#FF0000;}
	
a:active {color: #FFFF00;}
	
a:hover { color: #2E8B57; 
	letter-spacing:3px;
	font-weight: bold;}
	
	span.bianco{border-style:dotted; font-size: 16px ; color:red;  font-weight: bold; }
	span.fon{border-style:dotted; font-size: 16px ; color:#FFFFFF;  font-weight: bold; }

/*1rem=10px*/
	
	span.blue{font-size: 35px; color:#0000FF; font-weight:bold ;} 
	    
	  span.green{color: #32CD32;  font-size: 22px; font-weight:bold;}
                   
  	   span.red{color:#FF0000; font-size:20px;  font-weight:bold;} 
    	  	  	span.viola{color:#800080; font-size:24px;font-weight:bold;}

	span.arancio{border-style:dotted; font-size: 18px ; color:#FFA500;  font-weight: bold; }
	

	span.neg{color:#000080; background-color:#FF99FF;  text-shadow:2px 2px 4px white; font-size:35px;}


#picture{float:left; width:33%;}

/*corrisponde a consulenza 1 riga*/

/*box primo riquadro con la scritta  flli sadocco snc*/
	
	
                 #box{width:100%; height:5%; background:#FFFFFF;}
    

	  #box01{float:left;  width:40%; height:5%; ackground:#0000CC;}
        
   
	 #box02{float:right;     width:60%; height:5%; background:#FFFFFF;padding:0;margin:0;}

/*scritta in movimento*/
	
	#box2{ width:100%; height: 4%;  color:#FFFF00;
	 }
	
	
                   #box21{width:100%; height:90%;}
	
	
                 #box3{float:left; width:18% ; height:97%; background:#33FF66;

transition-property: background-color; 
transition-duration: 2s;

-webkit-transition-property: background-color ; 
transition-duration: 2s; 
-o-transition-property: background-color ; 
transition-duration: 2s; 
-moz-transition-property: background-color ; 
transition-duration: 2s; 
}
          
   	
                  #box3:hover{    width:20%;  height:97%;
background:  #FFFF00;
}
	
	                  #box4{float:left; width:63%; height:97%; background:white; }
	
	                   #box41{width:63%; height:25%;}
	
	
                 #box42{width:63%; height:60%; border-radius:0px 0px 20px 20px;
 background-image: 
 url("/immagini/barcellona.jpg" ); background-repeat: no-repeat;  overflow:hidden;
}
       
    		
                #box5{ float:left; width:19%; height:97%; background:#33FF66;   
transition-property: background-color ; 
transition-duration: 2s; 
-webkit-transition-property: background-color ; 
transition-duration: 2s; 
-o-transition-property: background-color ; 
transition-duration: 2s; 
-moz-transition-property: background-color ; 
transition-duration: 2s; 
} 		
	
	
        #box5:hover{ width:19%;  background-color:#FFFFFF; }
	
	
        #box6{width:100%; height:3%;  background:pink; bottom:0px;}
		            #box7{width:100%; height:22%; background:#FFFFFF; 

}

#box71{ float:left; width:30%; height:100%;

}
#box72{float:left; width:50%;height:100%;background-image:
 url("/immagini/sadocco.jpg "); background-repeat: no-repeat
}
	#box8{width:50%; height:60%; background:#FFFFFF; 
}