/*LETRA GENERAL DE LOS TEXTOS, TIPO DE LETRA Y COLOR*/

body p {
    color      : #3B3A3A !important;
    font-size  : 22px !important;
    font-family: poppins-extralight, poppins, sans-serif;
}

body li p {
    color      : #3B3A3A !important;
    font-size  : 21px !important;
    font-family: poppins-extralight, poppins, sans-serif;
}


body .textoletracursiva {
    color      : #AA0000 !important;
    font-style : italic;
    font-weight: bolder;
}

/*END*/

/*TEXTO DE TITULOS GENERAL SECCCION NOSOTROS, NUESTROS CLIENTES, CONTACTO Y CONSULTORIA ORACLE */

.tituloGeneral {
    text-align : center;
    color      : #000000;
    font-weight: 900;
    font-size  : 280%;
}


/*LINEAS  DE TITULOS GENERAL SECCION NOSOTROS, NUESTROS CLIENTES, CONTACTO Y CONSULTORIA ORACLE*/

.lineasgeneral {
    content         : "";
    width           : 100px;
    height          : 11px;
    background-color: #AA0000;
    display         : block;
    margin          : 0px 0px 51px calc((100% - 93px) * 0.5);
}


/* LOGO MENU */
#one {
    width     : 24%;
    height    : auto;
    /* display: block; /* junto con el margin centra imagen*/
    margin    : left;
}



/* QUIENES SOMOS */

.tituloquienessomos {
    font-size  : 40px;
    color      : #AA0000;
    font-weight: bold;
    font-family: poppins-semibold, poppins, sans-serif;
}


/*CONTENEDOR IMAGENES ORACLE PARTNER*/
.contenedorpartner {
    width              : 80%;
    height             : 30vh;
    margin-left        : 10%;
    /* background-color: #AA0000; */
}

.subcontenedorpartner {
    width              : 44%;
    height             : 30vh;
    float              : left;
    /* background-color: violet; */
}

.alineaimagenPartner {
    width     : 60%;
    height    : auto;
    box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
    margin-top: 5%;
}

