@charset "UTF-8";
/* CSS Document */

/* enlaces principales de sección */
		.medicionesframes { 
    		display: grid;
    		grid-gap: 10px;
    		grid-template-columns: 1fr 1fr 1fr; 
    		margin: 15px auto;
    		padding: 0;
    		list-style: none;
			text-align:center;
		}
		.medicionesframes li {
   			padding: 0;
		}
		.medicionesframes img {
    		max-width: 100px;
			width: 100%;
			height: auto;
			margin:10px auto;
		}
		.medicionesframes li a {
    		display: grid;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
    		min-height: 200px;
    		padding: 10px 0;
    		border: 1px solid #7F7F7F;
    		border-radius: 15pt;
    		position: relative;
    		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    		background: rgba(0 0 0/3%);
    		color: #414042;
    		font-weight: bolder;
			font-size: 14pt;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    		text-align: center;
			text-decoration: none;
		}
		.medicionesframes li a:hover {
    		text-decoration: none;
    		color: #414042;
		}
		#medfr{
			background-color:#f7f7f7;
		}
		#medfr:hover{
			background-color: #D6D6D6;
		}


@media only screen and (max-width:380px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:480px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:740px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
/* -- herramientas -- */
		.toolsframes { 
    		display: grid;
    		grid-gap: 10px;
    		grid-template-columns: 1fr 1fr 1fr 1fr; 
    		margin: 15px auto;
    		padding: 0;
    		list-style: none;
			text-align:center;
		}
		.toolsframes li {
   			padding: 0;
		}
		.toolsframes img {
    		max-width: 100px;
			width: 100%;
			height: auto;
			margin:10px auto;
		}
		.toolsframes li a {
    		display: grid;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
    		min-height: 250px;
    		padding: 10px 0;
    		border: 1px solid #7F7F7F;
    		border-radius: 15pt;
    		position: relative;
    		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    		background: rgba(0 0 0/3%);
    		color: #414042;
    		font-weight: bolder;
			font-size: 14pt;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    		text-align: center;
			text-decoration: none;
		}
		.toolsframes li a:hover {
    		text-decoration: none;
    		color: #414042;
		}
		#toolfr{
			background-color:#f7f7f7;
		}
		#toolfr:hover{
			background-color: #D6D6D6;
		}


@media only screen and (max-width:380px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:480px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:740px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
sup{
	color:#FAA519;
	font-style: italic;
}