/* ============================   INDEX ===========================================  */
.usu{
             font-family: 'OpenSansBold', sans-serif;
             font-size: 18px;
             color:#1565C0;

        }

  .boton{
    width: 200px;
    padding: 8px;
    font-size: 18px;
    margin-top:10px;
    background-color: #20A0EE;
    border-radius: 5px 5px 5px 5px;
    color:#ffffff;
    cursor:pointer;
    }

 .boton:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}

.cajalogin{   
   margin: 10px 0px 30px 0px;  
   width: 50%;
   height: 30px;
   padding: 2px;
   font-size: 15px;
   color:#fff;
   background: rgba(0,0,0,0.3);
   display: inline-block;
  } 

#caja{
   background: url("imagenes/esculapio.png") no-repeat center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: 45%;
   height: 400px;
   width: 30% ;
   margin-left:33%;
   margin-top: 5%;
   text-align: center;
   border:2px solid #1565C0;
   box-shadow: 10px 10px 30px #000;
  }

 
.titulo{
  float:left;
  width:60%;
  margin-left: 20%;
  text-align: center;
  border-radius:5px;
  color:#20A0EE;
  font-size:17px;
  border: 1px solid #20A0EE;
 
  margin-bottom: 2%;
}
#tituloCabeceraLogin{
  width:86%;
  margin-left: 7%;
  color:#FFA500;
  font-weight: bold;
  text-align: center;
 font-family: "Consolas", monospace;
}
#tituloCabeceraLogin2{
  width:86%;
  margin-left: 7%;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
 font-family: "Consolas", monospace;
}
/* =================================== CABECERA ==================================== */


.nav{
    float: left;
    width: 100%;
}
.nav> li {
border-radius: 5px;
float:left;
}
 
