/* Aplicar los estilos por debajo de 1000px de ancho */
@media (max-width: 1000px) {
  
  /* Adaptaciones de la página */
  #lateral_der,
  #lateral_izq {
    display: none;
  }
  input{
	  padding: 6px 4px;
  }
  
  table.sectionVariable tr > td  > table
  {
	  display: block;
    width: 100% !important;
    height: unset !important;
  }
  table.sectionVariable tr > td  > table >tr>td{
    display: block;
    width: 100% !important;
    height: unset !important;
  }
  
 .listaTramites  td
   {
	  display: table-cell !important;
  }
   
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }


  #contenedor,
  #contenido,
  #principal {
    background: #fff;
    width: 100%;
    margin: 0!important;
  }

  #centro {
    width: calc(100% - 36px);
    float: none;
    padding: 0 18px;
  }
  
  /* Adaptaciones de los pasos del trámite */
  ul.pasos {
    float: none;
    position: unset;
  }

  ul.pasos > li {
    position: unset;
  }
  
  /* Asterisco para oblicatorios */
  .info_obligatorios{
	  float:none;
  }
  
  /* Cajetín con datos del certificado */
  .certificado{
	  width: unset;
  }
 
  /* Genéricos para tablas */
  table tr > td {
    display: block;
    width: 100% !important;
    height: unset !important;
  }
  table tr > td:last-child {
    margin-bottom: 5px;
  }
  
  .etiquetaJustif
  {
	  text-align: left;
  }
  
  .datoFirma
  {
	  border-left:0px;
	  
  }
  
  /* Genéricos para campos */
  textarea{
	  min-height: 12vh;
  }
  select{
	  padding:6px 4px;
  }
  
   
  /* Persona interesada */
  .fieldlegend{
  padding: 0 16px;
  }
  
  #RepFis  table tr > td {
    display: table-cell;
    width: auto!important;
  }
  #RepJur  table tr > td {
    display: table-cell;
    width: auto!important;
  }
  
