#lolaa {
	text-transform: uppercase;
	letter-spacing: .5em;
	border-width: 2px 0;
	width: 60em;
	margin: 0 0 0 -20em;
    text-align:center;
	color: white;
}
#notas{
    margin-left: 40%;
    margin-right: 80%;   
}
.boton{
	
	top: 30%;
	left: 51%;
	transform: translate(-50%,-50%);
  }
  .btn{
	position: relative;
	display: block;
	color:white;
	font-size: 14px;
	font-family: "montserrat";
	text-decoration: none;
	margin: 20px 0;
	border: 2px solid rgb(14, 155, 190);;
	padding: 14px 50px;
	text-transform: uppercase;
	overflow: hidden;
	transition: 1s all ease;
  }
  .btn::before{
	background:green;
  
	content: "";
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(-50%,-50%);
	z-index: -1;
	transition: all 0.6s ease;
  }
  
  .btn1::before{
	width: 0%;
	height: 100%;
  }
  
  .btn1:hover::before{
	width: 161%;
  }
  

  
#subtitulo{
    color: black;   
    font-size:20px;
    
    }
    #titulo {
    
        font: 900 1em/1 "Oswald", sans-serif;;
      
        text-shadow: 0 0 80px rgba(255,255,255,.5);
    
        font-size: 60px;
       
    
    
    /* Clip Background Image */
    
          background: url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;
          -webkit-background-clip: text;
          background-clip: text;
    
    /* Animate Background Image */
    
          -webkit-text-fill-color: transparent;
          animation: aitf 80s linear infinite;
    
    /* Activate hardware acceleration for smoother animations */
    
          transform: translate3d(0,0,0);
          backface-visibility: hidden;
    
    
    }
    .parrafoex{
    

    Font-size: 22px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: black;
    text-align: center;
    margin: 6px;
    }



.parrafo{
   font-size:18px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: black;
    margin: 4%;
    text-align: justify;
    margin: -20px;
    
}
#contenedor_principal{
background-color: black;
        
}
.coper{
    height: 350px;
    width: 500px;
    display: inline-block;
    overflow:visible;
    align-content:auto;
}
.botoness{
    height: 100px;
    width: 300px;
    display: inline-block;
    overflow:visible;
    align-content:auto;
}
.formato_imagen{
    width:300px;
    height:200px;

}
.formato_imag{
  width: 401px;
    height: 196px;
}
.formato_image{
  width: 511px;
  height: 276px;
}
.for_imag {
  width: 465px;
  height: 196px;
}

.aporte {/*animacion de titulo*/
    animation: bounce 4s alternate infinite ease-in;
    font-size:35px;
  }
  @media screen and (min-width:701px) {
    @keyframes bounce {
      0% {
        transform: translateX(8%);
      }
      100% {
        transform: translateX(60%);
      }
    }
    .aporte {
      color:rgb(14, 155, 190);
      display: inline-block; /*needed to trigger update */
      font-family: Georgia, 'Times New Roman', Times, serif;
    }
  }
  
  @media screen and (max-width:700px) {
    @keyframes bounce {
      0% {
        transform: translateY(-200%);
      }
      100% {
        transform: translateY(0);
      }
    }
    
    .aporte {
      color: green;
      display: block; /* needed to trigger update */
    }
  }
#ti{
   /* background-color: indigo;*/
    text-align: justify ;
    font-size: 30px;
}
.camaras_de_seguridad{
    height: 300px;
    width: 400px;
    display: inline-block;
    overflow:visible;
    align-content:auto;
}
.camaras_de_segurida{
  height: 238px;
  width: 51%;
  display: inline-block;
  overflow: visible; 
}
.camaras_de_segurid{
  
  display: inline-block;
  height: 310px;
  width: 41%;
 
}
.camaras{
  height: 239px;
  width: 51%;
  display: inline-block;
  overflow: visible; 
}
.camaras_{
  
  display: inline-block;
  height: 220px;
  width: 41%;
 
}
.quienessomos{
  font-size: 27px;
  text-align: left;
}
.quienes{
  font-size: 25px;
  color:rgb(14, 155, 190);
}