.nav li a {

color:#FFF;
font-family: "Consolas", monospace;
font-size: 14px;
display:block;

border-left: 1px solid #2AA6E8;

padding:7px 8px;
    background:#20A0EE;
    background: -moz-linear-gradient(#20A0EE,#2AA6E8);
    background: -webkit-linear-gradient(#20A0EE,#2AA6E8);
    background: -o-linear-gradient(#20A0EE,#2AA6E8);
    background: -ms-linear-gradient(#20A0EE,#2AA6E8);
    background: linear-gradient(#20A0EE,#2AA6E8);
}

.nav li a:hover {
background: blue;

}
.nav li ul {
display:none;
position:absolute;
min-width:151px;

}

.nav li:hover > ul {
display:block;
opacity: 1;
}


.nav li ul > li {
position:relative;

}
 
.nav li ul li ul {
right:-151px;
top:0;
}

.nav li a:not(:last-child) .flecha {
display: inline;
}



   .menu{
          float: left;
          width:40%;
          height: 20px;
          margin-left: 7%;
          margin-top:20px;
          }
          .presentacion{
          float: left;
          width:40%;
          height: 45px;
          margin-left: 6%;
          }
          .logo{
            float: left;
            margin-left: 7%;
            margin-top:0px;
            height: 90px;
            width:10%;
           }

          .data{
                    float: left;
                    margin-top: 10px;
                    margin-left: 2%;
                    height: 80%;
                    width: 19%;
                    color: blue;
                   font-size: 19pt;
           }


/* ===================================  PRINCIPAL ===================================*/
 .cabecera{     
    width: 100%;
    height: 80px;
    left: 0; /* Posicionamos la cabecera al lado izquierdo */
    top: 0; /* Posicionamos la cabecera pegada arriba */
    border-bottom: 6px solid rgba(235,233,249,1);     
} 
   .iconos{
    float: left;
        border-radius:5px;
        border: 1px solid #999;
        width:10%;
        margin-left: 3%;
        height:auto;
        padding:15px;
        background-size: 99% 99%;
        background-repeat:no-repeat;
        background-size: cover;
        margin-top: 2%;
       
 }

#cuerpo
      {
        float: left;
        margin-top: 120px;
        width:73%;
        height: 190px;
        margin-left:12%;
        border:1px solid #CACFD2;
        border-radius:5px;
        padding-top: 1%;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
      }
 .imag{
    width: 99%;
    height: auto;
 }
  .pie{
      
       width:98%;
       margin-left:0;
       height: 20px;
       padding-top:5px;
       text-align: center;
       font-size:8pt;
       position: fixed;
       bottom:0;
    }
   .labelForm{
      float: left;
      font-family: "Consolas", monospace;
      font-size: 15px;
      width:23%;    
      margin-left: 1%;
  }


  .labelForm1
    {
     float: left;
     font-family: "Consolas", monospace;
    font-size: 15px;
    width:13.5%;
    display:block;
    margin-left: 2%;
  }
    .labelForm2
    {
     float: left;
      font-family: "Consolas", monospace;
    font-size: 15px;
    width:12.5%;
    display:block;
  }
     .labelForm3
    {
     float: left;
      font-family: "Consolas", monospace;
    font-size: 13px;
    width:8%;
    padding-left: 1%;
  }
     .labelForm4{
      float: left;
      font-family: "Consolas", monospace;
      font-size: 15px;
      width:45%;    
      margin-left: 2%;
  }
.cajapac{
  float:left;
  max-width: 60px;
}
.cajaCreaP{
  min-width: 220px;
}
/* ==================================== INGRESAR PACIENTE  ======================= */
  #contenidoIngPac{
    width:62%;
    height: 410px;
    margin-top: 30px;
    border: 1px solid #CACFD2;  
    font-family: sans-serif;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
  }
.botonIngresaPac{
  width: 18%;
  padding: 4px;
  font-size: 15px;
  margin-top: 10px;
  background-color: #20A0EE;
  border-radius: 5px 5px 5px 5px;
  color:#ffffff;
  cursor:pointer;
  font-family: 'OpenSansBold', sans-serif;
  transition: all 0.2s ease;
}
.botonIngresaPac:hover{
color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}
.muestraDatos{
  float: left;
  width:55%;
  max-width:100px;
  text-align:left;
  padding-left: 1%;
}
 .ubic{                
    float: left;
    width:60%;
    font-size: 11pt;
    margin-bottom: 1%;
    text-align: left;
  }
  
.span2 {
    max-width:120px;
    float:left;
    font-size:12;
}

.cajafecha {
    font-size:12px;
    max-width:100px;
    margin-left:2%;
}
/* ========================================== NUEVA CONSULTA  ======================= */
.datosPaciente{
float: left;
width: 90%;
margin-top: 10px;
margin-left: 5%;
height: 150px;
border: 1px solid #20A0EE;
border-radius:5px;
    }
#antecedentes{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 360px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#diagnostico{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 230px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#modConsulta{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 280px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
 .titulonc{
           float:left;
            width:30%;
            margin-left:32%;
            margin-top: 10px;
            text-align: center;
            border-radius:5px;
            color:#1565C0;
            font-size:20px;
           font-family: "Consolas", monospace;
           border-bottom:1px solid #1565C0;
            margin-bottom: 1%;
        }
.labelInfo
{
    font-family: "Consolas", monospace;
    font-size:14px;
}

#mostrarTblDiag{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    height: 130px;
    overflow: scroll;
}
#formula{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 430px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#mostrarFormula{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    height: 250px;
    overflow: scroll;
    margin-bottom: 20px;
}
#menuConsul{
    width: 50%;
    margin-left: 30%;
    float: left;
    height: 50px;
}
#pestana1 a{
    font-size: 14pt;
}
#pestana2 a{
    font-size: 14pt;
}
#pestana3 a{
    font-size: 14pt;
}
#pestana4 a{
    font-size: 14pt;
}
/* ======================================= SUBJETIVA ================================== */
#infAdicional{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 150px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
.porsistemas{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;;
 height: 230px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#signosv{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;;
 height: 200px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#paraclinicos{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;;
 height: 210px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}

/* =======================================  CSS DEL ARCHIVO ESTILO.CSS ==================== */

.contenedor{
    width: 1080px;
    margin: auto;
    height: 3350px;
    margin-top: 30px;
    margin-bottom: 30px;
 /* background: #E5E8E8; */
    background: #E4EFF7;
    border: 1px solid #CACFD2;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
}

.contenedor .titulo{
    font-size: 3.5ex;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px;
}

#pestanas {
    float: top;
    font-size: 3ex;
    font-weight: bold;
}

