.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

body{
background-color:#334E8C; /*:#616771;*/
}
textarea {
    resize: none;
}



/* QUITA LOS SUBE Y BAJA DE LOS INPUT NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

.TermCondUs{ font-size:60%;}

.Resul{
	border-radius:3px;
	background-color:#D2EBFF; /*#96dfe4; /*#FF9933; /* var(--colorNaranja); 00aced 007bb5 var(--color)*/
	width:99%;
	color: #125688; /* #96dfe4; /*#125688; /*006E6D; /*#000000; */
	margin-bottom:20px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	padding:10px;
}
.style2 img{
	float:left;
	width:15%;
	
	padding-right:20px;
	padding-bottom:5px;
	border-radius:10px;
}

.style2 p{
margin:2px;
margin-bottom:20px;
vertical-align:middle;
padding-left:20px;
padding-right:20px;
text-align:justify;
/*text-justify:inter-word; /* inter-character inter-word */
}
.style2 p[id~=ce]{
text-align:center;
font-weight:bolder;
font-size:130%;
color:#000000;
}
.style2 p[id~=de]{
text-align:justify;
font-weight:bolder;
font-size:110%;
}

.style2 a, .style2 a:link, .style2 a:visited, .style2 a:hover
{
	text-align:center;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
	letter-spacing:1px;
	font-weight:bolder;
	color:#CC0000; /*:#CC0000; */
}

.style2 a:hover{color:#000000;}
.jklU{
position:absolute; top:130px; width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:large;
text-align:center;
}

.style3{
background:#334E8C;position:fixed; top:0;left:0;z-index: 1;color:#FFFFFF; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:x-large; width:100%;margin:0;
}

.Campos{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:large;
}

.FormEnv input[type=submit]{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:large;
	color:#000000;
	border-radius:5px;
	margin-bottom:20px;
	margin-top:20px;
	width:50%;
	background:#FF9933;
	border:0px;
	padding:3px;
}


.FormEnv{
width:50%;
text-align:left;
}

.tercontext{
font-size:large;
}
.tercontextB{
font-size:large;
}
.trextra{
height:20px;
}

@media only screen and (max-width: 950px) {.jklU{top:170px;}}
@media only screen and (max-width: 750px) {.jklU{top:210px;}}
@media only screen and (max-width: 550px) {.jklU{top:240px;}}
@media only screen and (max-width: 400px) {.jklU{top:320px;}}

@media only screen and (max-device-width: 800px) {
.style2 {font-size:200%;}
.jklU{top:150px;}
.style2 img{width:40%;}
.style3 {font-size:xx-large;}
.style2 p{padding-left:30px;padding-right:30px;}
.FormEnv{margin-top:50px;width:85%;font-size:250%;}
.FormEnv table{width:100%;}
.FormEnv span{ line-height:100%;}
.FormEnv td{display:list-item;list-style:none;width:100%;}
.FormEnv input[type=submit]{font-size:100%;width:100%;}
.Campos{font-size:100%;width:100%;margin-bottom:20px;}
.tercontext{font-size:80%; height:10em;}
.tercontextB{font-size:80%; height:12em;}
.FormEnv input[type=checkbox]{ width:35px; height:35px;}
}

@media only screen and (max-device-width: 500px) {
	.tercontextB{font-size:80%; height:20em;}
	.style2 {font-size:220%;}
	.TermCondUs{ font-size:80%;}
}