* {
	padding: 0px;
	margin: 0px;
	font-family: Corbel;
}

/* 5529300612 bocinas */
/* https://www.youtube.com/watch?v=KFOLfwjA1zY  editor */
/****************************************************************************/



.botoncolorazul			{font-size:2.0vh; font-family:Corbel; color:#000000; font-weight:bold;  width:80%;  height:45px;  background:#BBEEFF; border:0; border-radius:5px;transition:1s;}
.botoncolorazul:hover	{font-size:2.0vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:90%;  height:45px;  background:#5555FF; border:0; border-radius:5px;}

.botoncolornaranja		{font-size:2.0vh; font-family:Corbel; color:#000000; font-weight:bold;  width:80%;  height:45px;  background:#FABE03; border:0; border-radius:5px;transition:1s;}
.botoncolornaranja:hover{font-size:2.0vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:90%;  height:45px;  background:#C98B00; border:0; border-radius:5px;}

.botoncolorverde		{font-size:2.0vh; font-family:Corbel; color:#000000; font-weight:bold;  width:80%;  height:45px;  background:#D5FCB6; border:0; border-radius:5px;transition:1s;}
.botoncolorverde:hover	{font-size:2.0vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:90%;  height:45px;  background:#00AA00; border:0; border-radius:5px;}


.logotipo	{width:45%;}
.fotosbanner{width:100%;}
.fotosomos	{width:100%; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotoequipo	{width:60%; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotonews	{width:60%; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.redessociales	{width:40%;}
.empresa1	{font-size:2.5vh; font-family:Inter-Regular; color:#999999; }
.empresa2	{font-size:5.1vh; font-family:Corbel; color:#023859; font-weight:normal; }
.empresa3	{font-size:2.5vh; font-family:Inter-Regular; color:#FFFFFF; }
.letrafecha	{font-size:1.5vh; font-family:Corbel; color:#444444; }
.iconored	{cursor:pointer;}
.derechos	{font-size:1.8vh; font-family:Corbel; color:#000000; font-weight:bold; }

.poli1		{font-size:3.5vh; font-family:Corbel; color:#023859; font-weight:bold;}
.poli2		{font-size:1.8vh; font-family:Corbel; color:#999999; font-weight:normal;}
.poli3		{font-size:1.8vh; font-family:Corbel; color:#023859; font-weight:bold;}
.poli4		{font-size:3.0vh; font-family:Corbel; color:#023859; font-weight:bold;}


/********************   Articulos  *********************************************/
.fondobonito{background:#DDDDDD;}
.cabecerax	{font-size:1.8vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  }
.Art_titul	{font-size:5.1vh; font-family:Corbel; color:#023859; font-weight:normal;  text-align:center;}
.Art_titul2	{font-size:2.5vh; font-family:Corbel; color:#023859; font-weight:bold;  text-align:justify;}
.Art_titul3	{font-size:2.4vh; font-family:Corbel; color:#023859; font-weight:bold;  text-align:center;}

.Art_autor	{font-size:1.8vh; font-family:Corbel; color:#0000AA; font-weight:normal; text-align:center; cursor:pointer;}
.Art_intro	{font-size:3.0vh; font-family:Book Antiqua; color:#555555; font-weight:normal; text-align:justify; line-height:3.5vh;}
.Art_desar	{font-size:3.0vh; font-family:Book Antiqua; color:#555555; font-weight:normal; text-align:justify; line-height:3.2vh;}
.Art_bibli	{font-size:1.7vh; font-family:Corbel; color:#0000AA; font-weight:normal; text-align:justify; line-height:2.5vh;}

.fotoprincipal {width:100%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotosecundaria{width:100%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));text-align:center;}
.fotologo	   {width:35%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotoautor	   {width:85%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotoautor2	   {height:15rem;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.fotoposter	   {width:95%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.iconosarticulos{width:2.5rem;transition:1s;}
.iconosarticulos:hover{width:2.0rem;}
.resaltar	{font-size:3.5vh; font-family:Corbel; color:#023859; text-align:justify; line-height:3.8vh;font-weight:bold;}
.cursiva	{font-size:2.9vh; font-family:Corbel; color:#023859; text-align:justify; line-height:3.5vh;font-style: italic;}

.tablita	{width:100%; height:100%;}
.combo01	{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:bold;  width:100%; height:35px;  background:#FFFFFF; border:0; border-radius:5px; line-height:2.5vh; Padding:10px;}

/*******************************************************************************/
.letra16	{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:normal;  }
.letra30	{font-size:3.0vh; font-family:Corbel; color:#023859; }
.letra20	{font-size:2.0vh; font-family:Corbel; color:#999999; font-weight:bold; text-transform: uppercase}
.letra25	{font-size:2.5vh; font-family:Corbel; color:#EEEEEE; font-weight:bold;  }

.caja01		{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:bold;  width:100%; height:35px;  background:#FFFFFF; border:0; border-radius:5px; line-height:2.5vh; Padding:10px;}
.caja04		{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:bold;  width:100%; height:30px;  background:#FFFFFF; border:0; border-radius:5px; line-height:2.5vh; Padding:10px;}
.caja01b	{font-size:1.5vh; font-family:Corbel; color:#023859; font-weight:bold;  width:90%;  height:35px;  background:#FFFFFF; border:0; border-radius:5px; }
.caja02		{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:bold;  width:100%; height:200px; background:#FFFFFF; border:0; border-radius:5px; line-height:2.5vh; Padding:10px;}
.caja03		{font-size:1.9vh; font-family:Corbel; color:#023859; font-weight:bold;  width:100%; height:200px; background:#FFFFFF; border:0; border-radius:5px; line-height:2.5vh; Padding:10px;}
.boton01	{font-size:1.7vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:80%;  height:35px;  background:#023859; border:0; border-radius:5px;transition:1s;}
.boton01:hover	{font-size:1.7vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:90%;  height:35px;  background:#0238FF; border:0; border-radius:5px;}
.boton02		{font-size:1.5vh; font-family:Corbel; color:#000000; font-weight:bold;  width:95%;  height:35px;  background:orange; border:0; border-radius:5px;transition:1s;}

.control		{width:40%; cursor:pointer; transition:1s;}
.control:hover	{width:30%;}
.boton03		{font-size:1.7vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:50%;  height:35px;  background:#023859; border:0; border-radius:5px;transition:1s;}
.boton03:hover	{font-size:1.7vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:55%;  height:35px;  background:#0238FF; border:0; border-radius:5px;}

.botonpoli		{font-size:1.5vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:70%;  height:35px;  background:#023859; border:0; border-radius:5px;transition:1s;}
.botonpoli:hover{font-size:1.5vh; font-family:Corbel; color:#FFFFFF; font-weight:bold;  width:75%;  height:35px;  background:#0238FF; border:0; border-radius:5px;}

.masarti		{font-size:1.5vh; font-family:Corbel; color:#000000; font-weight:bold;  width:90%;  height:40px;  background:yellow; border:0; border-radius:5px;transition:1s;}
.masarti:hover  {font-size:1.5vh; font-family:Corbel; color:#000000; font-weight:bold;  width:100%; height:40px;  background:Orange; border:0; border-radius:5px;}

/*******************************************************************************/


/*
.buscador {
	padding: 9px;
	font-size: 15px;
	border: solid 1px #aaa;
	width: 90%;
	border:0;
	border-radius:10px;
	height:30px;
}
.buscador:focus {
	border:0;
	background:#DDDDDD;
	border-radius:10px;
}
*/
.buscador {
	font-size: 15px;
	border: solid 1px #aaa;
	width: 90%;
	border:0;
	border-radius:10px;
	height:30px;
}
/**********************************************************************/
		.somos {
			z-index : 25;
			/*background:#ffffff;
			background:		url(../images/banner2.png);*/
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 0px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows:    repeat(3, auto);

			grid-template-areas:"titulo titulo titulo"
								"mision vision proposito"
								"equipo equipo equipo";
		}

		.somos > div,
		.somos .titulo,
		.somos .mision,
		.somos .vision,
		.somos .proposito,
		.somos .equipo{
			padding: 0px;
			border-radius: 0px;
		}

		.somos .titulo		{	width:100%;	grid-area: titulo;		text-align:center; margin: 5px;}
		.somos .mision		{	width:90%;	grid-area: mision;		margin: 5px;}
		.somos .vision		{	width:90%;	grid-area: vision; 		margin: 5px;}
		.somos .proposito	{	width:90%;	grid-area: proposito; 	margin: 5px;}
		.somos .equipo		{	width:100%;	grid-area: equipo; 		margin: 5px;}


		@media screen and (max-width: 800px){
			.somos {
				grid-template-areas:"titulo titulo titulo"
									"mision mision mision"
									"vision vision vision"
									"proposito proposito proposito"
									"equipo equipo equipo";
			}
		}

/*******************************************************************/
		.listacv {
			z-index : 25;
			/*background:#ffffff;
			background:		url(../images/banner2.png);*/
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 0px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows:    repeat(3, auto);

			grid-template-areas:"a1  a2  a3  a4"
								"a5  a6  a7  a8"
								"a9  a10 a11 a12";
		}

		.listacv > div,
		.listacv .a1,
		.listacv .a2,
		.listacv .a3,
		.listacv .a4,
		.listacv .a5,
		.listacv .a6,
		.listacv .a7,
		.listacv .a8,
		.listacv .a9,
		.listacv .a10,
		.listacv .a11,
		.listacv .a12
		{
			padding: 0px;
			border-radius: 0px;
		}

		.listacv .a1	{	width:100%;	grid-area: a1;	text-align:center; margin: 5px;}
		.listacv .a2	{	width:100%;	grid-area: a2;	text-align:center; margin: 5px;}
		.listacv .a3	{	width:100%;	grid-area: a3;	text-align:center; margin: 5px;}
		.listacv .a4	{	width:100%;	grid-area: a4;	text-align:center; margin: 5px;}
		.listacv .a5	{	width:100%;	grid-area: a5;	text-align:center; margin: 5px;}
		.listacv .a6	{	width:100%;	grid-area: a6;	text-align:center; margin: 5px;}
		.listacv .a7	{	width:100%;	grid-area: a7;	text-align:center; margin: 5px;}
		.listacv .a8	{	width:100%;	grid-area: a8;	text-align:center; margin: 5px;}
		.listacv .a9	{	width:100%;	grid-area: a9;	text-align:center; margin: 5px;}
		.listacv .a10	{	width:100%;	grid-area: a10;	text-align:center; margin: 5px;}
		.listacv .a11	{	width:100%;	grid-area: a11;	text-align:center; margin: 5px;}
		.listacv .a12	{	width:100%;	grid-area: a12;	text-align:center; margin: 5px;}






		@media screen and (max-width: 800px){
			.listacv {
				grid-template-areas:"a1   a1   a2   a2"
									"a3   a3   a4   a4"
									"a5   a5   a6   a6"
									"a7   a7   a8   a8"
									"a9   a9   a10  a10"
									"a11  a11  a12  a12";
			}
		}		


/******************************* Ojo ******************************/
.ojo {
	z-index : 25;
	/*background:#ffffff;
	background:		url(../images/banner2.png);*/
	width: 95%;
	max-width: 100%; /*1300px;*/
	margin: 0px auto;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows:    repeat(2, auto);

	grid-template-areas:"ojo_autor    ojo_autor     ojo_autor     ojo_autor     ojo_autor"
						"ojo_articulo ojo_articulo  ojo_articulo  ojo_articulo  ojo_articulo";
}

.ojo > div,
.ojo .ojo_autor ,
.ojo .ojo_controles,
.ojo .ojo_articulo{
	padding: 0px;
	border-radius: 0px;
}

.ojo .ojo_autor		{	width:100%;	grid-area: ojo_autor;		text-align:center; margin: 5px;}
.ojo .ojo_controles	{	width:100%;	grid-area: ojo_controles;	text-align:center; margin: 5px;}
.ojo .ojo_articulo	{	width:100%;	grid-area: ojo_articulo; 	text-align:center; margin: 5px;}


@media screen and (max-width: 800px){
	.ojo {
		grid-template-areas:"ojo_autor 		ojo_autor     ojo_autor     ojo_autor     ojo_autor"
							"ojo_controles 	ojo_controles ojo_controles ojo_controles ojo_controles"
							"ojo_articulo 	ojo_articulo  ojo_articulo  ojo_articulo  ojo_articulo";
	}
}


/******************************* Cabecera ******************************/
.cabecera {
	z-index : 25;
	background:#ffffff;
	/*
	background:		url(../images/banner2.png);*/
	width: 100%;
	max-width: 100%; /*1300px;*/
	margin: 0px auto;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows:    repeat(4, auto);

	grid-template-areas:"logox   empresax empresax  hoyx"
						"logox   buscax   buscax    redesx"
						"menux   menux    menux     menux"
						"vacio1  vacio1   vacio2    vacio2";
}
.cabecera .vacio1	{display:none;}
.cabecera > div,
.cabecera .vacio1,
.cabecera .vacio2,
.cabecera .logox,
.cabecera .empresax,
.cabecera .hoyx,
.cabecera .redesx,
.cabecera .buscax,
.cabecera .menux{
	padding: 0px;
	border-radius: 0px;
}

.cabecera .logox		{	width:100%;	grid-area: logox; 	text-align:center; margin: 5px;}
.cabecera .empresax		{	width:100%;	grid-area: empresax;text-align:center; }
.cabecera .hoyx			{	width:100%;	grid-area: hoyx; 	text-align:center; }
.cabecera .redesx		{	width:100%;	grid-area: redesx;  text-align:center; }
.cabecera .buscax		{	width:90%;	grid-area: buscax;  text-align:center; background:#EEEEEE; border:0; border-radius:15px; height:45px; padding: 8px;margin: 8px;}
.cabecera .menux		{	width:100%;	grid-area: menux;   text-align:center; }
.cabecera .vacio1		{	width:100%;	grid-area: vacio1;  text-align:center; height:100px;}
.cabecera .vacio2		{	width:100%;	grid-area: vacio2;  text-align:center; }


@media screen and (max-width: 800px){
	#sletter{display:none;}
	.logotipo	{width:25%;}
	.cabecera .vacio1	{display:block;}
	.cabecera .hoyx		{display:none;}
	.cabecera .redesx	{display:block;}
	.cabecera {
		grid-template-areas:"vacio1 vacio1 vacio1 vacio1"
							"redesx redesx redesx redesx"
							"logox    logox    logox    logox"
							"empresax empresax empresax empresax"
							"buscax   buscax   buscax   buscax"
							"menux    menux    menux    menux";
	}
}
/**********************************************************************/
		.news {
			z-index : 25;
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 0px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows:    repeat(3, auto);

			grid-template-areas:"titulo  titulo  titulo"
								"parrafo parrafo parrafo"
								"datos   datos   imagen";
		}

		.news > div,
		.news .titulo,
		.news .parrafo,
		.news .datos,
		.news .imagen{
			padding: 0px;
			border-radius: 0px;
		}

		.news .titulo	{width:95%;grid-area: titulo;		text-align:center; 	margin: 5px;}
		.news .parrafo	{width:95%;	grid-area: parrafo;		text-align:justify;	margin: 5px;}
		.news .datos	{width:95%;	grid-area: datos; 		margin: 5px;}
		.news .imagen	{width:95%;	grid-area: imagen; 		text-align:center;	margin: 5px;}


		@media screen and (max-width: 800px){
			.news {
				grid-template-areas:"titulo  titulo  titulo"
									"parrafo parrafo parrafo"
									"datos   datos   datos"
									"imagen  imagen  imagen";
			}
		}

/*********************************************************************/

		.pantalla {
			z-index : 25;
			/*background:#ffffff;
			background:		url(../images/banner2.png);*/
			width: 100%;
			max-width: 100%; /*1300px;*/
			margin: 0px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(5, 1fr);
			grid-template-rows:    repeat(2, auto);

			grid-template-areas:"primaria primaria primaria secundaria secundaria"
								"terciaria terciaria terciaria terciaria terciaria";
		}

		.pantalla > div,
		.pantalla .primaria,
		.pantalla .secundaria,
		.pantalla .terciaria{
			padding: 0px;
			border-radius: 0px;
		}

		.pantalla .primaria		{	width:100%;	grid-area: primaria; 	text-align:center; margin: 5px;}
		.pantalla .secundaria	{	width:100%;	grid-area: secundaria;	text-align:center; }
		.pantalla .terciaria	{	width:100%;	grid-area: terciaria; 	text-align:center; }



		@media screen and (max-width: 800px){
			.pantalla {
				grid-template-areas:"primaria   primaria   primaria   primaria   primaria"
									"secundaria secundaria secundaria secundaria secundaria"
									"terciaria  terciaria  terciaria  terciaria  terciaria";
			}
		}

	  /*******************************************************************/ 

		.pantallalateral {
			z-index : 25;
			/*background:#ffffff;
			background:		url(../images/banner2.png);*/
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 0px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows:    repeat(13, auto);

			grid-template-areas:"pos1 pos1"
								"art1 art2"
								"art3 art4"
								"art5 art6"
								"art7 art8"
								"art9 art10"
								"art11 art12"
								"art13 art14"
								"art15 art16"
								"art17 art18"
								"art19 art20"
								"art21 art22"
								"art23 art24";
		}

		.pantallalateral > div,
		.pantallalateral .pos1,
		.pantallalateral .art1,
		.pantallalateral .art2,
		.pantallalateral .art3,
		.pantallalateral .art4,
		.pantallalateral .art5,
		.pantallalateral .art6,
		.pantallalateral .art7,
		.pantallalateral .art8,
		.pantallalateral .art9,
		.pantallalateral .art10,
		.pantallalateral .art11,
		.pantallalateral .art12,
		.pantallalateral .art13,
		.pantallalateral .art14,
		.pantallalateral .art15,
		.pantallalateral .art16,
		.pantallalateral .art17,
		.pantallalateral .art18,
		.pantallalateral .art19,
		.pantallalateral .art20,
		.pantallalateral .art21,
		.pantallalateral .art22,
		.pantallalateral .art23,
		.pantallalateral .art24{
			padding: 0px;
			border-radius: 0px;
		}

		.pantallalateral .pos1		{	width:100%;	grid-area: pos1; 	text-align:center; margin: 5px;}
		.pantallalateral .art1		{	width:100%;	grid-area: art1; 	text-align:center; margin: 5px;}
		.pantallalateral .art2		{	width:100%;	grid-area: art2; 	text-align:center; margin: 5px;}
		.pantallalateral .art3		{	width:100%;	grid-area: art3; 	text-align:center; margin: 5px;}
		.pantallalateral .art4		{	width:100%;	grid-area: art4; 	text-align:center; margin: 5px;}
		.pantallalateral .art5		{	width:100%;	grid-area: art5; 	text-align:center; margin: 5px;}
		.pantallalateral .art6		{	width:100%;	grid-area: art6; 	text-align:center; margin: 5px;}
		.pantallalateral .art7		{	width:100%;	grid-area: art7; 	text-align:center; margin: 5px;}
		.pantallalateral .art8		{	width:100%;	grid-area: art8; 	text-align:center; margin: 5px;}
		.pantallalateral .art9		{	width:100%;	grid-area: art9; 	text-align:center; margin: 5px;}
		.pantallalateral .art10		{	width:100%;	grid-area: art10; 	text-align:center; margin: 5px;}
		
		.pantallalateral .art11		{	width:100%;	grid-area: art11; 	text-align:center; margin: 5px;}
		.pantallalateral .art12		{	width:100%;	grid-area: art12; 	text-align:center; margin: 5px;}
		.pantallalateral .art13		{	width:100%;	grid-area: art13; 	text-align:center; margin: 5px;}
		.pantallalateral .art14		{	width:100%;	grid-area: art14; 	text-align:center; margin: 5px;}
		.pantallalateral .art15		{	width:100%;	grid-area: art15; 	text-align:center; margin: 5px;}
		.pantallalateral .art16		{	width:100%;	grid-area: art16; 	text-align:center; margin: 5px;}
		.pantallalateral .art17		{	width:100%;	grid-area: art17; 	text-align:center; margin: 5px;}
		.pantallalateral .art18		{	width:100%;	grid-area: art18; 	text-align:center; margin: 5px;}
		.pantallalateral .art19		{	width:100%;	grid-area: art19; 	text-align:center; margin: 5px;}
		.pantallalateral .art20		{	width:100%;	grid-area: art20; 	text-align:center; margin: 5px;}
		
		.pantallalateral .art21		{	width:100%;	grid-area: art21; 	text-align:center; margin: 5px;}
		.pantallalateral .art22		{	width:100%;	grid-area: art22; 	text-align:center; margin: 5px;}
		.pantallalateral .art23		{	width:100%;	grid-area: art23; 	text-align:center; margin: 5px;}
		.pantallalateral .art24		{	width:100%;	grid-area: art24; 	text-align:center; margin: 5px;}
		




		@media screen and (max-width: 800px){
			.pantallalateral {
				grid-template-areas:"pos1 pos1"
									"art1 art2"
				                    "art3 art4"
									"art5 art6"
									"art7 art8"
									"art9 art10"
									"art11 art12"
									"art13 art14"
									"art15 art16"
									"art17 art18"
									"art19 art20"
									"art21 art22"
				                    "art23 art24";
			}
		}
		
/****************************************************************************************************************/
		.pantallalateralx {
			z-index : 25;
			background:orange;
			border-radius: 25px;
			/*
			background:		url(../images/banner2.png);*/
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 5px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows:    repeat(13, auto);

			grid-template-areas:"pos1 pos1"
								"art1 art2"
								"art3 art4"
								"art5 art6"
								"art7 art8"
								"art9 art10"
								"art11 art12"
								"art13 art14"
								"art15 art16"
								"art17 art18"
								"art19 art20"
								"art21 art22"
								"art23 art24";
		}

		.pantallalateralx > div,
		.pantallalateralx .pos1,
		.pantallalateralx .art1,
		.pantallalateralx .art2,
		.pantallalateralx .art3,
		.pantallalateralx .art4,
		.pantallalateralx .art5,
		.pantallalateralx .art6,
		.pantallalateralx .art7,
		.pantallalateralx .art8,
		.pantallalateralx .art9,
		.pantallalateralx .art10,
		.pantallalateralx .art11,
		.pantallalateralx .art12,
		.pantallalateralx .art13,
		.pantallalateralx .art14,
		.pantallalateralx .art15,
		.pantallalateralx .art16,
		.pantallalateralx .art17,
		.pantallalateralx .art18,
		.pantallalateralx .art19,
		.pantallalateralx .art20,
		.pantallalateralx .art21,
		.pantallalateralx .art22,
		.pantallalateralx .art23,
		.pantallalateralx .art24{
			padding: 0px;
			border-radius: 0px;
		}

		.pantallalateralx .pos1		{	width:100%;	grid-area: pos1; 	text-align:center; margin: 5px;}
		.pantallalateralx .art1		{	width:100%;	grid-area: art1; 	text-align:center; margin: 5px;}
		.pantallalateralx .art2		{	width:100%;	grid-area: art2; 	text-align:center; margin: 5px;}
		.pantallalateralx .art3		{	width:100%;	grid-area: art3; 	text-align:center; margin: 5px;}
		.pantallalateralx .art4		{	width:100%;	grid-area: art4; 	text-align:center; margin: 5px;}
		.pantallalateralx .art5		{	width:100%;	grid-area: art5; 	text-align:center; margin: 5px;}
		.pantallalateralx .art6		{	width:100%;	grid-area: art6; 	text-align:center; margin: 5px;}
		.pantallalateralx .art7		{	width:100%;	grid-area: art7; 	text-align:center; margin: 5px;}
		.pantallalateralx .art8		{	width:100%;	grid-area: art8; 	text-align:center; margin: 5px;}
		.pantallalateralx .art9		{	width:100%;	grid-area: art9; 	text-align:center; margin: 5px;}
		.pantallalateralx .art10		{	width:100%;	grid-area: art10; 	text-align:center; margin: 5px;}
		
		.pantallalateralx .art11		{	width:100%;	grid-area: art11; 	text-align:center; margin: 5px;}
		.pantallalateralx .art12		{	width:100%;	grid-area: art12; 	text-align:center; margin: 5px;}
		.pantallalateralx .art13		{	width:100%;	grid-area: art13; 	text-align:center; margin: 5px;}
		.pantallalateralx .art14		{	width:100%;	grid-area: art14; 	text-align:center; margin: 5px;}
		.pantallalateralx .art15		{	width:100%;	grid-area: art15; 	text-align:center; margin: 5px;}
		.pantallalateralx .art16		{	width:100%;	grid-area: art16; 	text-align:center; margin: 5px;}
		.pantallalateralx .art17		{	width:100%;	grid-area: art17; 	text-align:center; margin: 5px;}
		.pantallalateralx .art18		{	width:100%;	grid-area: art18; 	text-align:center; margin: 5px;}
		.pantallalateralx .art19		{	width:100%;	grid-area: art19; 	text-align:center; margin: 5px;}
		.pantallalateralx .art20		{	width:100%;	grid-area: art20; 	text-align:center; margin: 5px;}
		
		.pantallalateralx .art21		{	width:100%;	grid-area: art21; 	text-align:center; margin: 5px;}
		.pantallalateralx .art22		{	width:100%;	grid-area: art22; 	text-align:center; margin: 5px;}
		.pantallalateralx .art23		{	width:100%;	grid-area: art23; 	text-align:center; margin: 5px;}
		.pantallalateralx .art24		{	width:100%;	grid-area: art24; 	text-align:center; margin: 5px;}
		




		@media screen and (max-width: 800px){
			.pantallalateralx {
				grid-template-areas:"pos1 pos1"
									"art1 art2"
				                    "art3 art4"
									"art5 art6"
									"art7 art8"
									"art9 art10"
									"art11 art12"
									"art13 art14"
									"art15 art16"
									"art17 art18"
									"art19 art20"
									"art21 art22"
				                    "art23 art24";
			}
		}

/****************************************************************************************************************/
		.comenta {
			z-index : 25;
			background:yellow;
			border-radius: 25px;
			/*
			background:		url(../images/banner2.png);*/
			width: 90%;
			max-width: 100%; /*1300px;*/
			margin: 5px auto;
			display: grid;
			grid-gap: 5px;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows:    repeat(2, auto);

			grid-template-areas:"fotoarriba fotoarriba fotoarriba"
								"lista lista fotolista";
		}
		.comenta .fotoarriba{display:none;}
		.comenta > div,
		.comenta .lista,
		.comenta .fotoarriba,
		.comenta .fotolista{
			padding: 0px;
			border-radius: 0px;
		}

		.comenta .lista		{	width:100%;	grid-area: lista; 		margin: 5px;}
		.comenta .fotolista	{	width:100%;	grid-area: fotolista; 	margin: 5px;}
		.comenta .fotoarriba{	width:100%;	grid-area: fotoarriba; 	margin: 5px;}




		@media screen and (max-width: 800px){
			.comenta .fotolista{display:none;}
			.comenta .fotoarriba{display:block;}
			.comenta {
				grid-template-areas:"fotoarriba fotoarriba fotoarriba"
									"lista      lista      lista";
			}
		}