#pestanas ul{
    margin-left: -40px;    
}

#pestanas li{
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0px 2px -2px -0px;
    background: blue;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 2px white;
    border-bottom: #336BFF;
    padding: 0px 20px 0px 20px;
}

#pestanas a:link{
    text-decoration: none;
    color: white;
}

#contenidopestanas{
    clear: both;  
    background: #E5E8E8;
    padding: 20px 0px 20px 20px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border: 2px solid #336BFF;
    width: 1025px;
}

.txtAntec{
    margin-left: 5%;
    min-width: 680px;
}
.txtAntec2{
    min-width: 625px;
}

  .labelAntec{
      float: left;
      font-family: "Consolas", monospace;
      font-size: 13px;
      width:90%;
      display:block;
  }
  .labelAntec1{
      float: left;
      font-family: "Consolas", monospace;
      font-size: 13px;
      width:10%;
      display:block;
  }
#tblDiagnost{
    width: 70%;
    float: left;
    margin-left: 5%;
    border: 1px solid red;
    height: 200px;
}

/*  =========================================   HACIA ARRIBA  ======================= */
     .principal{
            background: url("imagenes/fondo_principal.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            }
          #salir{
          float: left;
             margin-top: 30px;
            }

/* ---------------------------------BUSCAR PACIENTES  -------------------------------  */
   #contenidoBuscarPac{
        margin-top: 50px;
        width: 70%;
        height: 370px;
        margin-left:15%;
        border: 1px solid #CACFD2;
        padding-bottom: 10px;
        margin-bottom: 30px;
        background: #E4EFF7;
        color: black;
        padding: 20px 15px 50px 50px;
        border-radius: 10px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
            
        }
 
        #mostrar{
            float: left;
            width:95%;
            margin-left: 2%;
            height: 50%;
            overflow: scroll;
          
        }

      .boton2{
            width: 90%;
            padding: 4px;
            font-size: 12px;
            background-color: #20A0EE;
            border-radius: 5px 5px 5px 5px;
            color:#ffffff;
            cursor:pointer;
            font-family: 'OpenSansBold', sans-serif;
            transition: all 0.2s ease;
            }
    
.boton2:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}
            #titulo{
            float:left;
            width:80%;
            margin-left: 10%;
            text-align: center;
            border-radius:5px;
            color:white;
            font-size:20px;
            border: 1px solid #D5D8DC;
            background-color:#1565C0;
            margin-bottom: 2%;
            }
           
   

/* =======================================  INGRESAR PACIENTES  ================================= */

.tituloIngPac{
            float:left;
            width:70%;
            margin-left: 15%;
            text-align: center;
            border-radius:5px;
            color:white;
            font-size:17px;
            border: 1px solid #D5D8DC;
            background-color:#1565C0;
            margin-bottom: 2%;
            }
 #ubicIngP{                
                float: left;
                width:60%;
                font-size: 11pt;
                margin-bottom: 1%;
                }
