*{
	margin:0;
	padding:0;
	box-sizing: border-box;	
}

/************************************************************************************************************/
.titulo01	{font-size:6.2vh; font-family:calibri; color:#FFFFFF;}
.titulo02	{font-size:4.2vh; font-family:calibri; color:#ffffff;}
.titulo03	{font-size:5.2vh; font-family:calibri; color:#003366;}
.titulo04	{font-size:3.0vh; font-family:calibri; color:#003366;}
.letra01	{font-size:2.2vh; font-family:calibri; color:#003366;}
.letra01b	{font-size:1.8vh; font-family:calibri; color:#999999;}
.letra02	{font-size:2.0vh; font-family:calibri; color:#ffffff;}
.letra03	{font-size:1.7vh; font-family:calibri; color:#000000;}
.letra04	{font-size:1.5vh; font-family:calibri; color:#FFFFFF;}
.letra05	{font-size:1.5vh; font-family:calibri; color:#003366;}
.letra06	{font-size:2.0vh; font-family:calibri; color:#AAAAAA;}
.letra07	{font-size:1.0vh; font-family:calibri; color:#003366;}
.letra05a	{font-size:1.7vh; font-family:calibri; color:#003366;}
.altura01   {height:2.5vh;}
.tache		{font-size:3vh; font-family:arial; color:red;width:50; height:3.5vh;}
.letrota	{font-size:30vh; font-family:calibri; color:#003366;}

.let4b		{}

.a1 {height:8.0vh;}
.a2 {height:1.2vh;}
.a3 {height:25vh;}
.a4 {height:2.5vh;}
.a5 {height:3.0vh;}


.fondo01	{background:#003366; color:white;   font-size:1.8vh; font-family:calibri;}
.fondo02	{background:#003366; color:white;   font-size:1.8vh; font-family:calibri;}
.fondo03	{background:#EEEEEE; color:#999999; font-size:1.8vh; font-family:calibri;}

.enviar 		{width:90%; height:5vh; background:#003366; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.enviar:hover 	{width:90%; height:5vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.cotizar 		{width:90%; height:5vh; background:orange; 	color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.cotizar:hover 	{width:90%; height:5vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.limpiar 		{width:90%; height:5vh; background:gray; 	color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.limpiar:hover 	{width:90%; height:5vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}


.cajita		{width:5vh height:5vh:font-size:4.2vh; font-family:calibri; color:#003366; background:#EEEEEE}


.imglateral			{ width:80%; cursor:pointer; transition:2s;}
.imglateral:hover	{width: 90%; cursor:pointer; transition:2s;}

.img100		{width:100%; cursor:pointer;}
.img80		{width:40%;  cursor:pointer;}
.img70		{height:10vh;  cursor:pointer;}
.img60		{height:60%;  cursor:pointer; transition:2s;}
.img60:hover{height:55%;  cursor:pointer;}
.img50		{height:50%;  cursor:pointer;}
.img40		{height:8vh;  cursor:pointer; transition:2s;}
.img40:hover{height:8vh;  cursor:pointer;}

.tachesin	{width:40%;}
/*
.caja01 		{	font-size:3.2vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:5vh; border-radius:1vh;}
.caja01:hover 	{	font-size:3.2vh; color:#ffffff; background:#003366; font-family:calibri; width:100%; border:0; height:5vh; border-radius:1vh;}
.caja02 		{	font-size:3.2vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:11vh; border-radius:1vh;}
.caja02:hover 	{	font-size:3.2vh; color:#ffffff; background:#003366; font-family:calibri; width:100%; border:0; height:11vh; border-radius:1vh;}
.caja03 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.caja03:hover 	{	font-size:2.5vh; color:#ffffff; background:#003366; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
*/

.caja01 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.caja01:hover 	{	font-size:2.5vh; color:#003366; background:#FFFFFF; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.caja01:focus 	{	font-size:2.5vh; color:#003366; background:#FFFFFF; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}

.caja02 		{	font-size:3.2vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:11vh; border-radius:1vh;}
.caja02:hover 	{	font-size:3.2vh; color:#000000; background:#cccccc; font-family:calibri; width:100%; border:0; height:11vh; border-radius:1vh;}
.caja03 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.caja03:hover 	{	font-size:2.5vh; color:#000000; background:#cccccc; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}


/*
.combo01 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.combo01:hover 	{	font-size:2.5vh; color:#ffffff; background:#000099; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
*/

.combo01 		{	font-size:2.5vh; color:#555555; background:#dddddd; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}
.combo01:hover 	{	font-size:2.5vh; color:#000000; background:#cccccc; font-family:calibri; width:100%; border:0; height:4vh; border-radius:1vh;}


.botonaenviar 		{width:70%; height:5vh; background:#003366; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botonaenviar:hover {width:70%; height:5vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.botoncerrar 	   {width:70%; height:4vh; background:#003366; color:white; border:0;border-radius:2vh;font-size:3vh; font-family:calibri;}
.botoncerrar:hover {width:70%; height:4vh; background:#AA0000; color:black; border:0;border-radius:2vh;}


.boton01	 	{width:90%; height:5vh; background:#003366;	color:white; border:0;border-radius:1vh;font-size:2vh; font-family:calibri;}
.boton01:hover 	{width:90%; height:5vh; background:#CCCCCC; color:black; border:0;border-radius:1vh;}

.boton02	 	{width:85%; height:4vh; background:#003366;	color:white; border:0;border-radius:1vh;font-size:2vh; font-family:calibri;}
.boton02:hover 	{width:85%; height:4vh; background:#CCCCCC; color:black; border:0;border-radius:1vh;}

.boton1	 		{width:95%; height:4vh; background:gray; 	color:white; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton1:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton2	 		{width:95%; height:4vh; background:orange; 	color:black; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton2:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton3	 		{width:95%; height:4vh; background:cyan; 	color:black; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton3:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton4	 		{width:95%; height:4vh; background:green; 	color:white; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton4:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton5	 		{width:95%; height:4vh; background:red; 	color:white; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton5:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton6	 		{width:95%; height:4vh; background:yellow; 	color:black; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton6:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton7	 		{width:95%; height:4vh; background:purple; 	color:white; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton7:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton8	 		{width:95%; height:4vh; background:brown; 	color:white; border:0;border-radius:0.5vh;font-size:1.8vh; font-family:calibri; cursor:pointer;}
.boton8:hover	{width:95%; height:4vh; background:#DDDDDD; color:black; border:0;border-radius:0.5vh;}

.boton09	 	{width:100%; height:6.5vh; background:#EEEEEE; color:black; border:0;border-radius:0.5vh;font-size:5.5vh; font-family:calibri; cursor:pointer;}
.boton09:hover	{width:100%; height:6.5vh; background:#003366; color:white; border:0;border-radius:0.5vh;}

.boton10	 	{width:100%; height:5.5vh; background:#EEEEEE; color:black; border:0;border-radius:0.5vh;font-size:3.5vh; font-family:calibri; cursor:pointer;}
.boton10:hover	{width:100%; height:5.5vh; background:#003366; color:white; border:0;border-radius:0.5vh;}


.boton11	 	{width:95%; height:5vh; background:#003366;	color:white; border:0;border-radius:1vh;font-size:2vh; font-family:calibri;}
.boton11:hover 	{width:95%; height:5vh; background:#FF0000; color:white; border:0;border-radius:1vh;}

.botoncancela	 		{width:95%; height:4vh; background:#003366;	color:white; border:0;border-radius:1vh;font-size:2vh; font-family:calibri;}
.botoncancela:hover 	{width:95%; height:4vh; background:#55BBFF; color:black; border:0;border-radius:1vh;}

.botoncancelax	 		{width:95%; height:4vh; background:#55BBFF;	color:white; border:0;border-radius:1vh;font-size:2vh; font-family:calibri;}
.botoncancelax:hover 	{width:95%; height:4vh; background:#55BBFF; color:black; border:0;border-radius:1vh;}

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



	.whats 		 {position:fixed; right:30px; top:80%; width:5.5vh; cursor:pointer; transition:1s;z-index: 100010;}
	.whats:hover {position:fixed; right:40px; top:80%; width:5.5vh; cursor:pointer;}
	.phonex 	 {position:fixed; right:30px; top:90%; width:5.5vh; cursor:pointer; transition:1s;z-index: 100010;}
	.phonex:hover{position:fixed; right:40px; top:90%; width:5.5vh; cursor:pointer;}
	.fotoredes		{ width:7vh;}
	.fotoredessoc	{ width:90%;}

.letra1_panel	{font-size:2.2vh; font-family:calibri; color:gray;}
.letra1_escalas	{font-size:2.2vh; font-family:calibri; color:white;}
.letra1_escalas3{font-size:1.5vh; font-family:calibri; color:white;}
.letra1_escalas2{font-size:1.5vh; font-family:calibri; color:#000055;}
.letra1_docto	{font-size:2.2vh; font-family:calibri; color:#000000;}
.letra_cliente1	{font-size:1.8vh; font-family:calibri; color:#000099;}
.letra_cliente2	{font-size:2.3vh; font-family:calibri; color:#000000;}
.letra_cliente3	{font-size:1.5vh; font-family:calibri; color:#000000;}


.caja010 		{	font-size:2.2vh; color:#555555; background:#dddddd; font-family:calibri; width:90%; border:0; height:3vh; border-radius:1vh;}
.caja010:hover 	{	font-size:2.2vh; color:#ffffff; background:#000099; font-family:calibri; width:90%; border:0; height:3vh; border-radius:1vh;}



.botonlimpiar 		{width:30%; height:7vh; background:#0000AA; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botonlimpiar:hover {width:30%; height:7vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.botonaenviar2 		 {width:70%; height:7vh; background:#AA0000; color:white; border:0;border-radius:2vh;font-size:2.3vh; font-family:calibri;}
.botonaenviar2:hover {width:70%; height:7vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.botonaenviar3 		 {width:70%; height:5vh; background:#AA0000; color:white; border:0;border-radius:2vh;font-size:2.3vh; font-family:calibri;}
.botonaenviar3:hover {width:70%; height:5vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}

.botonaenviar4 		 {width:80%; height:4vh; background:#bebebe; color:white; border:0;border-radius:2vh;font-size:1vh; font-family:calibri;}
.botonaenviar4:hover {width:80%; height:4vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}


.botonlimpiar2		 {width:50%; height:7vh; background:#0000AA; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botonlimpiar2:hover {width:50%; height:7vh; background:#AAAAAA; color:black; border:0;border-radius:2vh;}


.botondocto	 		{width:90%; height:6vh; background:#000055; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botondocto:hover 	{width:90%; height:6vh; background:#0000AA; color:white; border:0;border-radius:2vh;}

.botonfin	 		{width:90%; height:6vh; background:#AA0000; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.botonfin:hover 	{width:90%; height:6vh; background:orange;  color:white; border:0;border-radius:2vh;}


.fotodocto			{width:50%; cursor:pointer;}
.equis				{width:70%; height:6vh; background:red; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}
.equis2				{width:98%; height:6vh; background:red; color:white; border:0;border-radius:2vh;font-size:2vh; font-family:calibri;}

/*************************************/
.final {
    position: 	fixed;
	top:		94%;
	background:	#003265;
	height:		7vh;
	width: 		100%;
	max-width: 	100%;
}
.final a{color:white;}


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


.entrada {
   position:relative;

	width: 		95%;			 
	max-width: 	100%;			 
	margin: 	0px auto;		 
	display: 	grid;			 
	grid-gap: 	0px;			 
	grid-template-columns: 	repeat(5, 1fr);		 
	grid-template-rows: 	repeat(5, auto);	 
	grid-template-areas:'lo lo lo  lo lo'
						'v1 v1 tit v2 v2'
						'v1 v1 usu v2 v2'
						'v1 v1 con v2 v2'
						'v1 v1 bot v2 v2'; 
}

.entrada > div,
.entrada .lo,
.entrada .v1,
.entrada .v2,
.entrada .tit,
.entrada .usu,
.entrada .con,
.entrada .bot
{padding: 10px; border-radius: 10px; }

.entrada .tit  	{	width:100%;	grid-area: tit; }
.entrada .lo  	{	width:100%;	grid-area: lo;  }
.entrada .v1  	{	width:100%;	grid-area: v1;  }
.entrada .v2  	{	width:100%;	grid-area: v2;  }
.entrada .usu 	{	width:100%;	grid-area: usu; }
.entrada .con 	{	width:100%;	grid-area: con; }
.entrada .bot 	{	width:100%;	grid-area: bot; }

@media screen and (max-width: 600px){
.entrada .v1  	{display:none;}
.entrada .v2  	{display:none;}
.entrada {
grid-template-areas:'lo  lo  lo  lo  lo'
					'tit tit tit tit tit'
                    'usu usu usu usu usu'
					'con con con con con'					
                    'bot bot bot bot bot';
}}

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


.cabeza1 {
    position:fixed;
	top:0;
	width: 		100%;
    height:     12vh;
    background:	#3399FE;
	max-width: 	100%;	 
	margin: 	0px auto;		 
	display: 	grid;			 
	grid-gap: 	0px;			 
	grid-template-columns: 	repeat(6, 1fr);		 
	grid-template-rows: 	repeat(1, auto);	 
	grid-template-areas:'logo tit tit usu usu usu'; 
}

.cabeza1 > div,
.cabeza1 .v1,
.cabeza1 .v2,
.cabeza1 .logo,
.cabeza1 .tit,
.cabeza1 .usu
{padding: 10px; border-radius: 10px; }

.cabeza1 .tit  	{	width:100%;	grid-area: tit; }
.cabeza1 .v1  	{	width:100%;	grid-area: v1;  }
.cabeza1 .v2  	{	width:100%;	grid-area: v2;  }
.cabeza1 .usu 	{	width:100%;	grid-area: usu; }
.cabeza1 .logo	{	width:100%;	grid-area: logo;}

@media screen and (max-width: 1000px){
/*.cabeza1 .logo 	{ display:none;}*/
.cabeza1 .tit 	{ display:none;}
.cabeza1 .v1 	{ display:none;}
.cabeza1 .v2 	{ display:none;}

.cabeza1 {
grid-template-areas:'logo usu usu  usu usu usu';
}}

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

.cabeza2 {
    /*position:relative;*/
	width: 		100%;
    height:     13vh;
    background:	#003366;
	max-width: 	100%;		 
	margin: 	0px auto;		 
	display: 	grid;			 
	grid-gap: 	0px;			 
	grid-template-columns: 	repeat(4, 1fr);		 
	grid-template-rows: 	repeat(2, auto);	 
	grid-template-areas:'logo tit v2 usu'
	                    'v1   v1  v3 v3'; 
	
}

.cabeza2 > div,
.cabeza2 .v1,
.cabeza2 .v2,
.cabeza2 .v3,
.cabeza2 .logo,
.cabeza2 .tit,
.cabeza2 .usu
{padding: 10px; border-radius: 10px; }

.cabeza2 .tit  	{	width:100%;	grid-area: tit; font-size:4.2vh; font-family:calibri; color:#ffffff;}
.cabeza2 .v1  	{	width:100%;	grid-area: v1;  }
.cabeza2 .v2  	{	width:100%;	grid-area: v2;  }
.cabeza2 .v3  	{	width:100%;	grid-area: v3;  }
.cabeza2 .usu 	{	width:100%;	grid-area: usu; }
.cabeza2 .logo	{	width:100%;	grid-area: logo;}

@media screen and (max-width: 1000px){
.cabeza2 .tit  	{ font-size:2vh; font-family:calibri; color:#ffffff;}
.cabeza2 .v1 	{ display:none;}
.cabeza2 .v2 	{ display:none;}
.cabeza2 .v3 	{ display:none;}
.cabeza2 .logo 	{ display:none;}

.cabeza2 {
grid-template-areas:'tit  usu  usu  usu'
					'tit  usu  usu  usu';
}}

/*************************************/
.menu1 {
    position:relative;
	width: 		90%;
	max-width: 	100%;			 
	margin: 	0px auto;		 
	display: 	grid;			 
	grid-gap: 	0px;			 
	grid-template-columns: 	repeat(6, 1fr);		 
	grid-template-rows: 	repeat(3, auto);	 
	grid-template-areas:'op1  op2  op3  op4  op5  op6'
						'op7  op8  op9  op10 op11 op12'
						'op13 op14 op15 op16 op17 op18'; 
}

.menu1 > div,
.menu1 .op1,
.menu1 .op2,
.menu1 .op3,
.menu1 .op4,
.menu1 .op5,
.menu1 .op6,
.menu1 .op7,
.menu1 .op8,
.menu1 .op9,
.menu1 .op10,
.menu1 .op11,
.menu1 .op12,
.menu1 .op13,
.menu1 .op14,
.menu1 .op15,
.menu1 .op16,
.menu1 .op17,
.menu1 .op18
{padding: 10px; border-radius: 10px; }

.menu1 .op1  	{	width:100%;	grid-area: op1; }
.menu1 .op2  	{	width:100%;	grid-area: op2; }
.menu1 .op3  	{	width:100%;	grid-area: op3; }
.menu1 .op4  	{	width:100%;	grid-area: op4; }
.menu1 .op5  	{	width:100%;	grid-area: op5; }
.menu1 .op6  	{	width:100%;	grid-area: op6; }
.menu1 .op7  	{	width:100%;	grid-area: op7; }
.menu1 .op8  	{	width:100%;	grid-area: op8; }
.menu1 .op9  	{	width:100%;	grid-area: op9; }
.menu1 .op10  	{	width:100%;	grid-area: op10; }
.menu1 .op11  	{	width:100%;	grid-area: op11; }
.menu1 .op12  	{	width:100%;	grid-area: op12; }
.menu1 .op13  	{	width:100%;	grid-area: op13; }
.menu1 .op14  	{	width:100%;	grid-area: op14; }
.menu1 .op15  	{	width:100%;	grid-area: op15; }
.menu1 .op16  	{	width:100%;	grid-area: op16; }
.menu1 .op17  	{	width:100%;	grid-area: op17; }
.menu1 .op18  	{	width:100%;	grid-area: op18; }

@media screen and (max-width: 1000px){
.menu1 {
grid-template-areas:'op1  op1  op2  op2  op3  op3'
					'op4  op4  op5  op5  op6  op6'
					'op7  op7  op8  op8  op9  op9'
					'op10 op10 op11 op11 op12 op12'
					'op13 op13 op14 op14 op15 op15'
					'op16 op16 op17 op17 op18 op18';
}}


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


		.zona1 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(4, 1fr);		 
			grid-template-rows: 	repeat(8, auto);	 
			grid-template-areas:'cam1  cam1  vac1  vac1'
								'cam3  cam2  cam2  cam2'
								'cam4  cam4  cam5  cam5'
								'cam6  cam6  cam6  cam6'
								'cam7  cam7  cam8  cam13'
								'cam9  cam9  cam11 cam12'
								'cam10 cam10 cam11 cam12'
								'boto  boto boto boto'; 
		}

		.zona1 > div,
		.zona1 .cam1,
		.zona1 .cam3,
		.zona1 .cam2,		
		.zona1 .cam4,
		.zona1 .cam5,
		.zona1 .cam6,
		.zona1 .cam7,
		.zona1 .cam8,
		.zona1 .cam13,
		.zona1 .cam9,
		.zona1 .cam10,
		.zona1 .cam11,
		.zona1 .cam12,
		.zona1 .vac1,
		.zona1 .vac2,
		.zona1 .vac3,
		.zona1 .vac4,
		.zona1 .boto
		{padding: 0px; border-radius: 10px; }

		.zona1 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona1 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona1 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona1 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona1 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona1 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona1 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona1 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona1 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona1 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona1 .cam10  	{	width:100%;	grid-area: cam10;text-align:left;}
		.zona1 .cam11  	{	width:100%;	grid-area: cam11;text-align:left;}
		.zona1 .cam12  	{	width:100%;	grid-area: cam12;text-align:left;}
		.zona1 .vac1  	{	width:100%;	grid-area: vac1; }
		.zona1 .vac2  	{	width:100%;	grid-area: vac2; }
		.zona1 .vac3  	{	width:100%;	grid-area: vac3; }
		.zona1 .vac4  	{	width:100%;	grid-area: vac4; }
		.zona1 .boto  	{	width:100%;	grid-area: boto; text-align:center;}

		@media screen and (max-width: 1000px){
		.zona1 {
		grid-template-areas:'cam1  cam1 cam1  cam1'
							'cam2  cam2 cam2  cam2'
							'cam3  cam3 cam3  cam3'
							'cam4  cam4 cam4  cam4'
							'cam5  cam5 cam5  cam5'
							'cam6  cam6 cam6  cam6'
							'cam7  cam7 cam7  cam7'
							'cam8  cam8 cam8  cam8'
							'cam9  cam9 cam9  cam9'
							'cam10 cam10 cam10 cam10'
							'cam11 cam11 cam11 cam11'
							'cam12 cam12 cam12 cam12'
							'cam13 cam13 cam13 cam13'
							'boto  boto  boto  boto';
		}}	
		
/************************************************************************/

		.zona2 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(9, 1fr);		 
			grid-template-rows: 	repeat(1, auto);	 
			grid-template-areas:'cam1  cam2  cam3  cam4 cam5 cam6 cam7 cam8 cam9'
								'lin   lin   lin   lin  lin  lin  lin  lin  lin'; 
		}

		.zona2 > div,
		.zona2 .cam1,
		.zona2 .cam2,
		.zona2 .cam3,		
		.zona2 .cam4,
		.zona2 .cam5,
		.zona2 .cam6,
		.zona2 .cam7,
		.zona2 .cam8,
		.zona2 .cam9,
		.zona2 .lin
		{padding: 0px; border-radius: 10px; }

		.zona2 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona2 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona2 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona2 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona2 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona2 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona2 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona2 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona2 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona2 .lin  	{	width:100%;	grid-area: lin;}

		@media screen and (max-width: 1000px){
		.zona2a{display:none;}
		.zona2 {
		grid-template-areas:'cam1 cam1 cam1 cam1 cam1 cam1 cam1 cam1 cam1'
		                    'cam2 cam2 cam2 cam2 cam2 cam2 cam2 cam2 cam2'
							'cam3 cam3 cam3 cam3 cam3 cam3 cam3 cam3 cam3'
							'cam4 cam4 cam4 cam4 cam4 cam4 cam4 cam4 cam4'
							'cam5 cam5 cam5 cam5 cam5 cam5 cam5 cam5 cam5'
							'cam6 cam6 cam6 cam6 cam6 cam6 cam6 cam6 cam6'
							'cam7 cam7 cam7 cam7 cam7 cam7 cam7 cam7 cam7'
							'cam8 cam8 cam8 cam8 cam8 cam8 cam8 cam8 cam8'
							'cam9 cam9 cam9 cam9 cam9 cam9 cam9 cam9 cam9'
							'lin   lin   lin   lin  lin  lin  lin  lin  lin';
		}}	


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

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


		.zona3 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(6, 1fr);		 
			grid-template-rows: 	repeat(7, auto);	 
			grid-template-areas:'cam1  cam1  vac1  vac1  vac1  vac1'
								'cam2  cam2  cam3  cam3  cam4  cam4'
								'cam5  cam5  cam6  cam6  cam12 cam12'
								'cam7  cam8  cam9  cam10 cam11 cam11'
								'vac2  cam13 cam14 cam15 cam16 cam17'
								'cam18 cam18 cam18 cam18 cam18 cam18'
								'boto  boto  boto  boto  boto  boto'; 
		}

		.zona3 > div,
		.zona3 .cam1,
		.zona3 .cam3,
		.zona3 .cam2,		
		.zona3 .cam4,
		.zona3 .cam5,
		.zona3 .cam6,
		.zona3 .cam7,
		.zona3 .cam8,
		.zona3 .cam9,
		.zona3 .cam10,
		.zona3 .cam11,
		.zona3 .cam12,
		.zona3 .cam13,
		.zona3 .cam14,
		.zona3 .cam15,
		.zona3 .cam16,
		.zona3 .cam17,
		.zona3 .cam18,
		.zona3 .vac1,
		.zona3 .vac2,
		.zona3 .vac3,
		.zona3 .vac4,
		.zona3 .boto
		{padding: 0px; border-radius: 10px; }

		.zona3 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona3 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona3 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona3 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona3 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona3 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona3 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona3 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona3 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona3 .cam10  	{	width:100%;	grid-area: cam10;text-align:left;}
		.zona3 .cam11  	{	width:100%;	grid-area: cam11;text-align:left;}
		.zona3 .cam12  	{	width:100%;	grid-area: cam12;text-align:left;}
		.zona3 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona3 .cam14  	{	width:100%;	grid-area: cam14;text-align:left;}
		.zona3 .cam15  	{	width:100%;	grid-area: cam15;text-align:left;}
		.zona3 .cam16  	{	width:100%;	grid-area: cam16;text-align:left;}
		.zona3 .cam17  	{	width:100%;	grid-area: cam17;text-align:left;}
		.zona3 .cam18  	{	width:100%;	grid-area: cam18;text-align:left;}
		.zona3 .vac1  	{	width:100%;	grid-area: vac1; }
		.zona3 .vac2  	{	width:100%;	grid-area: vac2; }
		.zona3 .vac3  	{	width:100%;	grid-area: vac3; }
		.zona3 .vac4  	{	width:100%;	grid-area: vac4; }
		.zona3 .boto  	{	width:100%;	grid-area: boto; text-align:center;}

		@media screen and (max-width: 1000px){
		.zona3 {
		grid-template-areas:'cam1  cam1 cam1  cam1 cam1  cam1'
							'cam2  cam2 cam2  cam2 cam2  cam2'
							'cam3  cam3 cam3  cam3 cam3  cam3'
							'cam4  cam4 cam4  cam4 cam4  cam4'
							'cam5  cam5 cam5  cam5 cam5  cam5'
							'cam6  cam6 cam6  cam6 cam6  cam6'
							'cam7  cam7 cam7  cam7 cam7  cam7'
							'cam8  cam8 cam8  cam8 cam8  cam8'
							'cam9  cam9 cam9  cam9 cam9  cam9'
							'cam10 cam10 cam10 cam10 cam10 cam10'
							'cam11 cam11 cam11 cam11 cam11 cam11'
							'cam12 cam12 cam12 cam12 cam12 cam12'
							'cam13 cam13 cam13 cam13 cam13 cam13'
							'cam14 cam14 cam14 cam14 cam14 cam14'
							'cam15 cam15 cam15 cam15 cam15 cam15'
							'cam16 cam16 cam16 cam16 cam16 cam16'
							'cam17 cam17 cam17 cam17 cam17 cam17'
							'cam18 cam18 cam18 cam18 cam18 cam18'
							'boto  boto  boto  boto  boto  boto';
		}}	

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


		.zona4 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(6, 1fr);		 
			grid-template-rows: 	repeat(8, auto);	 
			grid-template-areas:'cam1  cam1  vac1  vac1  vac1  vac1'
								'cam2  cam2  cam3  cam3  cam4  cam4'
								'cam5  cam5  cam5  cam6  cam6  cam6'
								'cam7  cam8  cam9  cam10 cam11 cam11'
								'cam12 cam13 cam14 cam15 cam16 cam17'
								'vac2  vac2  vac2  vac2  vac2  cam19'
								'cam20 cam21 vac3  vac3  vac3  cam18'
								'boto  boto  boto  boto  boto  boto'; 
		}

		.zona4 > div,
		.zona4 .cam1,
		.zona4 .cam3,
		.zona4 .cam2,		
		.zona4 .cam4,
		.zona4 .cam5,
		.zona4 .cam6,
		.zona4 .cam7,
		.zona4 .cam8,
		.zona4 .cam9,
		.zona4 .cam10,
		.zona4 .cam11,
		.zona4 .cam12,
		.zona4 .cam13,
		.zona4 .cam14,
		.zona4 .cam15,
		.zona4 .cam16,
		.zona4 .cam17,
		.zona4 .cam18,
		.zona4 .cam19,
		.zona4 .cam20,
		.zona4 .cam21,
		.zona4 .vac1,
		.zona4 .vac2,
		.zona4 .vac3,
		.zona4 .vac4,
		.zona4 .boto
		{padding: 0px; border-radius: 10px; }

		.zona4 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona4 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona4 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona4 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona4 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona4 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona4 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona4 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona4 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona4 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona4 .cam10  	{	width:100%;	grid-area: cam10;text-align:left;}
		.zona4 .cam11  	{	width:100%;	grid-area: cam11;text-align:left;}
		.zona4 .cam12  	{	width:100%;	grid-area: cam12;text-align:left;}
		.zona4 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona4 .cam14  	{	width:100%;	grid-area: cam14;text-align:left;}
		.zona4 .cam15  	{	width:100%;	grid-area: cam15;text-align:left;}
		.zona4 .cam16  	{	width:100%;	grid-area: cam16;text-align:left;}
		.zona4 .cam17  	{	width:100%;	grid-area: cam17;text-align:left;}
		.zona4 .cam18  	{	width:100%;	grid-area: cam18;text-align:left;}
		.zona4 .cam19  	{	width:100%;	grid-area: cam19;text-align:left;}
		.zona4 .cam20  	{	width:100%;	grid-area: cam20;text-align:left;}
		.zona4 .cam21  	{	width:100%;	grid-area: cam21;text-align:left;}
		.zona4 .vac1  	{	width:100%;	grid-area: vac1; }
		.zona4 .vac2  	{	width:100%;	grid-area: vac2; }
		.zona4 .vac3  	{	width:100%;	grid-area: vac3; }
		.zona4 .vac4  	{	width:100%;	grid-area: vac4; }
		.zona4 .boto  	{	width:100%;	grid-area: boto; text-align:center;}

		@media screen and (max-width: 1000px){
		.zona4 {
		grid-template-areas:'cam1  cam1 cam1  cam1 cam1  cam1'
							'cam2  cam2 cam2  cam2 cam2  cam2'
							'cam3  cam3 cam3  cam3 cam3  cam3'
							'cam4  cam4 cam4  cam4 cam4  cam4'
							'cam5  cam5 cam5  cam5 cam5  cam5'
							'cam6  cam6 cam6  cam6 cam6  cam6'
							'cam7  cam7 cam7  cam7 cam7  cam7'
							'cam8  cam8 cam8  cam8 cam8  cam8'
							'cam9  cam9 cam9  cam9 cam9  cam9'
							'cam10 cam10 cam10 cam10 cam10 cam10'
							'cam11 cam11 cam11 cam11 cam11 cam11'
							'cam12 cam12 cam12 cam12 cam12 cam12'
							'cam13 cam13 cam13 cam13 cam13 cam13'
							'cam14 cam14 cam14 cam14 cam14 cam14'
							'cam15 cam15 cam15 cam15 cam15 cam15'
							'cam16 cam16 cam16 cam16 cam16 cam16'
							'cam17 cam17 cam17 cam17 cam17 cam17'
							'cam18 cam18 cam18 cam18 cam18 cam18'
							'cam19 cam19 cam19 cam19 cam19 cam19'
							'cam20 cam20 cam20 cam21 cam21 cam21'
							'boto  boto  boto  boto  boto  boto';
		}}	


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

		.zona5 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(6, 1fr);		 
			grid-template-rows: 	repeat(7, auto);	 
			grid-template-areas:'cam1  cam1  vac1  vac1  vac1  vac1'
								'cam2  cam2  cam2  cam2  vac2  vac2'
								'cam3  cam3  cam3  cam3  vac2  vac2'
								'cam4  cam4  cam5  cam5  vac2  vac2'
								'cam6  cam6  cam6  cam6  vac2  vac2'
								'cam7  cam7  cam7  cam7  cam7  cam7'
								'boto  boto  boto  boto  boto  boto'; 
		}

		.zona5 > div,
		.zona5 .cam1,
		.zona5 .cam2,
		.zona5 .cam3,
		.zona5 .cam4,
		.zona5 .cam5,
		.zona5 .cam6,
		.zona5 .cam7,
		.zona5 .cam8,
		.zona5 .cam9,
		.zona5 .vac1,
		.zona5 .vac2,
		.zona5 .vac3,
		.zona5 .vac4,
		.zona5 .boto
		{padding: 0px; border-radius: 10px; }

		.zona5 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona5 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona5 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona5 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona5 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona5 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona5 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona5 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona5 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona5 .vac1  	{	width:100%;	grid-area: vac1; }
		.zona5 .vac2  	{	width:100%;	grid-area: vac2; }
		.zona5 .vac3  	{	width:100%;	grid-area: vac3; }
		.zona5 .vac4  	{	width:100%;	grid-area: vac4; }
		.zona5 .boto  	{	width:100%;	grid-area: boto; text-align:center;}

		@media screen and (max-width: 1000px){
		.zona5 {
		grid-template-areas:'cam1  cam1 cam1  cam1 cam1  cam1'
							'cam2  cam2 cam2  cam2 cam2  cam2'
							'cam3  cam3 cam3  cam3 cam3  cam3'
							'cam4  cam4 cam4  cam4 cam4  cam4'
							'cam5  cam5 cam5  cam5 cam5  cam5'
							'cam6  cam6 cam6  cam6 cam6  cam6'
							'cam7  cam7 cam7  cam7 cam7  cam7'
							'cam8  cam8 cam8  cam8 cam8  cam8'
							'cam9  cam9 cam9  cam9 cam9  cam9'
							'boto  boto boto  boto boto  boto';
		}}	

/********************************************************************************************/
		.zona6 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(8, 1fr);		 
			grid-template-rows: 	repeat(1, auto);	 
			grid-template-areas:'cam1  cam2  cam3  cam3 cam4 cam5 cam6 cam7'
								'lin   lin   lin   lin  lin  lin  lin  lin'; 
		}

		.zona6 > div,
		.zona6 .cam1,
		.zona6 .cam2,
		.zona6 .cam3,		
		.zona6 .cam4,
		.zona6 .cam5,
		.zona6 .cam6,
		.zona6 .cam7,
		.zona6 .lin
		{padding: 0px; border-radius: 10px; }

		.zona6 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona6 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona6 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona6 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona6 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona6 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona6 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona6 .lin  	{	width:100%;	grid-area: lin;}

		@media screen and (max-width: 1000px){
		.zona2b{display:none;}
		.zona6 {
		grid-template-areas:'cam1 cam1 cam1 cam1 cam1 cam1 cam1'
		                    'cam2 cam2 cam2 cam2 cam2 cam2 cam2'
							'cam3 cam3 cam3 cam3 cam3 cam3 cam3'
							'cam4 cam4 cam4 cam4 cam4 cam4 cam4'
							'cam5 cam5 cam5 cam5 cam5 cam5 cam5'
							'cam6 cam6 cam6 cam6 cam6 cam6 cam6'
							'cam7 cam7 cam7 cam7 cam7 cam7 cam7'
							'lin  lin  lin  lin  lin  lin  lin';
		}}	

/********************************************************************************************/
		.zona7 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;	
			background: white;			
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(9, 1fr);		 
			grid-template-rows: 	repeat(1, auto);	 
			grid-template-areas:'cam1  cam2  cam3  cam4 cam5 cam6 cam7 cam8 cam8'
								'lin   lin   lin   lin  lin  lin  lin  lin  lin'; 
		}

		.zona7 > div,
		.zona7 .cam1,
		.zona7 .cam2,
		.zona7 .cam3,		
		.zona7 .cam4,
		.zona7 .cam5,
		.zona7 .cam6,
		.zona7 .cam7,
		.zona7 .cam8,
		.zona7 .lin
		{padding: 0px; border-radius: 10px; }

		.zona7 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona7 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona7 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona7 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona7 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona7 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona7 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona7 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona7 .lin  	{	width:100%;	grid-area: lin;}

		@media screen and (max-width: 1000px){
		.zona2c{display:none;}
		.zona7 {
		grid-template-areas:'cam1 cam1 cam1 cam1 cam1 cam1 cam1'
		                    'cam2 cam2 cam2 cam2 cam2 cam2 cam2'
							'cam3 cam3 cam3 cam3 cam3 cam3 cam3'
							'cam4 cam4 cam4 cam4 cam4 cam4 cam4'
							'cam5 cam5 cam5 cam5 cam5 cam5 cam5'
							'cam6 cam6 cam6 cam6 cam6 cam6 cam6'
							'cam7 cam7 cam7 cam7 cam7 cam7 cam7'
							'cam8 cam8 cam8 cam8 cam8 cam8 cam8'
							'lin  lin  lin  lin  lin  lin  lin';
		}}	

/****************** TRAFICO MIXTO *********************************/

		.zona8 {
			width: 		90%;
			max-width: 	100%;			 
			margin: 	0px auto;		 
			display: 	grid;			 
			grid-gap: 	0px;			 
			grid-template-columns: 	repeat(6, 1fr);		 
			grid-template-rows: 	repeat(8, auto);	 
			grid-template-areas:'cam1  cam1  vac1  vac1  vac1  vac1'
								'cam2  cam2  cam3  cam3  cam4  cam4'
								'cam5  cam5  cam6  cam6  cam7  cam7'
								'cam8  cam8  cam9  cam10 cam11 cam11'
								'vac3  cam12 cam13 cam14 cam15 cam16'
								'vac4  cam17 cam18 cam19 cam20 cam21'
								'cam22 cam23 cam23 cam23 cam23 cam24'
								'boto  boto  boto  boto  boto  boto'; 
		}

		.zona8 > div,
		.zona8 .cam1,
		.zona8 .cam3,
		.zona8 .cam2,		
		.zona8 .cam4,
		.zona8 .cam5,
		.zona8 .cam6,
		.zona8 .cam7,
		.zona8 .cam8,
		.zona8 .cam9,
		.zona8 .cam10,
		.zona8 .cam11,
		.zona8 .cam12,
		.zona8 .cam13,
		.zona8 .cam14,
		.zona8 .cam15,
		.zona8 .cam16,
		.zona8 .cam17,
		.zona8 .cam18,
		.zona8 .cam19,
		.zona8 .cam20,
		.zona8 .cam21,
		.zona8 .cam22,
		.zona8 .cam23,
		.zona8 .cam24,
		.zona8 .cam25,
		.zona8 .vac1,
		.zona8 .vac2,
		.zona8 .vac3,
		.zona8 .vac4,
		.zona8 .boto
		{padding: 0px; border-radius: 10px; }

		.zona8 .cam1  	{	width:100%;	grid-area: cam1; text-align:left;}
		.zona8 .cam3  	{	width:100%;	grid-area: cam3; text-align:left;}
		.zona8 .cam2  	{	width:100%;	grid-area: cam2; text-align:left;}
		.zona8 .cam4  	{	width:100%;	grid-area: cam4; text-align:left;}
		.zona8 .cam5  	{	width:100%;	grid-area: cam5; text-align:left;}
		.zona8 .cam6  	{	width:100%;	grid-area: cam6; text-align:left;}
		.zona8 .cam7  	{	width:100%;	grid-area: cam7; text-align:left;}
		.zona8 .cam8  	{	width:100%;	grid-area: cam8; text-align:left;}
		.zona8 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona8 .cam9  	{	width:100%;	grid-area: cam9; text-align:left;}
		.zona8 .cam10  	{	width:100%;	grid-area: cam10;text-align:left;}
		.zona8 .cam11  	{	width:100%;	grid-area: cam11;text-align:left;}
		.zona8 .cam12  	{	width:100%;	grid-area: cam12;text-align:left;}
		.zona8 .cam13  	{	width:100%;	grid-area: cam13;text-align:left;}
		.zona8 .cam14  	{	width:100%;	grid-area: cam14;text-align:left;}
		.zona8 .cam15  	{	width:100%;	grid-area: cam15;text-align:left;}
		.zona8 .cam16  	{	width:100%;	grid-area: cam16;text-align:left;}
		.zona8 .cam17  	{	width:100%;	grid-area: cam17;text-align:left;}
		.zona8 .cam18  	{	width:100%;	grid-area: cam18;text-align:left;}
		.zona8 .cam19  	{	width:100%;	grid-area: cam19;text-align:left;}
		.zona8 .cam20  	{	width:100%;	grid-area: cam20;text-align:left;}
		.zona8 .cam21  	{	width:100%;	grid-area: cam21;text-align:left;}
		.zona8 .cam22  	{	width:100%;	grid-area: cam22;text-align:left;}
		.zona8 .cam23  	{	width:100%;	grid-area: cam23;text-align:left;}
		.zona8 .cam24  	{	width:100%;	grid-area: cam24;text-align:left;}
		.zona8 .cam25  	{	width:100%;	grid-area: cam25;text-align:left;}
		.zona8 .vac1  	{	width:100%;	grid-area: vac1; }
		.zona8 .vac2  	{	width:100%;	grid-area: vac2; }
		.zona8 .vac3  	{	width:100%;	grid-area: vac3; font-size:4.5vh; font-family:calibri; color:#003366;}
		.zona8 .vac4  	{	width:100%;	grid-area: vac4; font-size:4.5vh; font-family:calibri; color:#003366;}
		.zona8 .boto  	{	width:100%;	grid-area: boto; text-align:center;}

		@media screen and (max-width: 1000px){
		.zona8 {
		grid-template-areas:'cam1  cam1 cam1  cam1 cam1  cam1'
							'cam2  cam2 cam2  cam2 cam2  cam2'
							'cam3  cam3 cam3  cam3 cam3  cam3'
							'cam4  cam4 cam4  cam4 cam4  cam4'
							'cam5  cam5 cam5  cam5 cam5  cam5'
							'cam6  cam6 cam6  cam6 cam6  cam6'
							'cam7  cam7 cam7  cam7 cam7  cam7'
							'cam8  cam8 cam8  cam8 cam8  cam8'
							'cam9  cam9 cam9  cam9 cam9  cam9'
							'cam10 cam10 cam10 cam10 cam10 cam10'
							'cam11 cam11 cam11 cam11 cam11 cam11'
							'vac3  vac3  vac3  vac3  vac3  vac3 '
							'cam12 cam12 cam12 cam12 cam12 cam12'
							'cam13 cam13 cam13 cam13 cam13 cam13'
							'cam14 cam14 cam14 cam14 cam14 cam14'
							'cam15 cam15 cam15 cam16 cam16 cam16'
							'vac4  vac4  vac4  vac4  vac4  vac4'
							'cam17 cam17 cam17 cam17 cam17 cam17'
							'cam18 cam18 cam18 cam18 cam18 cam18'
							'cam19 cam19 cam19 cam19 cam19 cam19'
							'cam20 cam20 cam20 cam21 cam21 cam21'
							'cam22 cam22 cam22 cam22 cam22 cam22'
							'cam23 cam23 cam23 cam23 cam23 cam23'
							'cam24 cam24 cam24 cam24 cam24 cam24'
							'boto  boto  boto  boto  boto  boto';
		}}	

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