#ContactWays  table td
{   
    display: table-cell !important;
    width: auto!important;
  }
  
  #selectorPersonaTramite label{
	  float: none;
	  text-align: left;
  }
  
  .col-25 label{
	  float: none;
	  text-align: left!important;
  }
  #selectorPersonaTramite table table tr > td {
    display: table-cell;
    width: auto!important;
  }
  
  #personaInteresada fieldset,
  #personaRepresentada fieldset{
	  padding:16px;
	  border-style: solid;
	  margin-bottom: 16px;
  }
  #personaInteresada label,
  #personaRepresentada label{
	  float: none;
    display: block;
    text-align: left;
    width: 100%;
  }
  #personaInteresada table tr > td:last-child,
  #personaRepresentada table tr > td:last-child{
	  margin-bottom: 4px;
  }
  #personaInteresada label+table td,
	#personaRepresentada label+table td  {
    display: table-cell;
    width: auto!important;
    padding-bottom: 16px;
	}
  #personaInteresada select,
  #personaRepresentada select{	
    width: 100%;
  }
  #personaInteresada input,
  #personaRepresentada input{	
    width: 100%!important;
	padding: 6px 4px;
  }
  #personaInteresada input[size="2"],
  #personaRepresentada input[size="2"]{
	  width: calc(50% - 18px) !important;
  }
  #personaInteresada input[size="5"],
  #personaRepresentada input[size="5"]{
	  width: calc(50% - 18px) !important;
  }
  #personaInteresada input[size="15"],
  #personaRepresentada input[size="15"]{
	  width: calc(70% - 18px) !important;
  }
  #personaInteresada input[size="9"],
  #personaRepresentada input[size="9"]{
	  width: calc(70% - 18px) !important;
  }
  #personaInteresada input[size="1"],
  #personaRepresentada input[size="1"]{
	  width: 10% !important;
  }
  #personaInteresada input[type="radio"],
  #personaRepresentada input[type="radio"]{
	  width: initial !important;
  }
  #personaInteresada .campoHoriz,
  #personaRepresentada .campoHoriz  {
    width: calc(100% - 20px);
    margin: 0 8px 4px;
  }
  #personaInteresada .campoHoriz table,
  #personaRepresentada .campoHoriz  table{
    width: 100%;
  }
  #personaInteresada .campoHoriz label,
  #personaRepresentada .campoHoriz label {
     margin-top: 2px;
    margin-bottom: 10px;
  }
  #personaInteresada .campoHoriz input+table tr > td,
  #personaRepresentada .campoHoriz input+table tr > td  {
    display: table-cell;
    width: 18px!important;
  }
  #personaInteresada .campoHoriz input+table tr > td:last-child,
  #personaRepresentada .campoHoriz input+table tr > td:last-child   {
    padding-top:10px;
    width: auto!important;
  }  
  
  /* Medios de notificación */
  
  /* Papel */
  #notificacionPapel #direcciones{
	margin-bottom: 18px;
  }
  #notificacionPapel input{
	padding: 4px 6px;
	margin:0;
	width: calc(100% - 22px);
  }
  #notificacionPapel select{
	padding: 4px 6px;
	margin:0;
	width: calc(100% - 12px);
  }
  #notificacionPapel label{
	padding:0;
	margin:0;
	float: none;
    text-align: left;
  }
  #notificacionPapel .campoHoriz{
    width: calc(100% - 20px);
    margin: 0 8px 4px;
  }
  #notificacionPapel .campoHoriz label{
	margin-bottom: 6px;
  }
  #notificacionPapel input[size="2"]{
	  width: calc(25% - 22px) !important;
  }
  #notificacionPapel input[size="5"]{
	  width: calc(50% - 22px) !important;
  }
  #notificacionPapel input[size="15"]{
	  width: calc(100% - 22px) !important;
  }
  #notificacionPapel input[size="9"]{
	  width: calc(50% - 22px) !important;
  }
  #notificacionPapel input[size="1"]{
	  width: 10% !important;
  }
  #notificacionPapel .campoHoriz input+table tr > td{
    display: table-cell;
    width: 18px!important;
  }
  #notificacionPapel .campoHoriz input+table tr > td:last-child{
    padding-top:10px;
    width: auto!important;
  }
  
  
  
  .direccionVar #direcciones{
	margin-bottom: 18px;
  }
  .direccionVar input{
	padding: 4px 6px;
	margin:0;
	width: calc(100% - 22px);
  }
  .direccionVar select{
	padding: 4px 6px;
	margin:0;
	width: calc(100% - 12px);
  }
  .direccionVar label{
	padding:0;
	margin:0;
	float: none;
    text-align: left;
  }
  .direccionVar .campoHoriz{
    width: calc(100% - 20px);
    margin: 0 8px 4px;
  }
  .direccionVar .campoHoriz label{
	margin-bottom: 6px;
  }
  .direccionVar input[size="2"]{
	  width: calc(25% - 22px) !important;
  }
  .direccionVar input[size="5"]{
	  width: calc(50% - 22px) !important;
  }
  .direccionVar input[size="15"]{
	  width: calc(100% - 22px) !important;
  }
  .direccionVar input[size="9"]{
	  width: calc(50% - 22px) !important;
  }
  .direccionVar input[size="1"]{
	  width: 10% !important;
  }
  .direccionVar .campoHoriz input+table tr > td{
    display: table-cell;
    width: 18px!important;
  }
  .direccionVar .campoHoriz input+table tr > td:last-child{
    padding-top:10px;
    width: auto!important;
  }
  
  .mceIframeContainer
  {
	  margin-bottom:0px !important;
  }
  
  #validarAporDoc  tr > td
  {
	 display: table-cell !important;
    width: auto !important;
  }
  
  .cpicker  tr > td
  {
	 display: table-cell !important;
    width: auto !important;
  }
  
    #citasleyenda tr > td
  {
	 display: table-cell !important;
    width: auto !important;
  }
  
  /* Otros medios */  
  #ContactWays table{
	  width:100%;
  }
  #ContactWays table tr > td:last-child {
    margin-bottom: 0px;
	}
  #ContactWays>table {
    text-align: right;
    font-style: italic;
}
  #ContactWays table input{
	  width: calc(90% - 12px);
    padding: 6px 4px;
  }
  #ContactWays table input[type=checkbox]{
	  
	  width: auto;
  }
  #ContactWays .contactInfo {
    text-align: right;
    margin-top: 4px;
	}
  #ContactWays label {
    float: none;
    text-align: left;
    margin-bottom: 0;
  }
  
  /* Pantalla DPA */  
  #pantallaDPA{
	  width:unset!important;
  }
  #pantallaDPA > div{
	  width: 100%!important;
	  margin-bottom: 16px;
  }
  #pantallaDPA > input{
	  padding: 6px 4px;
  }

  .etiqueta{
	  border:0;
	  text-align: center;
	  float:none;
  }
  .descliteraldoc
   {	
	display:block;
  }
  
  .imgCalendar
  {
	  display:none;
  }
  
  table.grid td
  {
	  height:auto !important;
  }
  /* Documentos */  
  #Documents table .tar{
	  display:none;
  }
  #Documents table.grid{
	  width:90%
  }
  #Documents table.grid tr.impar{
	border: 1px solid #cccccc!important;
    margin: 8px 0 !important;
    padding: 8px 0!important;
  }
  #Documents table.grid tr > td {
	display: block;
    width: 100%;
	background: white;
    text-align: center;
    line-height: 2;
	border: 0;
	margin-bottom:0;
	padding:0;
  }
  #Documents table.grid tr td>div{
	  width:auto!important;
  }
  #Documents table.grid .obligatorio{
	      display: inherit;
    margin-right: 4px;
  }
  
  
  /*aportacionDocumentacion*/
  #aportacionDocumentacion table .tar{
	  display:none;
  }
  #aportacionDocumentacion table.grid{
	  width:90%
  }
  #aportacionDocumentacion table.grid tr.impar{
	border: 1px solid #cccccc!important;
    margin: 8px 0 !important;
    padding: 8px 0!important;
	display: block;
  }
  #aportacionDocumentacion table.grid tr > td {
	display: block;
    width: 100%;
	background: white;
    text-align: center;
    line-height: 2;
	border: 0;
	margin-bottom:0;
	padding:0;
  }
  #aportacionDocumentacion table.grid tr td>div{
	  width:auto!important;
  }
  #aportacionDocumentacion table.grid .obligatorio{
	      display: inherit;
    margin-right: 4px;
  }
   
  /* Botones inferiores*/
  .boton-style.tamano-defecto {
    height: 32px;
    line-height: 32px;
  }
}

/* Ajustes por debajo de 600px de ancho */
@media (max-width: 600px) {
  #cabecera .titulo {
    height: 100px;
  }
}

/* Ajustes por debajo de 500px de ancho */
@media (max-width: 500px) {
  ul.pasos {
    padding-top: 20px;
  }
  ul.pasos > li {
    float: none;
    margin-top: 0;
    background-image: none !important;
    border-radius: 4px;
    text-align: left;
    margin-bottom: 4px;
  }
  table.sectionVariable div > p > .campoHoriz {
    width: calc(100% - 16px);
    margin: 0 8px;
    height: 64px;
  }
  table.sectionVariable div > p > .campoHoriz > #kmcalleText,
  table.sectionVariable div > p > .campoHoriz > #kmcalle2 {
    width: calc(50% - 21px) !important;
  }
  table.sectionVariable div > p > .campoHoriz > #dupli,
  table.sectionVariable div > p > .campoHoriz > #bloque,
  table.sectionVariable div > p > .campoHoriz > #escalera,
  table.sectionVariable div > p > .campoHoriz > #puerta,
  table.sectionVariable div > p > .campoHoriz > #piso {
    width: calc(50% - 16px) !important;
  }
  
   
}