/* =========================================  INFORME PACIENTES =========================== */
#contenidoPacte{
    width: 90%;
    float: left;
    margin-left: 5%;
    height: 500px;
    
}
#listadoPacte{
    width: 94%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
    overflow: scroll;
}
/* ===========================================  GENERAR FORMULA ======================= */
#contFormula{
    width: 90%;
    float: left;
    height: 500px;
    margin-left: 5%;
}
#historialConsul{
    width: 70%;
    margin-left:14%;
    margin-top: 1%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
    overflow: scroll;
}
#historialConsulab{
    width: 70%;
    margin-left:14%;
    margin-top: 1%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
    overflow: scroll;
}
#ventanaConsultas{
    width: 90%;
    margin-left:3%;
    margin-top: 2%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
}
/* ===================================== REGISTER ========================= */
#formularioRegister{
    width: 35%;
    margin-left:30%;
    margin-top: 2%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 385px;
}
#contenidoregister{
    width: 90%;
    margin-left: 5%;
    float: left;
    height: 500px;
}
.cajaloginUsu{
    font-size: 14px;
    width: 70%;
    margin-left: 11%;
    height: 22px;
    padding-left: 1%;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -o-border-radius: 4px;
}
.botonReg{
    width: 20%;
    margin-left: 36%;
    padding: 4px;
    font-size: 15px;
    background-color: #1565C0;
    border-radius: 5px 5px 5px 5px;
    color:#ffffff;
    cursor:pointer;
}
 .botonReg:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 4px 16px rgba(49, 138, 172, 1);
  transition: all 0.2s ease;
}
.botonE{
    width: 20%;
    padding: 8px;
    font-size: 15px;
    background-color: red;
    border-radius: 5px 5px 5px 5px;
    color:#ffffff;
    cursor:pointer;
    font-family: 'OpenSansBold', sans-serif;
}
#llamarUsu{
    float: left;
    width:90%;
    margin-left:5%; 

}
#encab{
    width: 35%;
    margin-left:30%;
    margin-top: 1%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 10px 50px 40px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 410px;   
}
/* ==================================== FORMULARIO NOTAS  ====================  */
#contenidonotas{
    width: 90%;
    margin-left: 5%;
    float: left;
    height: 500px;
}
#contNotas{
   width: 70%;
    margin-left:15%;
    margin-top: 1%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 230px;
}
#quitardiag{
    width:90%;
    float: left;
    margin-left: 5%;
    height: 130px;
    overflow: scroll;
}
#contAgregarDg{
    width:90%;
    float: left;
    margin-top: 1%;
    margin-left: 5%;
    height: 140px;
   
}
#laboratorios{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 230px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#mostrarTblLabs{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    height: 130px;
    overflow: scroll;
}

/* =========================================  INCAPACIDADES  ========================= */
#contenidoIncap{
    width: 90%;
    float: left;
    margin-left: 3%;
    height: 500px;
}
#cuerpoIncap{
    width: 80%;
    margin-left:10%;
    margin-top: 1%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
}

.cajaDiag {
    max-width:350px;
}
/* ======================================= TABLAS IMPRIMIR ========================= */
#tablaIzq{
    width: 32%;
    float: left;
    height: 280px;
    margin-left: 2%;
    overflow: scroll;
}
#tablaCentro{
    width: 36%;
    float: left;
    height: 280px;
    margin-left: 1%;
    overflow: scroll;
}
#tablaDer{
    width: 24%;
    float: left;
    height: 280px;
    margin-left: 1%;
    overflow: scroll;
}
/* ==============================  AGENDAMIENTO DE CITAS  ================================ */
.agendamcitas{
    width: 90%;
    float: left;
    margin-left: 5%;
    height: 530px;
}
#contenidoTablas{
    width: 80%;
    float: left;
    margin-left: 10%;
    height: 350px;
    margin-top: 3%;
 
    border-radius: 5px;
    padding: 1%;
}
#campoProgramcitas{
    width:58%;
    margin-top: 1%;
    margin-left:1%;
    float: left;
    height: 70%;
}
#agendadas{
    width: 70%;
    float: left;
    margin-left:12%;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 55%;
    overflow: scroll;
}
#agendaDiaria{
    width: 35%;
    float: left;
    margin-top: 2%;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 30px 30px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 70%;
    overflow: scroll;
}
/* =========================================  INFORME CONSULTAS MEDICAS ==================== */
#contInforme{
    width: 90%;
    float: left;
    height: 500px;
    margin-left: 5%;
}
#ventanaInformes{
    width: 80%;
    margin-left:7%;
    margin-top: 2%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 73%;
}
#tablaIzqInf{
    width: 46%;
    margin-top:2%;
    float: left;
    height: 280px;
    margin-left: 2%;
    overflow: scroll;
    margin-bottom: 2%;
}
#tablaDerInf{
    width: 46%;
    float: left;
    margin-top:2%;
    height: 280px;
    margin-left: 2%;
    overflow: scroll;
    margin-bottom: 2%;
}
/* ================================ COMPLETAR INFO PACIENTE  ===================== */
  #contenComplPac{
    width:62%;
    margin-left:18%;
    height: 410px;
    margin-top: 30px;
    border: 1px solid #CACFD2;  
    font-family: sans-serif;
    margin-bottom: 30px;
    background: #E5E8E8;
    color: black;
    padding: 20px 15px 50px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
  }
