*{
 margin:0;
 padding:0;
}
.mensajebox
{
 position: fixed;
 display: none;
 float: left;
 margin: 0 auto;
 color: #fff;
 width: 100%;
 height:100%;
 box-sizing: border-box;
 overflow: hidden;
 background-color: rgba(0, 0, 0, 0.3);
 background: rgba(0, 0, 0, 0.3);
 color: rgba(0, 0, 0, 0.3);
 z-index: 99999999;  
}
.mensajebox_body
{
 position: fixed;   
 display: block;
 float: left;
 margin-top: 10%;
 margin-left: 33%;
 width: 30%;
 height: 24%;
 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
 background: white !important;
 z-index: 99999;
}
.mensajebox_body h3#titmenbox
{
 display: block;
 float: left;
 width: 100%;
 height: 20px;
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-style: normal;
 font-weight: 400;
 font-size: 10pt;
 border-top-right-radius: 3px;
 border-top-left-radius: 3px;
 background: #DCDCDC;
 color: black;
}
.msj_ico
{
 display: block;
 float: left;
 width: 30%;
 height: 85%;
}
.mensajebox_body img#mnsjico
{
 display: block;
 float: left;
 width: 99%;
 height: 99%;
}
.msj_text
{
 display: flex;
 float: left;
 width: 69%;
 height: 65%;
 align-items: center;
}
.mensajebox_body p#mensaje
{
 display: block;
 float: left;
 width: 99%;
 height: auto;
 line-height: 20px;
 text-align: justify-all;
 color:black;
 font-size: 10pt;
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-style: normal;
}
.msj_boto
{
 display: block;
 float: left;
 width: 69%;
 height: 20%;
 background: white;  
}
.msj_boto a#btn_men_ace
{
 float: right;
 margin-right: 0.5%;
 width: 80px;
 height: 100%;
 line-height: 25px;
}
.msj_boto a#btn_men_can
{
 float: right;
 margin-right: 0.5%;
 width: 80px;
 height: 100%;
 line-height: 25px;
} 
.msj_boto a#btn_men_prt
{
 float: right;
 margin-right: 0.5%;
 width: 80px;
 height: 100%;
 line-height: 25px;
}
.msj_boto a#btn_men_wsp
{
 float: right;
 margin-right: 0.5%;
 width: 160px;
 height: 100%;
 line-height: 2;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
 .mensajebox_body
 {
  margin-top: 40%;
  margin-left: 15%;
  width: 70%;
  height: auto;
 }
 .msj_ico
 {
  margin-left: 30%;  
  margin-top: 5px;
  width: 40%;
  height: 30%;
  /* background: pink; */
 }
 .msj_text
 {
  width: 99%;
  height: auto;
  align-items: center;
  text-align: center;
  /* background: lightgreen; */
 }
 .msj_boto
 {
  margin-bottom: 5px;  
  width: 99%;
 }
 .msj_boto a#btn_men_ace
 {
  margin-right: 3px;
  width: 75px;
 } 
 .msj_boto a#btn_men_can
 {
  margin-right: 3px;
  width: 75px;
 } 
 .msj_boto a#btn_men_prt
 {
  margin-right: 3px;
  width: 75px;
 } 
 .msj_boto a#btn_men_wsp
 {
  margin-right: 3px;
 } 
}