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

@media only screen and (max-height: 770px){
  pre {
    line-height: 0.5em !important;
  }
}

@media only screen and (max-device-width: 999px) {
    .loginAviso {
        height: auto !important;
        max-height: auto !important;
    }
    .login {
        display: none !important;
    }
    .loginMovil {
        display: block !important;
    }
    .loginAvisos {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-device-width: 639px) {
	.datos, .datos3, .letra {
	   font-size: 20px
	}
	.modulos {
	   width: 800px;
	}
	.modulo {
       height: 250px;
    }
    .modulo img {
        height: 250px;
    }
    .modulo > div, .modulo > a > div {
	    width: calc(100% - 300px) !important;
	    font-size: 50px;
	    text-align: left;
	}
  .menu-movil { 
    position: initial;
    height: 100%;
    background: #fff;
  }
	
	.fondo {
	   top: 300px;
	   height: calc(100% - 314px);
	}
	.header {
	   height: 300px;
	}
	.logo {
	   height: auto !important;
	   width: 750px !important;
	}
  .cuadrado {
    width: 450px !important;
  }
	#menu-principal, #menu-mov {
	   font-size: 200px;
	   height: 350px;
	   margin-top: 50px;
	}
	#menu-principal{
        width: 100px;	
	} 
	#menu-mov {
        width: 300px;
	}
	.logo_acontrol, .nombre_empresa, .linea-azul {
        display: none !important;
    }

  #menu-mov {
    display: block !important;
  }
  div#lista_modilos_index {
    display: none !important;
  }
  div.barra_menu {
    display: none !important;
  }
  div#contenido_index {
    left: 14px !important;
  }
  div#contenido_index{
    width: calc(100% - 24px) !important;
  }
  
  #menu-principal:before {
    content:"\f142";
  }
  .menu-contenido {
    left: -210px;
  }

    .cargar_mas {
        display: block !important;
    }
    .cargar_mas > input {
        font-size: 40px !important;
    }
    #menu-contenido {
        top: 220px !important;
        font-size: 40px !important;
        width: 500px !important;
        left: -500px !important;
    }
}

/*
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
  .header{
    box-shadow:none !important;
    margin-top:0px !important;
  }
  
  #tabla_datos {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 999px), only screen and (max-device-width: 999px) {
  .header{
    box-shadow:none !important;
    margin-top:0px !important;
  }
  .layout{
    height: auto;
  }
  .logo_acontrol, .nombre_empresa, .linea-azul {
    display: none !important;
  }
  #tabla_datos {
    display: block;
    overflow-x: auto;
  }
  
    .loginAviso {
        height: auto !important;
        max-height: auto !important;
    }
    .login {
        display: none !important;
    }
    .loginMovil {
        display: block !important;
    }
    .loginAvisos {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-width: 800px){
  .modulos .mod{
    top: 212px;
    position: fixed;
  }
}
@media only screen and (max-width: 769px), only screen and (max-device-width: 769px) {
  #catalogo_list, #catalogo_prod{
  	display: block !important;
    width:100% !important;
  }
  #lista{
    text-align:center;
  }
}
@media only screen and (max-width: 639px), only screen and (max-device-width: 639px) {
  .row-item.logo_cell{
    float:none;
    width:100% !important;
    text-align:center;
  }
  .row-item.acon_cell{
    display:none !important;
  }
  .categoria{
    width: calc(100% - 40px) !important;
    height:auto !important;
    padding-bottom:10px !important;
    padding-top:10px !important;
  }
  .categoria-modulos{
    width: 100% !important;
  }
  .row-item {
  	display: inline-block !important;
  }
 
  .logo {
    height: auto !important;
    max-height: 112px !important;
  }
  #logo_empresa {
    width: calc(100% - 160px) !important;
  } 
  #menu-mov {
    display: block !important;
  }
  div#lista_modilos_index {
    display: none !important;
  }
  div.barra_menu {
    display: none !important;
  }
  div#contenido_index {
    left: 14px !important;
  }
  div#contenido_index{
    width: calc(100% - 24px) !important;
  }
  #menu-principal {
    width: 20px;
    height: 50px;
  }
  #menu-principal:before {
    content:"\f142";
  }
  .menu-contenido {
    left: -210px;
  }
}
@media only screen and (max-width: 449px), only screen and (max-device-width: 449px) {
  #todo{
  	display: block !important;
    width:100% !important;
    text-align:center;
  }
  #altura{
    height:450px !important
  }
}

*/