xxxbody{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
	top:0;
}

.fondo{background:#EFFFFF;}

.manita			{ cursor:pointer;}
.titulote		{ color:#002851; font-family:Tahoma; font-size:4.5vh; drop-shadow(0 5px 10px rgba(256, 256, 256, 1)); text-align: center; line-height:1em;}
.titulote2		{ color:#DDDDEE; font-family:Tahoma; font-size:3.0vh; drop-shadow(0 5px 10px rgba(256, 256, 256, 1)); text-align: center; line-height:1em;}

.radio 			{	font-size:2.5vh; color:#000000; background:#000055; font-family:Tahoma; border:0;  width:100%;height:3.3vh; border-radius:0.8vh;}
.caja01 		{	font-size:2.0vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:4.5vh; border-radius:1vh;}
.caja01:hover 	{	font-size:2.0vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:4.5vh; border-radius:1vh;}
.caja01b 		{	font-size:2.0vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:4.5vh; border-radius:1vh; text-align:right;}
.caja01b:hover 	{	font-size:2.0vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:4.5vh; border-radius:1vh; text-align:right;}
.caja01c 		{	font-size:1.8vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:4.0vh; border-radius:1vh; text-align:right;}
.caja01c:hover 	{	font-size:1.8vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:4.0vh; border-radius:1vh; text-align:right;}
.caja02 		{	font-size:1.8vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:15.5vh; border-radius:1vh;}
.caja02:hover 	{	font-size:1.8vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:15.5vh; border-radius:1vh;}
.caja03 		{	font-size:1.7vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:9.1vh; border-radius:1vh;}
.caja03:hover 	{	font-size:1.7vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:9.1vh; border-radius:1vh;}
.combo01 		{	font-size:2.0vh; color:#000000; background:#CCCCCC; font-family:Tahoma; width:100%; border:0; height:4.3vh; border-radius:1vh;}
.combo01:hover 	{	font-size:2.0vh; color:#FFFFFF; background:#000055; font-family:Tahoma; width:100%; border:0; height:4.3vh; border-radius:1vh;}
.combo02 		{	font-size:2.0vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width:80%;  border:0; height:3.8vh; border-radius:0vh;}
.combo02:hover 	{	font-size:2.0vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width:80%;  border:0; height:3.8vh; border-radius:0vh;}
.caja01x 		{	font-size:2.0vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width: 80%; border:0; height:4.2vh; border-radius:0vh; text-align:right; font-weight: bold;}
.caja01x:hover 	{	font-size:2.0vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width: 80%; border:0; height:4.2vh; border-radius:0vh; text-align:right; font-weight: bold;}
.caja02x 		{	font-size:2.4vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width: 80%; border:0; height:4.2vh; border-radius:0vh; text-align:right; font-weight: bold;}
.caja02x:hover 	{	font-size:2.4vh; color:#000000; background:#EEEEEE; font-family:Tahoma; width: 80%; border:0; height:4.2vh; border-radius:0vh; text-align:right; font-weight: bold;}

.boton01		{   width:80%; height:5.0vh; font-size:2vh; background:#00AEEF;  color:white;   border:0; border-radius:05px;}
.boton01:hover	{   width:80%; height:5.0vh; font-size:2vh; background:#00AE99;  color:white;   border:0; border-radius:05px;}
.boton02		{   width:50%; height:6.0vh; font-size:2vh; background:#00AEEF;  color:white;   border:0; border-radius:20px;}
.boton03		{   width:95%; height:4.0vh; font-size:2vh; background:#00AEEF;  color:white;   border:0; border-radius:20px;}
.boton04		{   width:95%; height:4.0vh; font-size:2vh; background:orange;   color:white;   border:0; border-radius:20px;}
.boton05		{   width:80%; height:4.0vh; font-size:2vh; background:yellow;   color:black;   border:0; border-radius:20px;}
.boton06		{   width:80%; height:4.0vh; font-size:2vh; background:red;      color:white;   border:0; border-radius:20px;}
.boton07		{   width:80%; height:4.0vh; font-size:2vh; background:red;      color:white;   border:0; border-radius:20px;}
.boton08		{   width:100%;height:4.0vh; font-size:2vh; background:#DDDDDD;  color:black;   border:1; border-radius:0px;}
.botonA			{   width:90%; height:7.0vh; font-size:2vh; background:#00AEEF;  color:white;   border:0; border-radius:5px;}
.botonA:hover	{   width:90%; height:7.0vh; font-size:2vh; background:#00FF00;  color:white;   border:0; border-radius:5px;}
.botonB			{   width:70%; height:5.0vh; font-size:2vh; background:#FF0000;  color:white;   border:0; border-radius:5px;}
.botonB:hover	{   width:70%; height:5.0vh; font-size:2vh; background:#550000;  color:white;   border:0; border-radius:5px;}
.botonC			{   width:90%; height:5.0vh; font-size:2vh; background:#000055;  color:white;   border:0; border-radius:5px;}
.botonC:hover	{   width:90%; height:5.0vh; font-size:2vh; background:#00FF00;  color:white;   border:0; border-radius:5px;}

.botonROJO			{   width:99%; height:5.0vh; font-size:2vh; background:#CC0000;  color:white;   border:0; border-radius:5px;}
.botonROJO:hover	{   width:99%; height:5.0vh; font-size:2vh; background:#550000;  color:white;   border:0; border-radius:5px;}
.botonVERDE			{   width:99%; height:5.0vh; font-size:2vh; background:#75FF75;  color:black;   border:0; border-radius:5px;}
.botonVERDE:hover	{   width:99%; height:5.0vh; font-size:2vh; background:#000055;  color:white;   border:0; border-radius:5px;}
.botonAZUL			{   width:99%; height:6.0vh; font-size:2vh; background:#0000CC;  color:white;   border:0; border-radius:5px;}
.botonAZUL:hover	{   width:99%; height:6.0vh; font-size:2vh; background:#000055;  color:white;   border:0; border-radius:5px;}
.botonAMARILLO		{   width:99%; height:6.0vh; font-size:2vh; background:#CCCC00;  color:black;   border:0; border-radius:5px;}
.botonAMARILLO:hover{   width:99%; height:6.0vh; font-size:2vh; background:#555500;  color:white;   border:0; border-radius:5px;}



.botonregistro	{   width:90%; height:6.0vh; font-size:2vh; background:#000055;  color:#FFFFFF; border:0; border-radius:5px;}
.botonregistro2	{   width:90%; height:4.0vh; font-size:2vh; background:#AA0000;  color:#FFFFFF; border:0; border-radius:20px;}
.vercotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:#005555;  color:#FFFFFF; border:0; border-radius:20px;}
.hiscotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:orange;   color:#000055; border:0; border-radius:20px;}
.avacotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:cyan;     color:#000055; border:0; border-radius:20px;}
.reccotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:green;    color:#FFFFFF; border:0; border-radius:20px;}
.cancotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:red;      color:#FFFFFF; border:0; border-radius:20px;}
.concotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:blue;     color:#FFFFFF; border:0; border-radius:20px;}
.corcotizacion	{   width:90%; height:4.0vh; font-size:2vh; background:black;    color:#FFFFFF; border:0; border-radius:20px;}
.botonapagado   {   width:90%; height:4.0vh; font-size:2vh; background:#DDDDDD;  color:#999999; border:0; border-radius:20px;}

.iconito		{ width:20%; transition:1s;cursor:pointer;}
.iconito:hover	{ width:15%;}


.letra1			{	font-size:2vh; 	color:#000055; font-family:calibri;}
.letra2			{	font-size:2.5vh;color:#000000; font-family:calibri;}
.letra2b		{	font-size:2.0vh;color:#000000; font-family:calibri;font-weight: bold;}
.letra3			{	font-size:2.2vh;color:#FFFFFF; font-family:calibri;}
.letra4			{	font-size:3.5vh;color:#000055; font-family:calibri;}
.letra5			{	font-size:2.2vh;color:#000055; font-family:calibri;}
.letra6			{	font-size:1.5vh;color:#FFFFFF; font-family:calibri;}
.letra7			{	font-size:1.8vh;color:#000055; font-family:calibri;}
.letra8			{	font-size:1.8vh;color:#000000; font-family:calibri;}
.letra9			{	font-size:2.1vh;color:#FF0000; font-family:calibri;}
.letra10		{	font-size:3.5vh;color:#FFFFFF; font-family:calibri;}
.letra11		{	font-size:1.8vh;color:red; font-family:calibri; font-weight: bold;}
.letra12		{	font-size:3.8vh;color:red; font-family:calibri; font-weight: bold;}


.PRI_letra12	{	font-size:18px;color:red; font-family:calibri; font-weight: bold;}
.PRI_letra4		{	font-size:23px;color:#000055; font-family:calibri;}
.PRI_imagen1	{	width:120px;}
.PRI_imagen2	{	width:270px;}
.PRI_letra8		{	font-size:05px;color:#000000; font-family:calibri;}
.PRI_letra2b	{	font-size:12px;color:#000000; font-family:calibri;font-weight: bold;}
.PRI_letra2		{	font-size:15px;color:#000000; font-family:calibri;}
.PRI_letra5		{	font-size:12px;color:#000055; font-family:calibri;}
.PRI_letra6		{	font-size:12px;color:#FFFFFF; font-family:calibri;}
.PRI_letra1		{	font-size:11px;color:#000055; font-family:calibri;}
.PRI_letrag1	{	font-size:12px;color:#000000; font-family:calibri;font-weight: bold;}
.PRI_letrag2	{	font-size:12px;color:#999999; font-family:calibri;}
.PRI_letrag3	{	font-size:12px;color:#000000; font-family:calibri;font-weight: bold;}
.PRI_letrag4	{	font-size:12px;color:#555555; font-family:calibri;}
.PRI_letrag5	{	font-size:12px;color:#000000; font-family:calibri;font-weight: bold;}


.imagen1		{	width:23vh;}
.imagen2		{	width:50vh;}
.letrag0		{	font-size:3.7vh; 	color:#000000; font-family:calibri;}
.letrag1		{	font-size:2.1vh;color:#000000; font-family:calibri;font-weight: bold;}
.letrag2		{	font-size:2.3vh;color:#999999; font-family:calibri;}
.letrag3		{	font-size:2.5vh;color:#000000; font-family:calibri;font-weight: bold;}
.letrag4		{	font-size:2vh; 	color:#555555; font-family:calibri;}
.letrag5		{	font-size:1.9vh;color:#000000; font-family:calibri;font-weight: bold;}
	

.letrahoy		{	font-size:3.0vh;color:#000000; font-family:calibri;}
.letracoti		{	font-size:5.0vh;color:#AA0000; font-family:calibri;}
.titulo01		{	font-size:5vh; 	color:#000000; font-family:calibri;}

.tablita		{	width:90%; background:#9EC51B;  padding: 10px; }
.tabla_partidas {
  border-spacing: 20px;
}

.radiox			{-ms-transform: scale(1.6); /* IE 9 */
				 -webkit-transform: scale(1.6); /* Chrome, Safari, Opera */
				transform: scale(1.6);}

/************* Acceso ****************/
	.arriba {position: fixed; background:#000033; height: 10vh; width: 100%;}
	.abajo  {position: fixed; background:#000033; height: 10vh; width: 100%; left: 0;bottom: 0;color: white;text-align: center;}
	.logox { width:70%;}
	.logox2{ width:40%;}
/*************************************/

.accesoq {
	position: relative;
	width: 90%;
	top:14vh;
	max-width: 100%;
	margin: 0px auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 	repeat(12, 1fr);
	grid-template-rows: 	repeat(1, auto);

	grid-template-areas:"imagen imagen imagen imagen imagen imagen imagen imagen columna forma  forma  forma";
}

.accesoq > div,
.accesoq .imagen,
.accesoq .imagen2,
.accesoq .columna,
.accesoq .forma{
	padding: 0px;
	border-radius: 0px;
}

.accesoq .imagen {	width:100%;	grid-area: imagen; }
.accesoq .imagen2{	width:100%;	grid-area: imagen2;}
.accesoq .columna{	width:90%;	grid-area: columna;}
.accesoq .forma	 {	width:90%;	grid-area: forma;  }

.accesoq .imagen2{display:none;}

@media screen and (max-width: 1001px){
	.accesoq .imagen{display: none;}
	.accesoq .imagen2{display:block;}
	.accesoq .columna{display: none;}
	
	.accesoq {
		grid-template-areas:"imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2 imagen2"
							"forma   forma   forma   forma   forma   forma   forma   forma   forma   forma   forma   forma";
	}


}

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

.ord_pri {
	position: relative;
	width: 90%;
	top:14vh;
	max-width: 100%;
	margin: 0px auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 	repeat(1, 1fr);
	grid-template-rows: 	repeat(4, auto);

	grid-template-areas:"ord_zona0"
						"ord_zona1"
						"ord_zona2"
						"ord_zona3";
}

.ord_pri > div,
.ord_pri .ord_zona0,
.ord_pri .ord_zona1,
.ord_pri .ord_zona2,
.ord_pri .ord_zona3{
	padding: 0px;
	border-radius: 0px;
}

.ord_pri .ord_zona0{	width:100%;	grid-area: ord_zona0; font-size:4rem; color:#999999;}
.ord_pri .ord_zona1{	width:100%;	grid-area: ord_zona1;}
.ord_pri .ord_zona2{	width:100%;	grid-area: ord_zona2;}
.ord_pri .ord_zona3{	width:100%;	grid-area: ord_zona3;}
.ord_pri .ord_zona4{	width:100%;	grid-area: ord_zona4;}

@media screen and (max-width: 601px){
	.ord_pri {
	grid-template-areas:"ord_zona0"
						"ord_zona1"
						"ord_zona2"
						"ord_zona3";
	}
}

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

.filtrox {
	position:relative;
	width: 100%;
	max-width: 90%;
	margin: 0px auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 	repeat(5, 1fr);
	grid-template-rows: 	repeat(1, auto);

	grid-template-areas:"titulox titulox titulox zonafiltroz zonafiltroz";
}

.filtrox > div,
.filtrox .titulox,
.filtrox .zonafiltroz{
	padding: 0px;
	border-radius: 0px;
}

.filtrox .titulox		{	width:90%;	grid-area: titulox;	 	 font-size:4.0rem; color:#999999;}
.filtrox .zonafiltroz	{	width:90%;	grid-area: zonafiltroz;}

@media screen and (max-width: 601px){
	.filtrox {
	grid-template-areas:"titulox    titulox    titulox    titulox    titulox"
						"zonafiltroz zonafiltroz zonafiltroz zonafiltroz zonafiltroz";
	}
}

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

.reportex {
	position: relative;
	width: 90%;
	max-width: 90%;
	margin: 0px auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 	repeat(10, 1fr);
	grid-template-rows: 	repeat(2, auto);

	grid-template-areas:"columna1 columna2 columna3 columna4 columna5 columna6 columna7 columna8 columna9 columna10"
	                    "raya     raya     raya     raya     raya     raya     raya     raya     raya     raya";
}

.reportex > div,
.reportex .columna1,
.reportex .columna2,
.reportex .columna3,
.reportex .columna4,
.reportex .columna5,
.reportex .columna6,
.reportex .columna7,
.reportex .columna8,
.reportex .columna9,
.reportex .columna10,
.reportex .raya{
	padding: 0px;
	border-radius: 0px;
}

.reportex .columna1		{	width:100%;	grid-area: columna1;	 font-size:1.1rem; color:#000000;}
.reportex .columna2		{	width:100%;	grid-area: columna2;	 font-size:1.1rem; color:#000000;}
.reportex .columna3		{	width:100%;	grid-area: columna3;	 font-size:1.1rem; color:#000000;}
.reportex .columna4		{	width:100%;	grid-area: columna4;	 font-size:1.1rem; color:#000000;}
.reportex .columna5		{	width:100%;	grid-area: columna5;	 font-size:1.1rem; color:#000000;}
.reportex .columna6		{	width:100%;	grid-area: columna6;	 font-size:1.1rem; color:#000000;}
.reportex .columna7		{	width:100%;	grid-area: columna7;	 font-size:1.1rem; color:#000000;}
.reportex .columna8		{	width:100%;	grid-area: columna8;	 font-size:1.1rem; color:#000000;}
.reportex .columna9		{	width:100%;	grid-area: columna9;	 font-size:1.1rem; color:#000000;}
.reportex .columna10	{	width:100%;	grid-area: columna10;	 font-size:1.1rem; color:#000000;}
.reportex .raya			{	width:100%;	grid-area: raya;	 	 font-size:1.1rem; color:#000000;}




@media screen and (max-width: 601px){
	.reportex {
	grid-template-areas:"columna1 columna1 columna1 columna1 columna1 columna2 columna2 columna2 columna2 columna2"
						"columna3 columna3 columna3 columna3 columna3 columna4 columna4 columna4 columna4 columna4"
						"columna5 columna5 columna5 columna5 columna5 columna6 columna6 columna6 columna6 columna6"
						"columna7 columna7 columna7 columna7 columna7 columna8 columna8 columna8 columna8 columna8"
						"columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9"
						"columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10"
						"raya     raya     raya     raya     raya     raya     raya     raya     raya     raya";
	}
}

/********************* DanyLily25*    israelcelaya25@hotmail.com *************************/
.reportey {
	position: relative;
	background:#000055;
	width: 90%;
	max-width: 90%;
	margin: 0px auto;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 	repeat(10, 1fr);
	grid-template-rows: 	repeat(2, auto);

	grid-template-areas:"columna1 columna2 columna3 columna4 columna5 columna6 columna7 columna8 columna9 columna10"
	                    "raya     raya     raya     raya     raya     raya     raya     raya     raya     raya";
}

.reportey > div,
.reportey .columna1,
.reportey .columna2,
.reportey .columna3,
.reportey .columna4,
.reportey .columna5,
.reportey .columna6,
.reportey .columna7,
.reportey .columna8,
.reportey .columna9,
.reportey .columna10,
.reportey .raya{
	padding: 0px;
	border-radius: 0px;
}

.reportey .columna1		{	width:100%;	grid-area: columna1;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna2		{	width:100%;	grid-area: columna2;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna3		{	width:100%;	grid-area: columna3;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna4		{	width:100%;	grid-area: columna4;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna5		{	width:100%;	grid-area: columna5;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna6		{	width:100%;	grid-area: columna6;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna7		{	width:100%;	grid-area: columna7;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna8		{	width:100%;	grid-area: columna8;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna9		{	width:100%;	grid-area: columna9;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .columna10	{	width:100%;	grid-area: columna10;	 font-size:1.1rem; color:#FFFFFF;}
.reportey .raya			{	width:100%;	grid-area: raya;	 	 font-size:1.1rem; color:#FFFFFF;}




@media screen and (max-width: 601px){
	.reportey .columna1		{display:none;}
	.reportey .columna2		{display:none;}
	.reportey .columna3		{display:none;}
	.reportey .columna4		{display:none;}
	.reportey .columna5		{display:none;}
	.reportey .columna6		{display:none;}
	.reportey .columna7		{display:none;}
	.reportey .columna8		{display:none;}
	.reportey .columna9		{display:none;}
	.reportey .columna10	{display:none;}
	.reportey {
	grid-template-areas:"columna1 columna1 columna1 columna1 columna1 columna2 columna2 columna2 columna2 columna2"
						"columna3 columna3 columna3 columna3 columna3 columna4 columna4 columna4 columna4 columna4"
						"columna5 columna5 columna5 columna5 columna5 columna6 columna6 columna6 columna6 columna6"
						"columna7 columna7 columna7 columna7 columna7 columna8 columna8 columna8 columna8 columna8"
						"columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9 columna9"
						"columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10 columna10"
						"raya     raya     raya     raya     raya     raya     raya     raya     raya     raya";
	}
}

/********************* DanyLily25*    israelcelaya25@hotmail.com *************************/