.Cerrar
{
	position: fixed;
	top: 120px;
	right: 15px;
	width: 240px;
	height: 60px;
	border-radius: 5px;
	background-color: rgb(255,255,255);
	border: solid 1px rgba(0,0,0,.1);
	cursor: pointer;
	overflow: hidden;
	transition: .5s;
	z-index: 5;
}
.AbrirBoton
{
	animation: AbrirBoton 1s ease-in-out forwards;
}
.AnimarBoton
{
	animation: AnimarBoton 1s ease-in-out forwards;
}
.AnimarBoton:hover
{
	width: 240px;
}
@keyframes AbrirBoton
{
	0%{ width: 60px }
	100%{ width: 240px }
}
@keyframes AnimarBoton
{
	0%{ width: 240px }
	100%{ width: 60px }
}
.Cerrar .Icono
{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	background-image: url(../Covid-19/Image/Icon/CorazonColor.svg);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center center;
	transform: translate(4px,4px);
}
.Cerrar.PooupAbierto
{
	background-color: rgb(172,34,32);
	z-index: 9;
	width: 60px;
}
.Cerrar.PooupAbierto .Icono
{
	background-image: url(../Image/Covid/Cerrar.svg);
	background-size: 75% 75%;
}
.Cerrar .Parrafo
{
	/*display: none;*/
	display: inline-block;
	width: 170px;
	margin-top: 0;
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: rgb(80,80,80);
	line-height: 60px;
	vertical-align: top;
	transition: 1s;
}
.Covid
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.8);
	overflow: hidden;
	z-index: 7;
}
.Abrir
{
	display: flex;
}
.CerrarAnimacion
{
	animation: Cerrar .5s ease-in-out forwards;
}
@keyframes Cerrar
{
	to {transform: scale(0);}
}
.Covid .Ventana
{
	width: 100%;
	max-width: 600px;
	background-color: rgba(245,245,245,1);
	padding: 10px;
	box-shadow: 15px 15px 7px -5px rgba(0,0,0,.2);
	border-radius: 5px;
	transform: scale(0);
	animation: Ventana .3s forwards;
}
@keyframes Ventana
{
	from {transform: scale(0);}
	to {transform: scale(1);}
}
.Covid .Ventana .Titulo
{
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: rgb(112,15,18);
	border-bottom: solid 1px rgba(0,0,0,.2);
}
.Covid .Ventana .Titulo .Icono
{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	background-image: url(../Image/Covid/IconoCovidRojo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	/*background-color: red;*/
	transform: translateY(4px);
	/*vertical-align: bottom;*/
}
.Covid .Ventana .Parrafo
{
	font-family: 'Roboto Condensed Light', sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: rgb(100,100,100);
}
.Covid .Ventana .Botonera
{
	width: 100%;
	display: flex;
	margin-bottom: 0px;
	justify-content: center;
	align-items: center;
}
#NoMostrar
{
	display: none;
}
#NoMostrar:checked + .Checkbox
{
	border: solid 2px rgb(0,158,171);
}
#NoMostrar:checked + .Checkbox:before
{
	display: block;
}
.Covid .Ventana .Checkbox
{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 3px;
	border: solid 2px rgba(0,0,0,.3);
	user-select: none;
	vertical-align: bottom;
}
.Covid .Ventana .Checkbox:before
{
	content: "";
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 7px;
	border-bottom: 2px solid rgb(0,158,171);
	border-left: 2px solid rgb(0,158,171);
	transform: translate(2px, -3px) rotate(-45deg);
	animation: .3s Pincel;
}
@keyframes Pincel
{
	from { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
	to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}
.Covid .Ventana .NoMostrar
{
	display: inline-block;
	transform: translateY(1px);
	user-select: none;
	font-family: 'Roboto Condensed Light', sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: rgb(100,100,100);
}
.Covid .Ventana .Boton
{
	padding: 7px 15px;
	font-family: 'Roboto Condensed Regular', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	box-shadow: 3px 3px 2px -1px rgba(0,0,0,.3);
	border-radius: 3px;
	outline: none;
	border: none;
	background-color: rgb(0,158,171);
	color: rgb(255,255,255);
	cursor: pointer;
	transition: all .3s;
}
.Covid .Ventana .Boton:hover
{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	transform: translate(2px,2px);
}
@media screen and (max-width: 1250px)
{
	.Cerrar
	{
		width: 45px;
		height: 45px;
	}
	.Cerrar .Icono
	{
		margin-right: 10px;
		width: 35px;
		height: 35px;
	}
	.Cerrar .Parrafo
	{
		font-size: 1.3em;
		line-height: 45px;
	}
	.AnimarBoton:hover
	{
		width: 220px;
	}
}
@media screen and (max-width: 654px)
{
	.Cerrar
	{
		width: 40px;
		height: 40px;
	}
	.Cerrar .Icono
	{
		width: 30px;
		height: 30px;
	}
	.Cerrar .Parrafo
	{
		font-size: 1.1em;
		line-height: 40px;
	}
	.AnimarBoton:hover
	{
		width: 195px;
	}
	.Covid .Ventana
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.Covid .Ventana .Titulo
	{
		font-size: 1.5em;
	}
	.Covid .Ventana .Titulo .Icono
	{
		width: 24px;
		height: 24px;
		margin-right: 5px;
		transform: translateY(3px);
	}
	.Covid .Ventana .Parrafo
	{
		font-size: 1em;
	}
	.Covid .Ventana .Boton
	{
		padding: 7px 15px;
		font-size: 1.1em;
	}
}