/*estilos para la seccion de consulta y resultado del certificado de calibracion.*/
*{ font-family:Myraid Pro;}
body{ margin:0; border:0; overflow-x: hidden;}
/*estilos para los elementos de la seccion de consiulta*/
#contender{height: 430px; background-color:#a3a4a5; margin:270px auto 0 auto;}
#estatus{ text-align:center;background-color:#a3a4a5;}
#nom_mod{ color:#FFF; font-size:45px; font-family:Myraid light; margin-top:0px;}
#estatus img{margin-top: 38px;}
#num_orden{ background-color:#a3a4a5; margin:-2px auto 0 auto;}
#id_servicio{text-align:center; color:#FFF; font-size:28px; font-family:Myraid light; letter-spacing:1px; margin-top:-20px;}
#orden_serv{ margin:-58px auto 0 auto; background-color:#a3a4a5; height:60px; width:1350px;}
#tu_num_orden{ font-family:myraid semibold; font-size:18px; color:#FFF; margin-top:4px; margin-left: 289px; letter-spacing:1px;}
#naver{margin-top: 80px; margin-left:0;}
#naver ul li{float: left;list-style: none; margin-left:4px;}
#introduce_num_orden {width: 522px; height:28px; font-size:27px;}
#enviar_solicitud{background-color:#52bdec;border:0;color:white;border-radius:15px;cursor:pointer; width:430px; margin-left:0px; margin-top:45px; height:28px; font-family:myraid light;font-size:20px; letter-spacing:8px;}
/*estilos para la seccion de resultado de la consulta*/
#almacenr{ margin:300px auto 0 auto;}
#recipiente{ margin:0 auto 0 auto; background-color:#a3a4a5; width:1148px; height:693px; padding-top:50px;}
#inventario{ margin:0 auto 0 auto; width:1041px; height:413px; background-image:url(../img/fondocertificado.jpg)}
#ngr{ font-family:myraid semibold;}
#nc{height:70px;padding: 16px 170px 0;font-size: 45px;color: white;font-family: myraid light;}
#mc, #ml, #ns{ text-align:center; padding: 40px 0 0px 0px; text-align: center; font-size: 35px;font-family: myraid semibold;
    color: #2e3192;}
#fc {text-align: right; padding: 38px 240px 0px 0; font-family: myraid semibold; color: #2e3192;}
#generic{ color:#a3a4a5;}
#inf{color:white; text-align:center;padding-top: 40px;font-size: 25px;}
#exit {cursor:pointer;background-color: #52bdec;font-size: 26px;border: 0;border-radius: 20px;width: 300px;color: white;letter-spacing: 8px;}
#button { padding: 60px 0px 0px 415px;}

/*diseño web responsivo para ambas secciones la consulta y el resultado de la consulta*/
@media (max-width:1200px)
{#contender{ margin:412px auto 0 auto;}
 #almacenr{ margin:450px auto 0 auto;} 
 #recipiente{ width:100%;}
 #inventario{ width:90%; background-size:100% 100%;} 
 }
@media (max-width:1050px)
{#orden_serv{ width:1000px;}
 #tu_num_orden{ margin-left:25px;}
 #contender{ margin:410px auto 0 auto;}
 #fc{ text-align:center; padding:38px 0 0 0;}
 #button{ padding:60px 0 0 35%;}}

@media (max-width:892px)
{#nc{ padding:16px 1% 0; font-size:40px;}}

@media (max-width:790px)
{#orden_serv{ width:100%;}
 #enviar_solicitud{width:45%;}
 #introduce_num_orden{ width:100%;}
 }
@media (max-width:580px)
{#contender{ margin:420px auto 0 auto;}
 #enviar_solicitud{font-size:12px; margin-top:0px; margin-left:24%;}
 #naver ul li{ float:none;}
 #introduce_num_orden{ width:88%;}
  #button{ padding:20px 0 0 20%;}
  #exit{ width:90%;}
 }
@media (max-width:515px)
{#contender{height:510px;}
 #enviar_solicitud{letter-spacing:1px;}}
@media (max-width:410px)
{#nc{ font-size:30px;}
 #button{ padding:20px 0 0 10%;}}
@media (max-width:355px)
{#contender{ height:595px;}
#mc, #ml, #ns{font-size:26px;}}
