@import url(https://fonts.googleapis.com/css?family=PT+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Lato);

<style>
@import url('https://fonts.googleapis.com/css?family=Lato:300,400');
</style>


.popopo{}
.imputx {
	font-family: Lato;
	font-size: 17px;
	color: #666;
	padding: 4px;
	background-color:#fff;
	width: 100%;
	height: 28px;
	border:#CCC 1px solid;
	border-radius: 4px;
	background-image:url(../images/1.jpg);
	background-repeat:no-repeat;
	background-position:right;

}
.imput {
	font-family: Lato;
	font-size: 17px;
	color: #666;
	padding: 4px;
	background-color:#fff;
	width: 100%;
	height: 28px;
	border:#CCC 1px solid;
	border-radius: 4px;
}
.imput2 {
	font-family: Lato;
	font-size: 17px;
	color: #666;
	padding: 4px;
	background-color:#fff;
	width: 100%;
	border:#CCC 1px solid;
	border-radius: 4px;
}
.imput3 {
	font-family: Lato;
	font-size: 17px;
	color: #666;
	padding: 4px;
	background-color:#fff;
	width: 40%;
	height: 28px;
	border:#CCC solid 1px;
	border-radius: 4px;

}
.imput4 {
	font-family: Lato;
	font-size: 17px;
	color: #ffffff;
	padding: 4px;
	background-color: #666666;
	width: 210px;
	height: 83px;
	border: none;
}
.ta{
text-decoration: none;
padding:9px; 
cursor:pointer;	
font-family: Lato;
font-size: 15px;
color: #fff;
border-left:#03529f solid 1px;

}
.tps{
text-decoration: none;
 
font-family: Lato;
font-size: 14px;
color: #fff;
}
.tpsicon{
text-decoration: none;
font-family: Lato;
font-size: 10px;
color: #fff;
}
.tpsiconx{
text-decoration: none;
font-family: Lato;
font-size: 10px;
color: #b27427;
}


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


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

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

}

.textogeneralxd { 
	font-family: Lato;
	font-size: 18px;
	color: #333;
    line-height : 45px;
}



.textogris { 
	font-family: Lato;
	font-size: 25px;
	color: #666;
	font-weight:bold;

}
.textorojo { 
	font-family: Lato;
	font-size: 16px;
	color: #666;

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

}
.textorojoicon { 
	font-family: Lato;
	font-size: 12px;
	color: #fff;

}
.textorojoicon2 { 
	font-family: Lato;
	font-size: 10px;
	color: #f00;

}
.textorojomedio { 
	font-family: Lato;
	font-size: 20px;
	color: #fff;

}
.textoazul { 
	font-family: Lato;
	font-size: 24px;
	color: #F00;
	font-weight:bold;
}
.textoazul1 { 
	font-family: Lato;
	font-size: 22px;
	color: #F00;
	font-weight:bold;
}
.btncomprar {
	font-family: Lato;
	font-size: 25px;
	color: #fff;
	background-color:#f00;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	padding:12px;
	
}

.btn5 {
	font-family: Lato;
	font-size: 16px;
	color: #40252e;

	border-radius: 4px;
	border:none;
	cursor:pointer;
    padding:8px;
	width:100%;
	font-weight:bold;
}
.btn {
	font-family: Lato;
	font-size: 16px;
	color: #fff;
	background-color:#cb413b;
	border-radius: 4px;
	border:none;
	cursor:pointer;
    padding:8px;
	
}
.btnx {
	font-family: Lato;
	font-size: 16px;
	color: #fff;
	background-color:#0069cc;
	border-radius: 4px;
	border:none;
	cursor:pointer;
    padding:8px;
	
}
.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: 15px;
	color: #fff;
	background-color:#cb413b;
	border-radius: 4px;
	border:none;
	cursor:pointer;
    padding:8px;
	
}
.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:60px;

	z-index:150;	
}
.textblank { 
	font-family: Lato;
	font-size: 18px;
	color: #FFF;
}.textblank2 { 
	font-family: Lato;
	font-size: 18px;
	color: #b27427;
}

.textblank3 { 
	font-family: Lato;
	font-size: 18px;
	color: #C69401;
	padding:10px;
	background-color:#000;
}
.textblank4 { 
	font-family: Lato;
	font-size: 16px;
	color: #fff;
	padding:10px;
	background-color:#565656;
}
.caca:hover {
	font-family: Lato;
	font-size: 16px;
	color: #b27427;
	background-color:#40252e;
	border-radius: 4px;
	border:#CCC 1px solid;
	cursor:pointer;
    padding:8px;
	font-weight:bold;	
}
.caca {
	font-family: Lato;
	font-size: 16px;
	color: #b27427;
	background-color:#;
	border-radius: 4px;
	border:#CCC 1px solid;
	cursor:pointer;
    padding:8px;
	font-weight:bold;		
}



.botonito:hover {
background: #b27427;
	cursor:pointer;
}

.btn4 {
	font-family: Lato;
	font-size: 16px;
	color: #fff;
	background-color:#40252e;
	border-radius: 4px;
	border:none;
	cursor:pointer;
    padding:8px;
	width:100%;
}
.whapp{
	position:fixed;
	left:10px;
	bottom:10px;

	z-index:150;	
}
.btn44 {
	font-family: Lato;
	font-size: 16px;
	color: #fff;
	background-color:#8d5266;
	border-radius: 4px;
	cursor:pointer;
    padding:8px;
	width:100%;
}

.botonaso {
  border-radius: 4px;
  width:100%;
  padding: 8px;
  cursor: pointer;
  font-size: 16px;
  color:#333;
  background-color:#EEE;
}

/* Style the active class, and buttons on mouse-over */
.active, .botonaso:hover {
  background-color: #e290ac;
  color: white;
}