﻿/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


@media (min-width: 993px) {
	.header-contenedor-redes-mobile {
		display: none;
	}
	
	.menu-superior-contenedor li.dynamic {		
		border-bottom: 1px solid rgba(73, 71, 71, 0.15);
	}
	
	.menu-superior-contenedor.collapse:not(.show) {
	    display: block;
	}
}

@media (max-width: 992px) {

	.navbar-gov {
		padding: 2px;
	}

	.navbar-gov-logo {
		height: 20px;
	}
	
	.navbar_upra .navbar-container{
		justify-content: center;
	}
	
	.navbar_upra .navbar-container div{
		padding: 0 15px;
	}
	
	.header-enlace-gov {
		height: 11px;
		padding-right: 0px;
	}
	
	.header-icon-language {
		font-size: 0.8rem;
	    color: #004884;
	    background: #fff;
	    padding: 2px;
	    border-radius: 7px;
	}
	
	.header-logo-upra {
		height:37px;
	}
	
	.header-logo-ministerio {
		height:37px;
	}
	
	.header-contenedor-redes {
		display:none;
	}
	
	.header-contenedor-redes-mobile {
		display: block;
	}

	.header-iconos-redes img{
		height:30px;
	}
	
	.header-contenedor-busqueda .ms-helperText, input.ms-helperText {
		max-width: 110px;
	}
	
	.navegacion-contenedor{
		display: flex;
		justify-content: space-between;
		padding-left:1em;
		padding-right:1em;
	}
		
	.menu-superior-contenedor  .ms-core-listMenu-root {
		padding:0;
		flex-direction: column;
	}
	
	.menu-superior-contenedor .menu-item {
		width: 100%;
		background: #009640;
		color: #fff;
	}
	
	.menu-superior-contenedor span.menu-item:hover {
		color: white !important;
	}
	
	.menu-superior-contenedor .menu-item:active, .menu-superior-contenedor li[isvisible="true"]>.menu-item {
		color: #8CC63F !important;
	}
	
	.menu-superior-contenedor .menu-item .ms-navedit-flyoutArrow {
		width: 100%;
		display: block;
		/*padding-right: 10px;*/
		letter-spacing: -0.01em;
	}
	
	.menu-superior-contenedor .ms-core-listMenu-root>li {
		border-bottom: 1px solid #0b8941;
	}
	
	.menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children>ul.dynamic,
	.menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children>ul.dynamic .dynamic-children>ul.dynamic {
		position: relative;
	    top: 0 !important;
	    display: none;
    }
    
    .menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children[isvisible="true"]>ul.dynamic,
    .menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children>ul.dynamic .dynamic-children[isvisible="true"]>ul.dynamic {
    	display:block;
    	transform: translate(0,0);
    	left: 0 !important;
    }
    
    .menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children>ul.dynamic .menu-item { 
    	padding-left: 25px;
    	word-break: break-word;
    	white-space: normal;
    	border-bottom: 1px solid #0b8941;
    }
    
    .menu-superior-contenedor .ms-core-listMenu-root>.dynamic-children>ul.dynamic .dynamic-children>ul.dynamic .menu-item {
		padding-left: 35px;	
	}
	
	.menu-superior-contenedor  .ms-core-listMenu-root>li>span, 
	.menu-superior-contenedor  .ms-core-listMenu-root>li>a {
		height: auto;
	}

    
	.footer-gov-logoco {
		height: 30px;
	}
	
	.footer-gov-logo {
		height: 20px;
	}
	
	.footer-gov-enlace {
		font-size:0.8rem;
	}
	
	.footer-upra-marco {
	    margin-left: 20px;
	    margin-right: 20px;		
    	flex-direction: column-reverse;
		font-size: 0.8rem;
	}
	
	.footer-upra-logo {
		width: 125px;
		padding-left:0px;
		padding-bottom:10px;
	}
	
	.footer-logo-ministerio {
		width: 125px;
		padding: 10px 0;
	}

	
	.footer-upra-titulo {
		font-size: 1.5em;
	}
	
	.footer-enlaces {
		margin-left: 0;
	    margin-right: 0;
	    justify-content: center;	    
	}
}