.texto_negocio{
    font-size: 17px;
    text-align: center;
    color: white;
    
}
.texto_negoci{

  font-size: 35px;

  color:rgb(14, 155, 190);
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.titulos{
    margin: 25px;
}
.textos{
    font-size: 22px;
    text-align: center;
    color: white;
}
#contenedor3{
 align-content: center;
   
}
.iconos{
    display: inline-flex;
}
.cont{
    height: 100px;
    width: 500px;
}
#texto_camar{
    font-size:15px;
    font-style: initial;
    color:white
}
.formatocontactos{
    height: 60px;
    width: 70px;
}




.contactos{
    background-color: black;
    height: 200px;
    width: 300px;
    display: inline-block;
    overflow:visible;
}
#contactostel{
    font-size:35px;
    font-style: initial;
    color:thistle;
    
}
#datos{
    font-size:35px;
    font-style: initial;
    color:rgb(14, 155, 190);
}


.formato{
    height: 300px;
    width: 200px;
}
.videovigilancia{
    font-size: 50px;
    font-style: italic;
    color:rgb(14, 155, 190);
    text-align: center;
}
.conocimiento{
    height: 200px;
    width: 550px;
    display: inline-block;
    overflow:visible;
}
.descripcion{
    text-align: left;
    color: white;
}



#lola{
    width: 100%;
    height: 100%;
    border: 10px;
}
#cotizacion{
font-size: 27px;
font-style: oblique;
color: red;
}
.paginan2{
    height: 400px;
    width: 400px;
    display: inline-block;
    overflow:visible;
    align-content:center;
}
a:active{
    background-color: blue;
}



body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.div-span{
  margin-left:10px;
  padding: 0 3px;
}
.di{
  margin-left:10px;
  padding: 0 3px; 
}
.di a{
  text-decoration: none;
  color:  white;
}
.body-div{
  background:black;
  justify-content: space-around;
  display: flex;
  align-items: center;
  padding: 1rem;
}
.span-a-img{
  height: 20px;
  width: 20px;
  padding: 0 6px;
}

.div-span a{
  text-decoration: none;
  color:  white;
}

#div-2{
  border: 1px solid white;
  align-items: center;
  border-radius: 2px ;
  background: transparent;
}

#div-2:hover{
  border: 3px solid white;
  
  background: #FF416C;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FF4B2B, #FF416C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.div{
  align-items: center;
  padding: 0 2px;
}
.nav{
  background: black;
}

nav{
  font-family:'open sans';
  background:black;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-around;
  /*align-items: center;
  position: fixed;
  top: 0;
  transition: top 0.5s;
  */
}
.navegacion > a{
  display:inline-table;
  text-decoration: none;
  color: white;
  padding: 25px;
  font-size: 25px;
  height: 30px;
}
.INT:hover{
  background-color: blue;
}
.div-span:hover{
  background-color: blue; 
}
.INT{
  font-size: 35px;
}
.IN{
  
  padding: 25px;
  color: white;
}
.infor{
  
  align-items: center;
  width: 50%;
  height: 50%;
      }
      #contenedor12{
        
        background-repeat: no-repeat;
	      background-size: cover;
        padding: 10%;
        background-image: url(https://media.kasperskydaily.com/wp-content/uploads/sites/88/2015/09/05222443/face-recognition-featured.jpg);
      }
      #tes{
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 40px;
        color:black;
      }
      .tes{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;		
    font-size: 35px;
    top: 100px;
    color:black;
      }
      .te{
        color:rgb(14, 155, 190);
      }
      .EX{
        height: 200px;
          width: 400px;
      }
      #tels{
        margin-top: 2% ;
        border:2px color black;
        padding: 2px;

      }
      .contenedor_principal{
        background-color: black;
        display: block
      }
      .p-m{
        display: inline-block;
      }



      .principal{
        display: block
      
      }
      .seguridad{
        height: 200px;
        width: 640px;
        display: inline-flex;
        overflow:visible;
        align-content:auto;
    }
    .imagen{
      width:300px;
      height:200px;
  
  }
  .negocio{
    font-size: 25px;
    text-align: center;
    color:black;
    padding: 50px;
}

