.quare
   {
   width:400px;
   height:400px;
   float:right;
   }
.quali
   {
   width:400px;
   height:400px;
   float:left;
   }
.quere
   {
   width:400px;
   height:247px;
   float:right;
   }
.queli
   {
   width:400px;
   height:247px;
   float:left;
   }
.quegro
   {
   width:640px;
   height:396px;
   }
.holi3
   {
   width:320px;
   height:518px;
   float:left;
   }
.holi4
   {
   width:400px;
   height:647px;
   float:left;
   }
.hore3
   {
   width:320px;
   height:518px;
   float:right;
   }
.hore4   
   {
   width:400px;
   height:647px;
   float:right;
   }
.gross
   {
   width:100%;
   }

.ava  
   {
   width:200px;
   height:200px;
   float:right;
   margin-left:20%;
   margin-right:10%;
   }