@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;
}

.textoazul01 { 
	font-family: lato;
	font-size: 52px;
	color: #000; 
font-weight:900;
text-transform:uppercase;
}

.textoazul02 { 
	font-family: MONTSERRAT;
	font-size: 20px;
	color: #000; 
font-weight:bold;
}
.textoazul03 { 
	font-family: lato;
	font-size: 52px;
	color: #F90; 
font-weight:900;
text-transform:uppercase;
}

.textoazul04 { 
	font-family: lato;
	font-size: 42px;
	color: #000; 
font-weight:900;
text-transform:uppercase;
}

.textoazul05 { 
	font-family: lato;
	font-size: 42px;
	color: #F90; 
font-weight:900;
text-transform:uppercase;
} 

.txtbtn { 
	font-family: lato;
	font-size: 17px;
	color: #fff;
	font-weight:bold

}
.txtbtn:hover { 
	font-family: lato;
	font-size: 17px;
	color: #F60;
		font-weight:bold

}

.textoazul2r {
font-family: Lato;
font-size: 20px;
color: #000;
font-weight:bold;
}

.textoazu2xx {
font-family: Lato;
font-size: 25px;
color: #000;
font-weight:bold;
}


.textoazul2 {
font-family: Lato;
font-size: 20px;
color: #000;
font-weight:bold;
}
.textogrisx { 
	font-family: lato;
	font-size: 20px;
	color: #fff;

}
.textogris { 
	font-family: lato;
	font-size: 18px;
	color: #666;

}
.textogris1 { 
	font-family: lato;
	font-size: 25px;
	color: #666;

}
.textoprincipal { 
font-family: Lato;
font-size: 16px;
color: #fff;
  
}

.text999 { 
font-family: Lato;
font-size: 16px;
color: #FF0;
  
}

.icon1 { 
	font-family: lato;
	font-size: 12px;
	color: # FC0;

}
.txticon { 
	font-family: lato;
	font-size: 12px;
	color:#FF0;

}
.txticon2 { 
	font-family: lato;
	font-size: 10px;
	color:#FF0;

}



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

.btn:hover {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#581f0b;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}
.btn0 {
	font-family: lato;
	font-size: 17px;
	color: #000;
	border:1PX #999 solid;
	background-color:#FFF;
	border-radius: 8px;
 
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}


.btn0:hover {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	border:1px #999 solid;
	background-color:#d2691e;
	border-radius: 8px;
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}


.btn2 {
	font-family: lato;
	font-size: 17px;
	color: #000;
	background-color:#FC0;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:10px;
  font-weight:600;	
}
.btn3 {
	font-family: lato;
	font-size: 17px;
	color: #F60;
	  font-weight:600;	
}

.btn4 {
	font-family: lato;
	font-size: 15px;
	color: #000;
	background-color:#FC0;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:5px;
  font-weight:600;	
}

.btn5 {
	font-family: lato;
	font-size: 15px;
	color: #fff;
	background-color:#d2691e;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:5px;
  font-weight:600;	
}

.btn6 {
		padding:10px;
		border-radius: 10px;
		border:#F60 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #F60;
	  font-weight:600;	
}
.btn6:hover {
		padding:10px;
		border-radius: 10px;
		border:#F60 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #fff;
	  font-weight:600;
	  	background-color:#F60;	
}

.btn7 {
		border:#000 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#000;
	border-radius: 8px;
 
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}
.btn7:hover {
		border:#333 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#333;
	border-radius: 8px;
 
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}



.btn8 {
	border:#000 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #000;
	background-color:#;
	border-radius: 8px;
 
	cursor:pointer;
	padding:20px;
  font-weight:600;	
}
.btn8:hover {
	border:#000 solid 2px;
	font-family: lato;
	font-size: 17px;
	color: #fffF;
	background-color:#000;
	border-radius: 8px;
 
	cursor:pointer;
	padding:20px;
  font-weight:600;
}

.btn9 {
	font-family: lato;
	font-size: 15px;
	color: #016630;
	background-color:#dcfce7;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:5px;
  font-weight:600;	
}

.boxx {
 
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
	border-radius:10px;
	padding-bottom:10px;
	background-color:#FFF;	
}
.boxxx {
 
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
	border-radius:10px;
	padding:20px;
	background-color:#FFF;	
}

.box2 {
 
 
 
	padding:20px;
 	
}

.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;
    }