.aportediv{
  overflow: hidden;
}
.aportee{
    width:50%;
    animation: bounc  5s alternate infinite ease-in;
    font-size:35px;
  }
  @media screen and (min-width:701px) {
    @keyframes bounc {
      0% {
        transform: translateX(10%);
      }
      100% {
        transform: translateX(100%);
      }
    }
    .aportee {
      color:rgb(14, 155, 190);
      display: inline-block; /*needed to trigger update */
      font-family: Georgia, 'Times New Roman', Times, serif;
    }
  }
  
  @media screen and (max-width:700px) {
    @keyframes bounce {
      0% {
        transform: translateY(-200%);
      }
      100% {
        transform: translateY(0);
      }
    }
    
    .aportee {
      color: green;
      display: block; /* needed to trigger update */
    }
  }



  /*carrusel #1 */
.slide {
  position: relative;
  /*MARGEN*/
  
  margin-top: 26px;
}
.for12{
  height: 1000px;
  width: 600px; ;
}

.slide-inner {
  position: relative;
  overflow: hidden;
  width: 88%;
  height: calc( 300px + 3em);
}

.slide-open:checked + .slide-item {
  position: static;
  opacity: 100;
}

.slide-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.slide-item img {
  display: block;
  height: auto;
  max-width: 65%;
}

.slide-control {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  color:black;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 10;
}

.slide-control.prev {
  left: 2%;
}

.slide-control.next {
  right: 2%;
}

.slide-control:hover {
  background: rgba(0, 0, 0, 0.8);
  color:black;
}

#slide-1:checked ~ .control-1,
#slide-2:checked ~ .control-2,
#slide-3:checked ~ .control-3 {
  display: block;
}

.slide-indicador {
  list-style: none;
  margin: -9px;
  padding: 0;
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

.slide-indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slide-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slide-circulo:hover {
  color: #aaaaaa;
}

#slide-1:checked ~ .control-1 ~ .slide-indicador li:nth-child(1) .slide-circulo,
#slide-2:checked ~ .control-2 ~ .slide-indicador li:nth-child(2) .slide-circulo,
#slide-3:checked ~ .control-3 ~ .slide-indicador li:nth-child(3) .slide-circulo {
  color: #428bca;
}

#titulo {
  width: 100%;
  position: absolute;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
  font-size: 27px;
  color: rgba(255, 255, 255, 1);
  font-family: 'Open Sans', sans-serif;
  z-index: 9999;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}
/*carrusel 2 */
.CARRUSEL2 {
  position: relative;
  /*MARGEN*/
  
  margin-top: 26px;
}

.CONTENEDOR{
  position: relative;
  overflow: hidden;
  width: 88%;
  height: calc( 300px + 3em);
}

.open:checked + .item {
  position: static;
  opacity: 100;
}

.item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.item img {
  display: block;
  height: auto;
  max-width: 73%;
}

.control {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  color:black;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 10;
}

.control.previa {
  left: 2%;
}

.control.nexti {
  right: 2%;
}

.control:hover {
  background: rgba(0, 0, 0, 0.8);
  color:black;
}

#car-1:checked ~ .control-1,
#car-2:checked ~ .control-2,
#car-3:checked ~ .control-3 {
  display: block;
}

.indicador {
  list-style: none;
  margin: -9px;
  padding: 0;
  position: absolute;
  bottom: -1%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

.indicador li {
  display: inline-block;
  margin: 0 5px;
}

.slide-circulo {
  color: #828282;
  cursor: pointer;
  display: block;
  font-size: 35px;
}

.slide-circulo:hover {
  color: #aaaaaa;
}

#car-1:checked ~ .control-1 ~ .indicador li:nth-child(1) .slide-circulo,
#car-2:checked ~ .control-2 ~ .indicador li:nth-child(2) .slide-circulo,
#car-3:checked ~ .control-3 ~ .indicador li:nth-child(3) .slide-circulo {
  color: #428bca;
}

#titulo {
  width: 100%;
  position: absolute;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
  font-size: 27px;
  color: rgba(255, 255, 255, 1);
  font-family: 'Open Sans', sans-serif;
  z-index: 9999;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}