/* --- Typography --- */
body{width:1012px; margin:0px auto 0px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#666666;}

.principal{
  width: 1010px;
  margin: auto;
  background-color:#ffffff;

  }

.menu{
  width: 1010px;
 height:47px;
  margin: auto;
  background-image:url(../../cimages/franjaMenus.jpg);
}


/* background-color:$E3E3D1 */
.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}


/* --- contenedor --- */

.contenedor {
  width: 1010px;
  margin: auto;
/*  background-image:url(../../cimages/fondo.jpg);*/
}

.contenedor-m1 {
  float: left;
  width: 4px;
  height: 1px;
}

.contenedor-c1 {
  float: left;
  width: 496px;
}

.contenedor-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.contenedor-c2 {
  float: left;
  width: 496px;
}

/* --- Grid --- */

.grid {
  width: 1010px;
  margin: auto;
 
}

.grid-m1 {
  float: left;
  width: 4px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 238px;
}

.grid-m2 {
  float: left;
  width: 14px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 238px;
}

.grid-m3 {
  float: left;
  width:10px;
  height: 1px;

}

.grid-c3 {
  float: left;
  width: 279px;
height: 145px;
 background-color:#ffffff;
border:1px solid #cccccc; 

}

.grid-m4 {
  float: left;
  width: 10px;
  height: 1px;
background-color:#ffffff;
}

.grid-c4 {
  float: left;
  width: 205px;
background-color:#ffffff;
}