/* Estructura principal                                                       */
/* ---------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;
  font-family: Arial, sans-serif;
}

html, body {
  height:100%;
}

body {
  text-align:center;   
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

#separador { 
  width:1px;
  height:50%;
  margin-bottom:-380px; /* Tiene que ser la mitad de X, si no, no queda centrado verticalmente. */
  float:left;
}

#contenedor {
  border:0;
	margin:0 auto;
  position:relative; 
  text-align:left;
  height:760px; /* <-- Esta es X, define la altura de la página. */
  width:810px;
  clear:left;
  
}

/* OJO: A + B + (C1 o C2 o C3) no puede ser mayor que X, si no, el contenido se sale del contenedor */

#cabecera {
  clear: both;
  width:810px;
  height:120px; /* A */
  
  padding-top: 22px;
  
}

#pie {
  clear: both;
  width:500px;
  height:30px; /* B */ 
  padding-left: 80px; 
  
}

#contenido_izq {
  float: left;
  width:800px;
  height:580px; /* C1 */
  
  text-align: center;
  
  padding-top: 2px;

}

#contenido_cen {
  float:left;
  width:0px;
  height:540px; /* C2 */
  
  text-align: justify;
}

#contenido_izq h1 {
  font-size:36px;
  font-weight:normal;
  color: #8b8b8b;
  
  padding-bottom: 16px;
  }

#contenido_izq p {
  font-size: 14px;
  color: #888;

  line-height: 16px;
 
  padding-bottom:8px;
  }

#contenido_izq ul {
  padding-left: 0;
  
  list-style-type: none;
  
}

#contenido_izq ul li {
  font-size: 14px;
  color: #888;
  
  line-height: 16px;
  
  padding-bottom: 8px;
  }
  
#contenido_izq strong {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  }

#contenido_izq a {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  }

#contenido_dcha {
  float: left;
  width:0px;
  height:10px; /* C3 */
}


