/* general */



body {

  font-family: "trebuchet MS", trebuchet, verdana, arial, helvetica, sans-serif;

  font-size: 12px;

  color: #333;

  text-align: center;

  background-color: #F0FFEC;

  background-image:url(img/body-fondo.png);

  background-repeat: repeat;

}



p, h1, h2, h3 {

  margin: 0;

  padding: 0;

}



p {

  font-size: 1em;

  line-height: 1.5em;

  text-align: justify;

}



h1 {

  font-size: 1.5em;

}



h2 {

  font-size: 1.3em;

}



h3 {

  font-size: 1.1em;

}



img {

  border: none;

  margin:0;

  padding:0;

}



a {

  text-decoration: none;

  color: #333;

}



/* divisiones, posicionamiento */



#pagina {

  width: 750px;

  text-align: left;

  border: 2px solid #007045;

  margin: auto;

  margin-top:0;

  padding: 0;

  background-color: #fff;

}



#fondo1 {

  width: 100%;

  border-width: 0px;

  margin: auto;

  margin-top:0;

  padding: 0;

  background-image:url(img/fondo-menu.png);

  background-repeat: repeat-x;

}



#fondo2 {

  width: 100%;

  border-width: 0px;

  margin: 0;

  padding: 0;

  background-image:url(img/fondo-izda.png);

  background-repeat: repeat-y;

}



#fondo3 {

  width: 100%;

  border-width: 0px;

  margin: 0;

  padding: 0;

  background-image:url(img/curvas-menu.png);

  background-position: top left;

  background-repeat: no-repeat;

}



#fondo4 {

  width: 100%;

  border-width: 0px;

  margin: 0;

  padding: 0;

  background-image:url(img/curvas-izda.png);

  background-position: bottom left;

  background-repeat: no-repeat;

}



#cabecera {

  background-image:url(img/logo.png);

  background-repeat: no-repeat;

  background-position: center left;

  padding: 0;

  margin: 0;

  height: 80px;

}



#menu {

  margin: 0;

  padding: 0;

  height: 26px;


}



#principal {

  clear: both;
  

}



#izda {

  float: left;

  \width: 131px;

  w\idth: 131px;

  text-align: left;

  margin: 0;

  padding: 0;

  line-height: 0;

  height: 400px;
  
  overflow: hidden;
  

/*  el background-color se debe fijar en #pagina ya que al ser float no cubre toda la altura */

}



#cuerpo {

  position:relative;

  margin-left: 140px;

  margin-top: 0;

  background-color: #FFF;

  padding: 0 10px 0 10px;
  
  overflow: hidden;
  
  width: 580px;
  

  
}

#cuerpo #items {

  width: 100%;

  margin: 10px 0 0 0;


}



#pie {

  clear: both;

  background-color: #FFF;

  border-top: 2px solid #007045;

  padding: 0;

  text-align: center;

  line-height: 0;


}



/* imágenes */



#cabecera img {

  margin-left:222px;

}



#izda #vertical {

  margin-right: 4px;
  _margin-right: 2px;

  float: right;

  height: 180px;
  
  clear: both;

}

#izda p {

  float: left;
}

#menu img {

  float: left;

}



#cuerpo img {


  margin: 0 0 10px 0;

  border: 1px solid #007045;

}



#cuerpo img.izda {

  float: left;

  margin-right: 10px;

}



#cuerpo img.dcha {

  float: right;

  margin-left: 10px;

}



#cuerpo div.centrado {

  margin-top: 10px;

  text-align: center;

}



/* elementos de texto */



#izda p {

  display: block;

  margin: 0 0 0.8em 3px;

  width: 105px;

  font-size: 1.1em;

  line-height: 0.9em;

  text-align: center;

  font-weight: bold;

  padding: 0;

  color: #FFF;

  letter-spacing: 1px;  

}



#izda a {

  text-decoration: none;

  color: #FFF;

  display: block;

  width: 92px;

  padding: 2px 6px;

}



#izda a:hover {

  background-color: #009070;

}



#menu a {

  display: block;

  float: right;

  text-decoration: none;

  font-size: 14px;

  font-weight: bold;

  color: #FFF;

  margin: 0;

  padding: 0 8px;

  padding-bottom: 3px;

  letter-spacing: 1px;

  line-height: 15px;

}



#menu a:hover {

  background-image:url(img/fondo-menu-hover.png);

  background-repeat: repeat-x;

}



#cuerpo p {

  padding: 0.25em 0em;

  font-family: sans-serif;

  font-size-adjust: 0.53;

}



#cuerpo a:hover {

  text-decoration: underline;

}



#pie p {

  text-align: center;

  font-size: 12px;

}



#pie p.firma {

  font-size: 10px;

}



#pie a {

  color: #3300CC;

}



#pie a:hover {

  text-decoration: underline;

}



/* página de subfamilias de productos */



#cuerpo .item {

  display: block;

  float: left;

  width: 145px;

  padding: 0;

  margin: 0;

  text-align: center;

  line-height: 0px;
  
  height: 400px;
  
  
}



#cuerpo .item img {

  padding: 0;

  margin: 0 0 5px 0;

}



#cuerpo p.texto-item {

 font-size: 11px;

 font-weight: bold;

 padding: 0;

 text-align: center;

 line-height: 11px;

 height: 40px;

}



/* página de productos */



#cuerpo #colizda {

  float: left;

  width: 139px;

  margin: 0;

  text-align: left;


}



#cuerpo #colcentral {

  margin: 0;

  width: 329px;

  float: left;




}



#cuerpo #coldcha {



  margin: 0;

  text-align: right;



}



/* otras páginas: instalaciones, transporte */



#cuerpo #colizda2 {

  margin: 0;


}



#cuerpo #coldcha2 {

  float: right;

  margin: 0;

  padding-left: 10px;

  text-align: right;

}



#cuerpo #pie2 {

  clear: both;

  margin: 0;

  padding: 0;

  text-align: center;

}



#portada img {

  border: none;


}



#portada .img1 {

  top: -0em;

  left: 4em;

}



#portada .img2 {

  top: -4em;

  left: 30em;

}



#portada .img3 {

  top: 2em;

  left: 1em;

}



#portada .text1 {

  position: relative;

  width: 500px;

  top: 0;

 *top: -2em;

  left: 6em;

  font-weight: bold;

}



/* para los desplegables de la página de pinturas */

.desplegable {

  margin-left: 10px;

  display: none;

  font-size: 13px;

  padding-bottom: 3px;

  color: #666;

}

#relleno {
  height: 400px;
}