@import url(/menus/_b/fonts/medioambiente/style.css);
#divDominiosPeq {
	padding: 0;
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
}

.divDominio {
    padding: 2px;
}

.imgDominio {
    opacity: 0.3;
	filter: saturate(0);
	pointer-events: none;
}

.divDominio a {
    display: block;
}

.divDominio:hover a .imgDominio,
.divDominio:focus a .imgDominio {
	opacity: 1;
    filter: saturate(1);
}


.grande {
	height: auto;
	max-width: 100%;
}

section.cuerpo { padding:0; }

.metadatos h1 									{ margin-top: 25px; }
.metadatos .data 								{ margin-top: 25px; }
.metadatos .data .row 							{ border: 1px solid #ccc; border-top: 0 none; padding: 5px; align-items: center; display: flex; }
.metadatos .data .row:nth-child(2n)				{ background: rgba(0,0,0,0.06); }
.metadatos .data .row:nth-child(2n+1)			{ border-top: 1px solid #ccc; }
.metadatos .col-75 								{ flex: 75%; padding: 0 0 0 5px; position: relative; }
.metadatos .col-25 								{ flex: 25%; padding: 0 5px 0 0; position: relative; font-weight: bold;}

.metadatos .data > .row > .col-75::after 		{ content: ""; border-left:  1px solid #ccc; position: absolute; height: calc(100% + 10px); width: 100%; top: -5px; left: 0; z-index: -1; }
.metadatos .data > .row > .col-25::after 		{ content: ""; border-right: 1px solid #ccc; position: absolute; height: calc(100% + 10px); width: 100%; top: -5px; left: 1px; z-index: -1; }

@media screen and (max-width: 800px) {
	.metadatos .data .row 						{ display: block; width: 100%; margin: 0;}
	.metadatos .data .row > div 				{ flex: none !important; width: 100%; }
	.metadatos .data > .row > .col-25			{ padding: 0 0 5px 0; font-weight: bold}
	.metadatos .data > .row > .col-75			{ padding: 0; }
	.metadatos .data > .row > .col-25::after,
	.metadatos .data > .row > .col-75::after 	{ display: none; }
	.AppToolBarContent			{ max-width: none; }
	main .cuerpo, .AppToolBarContent > div, 
	#divDominiosPeq + section 	{ padding: 0 5px; }
	main .cuerpo p + .iconos 	{ margin-top: 10px; }
	.divDominio         		{ margin: 0; width: 44px; border: 0 none; padding: 0; float: none; }
	.grande						{ width: 125px; padding: 0 0 0 2px; }
}

@media screen and (max-width: 480px){
	section>div>*, section>ul>*  			{ font-size: 1rem !important; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.divDominio         		{ margin: 1px; float: left; }
}

@media print {
	.metadatos .data .row	{ flex: none !important; page-break-inside: avoid; break-inside: avoid; }
	.metadatos {page-break-inside: avoid  !important;}
}