/* ============= clear fix ============= */
/* Permite borrar los float (poner estos estilos a los div container de las columnas cuyos float hay que borrar) */
  .clearfix:after {
    content       : ".";
    display       : block;
    height        : 0;
    clear       : both;
    visibility      : hidden;
  }
  .clearfix { display: inline-table; }
  /* Hides from IE-mac \*/
  * html.clearfix {height: 1%; }
  .clearfix { display: block; }
  /* End hide from IE-mac */

/* ============ box styling ============ */
/* the relative positioning is required by IEs 5 + 6 (PC) - 
   NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */     
/* CSS HACK:  
    position:relative needed by IE6 otherwise the header and col 2 don't show up 
      on initial rendering - they're there but you have to minimise the window or switch 
      to another app and back to see the full effect. But IE5(pc) doesn't like it. 
      And nor does NN4.
  NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs 
    a background colour appears to require to be be relatively positioned */ 
  .container, .two-cols-container, .column-one, .column-two, .column-three, h2 { 
    position      : relative; 
  }
  
  /*=============================*/
  /* Contenedor para la cabecera */ 
  /*=============================*/
  html
  {
    height:100%;
    overflow-x: hidden;
  }
  .box-header {
    margin : 0px;
    padding : 0px;
    color : #FFFFFF;
    background-color : #FFFFFF;
    border : none;
    height : 95px;
    width : 100%;
    BACKGROUND-IMAGE: url(../images/d01-color_cabecera.gif);
    BACKGROUND-REPEAT: repeat;

  }
  .box-logotype {
    LEFT : 0px;
    WIDTH : 100%;
  }
  .box-horizontal-menu-principal {
    margin-bottom : 0px;
    margin-top : 0px;
    padding : 0px;
    color : #FFFFFF;
    background-color : #000000;
    border : none;
    float : right;
    width : 100%;

  }
  .box-izda{
    float       : left;   
    width       : 100%;
    MARGIN-RIGHT: 5px; 
    MARGIN-LEFT: 5px; 
    MARGIN-BOTTOM: 5px;
    MARGIN-TOP: 5px;      
  } 

  .central{ 
    float       : right;  
    width: 79%;
    height: auto;
    MARGIN-RIGHT: 5px; 
    MARGIN-LEFT: 10px;  
    MARGIN-BOTTOM: 30px;
    MARGIN-TOP: 10px;
    background-color: #FFFFFF;
    color: #000000;
    height: auto;
    position:relative;
  }   
  .box-central{
    margin-BOTTOM: 10px;
    PADDING-RIGHT: 5px; 
    PADDING-LEFT: 10px; 
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    border-top      : 1px solid #000000;
    border-bottom   : 1px solid #000000;
    border-left     : 1px solid #000000;
    border-right    :  1px solid #000000;   
    WIDTH: 100%;
    height: auto;
    position: relative;
  } 
  .box-central2{  
    PADDING-RIGHT: 5px; 
    PADDING-LEFT: 10px; 
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 5px;
    WIDTH: 95%;
  } 
  .colscontainer-clearfix > .box-central2 {
    height:auto;
    position 0px 100%;
  }
  .box-text{  
    MARGIN-BOTTOM: 10px;
    PADDING-RIGHT: 5px; 
    PADDING-LEFT: 5px;  
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    border-top      : none;
    border-bottom   : none;
    border-left     : none;
    border-right    : none;   
    WIDTH: 100%;
  } 

  .vertical-menu-izda{
    position: absolute;
    width       : 16%;
    border-top      : 1px solid #000000;
    border-bottom   : 1px solid #000000;
    border-left     :  1px solid #000000;
    border-right    :  1px solid #000000;
    PADDING-RIGHT: 2px; 
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    margin-BOTTOM: 5px;
    clear: both;

  } 
  .vertical-menu-dcha{
    position: absolute;
    width       : 20%;
    border      : none;
    top:200px;
    left:0px;
    clear: both;

  } 
  .clear {
    clear: both;
  } 

  .box-footer{
    margin: 0px auto;
    margin-top: -1.5em;
    position: absolute; 
    bottom: 0;
    background-color: #FFFFFF;
    border-top: px solid #F7F7F6;
    width: 100%;
    padding: 5px 0;
    clear: both;    
  }
  
  /* ========================= other styling ========================= */
  body {
    FONT-FAMILY: Helvetica, Arial, Times New Roman;
    MARGIN-TOP    : 0PX;
    MARGIN-BOTTOM   : 0PX;
    MARGIN-LEFT   : 0PX;
    MARGIN-RIGHT    : 0PX;
    background-color: #FFFFFF;
    FONT-STYLE: normal;
    FONT-SIZE: 12px;
    COLOR: #000000; 
    height: 100%;
    overflow-x: hidden;
  }
          
  html,body,#nonFooter {
    height: 100%;
    min-height: 100%;                
  }
  #nonFooter {
    position:absolute;
  }
  html > body, html > body #nonFooter {
    height:auto;
  }
  div {
    margin        : 0;
    padding       : 0;
  }
  h1 {
    margin        : 0;
    padding       : 0;
    font-weight     : BOLD; 
    font-family: Helvetica, Arial,Verdana, sans-serif;
  }
  h2 {
    margin        : 0 0 9px;
    padding       : 0px 3px;
    color       : #ffffff;
    background-color  : #000000;
    font-size     : 1em;
    font-weight     : bold;
    font-family: Helvetica, Arial, Verdana, sans-serif;
  }
  p {
    margin        : 0;
  }

  image {
    border      : 0;
  }
  
  .tabla td {
    border-top: 1px #000000;
    border-bottom: 1px #000000;
    border-left: 1px #000000;
    border-right: 1px #000000;  
  }