*{
 margin:0;
 padding:0;
}
.main_inicio
{
 display: block;
 width:95%;
 max-width: 1366px;
 height:100vh;
 box-sizing: border-box;
 margin: 0 auto;
 overflow: hidden;
 background-image: url('../imagenes/libros6.jpg');
 background-position: top center;
 background-repeat: no-repeat;
 background-size: cover;
}
.logoempresa
{
 display: block;
 float: left;
 margin-top: 0.5%;
 margin-left: 1%;
 width: 98%;
 height: 45px;
 border-radius:8px;
 background: rgb(224, 224, 224);
 -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
 -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
 box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
}
.logoempresa img
{
 float: left;
 width: 10%;
 margin-left: 40%;
 margin-top: 5px;
}
.modulo
{
 display: block;
 float: left;
 margin-top: 1%;
 margin-left: 35%;
 width: 25%;
 height: 235px;
 border-radius:8px;
 background: white;
 -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
 -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
 box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27); 
}
.modulo a#btn_clientes,a#btn_vendedores
{
 float: left;
 margin-top: 1%;
 margin-left: 0.5%;
 width: 99%;
 height: 15vh;
 font-size: 14pt;
 background-image: linear-gradient(#e7e9ec ,#e7e9ec);
}
.img_boto
{
  margin-top: 4%;
  width:60%;  
  height: 70%;
}
p
{
 display: block;
 float:left;
 margin-top: calc(10%);   
 width: 100%;  
 text-align: center; 
 font-size: 8pt;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 background: #58ACFA;
 font-family: 'Roboto', sans-serif;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
 .main_inicio
 {
  width:100vw;
  max-width:100vw;
  height:100vh;
 } 
 .modulo
 {
  margin-top: 1.5%;
  margin-left: 0.5%;
  width: 98%;
  height: 37.3vh;
  border-radius:8px;
  background: white;
  -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
  -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27);
  box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.27); 
 }
 p
 {
  margin-top: calc(10%);   
  width: 100%; 
  height: 29px; 
  font-size: 12px;
  line-height: 2;
 }
 .logoempresa
 {
  height: 4vh;
 }
 .logoempresa img
 {
  margin-top: 0px;
  margin-left: 35%;
  width: 30%;
 }
 .modulo a#btn_clientes,a#btn_vendedores
 {
  font-size: 12pt;
 }
}