/* COLORES CORPORATIVOS Y USADOS EN LA WEB
  #c1c2b2   verde suave       <border>
  #e0e1d9   verde suave       <background>
  #fed02b   amarillo          <hover>
  #fefbf0   amarillo suave    <background>
  #363822   verde oscuro      <txt>
  #63673f   verde             <a>
*/



/**************************************** COMUNES ****************************************/
body, td, input, select, textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#363822;
}

body {
  margin:0px;
  cursor:default;
  background-color:#fefbf0;
}

a {
  text-decoration:underline;
  color:#63673f;
}

a:hover {
  text-decoration:none;
  color:#fed02b;
}

select, input, textarea {
  border:1px #363822 solid;
  background-color:#e0e1d9;
  padding:2px;
}

h4 {
  background-repeat:no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  color:#63673f;
  font-size:18px;
  font-weight:bold;
  min-height:61px;
  margin-bottom:0px;
  padding-left:15px;
  padding-top:25px;
}

dt { 
  font-weight:bold;
}

li {
  list-style-image:url(/img/topo.gif);
}

li, dd {
  padding-bottom:7px;
}

p, li {
  text-align:justify;
}




/**************************************** CLASES DEFINIDAS ****************************************/
.ancho-largo {
  width:275px;
}
.ancho-medio {
  width:150px;
}
.ancho-total {
  width:350px;
}

.boton {
  border:1px #363822 solid;
  border-top-color:#ffffff;
  border-left-color:#ffffff;
  border-bottom-color:#63673f;
  border-right-color:#63673f;
  background-color:#e0e1d9;
  padding:2px;
  font-weight:bold;
  cursor:pointer;
}
.boton:hover {
  border:1px #363822 solid;
  border-top-color:#63673f;
  border-left-color:#63673f;
  border-bottom-color:#ffffff;
  border-right-color:#ffffff;
}

.campo {
  text-align:right;
  font-weight:bold;
  width:65px;
}

.cuerpo-margen {
  padding:10px;
}

.eslogan {
  font-family:Georgia, Times New Roman, Arial, sans-serif;
  font-style:italic;
  font-weight:bold;
  font-size:14px;
  text-align:center;
}

.filete-tablas {
  border:1px #c1c2b2 none;
  border-bottom-style:solid;
  border-right-style:solid;
}

.galeria {
  /*background-color:#e0e1d9; */
  border-left:1px solid #63673f;
  border-top:4px solid white;
  border-bottom:4px solid white;
  padding:10px;
  width:300px;
}

.mayusculas {
  text-transform:uppercase;
}

.noscroll {
  overflow:auto;
}

.pie {
  text-align:center;
  font-size:9px;
  height:40px;
  vertical-align:bottom;
}

.texto-claro {
  color:#c1c2b2;
}

.titulo {
  font-family:Arial, Helvetica, sans-serif;
  color:#63673f; /* #c1c2b2 */
  font-size:18px;
  font-weight:bold;
}

.transparente {
  background-color:transparent;
  overflow:auto;
}

.volver {
  text-align:right;
}




/**************************************** MENU ****************************************/
div.menu {
  z-index:5;
}
div.menu div {
  background-color:#e0e1d9;
  border:1px solid #63673f;
  border-top-style:none;
  position:absolute;
  margin-top:1px;
  z-index:10;
}

table.menu , td.menu-off {
  background-color:#e0e1d9;
  /* height:20px; */
}

table.menu a {
  color:#363822;
  /* font-family:Georgia, Times New Roman, Verdana, Arial, sans-serif; */
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
table.menu a:hover {
  color:#363822;
  background-color:#fed02b;
}

table.menu td:hover , td.menu-on {
  background-color:#fed02b;
}

table.menu td.submenu {
  /* display:none; */
}

table.menu td.submenu a {
  font-size:10px;
}

table.menu td.submenu table td {
  border:none;
  padding:4px;
}

tr.margenes td {
  border-right:1px solid #63673f;
  padding:5px;
}



/**************************************** NOTICIAS ****************************************/
table.noticia-home {
  margin-top:5px;
}

table.noticia-home a, table.noticia-home p {
  text-align:right;
  font-weight:bold;
}

table.noticia-home b {
  text-transform:uppercase;
}

table.noticia-home div {
  width:100%;
  height:52px;
  overflow:hidden;
}

table.noticia-home td {
  background:#ffffff url(/img/fondo.gradiente.gif) bottom repeat-x;
  border:1px #c1c2b2 solid;
  color:#63673f;
  padding:5px;
  vertical-align:top;
  width:380px;
}




/**************************************** ESTRUCTURA DE FONDOS ****************************************/

.oliva-cabeza {
  /* border:1px #63673f none;
  border-left-style:solid;
  border-top-style:solid;
  background-color:#ffffff; */
}
.oliva-cuerpo {
  background:#ffffff url(/img/web.cuerpo.fondo.gif) left bottom no-repeat;
  border:1px #63673f solid;
}
.oliva-pie {
  background:url(/img/web.pie.fondo.gif) no-repeat;
  font-size:9px;
  height:66px;
  text-align:center;
  width:350px;
}


.piefoto {
  background-color:#63673f;
  color:#ffffff;
  font-size:11px;
  padding:3px;
}



/**************************************** FICHAS DE EMPRESAS Y MARCAS ****************************************/
/* #ficha-fondo {
  background-color:#ffffff;
  opacity:0.9;
  -moz-opacity:0.9;
  filter:alpha(opacity=90);
  position:absolute;
  width:390px;
  height:185px;
  border:1px #63673f solid;
  left:375px;
  top:34px;
  z-index:1;
}
#ficha {
  position:absolute;
  width:370px;
  height:175px;
  left:385px;
  top:36px;
  z-index:2;
} */