@import url(http://fonts.googleapis.com/css?family=Lato);


@import url('https://fonts.googleapis.com/css?family=Montserrat:500&display=swap');

@import url('https://fonts.googleapis.com/css?family=Holtwood+One+SC&display=swap');

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gurmukhi:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.popopo{}
 
.imput2 {
	font-family: 'Lato';
	font-size: 16px;
	padding: 15px;
	width: 100%; 
	color: #666;
	padding: 15px;
	background-color:#FFF;
	border:#CCC 1px solid;
	border-radius:10px;
	height:150px;
}
.imput3 {
	font-family: 'Lato';
	font-size: 16px;
	color: #666;
	padding: 15px;
	background-color:#FFF;
	width:100%;
	border:#CCC 1px solid;
	border-radius:10px;
}

.imput4 {
	font-family: 'Lato';
	font-size: 17px;
	color: #ffffff;
	padding: 4px;
	background-color: #666666;
	width: 210px;
	height: 83px;
	border: none;
}
.textoazull { 
	font-family: lato;
	font-size: 18px;
	font-weight:bold;

}


.produ { 
	font-family: MONTSERRAT;
	font-size: 20px;
	color:#e50045; 
}

.marca { 
	font-family: MONTSERRAT;
	font-size: 18px;
	color:#333; 
}


.titulos { 
	font-family: MONTSERRAT;
	font-size: 17px;
	color: #ccc; 
}

.texto00 { 
	font-family: lato;
	font-size: 16px;
	color: #fff;
 
 
}

.texto0 { 
	font-family: lato;
	font-size: 16px;
	color: #fff;
	font-weight:500;
 
}

.texto1 { 
	font-family: lato;
	font-size: 16px;
	color: #fff;
	background-color:#05aff2;
	padding:8px;
	border-radius:8px;
 
}
 
.texto2 { 
	font-family: lato;
	font-size: 18px;
	color: #14457b;
	font-weight:bold;
}

.texto3 {
font-family: Lato;
font-size: 18px;
color: #333;
}

.texto4 {
font-family: Lato;
font-size: 18px;
color: #fff;
}

.texto5 { 
	font-family: lato;
	font-size: 15px;
	color: #fff;
	font-weight:bold;

}

.icon {
font-family: Lato;
font-size: 15px;
 
}

.textoblanco {
font-family: MONTSERRAT;
font-size: 30px;
color: #fff;
font-weight:bold;
}

.textoblanco1 {
font-family: Lato;
font-size: 26px;
color: #fff;

}

.barra1 { 
	font-family: lato;
	font-size: 15px;
	color: #fff;
	padding:15px;
}
 
.btn3 {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#676767;
	border:none;
	padding:7px;
 	
}

.btn3:hover {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#999;
	border:none;
	padding:7px;
 	
}


.btn2 {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#024a67;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:10px;
  font-weight:600;	
}


.btn {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#1b1716;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:10px;
  font-weight:600;	
}

.btn:hover {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#000;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:10px;
  font-weight:600;	
}

.whapp{
	position:fixed;
	left:10px;
	bottom:10px;

	z-index:150;	
}

  .contenidox {
            display: none;
 
        }
.subir-btn{
	position:fixed;
	right:10px;
	bottom:10px;

	z-index:150;	
}

    .imagen-container {
      position: relative;
      display: inline-block;
 
    }

    .imagen-container img {
      width: 100%;
      display: block;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(5, 175, 242, 0.5); /* negro semitransparente */
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .imagen-container:hover .overlay {
      opacity: 1;
	  cursor:pointer;
    }

.bg1{
	background:url(../images/bg.png) fixed;
	background-color:#14457b;
	background-repeat:no-repeat;
	background-size:100%;
 
	}