/* =========================================  MODULO PARAMETROS ======================  */
#contenParametros{
    width: 90%;
    float: left;
    margin-left: 5%;
    height: 500px;
}
  #cuerpoParam{
    width:62%;
    margin-left:18%;
    height: 320px;
    margin-top: 80px;
    border: 1px solid #CACFD2;  
    font-family: sans-serif;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
  }

  /* ======================================  PERMISOS ======================================= */
  #encabPermisos{
    width: 60%;
    margin-left:15%;
    margin-top: 4%;
    float: left;
    margin-bottom: 30px;
    background: #E4EFF7;
    color: black;
    padding: 20px 15px 50px 50px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
    height: 340px;   
}
/* =======================================  MODULO CONSULTAS LABORALES ============================= */
#datosPacienteLab{
float: left;
width: 80%;
margin-top: 10px;
margin-left: 3%;
height: 130px;

    }
#fotopacte{
float: left;
width: 60%;
margin-bottom: 15px;
height: 20px;
border-radius:5px;
margin-left:6%;
    }
  #contenidoIngFoto{
    width:62%;
    margin-left:17%;
    height: 210px;
    margin-top: 130px;
    border: 1px solid #CACFD2;  
    font-family: sans-serif;
    margin-bottom: 30px;
    background: #E5E8E8;
    color: black;
    padding: 20px 15px 50px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
  }
  .muestraTabla{
    float: left;
    width:93%;
    margin-top:10px;
    border: 1px solid gray;
    height: 100px;
    margin-left: 8%;
    border-radius: 5px;
    overflow: scroll;
    margin-bottom:10px;
  }
  .antecOcup
  {
    width: 94%;
    float:left;
    margin-left:8%;
    height: 120px;
  }
  #ordimagenes{
 width: 90%;
 float: left;
 border:1px solid #20A0EE;
 height: 230px;
 margin-left: 5%;
 border-radius:5px;
 margin-top: 10px;
}
#mostrarTblImags{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    height: 130px;
    overflow: scroll;
}
#contSubir
      {
        float: left;
        margin-top: 20px;
        width:50%;
        height: 190px;
        margin-left:25%;
        border:1px solid #CACFD2;
        border-radius:5px;
        padding-top: 1%;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
        background: #E4EFF7;
      }
 .galer{
    width: 38%;
    height: auto;
 }

 #contImg
 {
float: left;
margin-top: 30px;
width: 90%;
height:450px;
margin-left:5%;
}
.gal{
float: left;
width:30%;
height: 250px;
margin-left:12%;
margin-top:3%;
padding-bottom: 1.5%;

}

#contenedorImagenes{
    float: left;
    width:90%;
    margin-left:5%;
}
/* =======================================  MEDIA QUERY ============================= */

@media (max-width:1360px){
     .data{
        font-size: 16pt;
       }
}

@media (max-width:1360px){
     .nav li a{
        font-size: 10px;
       }
}

@media (max-width:1360px){
     .cajalogin{
         height: 20px;
         font-size: 12px;
          margin: 5px 0px 20px 0px;  
       }
}

@media (max-width:1360px){
     #caja{
         height: 300px;
         background-size: 40%;
         margin-top: 5%;
       }
}
 @media (max-width:1360px){
     .iconos {
        padding:10px;
        margin-top: 4%;
       }
}
 @media (max-width:1360px){
     .labelForm {
        font-size: 11px;
        width:20%;
       }
}

 @media (max-width:1360px){
     .labelForm4 {
        font-size: 11px;
        width:45%;
       }
}

 @media (max-width:1360px){
     .labelForm3 {
        font-size: 11px;       
       }
}

 @media (max-width:1360px){
     .span2 {
        font-size: 11px;
       }
}

 @media (max-width:1360px){
     .cajafecha {
        font-size: 10px;
       }
}
 @media (max-width:1360px){
     .labelInfo {
        font-size: 12px;
       }
}

 @media (max-width:1360px){
     .cajaCreaP {
        font-size: 12px;
         max-width: 50px;
       }
}
 @media (max-width:1360px){
     .cajaDiag {
        font-size: 12px;
         max-width: 300px;
       }
}
 @media (max-width:1360px){
     .botonReg {
        font-size: 12px;
       }
}