body {
	font-family: 'Ubuntu', sans-serif;
	background: rgba(204,204,204,1);
    background-image: url(/img/background.png);
    background-repeat: repeat-x;
}
h6.caracteristicas {
    font-size: 1rem;
}
h6.caracteristicas a{
    color: #000;
}
.info{
	border: thin solid #585151;
	text-align: left;
	border-radius: 10px;
	padding: 1em;
	margin:auto;
	margin-bottom: 2em;
	width: 60%;
}
main.container {
    background-color: #FFF;
}
main.container.politica-privacidad table{
	border: 2px #efedec solid;
	width: 90%;
}
main.container.politica-privacidad table th{
	background-color: #0066ff;
	color: #fff;
	font-weight: 600;
	padding: 10px;
}
main.container.politica-privacidad table td{
	padding: 10px;
}
main.container.politica-privacidad p{
	text-align: left;
}
main.container.politica-privacidad h3{
	margin-top: 20px;
	margin-bottom: 40px;
}
main.container.politica-privacidad h4{
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}

.btn-primary {
    color: #fff;
    background-color: #fff !important;
    border-color: none !important;
    background-image: url("/img/boton.png");
    background-repeat: no-repeat;
    background-position: center;
}
.btn-primary:active,
.btn-primary:visited {
    background-image: url("/img/boton_gris.png");
    background-repeat: no-repeat;
    background-position: center;
}
img.icono {
    padding-right: 20px;
}
.btn-primary {
    color: #fff;
    background-color: #FFF !important;
    border-color: #FFF !important;
}
.logos {
    padding: 40px 0px 0px 0px;
}

/* Enviando */
.container-sending.hidden {
	display:none;
	z-index: 0;
}
.container-sending {
    height:50px;
    width:40px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 100;
}
.container-sending::after {
    content:'Sending';
    color:#007298;
    font-weight:700;
    position:absolute;
    bottom:-50px;
    left:-10px;
}
.box {
    position:relative;
    height:50px;
    width:40px;
    animation: box 5s infinite linear;
}

.border {
    background:#007298;
    position:absolute;
}

.border.one {
    height:4px;
    top:0;
    left:0;
    animation: border-one 5s infinite linear;
}

.border.two {
    top:0;
    right:0;
    height:100%;
    width:4px;
    animation: border-two 5s infinite linear;
}

.border.three {
    bottom:0;
    right:0;
    height:4px;
    width:100%;
    animation: border-three 5s infinite linear;
}

.border.four {
    bottom:0;
    left:0;
    height:100%;
    width:4px;
    animation: border-four 5s infinite linear;
}

.line {
    height:4px;
    background:#007298;
    position:absolute;
    width:0%;
    left:25%;
}

.line.one {
    top:25%;
    width:0%;
    animation: line-one 5s infinite linear;
}

.line.two {
    top:45%;
    animation: line-two 5s infinite linear;
}

.line.three {
    top:65%;
    animation: line-three 5s infinite linear;
}
#preview {
    max-width: 100%;
    height: auto;
}
#txtHint {
    max-width: 100%;
    height: 400px;
}
@keyframes border-one {
    0%   {width:0;}
    10%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-two {
    0%   {height:0;}
    10%  {height:0%;}
    20%  {height:100%;}
    100% {height:100%;}
}

@keyframes border-three {
    0%   {width:0;}
    20%  {width:0%;}
    30%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-four {
    0%   {height:0;}
    30%  {height:0%;}
    40%  {height:100%;}
    100% {height:100%;}
}

@keyframes line-one {
    0%   {left:25%;width:0;}
    40%  {left:25%;width:0%;}
    43%  {left:25%;width:50%;}
    52%  {left:25%;width:50%;}
    54%  {left:25%;width:0% }
    55%  {right:25%;left:auto;}
    63%  {width:10%;right:25%;left:auto;}
    100% {width:10%;right:25%;left:auto;}
}

@keyframes line-two {
    0%   {width:0;}
    42%  {width:0%;}
    45%  {width:50%;}
    53%  {width:50%;}
    54%  {width:0% }
    60%  {width:50%}
    100% {width:50%;}
}

@keyframes line-three {
    0%   {width:0;}
    45%  {width:0%;}
    48%  {width:50%;}
    51%  {width:50%;}
    52%  {width:0% }
    100% {width:0%;}
}

@keyframes box {
    0%   {opacity:1;margin-left:0px;height:50px;width:40px;}
    55%  {margin-left:0px;height:50px;width:40px;}
    60%  {margin-left:0px;height:35px;width:50px;}
    74%  {msthin-left:0;}
    80%  {margin-left:-50px;opacity:1;}
    90% {height:35px;width:50px;margin-left:50px;opacity:0;}
    100% {opacity:0;}
}


@media(max-width:767px){
	img.d-block.mx-auto.mb-4.logo {
    	max-height: 50px;
	}
}
@media(min-width:768px){
	img.d-block.mx-auto.mb-4.logo {
    	max-height: 50px;
	}
}
@media(min-width:992px){
	img.d-block.mx-auto.mb-4.logo {
    	max-height: 60px;
	}
	main.altodefinido{
		height: 1000px;
	}
}
@media(min-width:1200px){
	img.d-block.mx-auto.mb-4.logo {
    	max-height: 70px;
	}
	main.altodefinido{
		height: 1000px;
	}
}