.alineaimagenPartner1 {
    width      : 19%;
    height     : auto;
    margin-left: 7%;
    box-shadow : rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.alineaimagenPartner2 {
    width      : 50%;
    margin-left: 29%;
}


/* TEXTO QUIENES SOMOS 

.textoquienessomos {
    font-weight: bolder;
    font-size  : 25px;
    color      : #AA0000;
    font-style : italic;
    margin-top : 5%;

}*/

/* TEXTO QUIENES SOMOS1 */

.textoquienessomos1 {
    font-weight   : bolder;
    color         : #3B3A3A;
    font-size     : 22px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;

}


/* CONTENEDOR IMAGEN MUNDO */

.contenedorimagenmundo {
    background-image: url(/assets/imagenes/mundo.jpg);
}

/* IMAGEN FONDO MUNDO*/

/*.contenedorfondomundo {
    /*background-image : url(../imagenes/mundo.jpg);
    background-repeat: no-repeat;
    background-color: #5c0000;
    width            : 100%;
    height           : 623px;
}*/

.contenedorfondomundo video {
    width : 100%;
    height: 100%;
}

.contenedorfondomundo source {
    width : 100%;
    height: 100%;
}



/* TEXTO NUESTROS SERVICIOS*/

.titulonuestrosservicios {
    font-size    : 40px;
    color        : #FFFFFF;
    font-weight  : bold;
    font-family  : poppins-semibold, poppins, sans-serif;
    margin-left  : 2%;
    margin       : 15px 713px 15px 158px;
    margin-top   : 0%;
    margin-bottom: 4%;

}

.textonuestrosservicios {
    font-family  : poppins-semibold, poppins, sans-serif;
    text-align   : justify;
    margin       : 15px 195px 15px 195px;
    font-size    : 22px;
    font-weight  : bold;
    color        : #F2F2F2;
    line-height  : 1.6em;
    margin-bottom: 4%;

}

.textonuestrosservicios1 {
    font-family: poppins-semibold, poppins, sans-serif;
    font-weight: bolder;
    color      : #F2F2F2;
    line-height: normal;
    font-size  : 23px;

    margin: 15px 180px 15px 180px;

}

/*CONTENEDOR DE IMAGENES DE ORACLE DENTRO DE CONTENEDOR NUESTROS SERVICIOS*/
.contenedorserviciosoracle {
    width              : 100%;
    height             : 30vh;
    /* background-color: #000000; */
    margin-top         : 2%;
    position           : absolute;

}

.imagserviciooracle {
    width           : 20%;
    height          : 20vh;
    background-color: #FFFFFF;
    margin-left     : 10%;
    float           : left;
    /*box-shadow    : #FFFFFF 10px 10px;*/
    box-shadow      : rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;

}

.imagserviciooracle img {
    width     : 100%;
    object-fit: contain;
    top       : 25%;

}

.imagserviciooracle1 {
    width           : 20%;
    height          : 20vh;
    margin-left     : 10%;
    background-color: #FFFFFF;
    float           : left;
    margin-top      : 10%;
    box-shadow      : rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.imagserviciooracle1 img {
    width     : 100%;
    object-fit: contain;
    top       : 25%;

}

.contenedorbotonymas {
    margin-top : 14%;
    font-size  : 24px !important;
    color      : #AA0000 !important;
    font-weight: bold;
    text-align : center;
    font-family: poppins-semibold, poppins, sans-serif;
}


/* CONTENEDOR DTI NOS DISTINGUIMOS*/

.contenedor {

    width            : 100%;
    height           : auto;
    object-position  : 50% 50%;
    background-image : url("../imagenes/fondo3.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    margin-top       : 5%;
}


/* CONTENEDOR TEXTO DTI NOS DISTINGUIMOS*/

.contenedortexto {
    text-align: center;
    padding   : 32px;
}


/* TEXTO DE PRIMERAS BIÑETAS */
.textobiñetas1 {
    font-weight   : bolder;
    color         : #3B3A3A;
    font-size     : 22px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;
}


/* TEXTO INICIO DEL MENU*/

.iniciomenu {
    color: #FF0000;
}


.contenedorVideoInicio video {
    width : 100%;
    height: 100%;
}

.contenedorVideoInicio source {
    width : 100%;
    height: 100%;
}



/* CONTENEDOR TITULO NOSOTROS*/

.titulonosotros {
    width           : 100%;
    height          : 20%;
    background-color: #FFFFFF;
    margin-top      : 0%;
    margin-bottom   : -3%;
}


/* LINEA NOSOTROS

.lineanosotros
{
    content: "";
    width: 100px;
    height: 11px;
    background-color:  #AA0000;
    display: block;
    margin: 0px 0px 51px calc((100% - 93px) * 0.5);
} 
*/

/* TEXTO NOSOTROS*/

.textonosotros {
    text-align: center;
    color     : #000000;
}



/* CONTENEDOR DEL TEXTO ORACLE*/

.contenedororacle {
    width            : 45%;
    height           : 18%;
    background-color : #5c0000;
    background-image : url(../imagenes/fondo3.jpg);
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    margin-top       : 35%;
    margin-bottom    : 10%;
}

/* TEXTO ORACLE*/

.textooracle {
    font-weight: bold;
    color      : #FFFFFF;
    display    : block;
    text-align : center;
    padding    : 25px 25px 30px 25px;


}


/* CONTENEDOR DE INNOVACION TECNOLOGICA*/
.contenedorinnovatec {
    width            : 75%;
    height           : auto;
    background-color : #5c0000;
    background-size  : 109% 100%;
    background-repeat: no-repeat;
    margin-left      : 25%;
    margin-top       : 14%;
    background-image : url(../imagenes/fondo3.jpg);


}

/* TEXTO INNOVACION TECNOLOGICA*/

.textoinnovatec {
    font-weight: bold;
    color      : #FFFFFF;
    display    : block;
    text-align : center;
    padding    : 30px 25px 30px 70px;


}


/* TEXTO BRINDAMOS SOLUCIONES TECNOLOGICAS*/

.textosoluctec {
    font-weight: bolder;
    color      : #000000;
    font-size  : 25px;
    text-align : justify;
    line-height: 1.6em;
    width      : 120%;
    height     : auto;
    margin-left: 14%;
    margin-top : 7%;


}

/* CONTENEDOR DE IMAGEN BRINDAMOS SOLUCIONES TECNOLOGICAS */

.contenedorimgbrindsol {
    background-image : url(../imagenes/imagen8.png);
    width            : 155%;
    height           : 71%;
    background-repeat: no-repeat;
    background-size  : 100% 85%;
    margin-top       : 10%;
}

/* CONTENEDOR DE SECCION IMAGEN DERECHA DE INNOVACION TECNOLOGICA  */

.contenedorseccioninovacion {
    width            : 80%;
    height           : auto;
    background-repeat: no-repeat;
    margin-left      : 32%;
    color            : #FFFFFF;
}


/* CONTENEDOR TITULO CONTACTO*/

.titulocontacto {
    width           : 100%;
    height          : 20%;
    background-color: #FFFFFF;
    margin-top      : 5%;
    margin-bottom   : -3%;
}

/* LINEA CONTACTO

.lineacontacto
{
    content: "";
    width: 100px;
    height: 11px;
    background-color:  #AA0000;
    display: block;
    margin: 0px 0px 51px calc((100% - 93px) * 0.5);
}
*/

/* TEXTO CONTACTO*/

.textocontacto {
    text-align : center;
    color      : #000000;
    font-weight: 600;

}

/* IMAGEN CONTACTO*/
.logocontacto {
    width     : 95%;
    height    : auto;
    margin-top: 5%;
}


/* TEXTO INFORMACION CONTACTO*/
.textooficinaprincipal {
    text-align   : left;
    color        : #000000;
    margin-bottom: 8%;
    font-weight  : revert;
    font-size    : 160%;
}

.textodireccion {
    font-weight   : bolder;
    color         : #000000;
    font-size     : 25px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;

}

.textocorreo {
    font-weight   : bolder;
    color         : #000000;
    font-size     : 25px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;

}



/* TITULO NUESTROS CLIENTES*/
.titulonuestrosclientes {
    width           : 100%;
    height          : 20%;
    background-color: #FFFFFF;
    margin-top      : 5%;
    margin-bottom   : 0%;
}

.textonuestrosclientes {
    text-align: center;
    color     : #000000;
}


/*CONTENEDOR NUESTROS CLIENTES*/

.contenedornuestrosclientes {
    width             : 80%;
    height            : 115vh;
    margin-left       : 10%;
    /*background-color: #AA0000;*/
}

.subcontenedorcliente {
    width             : 33.3%;
    height            : 27vh;
    /*background-color: rgb(102, 255, 0);*/
    float             : left;
    /*box-shadow      : rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
}

.alineaImagenCliente {
    display: block;
    margin : auto;
    padding: 25px 0px;
}

.alineaImagenTeleToks {
    position     : absolute;
    margin-left  : 8%;
    margin-top   : 0%;
    margin-bottom: 2%;
}

.alineaResponsiTeleToks {
    display: none;
}



/* LINEA NUESTROS CLIENTES

.lineanuestrosclientes
{
    content: "";
    width: 100px;
    height: 11px;
    background-color:  #FF0000;
    display: block;
    margin: 0px 0px 51px calc((100% - 93px) * 0.5);
}
*/



/* CONTENEDOR DESAROLLO DE APLICAIONES MOVILES */
.contenedordesaapp {
    margin-bottom: 8%;

}

.contenedorVideoDesaApp {
    /*   background-color: #aa0000;*/
    width     : 100%;
    height    : auto;
    margin-top: 20.5%;
}

.sectionaplicacionmovil {
    height: 92vh;
}

.contenedorVideoDesaApp video {
    width : 100%;
    height: 100%;

}

.contenedorVideoDesaApp source {
    width : 100%;
    height: 100%;
}




/* TEXTO DESAROLLO DE APLICAIONES MOVILES */
.subtituloaplicacionmovil {
    font-weight   : bold;
    color         : #AA0000;
    font-size     : 38px;
    letter-spacing: normal;
    font-family   : poppins-semibold, poppins, sans-serif;
}

/* BIÑETAS DESARROLLO DE APLICACIONES */
.textoaplicacionesmoviles {
    font-weight: 400;
    color      : #000000;
    font-size  : 139%;
    text-align : justify;

}


/* CONTENEDOR REALIDAD AUMENTADA */

.contenedorvideoRealidadAumentada {
    margin-top: 23%;
}

.contenedorvideoRealidadAumentada video {
    width : 100%;
    height: 100%;
}

.contenedorvideoRealidadAumentada source {
    width : 100%;
    height: 100%;
}

/* TEXTO REALIDAD AUMENTADA */

.contenedorreaAumentada {
    margin-bottom: 8%;
}

.subtitulorealidadaumentada {
    font-weight: bold;
    color      : #AA0000;
    font-size  : 38px;
    font-family: poppins-semibold, poppins, sans-serif;
}

.textorealidadaumentada {
    font-weight   : bolder;
    color         : #000000;
    font-size     : 25px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;
    margin-top    : 5%;
}

/*
.textorealidadaumentada1 {
    font-weight: bolder;
    font-size  : 26px;
    color      : #AA0000;
    font-style : italic;
    margin-top : 5%;
}*/


/* TEXTO DESAROLLO DE PROYECTOS DE REALIDAD VIRTUAL */

.contenedorreavirt {
    margin-bottom: 8%
}

.subtitulorealidadvirtual {
    font-weight: bold;
    color      : #AA0000;
    font-size  : 38px;
    text-align : right;
    font-family: poppins-semibold, poppins, sans-serif;
}

.textorealidadvirtual {
    font-weight   : bolder;
    color         : #000000;
    font-size     : 25px;
    text-align    : justify;
    line-height   : 1.6em;
    letter-spacing: normal;
}

/*
.textorealidadvirtual1 {
    font-weight: bolder;
    font-size  : 25px;
    color      : #AA0000;
    font-style : italic;
    margin-top : 5%;
}*/

/* CONTENEDOR SOLUCIONES MECATRONICAS */
.contenedorsolmecatron {
    width            : 72%;
    height           : auto;
    background-color : #5c0000;
    background-size  : 100% 100%;
    background-repeat: no-repeat;
    background-image : url(../imagenes/fondo4.jpg);
}

.textosolmecatron {
    font-weight: bold;
    color      : #FFFFFF;
    display    : block;
    text-align : center;
    padding    : 30px 25px 30px 70px;
}

.subtitulosolmecatron {
    font-weight: bold;
    color      : #AA0000;
    font-size  : 38px;
    text-align : left;
    font-family: poppins-semibold, poppins, sans-serif;
}

/*SOLUCIONES MECATRONICAS IMAGENES*/

.seccionsolucionesmeca {
    margin-top: 2%;
}

.contenedorbiñetassolucionesmeca {
    margin-top: 5%;
}

.contenedorImagenesDti {
    width : 100%;
    height: 100%;
}


.contenedorBox1 {
    width      : 58%;
    height     : auto;
    background : #FFF;
    margin     : 40px auto;
    margin-left: 42%;
}

.imgenContenedor1 {
    width     : 100%;
    height    : auto;
    margin-top: 5%;
}


.contenedorBox2 {
    width      : 58%;
    height     : auto;
    background : #FFF;
    margin     : 40px auto;
    margin-left: 2%;

}

.imgenContenedor2 {
    width : 100%;
    height: auto;
}

.contenedorBox3 {
    width      : 58%;
    height     : auto;
    background : #FFF;
    margin     : 40px auto;
    margin-left: 42%;
}

.imgenContenedor3 {
    width : 100%;
    height: auto;
}

.contenedorBox4 {
    width     : 90%;
    height    : auto;
    background: #FFF;
    margin    : 42px auto;
}

.imgenContenedor4 {
    width      : 109%;
    height     : auto;
    margin-left: -2%;
}


/*ANIMACIONES DE VIDEOS */

.effect2 {
    position: relative;
}

.effect2:before,
.effect2:after {
    z-index           : -1;
    position          : absolute;
    content           : "";
    bottom            : 15px;
    left              : 10px;
    width             : 50%;
    top               : 80%;
    max-width         : 300px;
    background        : #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow   : 0 15px 10px #777;
    box-shadow        : 0 15px 10px #777;
    -webkit-transform : rotate(-3deg);
    -moz-transform    : rotate(-3deg);
    -o-transform      : rotate(-3deg);
    -ms-transform     : rotate(-3deg);
    transform         : rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform   : rotate(3deg);
    -o-transform     : rotate(3deg);
    -ms-transform    : rotate(3deg);
    transform        : rotate(3deg);
    right            : 10px;
    left             : auto;
}

/*END*/

.textodesamaqui {
    font-weight: bolder;
    color      : #3B3A3A;
    font-size  : 22px;
    text-align : justify;
    font-family: poppins-extralight, poppins, sans-serif;
    margin-top : 3%;
}



.subtitulosolIoT {
    font-weight: bold;
    color      : #AA0000;
    font-size  : 38px;
    text-align : left;
    margin-top : 8%;
    font-family: poppins-semibold, poppins, sans-serif;
}

.textosoluIot {
    font-weight: bolder;
    color      : #3B3A3A;
    font-size  : 22px;
    text-align : justify;
    font-family: poppins-extralight, poppins, sans-serif;
    margin-top : 3%;
}


.subtitulomecatron {
    font-weight: bold;
    color      : #AA0000;
    font-size  : 38px;
    text-align : left;
    font-family: poppins-semibold, poppins, sans-serif;
    margin-top : 8%;

}


.contenedorclientes {
    background-color: #FFFFFF;
    text-align      : center;
}

.contenedorconsultoriao {
    background-color: #000000;
    text-align      : center;
}

.tituloconsultoria {
    width           : 100%;
    height          : 20%;
    background-color: #FFFFFF;
    margin-top      : 1%;
    margin-bottom   : 0%;
}



.formiconos {
    width      : 69%;
    height     : auto;
    /* position: relative; */
    padding    : 10px 10px 10px 10px;
}


/*.imagicono
{
    background-color: #000000;
    border-radius: 50%;
    width: 30%;
    height: 70px;
}*/

/*.imagoracle {
    background-color: #FFFFFF;
    box-shadow      : 2px 2px 2px 1px rgb(86 76 76 / 20%);
    margin-top      : 5%;
    /* position     : absolute; 
    margin-left     : 0%;
    width           : 100%;

}*/


#videoQuieneSomos {
    width: 40%;
}


/* CONTENEDOR SOLUCIONES MECATRONICAS 
.contenedorImagenesDti img {
    width : 100%;
    height: auto;
}*/


/* CONTENEDOR ICONOS NO ORACLE */

.contenedoriconosnooracle {
    width             : 80%;
    /* para definir ancho*/
    height            : auto;
    margin-left       : 10%;
    /* para definir largo*/
    /*background-color: blue; */
}

/* Clase para divs responsive */
.card-img-icons {
    text-align: center;
}

.card-img-icons p {
    margin-top: 10%;
}

.back-exm {
    border-radius   : 50%;
    background-color: #000000;
    padding         : 10%;
    width           : 50%;
    margin          : auto;
}

.back-exm img {
    width: 100%;
}

/* End class */

/* CONTENEDOR ICONOS NO ORACLE */

.subcontenedoriconos {

    text-align: center;

}

.subcontenedoriconos p {
    margin-top: 10%;
    padding   : 0% 18% 0% 18%;
}

.alineaicono {
    border-radius     : 50%;
    background-color  : #000000;
    padding           : 10%;
    width             : 65%;
    margin            : auto;
    box-shadow        : #aa0000 3px 1px 6px -1px, rgb(255 255 255 / 80%) -6px -2px 13px 0px;
    -webkit-transition: -webkit-transform 1s;
}

.alineaicono img {
    width: 100%;

}

.alineaicono:hover {
    -webkit-transform: rotate(360deg) translateZ(0);
}

/* END CONTENEDOR ICONOS NO ORACLE */



/*CONTENDOR CONSULTORIA ORACLE*/

.contenedorconsultoriaoracle {
    width             : 80%;
    height            : 50vh;
    margin-bottom     : 4%;
    margin-left       : 10%;
    /*background-color: #AA0000;*/
}

.subcontenedorconsultoria {
    width               : 25%;
    height              : 27vh;
    /*background-color  : rgb(102, 255, 0);*/
    float               : left;
    /*box-shadow        : rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
}


.alineaImagenConsultoria {
    width      : 90%;
    height     : auto;
    display    : block;
    margin-left: 2%;
    padding    : 25px 0px;
}

.alineaImagenConsultoria1 {
    width      : 90%;
    height     : auto;
    display    : block;
    margin-left: 92%;
    padding    : 25px 0px;
}

/*END*/


/* FOSTER */
.logocontactoblanco {
    width     : 80%;
    margin-top: 3.5vh;
}

.textoCopyright {
    font-size  : 14px !important;
    font-weight: bolder;
    text-align : center;
    margin-top : 6.5vh;
    color      : #FFFFFF !important;

}

.footer {
    background-color: darkred;
}

.subcontenedorFooter {
    width: 33.33%;
    float: left;
}

.siguenoscontacto {
    margin-top : -2.5vh;
    margin-left: 50%;
}

.subcontOracle {
    width        : 25%;
    height       : 37vh;
    float        : left;
    margin-bottom: 8%;
}


  /* Estilos para el modal */
.modal {
  display: none; /* Oculto por defecto */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Contenido del modal */
.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 40px;
  border: 1px solid #888;
  width: 90%;
  max-width: 800px;
  border-radius: 8px;
}

/* Botón de cierre */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
}

ol {
  margin: 0;
  padding-left: 2.5em;
  text-align: justify;
  list-style-type: disc;
}

ol li {
  margin-top: 0.5em;
}

#openModal {
  all: unset;
  color: white;
  text-decoration: underline;
  cursor: pointer;
}

#openModal:hover {
  color: white;
  font-weight: 600;
}