/* Media queries para la responsividad */

@media screen and (max-width: 600px) {
  table.GridViewTable {
    border: 0;
  }

  table.GridViewTable caption {
    font-size: 1.3em;
  }
  
  table.GridViewTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.GridViewTable tr {
    display: block;
    margin-bottom: .625em;
  }
  
  table.GridViewTable td {
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.GridViewTable td::before {
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    color:#2b4d8c;
  }
  
  table.GridViewTable td:last-child {
    border-bottom: 0;
  }
  
  table.GridViewTable td
  {
	min-height:25px;
  }
  
  #ImgNivelModernizacion
  {
	margin-left:1em;
  }
  
}

@media screen and (max-width:754px)
{
	body
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	#header a img
	{
		height: 80px;
	}
	
	#left-menu
	{
		border-bottom: 1px solid #eee;
	}
	
	#DivUser
	{
		display:flex;
	}
	
	#left-menu #menu
	{
		margin-top: .5em;
		background: transparent url('Images/mobile_menu_btn.png') no-repeat 0 0;
		display: block;
		height: 30px;
		text-indent: -9999px;
		width: 30px;
	}
	
	#left-menu .mobile
	{
		display: inline-block;
		padding: 18px;	
		width:40px;
		height:40px;
	}
	
	#content
	{
		margin-top:10px;
	}
	
	#menu_header
	{
		display:flex;
		display: -ms-flexbox;
	}
	
	#menu_header h3
	{
		display:flex;
		display: -ms-flexbox;
		flex-grow:1;
	}
	
	#MenuPrincipal
	{
		display:none;
	}
	
	#MenuPrincipal.open
	{
		display:inline;
	}
	
	#contenido #GVDocSinGrupo td.DescDocu, 
	#contenido .GridViewTable td.DescDocu,
	#contenido #GVDocSinGrupo td.InputFileDocu, 
	#contenido .GridViewTable td.InputFileDocu,
	#contenido ul.DocOpcional li label
	{
		width: 100%;
	}
	
	#contenido fieldset ul li input, 
	#contenido ul.DocOpcional li input,
	#contenido ul.DocOpcional li select
	{
		max-width: 98%;
	}
		
	#ctl00_Content_GVDocSinGrupo tr,
	#ctl00_Content_GVGruposDocumentacion_ctl02_GVDocConGrupo tr	
	{
		width: 80%;
		margin: auto;
		margin-bottom: 0.8em;
	}
}

@media screen and (min-width: 365px)
{
	#direccion
	{
		float: left;
	}

	#telefono,#enlacesPie
	{
		float: right;
		margin-left:1em;
	}
}

@media screen and (min-width:755px)
{
	#main
	{
		display: flex;
		display: -ms-flexbox;
		flex-direction: row;
	}

	#left-menu
	{
		min-width: 200px;
		border-bottom: none;
	}

	#content
	{
		flex-grow:1;
		margin-left:1em;
	}
	
	#header a img
	{
		max-width:100%;
		padding-left: 2em;
	}
	
	#contenido #GVDocSinGrupo td.DescDocu, 
	#contenido .GridViewTable td.DescDocu
	{
		width: 30%;
	}
	
	#contenido #GVDocSinGrupo td.InputFileDocu, 
	#contenido .GridViewTable td.InputFileDocu
	{
		width: 70%;
	}
	
	#contenido ul.DocOpcional li label 
	{
		width: 50%;
	}
	
	#contenido fieldset ul li input, 
	#contenido ul.DocOpcional li input,
	#contenido ul.DocOpcional li select 
	{
		width: 50%;
	}
#contenido ul.DocOpcional li #limpiar
{
	width:auto;
}	
		
	
	#ctl00_Content_GVDocSinGrupo,
	#GVGruposDocumentacion
	{
		width:90%;
		margin:auto;
	}
	
#ListAuthentication
{
	float:left;
	width:100%;
}

#contenido fieldset ul#ListAuthentication li input
{
	width:auto;
}

}

@media screen and (min-width: 1300px)
{
	#header, .contenido-principal, .margen-lateral, #gk-enlaces-footer
	{
		width: 1300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	body
	{
		font-size:1em;
	}
	
	#left-menu
	{
		min-width: 250px;
	}
}