/** SERVICIO DE BUENA LECTURA - PROGRAMAS HTML JUEGOS
 * v. 1 diciembre 2020
 * v. 2 febrero 2021 Introduccion de font-face url
 * v. 3 11-febrero-2022. Introduccion de enlaces Escuchar y ocultar Juegos. ¡Nuestra Señora de Lourde, ruega por nosotros!
 * v. 4 20-marzo-2022. Nueva apariencia y ajustes de pantalla
 * v. 5 8-junio-2022. Estilos Tiempo Ordinario y nuevo alerta comentario
 * v. 6 14-julio-2022. Cinta Navegación
*/
/* Font Definitions */
@font-face {font-family:"Book Antiqua";src: url(../../ttf/BOOKOS.TTF);panose-1:2 4 6 2 5 3 5 3 3 4;}
@font-face {font-family:"Trebuchet MS";src: url(../../ttf/trebuc.ttf);}
/* Style Definitions */
body {margin-right:0;margin-left:0;padding:0;color:white;background-color:black;font-family:"Book Antiqua";font-size:10.0pt;}
body.btiempoordinario {background-color:#002800;} /*Tiempo Ordinario*/
body.bcuaresma {background-color:#140028;} /*Cuaresma*/
* {box-sizing: border-box;}
div.b {position:relative;width:100%;margin:0;padding:0;text-align:center;}
p.MsoNormal, div.MsoNormal {margin:0 0 0.0001pt 0;}
p.MsoNormal, span {font-size:200%;}/*160%*/
p.MsoNormal, span.min {font-size:95%;}
p.MsoNormal.S span {font-size:230%;}
p.MsoNormal.S span.CapS {font-size:330%;}
p.MsoNormal.S span.min {font-size:98%;}
p.MsoNormal.T span {font-size:150%;}
p.MsoNormal.T span.Cap {font-size:250%;}
a {color:red;text-decoration:none;font-weight:bold;font-family:"Trebuchet MS";}
a span {font-size:220%;}/*160%*/
a span.CapS {color:white;font-size:260%;}
a span.CapSe {color:white;font-size:170%;}
a span.Se {font-size:140%;}
a:link {}
a:visited {color:red;}
a:hover {color:white;}
a#vm img {background-color:#AACC0060;border-radius:15px;}
a#vm img:hover {animation:encima 1s 1;}
/*@page Section1 {size:595.3pt 841.9pt;margin:70.85pt 3.0cm 70.85pt 3.0cm;}*/
div.Section1 {position:absolute;margin:auto;left:0;right:0;min-width:450px;animation: fondocirculoSection1 3s 1;}/*page:Section1;}max-width:650px;*/
div.Section1.stiempoordinario {background-color:#00A00030;} /*Tiempo Ordinario*/
div.Section1.bcuaresma {background-color:#5000A030;} /*Cuaresma*/
div.Section1.jueg {margin:0;padding:0;}
div.Section1.anima {animation: fondocirculoSection1 3s 1;}
.no {display:none;}
.abot {
	display: inline-block;
	padding: 0px 4px 1px 4px;
	background-color: #AACC0030;
	border: 0px ridge #AACC0060;
	border-radius: 10px;
}
.abot:hover {animation: boton 1s 1;}
@keyframes boton {
	0% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 10%, #AACC0030 15%, #AACC0030 100%);}
	12.5% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 20%, #AACC0030 50%, #AACC0030 100%);}/*112.5%*/
	25% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 35%, #AACC0030 80%, #AACC0030 100%);}/*125%*/
	37.5% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 80%, #AACC0030 95%, #AACC0030 100%);}/*137.5%*/
	50% {background-color: #EEFF0080; color: #FFFFFF;background-image: radial-gradient(#FF2020FF 0%, #FF2020FF 100%, #AACC0030 100%, #AACC0030 100%);}
	62.5% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 80%, #AACC0030 95%, #AACC0030 100%);}
	75% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 35%, #AACC0030 80%, #AACC0030 100%);}
	87.5% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 20%, #AACC0030 50%, #AACC0030 100%);}
	100% {background-image: radial-gradient(#FF2020FF 0%, #FF303080 10%, #AACC0030 15%, #AACC0030 100%);}
}
.re {
	margin:0;
	padding:0;
	line-height:0.8;
}
.fc {
	-webkit-transition:background 0.5s ease-in;transition:background 0.5s ease-in;
	display:flex;
	text-align:center;
}
.f {
	box-sizing:border-box;
	flex-basis:33.33%;
	padding:2px 4px 2px 4px;
	color:#FFCC00;
	background-color:#AACC0060;
	border-radius:10px;
	font-family:Verdana;
	font-weight:bold;
	font-size:120%;
	cursor:pointer;
}
.f:hover {
	animation:encima 1s 1;
}
@keyframes encima {
	50% {background-color:#EEFF0080;color:#FFFFFF;}
}
@keyframes fondocirculocai {
	0% {background-image: radial-gradient(circle at 0% 50%, #FF2020FF 0%, #004200 5%, #004200 10%);}
	5% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 5%, #FF2020FF 10%, #004200 15%);}
	10% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 10%, #FF2020FF 15%, #004200 20%);}
	15% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 15%, #FF2020FF 20%, #004200 25%);}
	20% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 20%, #FF2020FF 25%, #004200 30%);}
	25% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 25%, #FF2020FF 30%, #004200 35%);}
	30% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 30%, #FF2020FF 35%, #004200 40%);}
	35% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 35%, #FF2020FF 40%, #004200 45%);}
	40% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 40%, #FF2020FF 45%, #004200 50%);}
	45% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 45%, #FF2020FF 50%, #004200 55%);}
	50% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 50%, #FF2020FF 55%, #004200 60%);}
	55% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 55%, #FF2020FF 60%, #004200 65%);}
	60% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 60%, #FF2020FF 65%, #004200 70%);}
	65% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 65%, #FF2020FF 70%, #004200 75%);}
	70% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 70%, #FF2020FF 75%, #004200 80%);}
	75% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 75%, #FF2020FF 80%, #004200 85%);}
	80% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 80%, #FF2020FF 85%, #004200 90%);}
	85% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 85%, #FF2020FF 90%, #004200 95%);}
	90% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 90%, #FF2020FF 95%, #004200 100%);}
	95% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 95%, #00FF0000 95%, #FF2020FF 100%);}
	100% {background-image: radial-gradient(circle at 0% 50%, #00FF0000 100%, #00FF0000 100%, #FF2020FF 100%);}
}
.fl {float:left;}
.cl {clear:left;}
.box {
  float: left;
  width: 50.00%; /* % de cada cuadro. Para 3 33.33%*/
  padding: 0 0 0 0;
  border-right: 1px solid #AACC0060;
}
.altoceluSINUSO {height:40vw;}
.bu {width: 100.00%;}
.bt {width: 33.33%;}
.bc {width: 25.00%;}
.l {-webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out;-webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out;background-color: #AACC0030; text-decoration: none;}
.l:hover {
  background-color: red;  
}
.lt {animation: fondocirculocai 0.5s 1;background-color: #600;}
.lu {}
.luv {height:98px;}
.iz {text-align:left;overflow:auto;}
.der {border-right: 1px solid #AACC0060;}
.va {line-height:3em;}
.clearfix {
  border-top: 1px solid #AACC0060;border-bottom: 1px solid #AACC0060;border-left: 1px solid #AACC0060;margin-bottom:3px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
fieldset {padding:3px;border-radius:3px}
fieldset.fsphtml {}
@keyframes fondocirculoSection1 {
	0% {background-image: radial-gradient(circle at 50% 50%, #00FF0020 0%, #00FF0020 5%, #00FF0000 10%);}
	1% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 1%, #00FF0020 6%, #00FF0000 11%);}
	2% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 2%, #00FF0020 7%, #00FF0000 12%);}
	3% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 3%, #00FF0020 8%, #00FF0000 13%);}
	4% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 4%, #00FF0020 9%, #00FF0000 14%);}
	5% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 5%, #00FF0020 10%, #00FF0000 15%);}
	6% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 6%, #00FF0020 11%, #00FF0000 16%);}
	7% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 7%, #00FF0020 12%, #00FF0000 17%);}
	8% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 8%, #00FF0020 13%, #00FF0000 18%);}
	9% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 9%, #00FF0020 14%, #00FF0000 19%);}
	10% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 10%, #00FF0020 15%, #00FF0000 20%);}
	11% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 11%, #00FF0020 16%, #00FF0000 21%);}
	12% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 12%, #00FF0020 17%, #00FF0000 22%);}
	13% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 13%, #00FF0020 18%, #00FF0000 23%);}
	14% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 14%, #00FF0020 19%, #00FF0000 24%);}
	15% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 15%, #00FF0020 20%, #00FF0000 25%);}
	16% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 16%, #00FF0020 21%, #00FF0000 26%);}
	17% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 17%, #00FF0020 22%, #00FF0000 27%);}
	18% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 18%, #00FF0020 23%, #00FF0000 28%);}
	19% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 19%, #00FF0020 24%, #00FF0000 29%);}
	20% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 20%, #00FF0020 25%, #00FF0000 30%);}
	21% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 21%, #00FF0020 26%, #00FF0000 31%);}
	22% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 22%, #00FF0020 27%, #00FF0000 32%);}
	23% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 23%, #00FF0020 28%, #00FF0000 33%);}
	24% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 24%, #00FF0020 29%, #00FF0000 34%);}
	25% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 25%, #00FF0020 30%, #00FF0000 35%);}
	26% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 26%, #00FF0020 31%, #00FF0000 36%);}
	27% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 27%, #00FF0020 32%, #00FF0000 37%);}
	28% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 28%, #00FF0020 33%, #00FF0000 38%);}
	29% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 29%, #00FF0020 34%, #00FF0000 39%);}
	30% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 30%, #00FF0020 35%, #00FF0000 40%);}
	31% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 31%, #00FF0020 36%, #00FF0000 41%);}
	32% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 32%, #00FF0020 37%, #00FF0000 42%);}
	33% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 33%, #00FF0020 38%, #00FF0000 43%);}
	34% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 34%, #00FF0020 39%, #00FF0000 44%);}
	35% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 35%, #00FF0020 40%, #00FF0000 45%);}
	36% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 36%, #00FF0020 41%, #00FF0000 46%);}
	37% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 37%, #00FF0020 42%, #00FF0000 47%);}
	38% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 38%, #00FF0020 43%, #00FF0000 48%);}
	39% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 39%, #00FF0020 44%, #00FF0000 49%);}
	40% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 40%, #00FF0020 45%, #00FF0000 50%);}
	41% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 41%, #00FF0020 46%, #00FF0000 51%);}
	42% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 42%, #00FF0020 47%, #00FF0000 52%);}
	43% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 43%, #00FF0020 48%, #00FF0000 53%);}
	44% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 44%, #00FF0020 49%, #00FF0000 54%);}
	45% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 45%, #00FF0020 50%, #00FF0000 55%);}
	46% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 46%, #00FF0020 51%, #00FF0000 56%);}
	47% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 47%, #00FF0020 52%, #00FF0000 57%);}
	48% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 48%, #00FF0020 53%, #00FF0000 58%);}
	49% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 49%, #00FF0020 54%, #00FF0000 59%);}
	50% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 50%, #00FF0020 55%, #00FF0000 60%);}
	51% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 51%, #00FF0020 56%, #00FF0000 61%);}
	52% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 52%, #00FF0020 57%, #00FF0000 62%);}
	53% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 53%, #00FF0020 58%, #00FF0000 63%);}
	54% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 54%, #00FF0020 59%, #00FF0000 64%);}
	55% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 55%, #00FF0020 60%, #00FF0000 65%);}
	56% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 56%, #00FF0020 61%, #00FF0000 66%);}
	57% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 57%, #00FF0020 62%, #00FF0000 67%);}
	58% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 58%, #00FF0020 63%, #00FF0000 68%);}
	59% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 59%, #00FF0020 64%, #00FF0000 69%);}
	60% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 60%, #00FF0020 65%, #00FF0000 70%);}
	61% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 61%, #00FF0020 66%, #00FF0000 71%);}
	62% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 62%, #00FF0020 67%, #00FF0000 72%);}
	63% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 63%, #00FF0020 68%, #00FF0000 73%);}
	64% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 64%, #00FF0020 69%, #00FF0000 74%);}
	65% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 65%, #00FF0020 70%, #00FF0000 75%);}
	66% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 66%, #00FF0020 71%, #00FF0000 76%);}
	67% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 67%, #00FF0020 72%, #00FF0000 77%);}
	68% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 68%, #00FF0020 73%, #00FF0000 78%);}
	69% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 69%, #00FF0020 74%, #00FF0000 79%);}
	70% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 70%, #00FF0020 75%, #00FF0000 80%);}
	71% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 71%, #00FF0020 76%, #00FF0000 81%);}
	72% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 72%, #00FF0020 77%, #00FF0000 82%);}
	73% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 73%, #00FF0020 78%, #00FF0000 83%);}
	74% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 74%, #00FF0020 79%, #00FF0000 84%);}
	75% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 75%, #00FF0020 80%, #00FF0000 85%);}
	76% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 76%, #00FF0020 81%, #00FF0000 86%);}
	77% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 77%, #00FF0020 82%, #00FF0000 87%);}
	78% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 78%, #00FF0020 83%, #00FF0000 88%);}
	79% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 79%, #00FF0020 84%, #00FF0000 89%);}
	80% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 80%, #00FF0020 85%, #00FF0000 90%);}
	81% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 81%, #00FF0020 86%, #00FF0000 91%);}
	82% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 82%, #00FF0020 87%, #00FF0000 92%);}
	83% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 83%, #00FF0020 88%, #00FF0000 93%);}
	84% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 84%, #00FF0020 89%, #00FF0000 94%);}
	85% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 85%, #00FF0020 90%, #00FF0000 95%);}
	86% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 86%, #00FF0020 91%, #00FF0000 96%);}
	87% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 87%, #00FF0020 92%, #00FF0000 97%);}
	88% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 88%, #00FF0020 93%, #00FF0000 98%);}
	89% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 89%, #00FF0020 94%, #00FF0000 99%);}
	90% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 90%, #00FF0020 95%, #00FF0000 100%);}
	91% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 91%, #00FF0020 96%, #00FF0000 101%);}
	92% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 92%, #00FF0020 97%, #00FF0000 102%);}
	93% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 93%, #00FF0020 98%, #00FF0000 103%);}
	94% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 94%, #00FF0020 99%, #00FF0000 104%);}
	95% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 95%, #00FF0020 100%, #00FF0000 105%);}
	96% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 96%, #00FF0020 101%, #00FF0000 106%);}
	97% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 97%, #00FF0020 102%, #00FF0000 107%);}
	98% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 98%, #00FF0020 103%, #00FF0000 108%);}
	99% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 99%, #00FF0020 104%, #00FF0000 109%);}
	100% {background-image: radial-gradient(circle at 50% 50%, #00FF0000 100%, #00FF0020 105%, #00FF0000 110%);}
}