body {

    background-color: #EEE;    

}


#SinistroL{
 charset: utf-8;
float: left;
  background: white;
  border: 2px solid grey;
  color: black;
    width: 50%;
  height:98%;
  text-align: center;
  font-size:14px;

  }
#destroS{
 charset: utf-8;
float: right;
  background: white;
  border: 2px solid grey;
  color: blue;
    width:40%;
  height:98%;
  text-align: center;

  
  }
  #Sinistro{
 charset: utf-8;
float: left;
  background: white;
  border: 2px solid red;
  color: black;
    width: 100%;
 
  text-align: center;


  }
  
   #Sinistro1S{
charset: utf-8;
float: left;
 border: 1px solid green;
  background: white;
   color: black;
    width: 30%;
  height: 90%;
  text-align: center;

  }
  
   #Sinistro2S{
charset: utf-8;
float: left;
 border: 1px solid blue;
  background: white;
   color: black;
    width: 39%;
  height: 90%;
  text-align: center;
  }
  
  
   #Sinistro1D{
 charset: utf-8;
float: left;
  background: white;
  color: black;
    width: 43%;
  height: 100%;
  text-align: center;

padding-left: 60px;
  }
  
  
#destro{
charset: utf-8;
float: right;
  background: white;
  border: 2px solid grey;
  color: blue;
    width: 40%;
  height:100%;
  text-align: center;

  
  }
 #SinistroLL{
 charset: utf-8;
float: left;
  background: white;
border: 2px solid grey;
  color: black;
    width: 45%;
  height:100%;
  text-align: center;

  }
#destroSS{
 charset: utf-8;
float: right;
  background: white;
border: 2px solid grey;
  color: blue;
    width: 40%;
  height:100%;
  text-align: center;

  
  }


  .clear {
  clear: both;
  }
  
  
.frecciadx {

    position: absolute;

    width: 70px;

    height: 50px; 

    top: 91%;

   right:28%;
  
 
    

}
  .frecciasx {

    position: absolute;

    width: 300px;

    height: 50px; 

    top: 91%;

    right:86%;


    
    

    

}