@import url(https://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');



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




.ta{
text-decoration: none;
padding:9px; 
cursor:pointer;	
font-family: lato;
font-size: 15px;
color: #fff;
border-left:#03529f solid 1px;

}

.ta:hover {
	text-decoration: none; 
	background: #006cd1; 
	padding:9px; 
	font-family: lato;
	font-size: 15px;
	color: #fff;
	cursor:pointer;
	border-left:# solid 1px;
	background-image:url(../images/arrow2.png);
	background-repeat:no-repeat;
	text-shadow: 1px 1px 1px #000;
	}

.texto55b { 
	font-family: lato;
	font-size: 16px;
	color: #CCC;

}
.textogeneralx { 
	font-family: Lato;
	font-size: 17px;
	color: #666;

}

.textogeneralxb { 
	font-family: Lato;
	font-size: 20px;
	color: #666;

}

.textogeneral { 
	font-family: Lato;
	font-size: 18px;
	color: #666;

}
.text9 { 
	font-family: lato;
	font-size: 16px;
	color: #FFF;

}
.text99 { 
	font-family: lato;
	font-size: 16px;
	color: #FFF;

}
.textblanco { 
	font-family: lato;
	font-size: 19px;
	color: #FFF;

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

}
.textorojo { 
	font-family: lato;
	font-size: 23px;
	color: #666;

}
.textorojobig { 
	font-family: lato;
	font-size: 30px;
	color: #f00;

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

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

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

}
.textorojomedio { 
	font-family: lato;
	font-size: 16px;
	color: #f00;

}
.textoverdeok { 
	font-family: MONTSERRAT;
	font-size: 18px;
	color: #b03e53;
font-weight:bold;
}

.textoverde { 
font-family: lato;
font-size: 30px;
color: #f89429;
font-weight:lighter;
}

.textoazul0x { 
	font-family: MONTSERRAT;
	font-size: 26px;
	color: #434244;
font-weight:bold;
}

.textoazul { 
font-family: MONTSERRAT;
font-size: 35px;
color: #ffd600;
font-weight:bold;
}

.textoazul0 { 
	font-family: MONTSERRAT;
	font-size: 25px;
	color: #434244;
font-weight:bold;
}

.textoazul1 { 
	font-family: MONTSERRAT;
	font-size: 20px;
	color: #b03e53;
font-weight:bold;
}
.textoazul2p { 
	font-family: MONTSERRAT;
	font-size: 30px;
	color: #ff9c1c;
font-weight:bold;
}
.textoazul1p { 
	font-family: MONTSERRAT;
	font-size: 30px;
	color: #186668;
font-weight:bold;
}
.textoazulk { 
font-family: MONTSERRAT;
font-size: 20px;
color: #fff;
font-weight:bold;
}

.textoazul2 { 
font-family: MONTSERRAT;
font-size: 25px;
color: #fff;
font-weight:bold;
}
.textoazul3 { 
font-family: MONTSERRAT;
font-size: 25px;
color: #ffd600;
font-weight:bold;
}
 
.textoazul4 { 
font-family: MONTSERRAT;
font-size: 35px;
color: #434244;
font-weight:bold;
line-height: 1.0;
}
 

.textoazul5 { 
font-family: MONTSERRAT;
font-size: 45px;
color: #fff;
font-weight:bold;
line-height: 0.5;
}

.textoazull { 
font-family: lato;
font-size: 17px;
color: #fff;
font-weight:lighter;
}


.btncomprar {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#ffd600;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:5px;
  font-weight:bold;
}
.btn {
	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#ffd600;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	padding:15px;
  font-weight:bold;	
}
.btn:hover{color:#fff;}
.btn:focus{color:#fff;}

.btn2 {
	font-family: Ubuntu;
	font-size: 16px;
	color: #fff;
	background-color: #f00;
	width: 150px;
	height: 30px;
	border:none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	cursor:pointer;
	margin:10px 0;
	
}
.btn3 {


	font-family: lato;
	font-size: 17px;
	color: #fff;
	background-color:#b03e53 ;
	cursor:pointer;
	padding:8px;
	border-radius:10px;
	
}


.btn4 {
	font-family: lato;
	font-size: 18px;
	color: #fff;
	background-color:#186668 ;
	cursor:pointer;
	padding:20px;
	border-radius:10px;
		font-weight:bold;
	
}
.btn4:hover {
	font-family: lato;
	font-size: 18px;
	color: #fff;
	background-color:#0f4344 ;
	cursor:pointer;
	padding:20px;
	border-radius:10px;
		font-weight:bold;
	
}



.btn5 {
	font-family: lato;
	font-size: 18px;
	color: #fff;
	background-color:#eb8d2b ;
	cursor:pointer;
	padding:20px;
	border-radius:10px;
	font-weight:bold;
	
}
.btn5:hover {
	font-family: lato;
	font-size: 18px;
	color: #fff;
	background-color:#cf7d27 ;
	cursor:pointer;
	padding:20px;
	border-radius:10px;
		font-weight:bold;
	
}


.btn6 {
	font-family: lato;
	font-size: 16px;
	color: #fff;
	background-color:#eb8d2b ;
	cursor:pointer;
	padding:8px;
	border-radius:7px;
	font-weight:bold;
	
}
.btn6:hover {
	font-family: lato;
	font-size: 16px;
	color: #fff;
	background-color:#cf7d27 ;
	cursor:pointer;
	padding:8px;
	border-radius:7px;
		font-weight:bold;
	
}


.menudesplegable {
	font-family: lato;
	font-size: 30px;
	color: #fff;
	background-color:#00468d;
	border-radius: 8px;


	padding:20px;
	
}

.areadetexto {
	font-family: lato;
	font-size: 14px;
	color: #666;
	padding: 4px;
	width: 210px;
	height: 28px;
	background-image:url(../images/mail.png);
    background-repeat:no-repeat;
}
.subir-btn{
	position:fixed;
	right:10px;
	bottom:10px;

	z-index:150;	
}
.cerrar-btn{
	position:fixed;
	right:10px;
	top:10px;
	z-index:150;	
}
.textblank { 
	font-family: lato;
	font-size: 18px;
	color: #FFF;

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

	z-index:150;	
}
.boxi{
	border-top:6px #558792 solid;
	border-radius:10px;
	background-color:#FFF;
	padding:20px;
	}
	
.bg{
	background:url(../images/bg1.jpg) fixed;
	background-repeat:no-repeat;
	background-size:100%;
 
	}	

.bg2{
	background:url(../images/bg2.png);
	background-repeat:no-repeat;
	background-position:center;
	 
 
	}
       .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio (cambia esto según la relación de aspecto de tu video) */
            height: 0;
            overflow: hidden;
        }

        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
.fondito{
	background-color:#f8f8f8;
 
	background-image:url(../images/bg.svg)
	}