@charset "UTF-8";
/*
VARIABLES GENERICAS:
Azul primary: #782634
Azul claro: #6789a4

Azul oscuro: #782634

*/
/*Menu Horizontal*/
/*Sub Menu*/
/*Menu Vertical*/
/* Colores */
#contenedor {
  width: 100%;
  height: 100vh;
  /*No funciona con porcentaje*/
  margin-top: 0px;
  /*background: lightgray;*/ }

#cabeceraSuperior {
  float: left;
  clear: both;
  width: 100%;
  min-height: 5px;
  /*border: 1px solid black;*/
  display: none; }

#cabeceraInferior {
  float: left;
  clear: both;
  width: 100%;
  min-height: 45px;
  margin-bottom: 5px;
  color: white;
  background: #782634; }

#cuerpo {
  clear: both;
  float: left;
  width: 100%;
  min-height: 30px; }

#pie {
  clear: both;
  float: left;
  width: 100%;
  min-height: 30px;
  color: white;
  background: #782634; }

#pie a {
  color: white; }

#colIzq {
  float: left;
  padding-left: 5px;
  /* Tiene que ser del mismo tamaño que el colcentral.margin-left*/
  width: 200px;
  /*height:100%;*/
  min-height: 400px;
  margin-left: -100%;
  background: #E5E5E5;
  border-right: 1px solid gray; }

#colCentral {
  min-height: 30px;
  /* Tiene que ser del mismo tamaño que el colIzq.width*/
  margin-left: 208px; }

#colCentralWrapper {
  max-width: 1600px;
  margin: auto; }

#colCentralTitulo {
  float: left;
  clear: both;
  width: 100%;
  min-height: 1px;
  margin-bottom: 1px; }

#colCentralSubtitulo {
  float: left;
  clear: both;
  width: 100%;
  min-height: 1px;
  margin-bottom: 1px; }

#colCentralCabecera {
  float: left;
  clear: both;
  width: 100%;
  min-height: 1px; }

#colCentralCuerpo {
  float: left;
  clear: both;
  width: 100%;
  min-height: 5px; }

#colCentralPie {
  float: left;
  clear: both;
  width: 100%;
  min-height: 5px; }

/* ####### responsive layout CSS ####### */
/* responsive layout break point */
/* 640px o 1025*/
/* @media (min-width: $ancho_med){ */
@media (min-width: 0px) {
  #cuerpo {
    float: none; }

  #colIzq {
    /* ¿? */
    display: none;
    float: none;
    width: 100%;
    margin-left: 0; }

  #colCentral {
    margin-left: 0; } }
