/*
El marrón clarito: #C4B796;

El marrón oscuro: #54472D;

El gris del bottom: #2C2C2C;

El texto y los links no seleccionados: #2D2D2D;

Los links seleccionados y títulos principales: #FFFFFF;

El texto de los contenidos: #C4B796;
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#C4B796; color:#C2B499; margin:0px 0 0 0 } 
div, table { border-collapse:collapse; color:#C2B499;} 
h1, h2, h3 {color:#C2B499; font-size:12px; margin:5px;}
/*div{background-color:#57263C;}*/

a {text-decoration:none; color:#fff}
a:link {color: #fff;}      /* unvisited link */
a:visited {color:#fff;}  /* visited link */
a:hover {color:#C2B499;}  /* mouse over link */
a:active {color:#C2B499;  }  /* selected link */

.a_menu {font-size:14px; text-decoration:none; color:#2D2D2D; }
.a_menu:link {color: #2D2D2D;}      /* unvisited link */
.a_menu:visited {color:#2D2D2D;}  /* visited link */
.a_menu:hover {color:#fff; font-weight:bold}  /* mouse over link */
.a_menu:active {color:#fff; font-weight:bold  }  /* selected link */

.a_menu_sel {text-decoration:underline; color:#fff; font-weight:bold }
.a_menu_sel:link {color: #fff;}      /* unvisited link */
.a_menu_sel:visited {color:#fff;}  /* visited link */
.a_menu_sel:hover {color:#fff;}  /* mouse over link */
.a_menu_sel:active {color:#E51B1B;  }  /* selected link */

.a_idioma {font-size:14px; text-decoration:none; color:#2D2D2D; }
.a_idioma:link {color: #2D2D2D;}      /* unvisited link */
.a_idioma:visited {color:#2D2D2D;}  /* visited link */
.a_idioma:hover {color:#fff; }  /* mouse over link */
.a_idioma:active {color:#fff;   }  /* selected link */

.general{position:relative; width:964px;  margin:0px auto 0px auto;  }


.general #mybody{float:left; width:964px;   }

#text, p{color:#C2B499; font-size:14px}
.img-gran-seccions{border:1px #FFFFFF solid}

/* CSS*/
.crop{
 float:left;
 /*margin:.5em .4em .5em .4em;*/
  margin:.5em .4em .5em .4em;
 overflow:hidden; /* IMPORTANTE */
 position:relative; /* IMPORTANTE */
 border:1px solid #ccc;
 width:150px;
 height:150px;
 }
 /* Ocultamos parte de la imagen */
.crop img{
 position:absolute;
 top:0px;
 left:0px;
 }
 
 .navegador{ margin:15px 0; padding:0 0 0 15px}
 .desplegable{ list-style:none}
 .subnavegador{ margin:15px 10px; padding:0}
.ittem { margin:0;  border:0; padding:3px }

#breadcrumb h3, #breadcrumb h2, #breadcrumb h1{ color:#FFF; float:left; font-size:18px;}