@charset "utf-8";
body {
	color: #444;
/*	font-family: Arial,"Liberation Sans",sans-serif; */
	font-family: Tahoma,"DejaVU LGC Sans Condensed", "DejaVU Sans Condensed",sans-serif;
/*	font-family: Verdana,"DejaVU LGC Sans","DejaVU Sans","Bitstream Vera Sans",sans-serif; */

	font-size: 13px;
	margin: 4px; /* 0 iguala IE8 y FF3 pero FF3 saca el scroll horizontal */
	background: #f6f3e6;
}
.dai { direction: rtl; unicode-bidi: embed; }
.tai { font-family: monospace; }
.Marco {
	width: 100%;
	border-collapse: collapse;
	border: 0;
/*  border-spacing: 16px; compatible con FF3 pero no con IE7 ni IE8 ni siquiera poniendo borde, */
/*  en su lugar ponemos margin a las celdas y tampoco */
/*  margin: 6px; deplaza la tabla a la derecha */
/*  padding: 3px; no compatible con IE7, en las celdas sí */
	font-size: 13px;  /* FF3 hereda de body pero IE7 no */
	min-width: 640px; /* funciona en FF3 pero en IE7 no */
}
  .Marco td {
	vertical-align: top;
	border: 8px solid #f6f3e6;
	padding: 0; /* 2px cuando el borde lo hacía el div */
}

/* intento de fijar los anchos de las columnas, aquí en la tabla y más abajo en los div
.izq { width: 224px; }
.der { width: 167px; } debería ser 163 pero FF3 le da 2 de margen a la publicidad */

a:link {
	color: #677f7f; text-decoration: none; } /* primero verde claro 70C070 luego verde oscuro 409040 después doradito claro e0c000 ahora doradito oscuro d0b000 c0a000 */
a:hover {
	color: #977727; text-decoration: none; } /* f0d000 demasiado claro luego d0b000 */
a:active {
	color: #977727; text-decoration: none; } /* sólo para IE7, FF3 lo coge de focus  */
a:focus {
	color: #977727; text-decoration: none; } /* sólo para FF3, IE7 lo coge de active */
a:visited {
	color: #977727; text-decoration: none; } /* primero amarillo-anaranjado FFC000 un poco chillón - luego verde 409040 */

dl {
	text-indent: 8px;
	padding: 0 8px;
  /* margin: 1px; */
}
  dl dt {
	font-weight: bold;
}

.Cabecera {
/*	font-family: Arial,"Liberation Sans",sans-serif; */
	font-family: Tahoma,"DejaVU Sans Condensed","DejaVU LGC Sans Condensed",sans-serif;
	position: relative;
/*  width: 100%; no hace nada */
	height: 80px; /* corrige bug IE8 de div absolute derecha que lo sube */
	margin: 0;
/*	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0; */
	padding: 0; /* desde la izq. en FF3 la posición absoluta es respecto al div y en IE8 respecto al padding */
                /* y respecto de top? */
/*  background: url("images/cabecera.jpg"); */
	background-color: #f6f3e6;
}
  .Cabecera h1 {
	color: #af9f87;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 54px;
	line-height: 72%;
	margin: 0;
	text-align: center;
	padding: 13px 0 3px 0;
}
/*  .Cabecera hr{
    margin: 4px 96px; funciona pero IE8 añade más margen
    border: 0; IE8 lo hace por fuera del 3D y colapsa los bordes cuando height es 0 mientras que FF3 el borde es el 3D y queda a 2px
    padding: 0; en IE8 no hace nada y en FF3 aumenta la superficie background
    height: 1px;
    color: #ddd; solo funciona en IE8 y quita el 3D por lo que el height resultante es 2px menor
    background-color: #ddd; funciona en IE8 y FF3
    } */
  .CabeceraLine {
	margin: 2px 96px 4px 96px;
	height: 1px;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	font-size: 1px;
	line-height: 1px;
}
  .Cabecera h2 {
	color: #777;
	font-size: 12px;
	font-weight: normal;
	line-height: 87%;
	margin: 0;
	text-align: center;
	text-indent: 0;
}
.telefonos {
	position: absolute;
	top: 0;
	right: 0;
	width: 166px;
	color: #777; /* 677f8f 00386b */
	text-align: center;
	padding: 0;
}
  .telefonos h3 {
	font-size: 11px;
	line-height: 116%;
	font-weight: normal;
	margin: 4px 0 0 0;
}
  .telefonos h4 {
	font-size: 11px;
	line-height: 116%;
	font-weight: normal;
	margin: 2px 0 0 0;
}
  .telefonos img {
	margin: 0;
	padding: 0;
	border: 0;
}
.aese-logo {
	position: absolute;
	top: 12px;
	left: 26px;
}
.ColumnaIzq, .ColumnaInt, .ColumnaDer {
/*	float: left; el margen con la publicidad va variando con el ancho de la ventana */
	border: none;
	margin: 0;
	background: #f6f3e6;
	padding: 0; /* 1px; cuando el borde lo hace el div y 0 si lo hace la celda */
}
/*  width: 163px; */

/* .ColHead { no usado
	background: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-indent: 8px;
	padding: 1px 0;
	border: none;
	margin: 0 0 4px 0;
} */
.ZoomHead {
	font-family: Arial,"Liberation Sans","DejaVU Sans Condensed","DejaVU LGC Sans Condensed",sans-serif;
	color: #677f7f;
	background: #eeeade;
	font-weight: bold;
	font-size: 15px;
	line-height: 16px; /* 87% */
/*  text-indent: 8px; */
	padding: 0 0 0 9px;                /* v h */
	border: 0; 
/*	border-right: 1px solid #eee6de; */
	margin: 0; /* quitamos el cuadradito 0 24px 0 0; */
}

.Caja {
	background-color: #fff;
	margin: 0 0 8px 0; /* quitamos la sombrita de zoomhead 1px 0 0 0; */
	border: none; /* solid #aaa; */
	border-right: 1px solid #eee6de;
	border-bottom: 1px solid #eee6de;
	padding: 0;
}
.CajaPartner {
	background-color: #fff;
	margin: 0;
	border: none;
	border-right: 1px solid #eee6de;
	padding: 22px 0;
	text-align: center;
}

.CajaPartnerUlt {
	background-color: #fff;
	margin: 0;
	border: none;
	border-right: 1px solid #eee6de;
	border-bottom: 1px solid #eee6de;
	padding: 22px 0;
	text-align: center;
}

#Cisco {
	margin: 19px 0 2px 0;
	border: 0;
}

#OpenERP {
	border: 0;
}

.CajaPartnersLine { /* CajaPartners no usar cuando exista solo uno */
	background-color: #fff;
	margin: 0;
	border: none;
	padding: 0 24px;
}
.CajaPublicidad {
 /* width: 164px; IE8 se disparata cuando se establecen medidas fijas */
	margin: 0;
	border: 0;
	border-right: 1px solid #eee6de;
	border-bottom: 1px solid #eee6de;
	padding: 0;
	background-color: #fff;
}

.CajaPublicidad a {
	margin: 0;
	border: 0;
	padding: 0;
}

.CajaPublicidad img {
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
}

	.CajaPartner a:visited {
  color: #444;
/*  font-weight: bold; */
}
	.CajaPartner img {
	padding: 0;
	border: 0;
	margin: 0;
}
	.CajaPartner p {
	color: #677f7f;
	font-family: Times;
	font-variant: small-caps;
	font-size: 11px;
	padding: 0;
	border: 0;
	margin: 0 0 5px 0;
/*	text-indent: 0; */
}


/*  .CajaPartners hr{ IE la hace con el background y FF con el borde 
    padding: 0;
    border: none;
    margin: 0 24px;
    height: 1px;
    color: #f3f3f3;
    } */
  .PartnersLine {
	margin: 0; /* el margen no funciona en IE y por eso lo hacía con el padding de CajaPartners */
	height: 1px;
	background: #f3f3f3;
	font-size: 1px;
	line-height: 1px;
}

  .Caja ul {
	line-height: 17px;
	padding: 6px;
	border: none;
	margin: 0 0 0 20px; /* muy importante para IE7=FF3 */
}
  .Caja h1 {
	color: #876f50;
	font-size: 18px;
	padding: 30px 8px 0 14px;
	border: none;
	margin: 0;
}
  .Caja h2 {
	color: #555;
	font-size: 17px;
	padding: 30px 8px 0 14px;
	border: none;
	margin: 0;
}
  .Caja h3 {
	font-size: 15px;
	padding: 20px 8px 0 14px;
	border: none;
	margin: 0;
}
  .Caja h4 {
	font-size: 14px;
	padding: 16px 8px 0 14px;
	border: none;
	margin: 0;
}
  .Caja h5 {
	font-size: 13px;
	padding: 8px 8px 0 14px;
	border: none;
	margin: 0;
}
  .Caja p {
	text-indent: 8px;
	padding: 4px 6px;
	border: none;
	margin: 0;
}
  .Caja dl {
	text-indent: 0px;
	padding: 4px 6px;
	border: none;
	margin: 0;
}
.Contenido {
	background-color: #fff; /* fbfbfb; */
	padding: 0; /* padding inferior no se redibuja bien en IE7 después de escondenderse por el límite superior por scroll (si el artículo es largo, más que la publicidad o el menú, esto no pasa) -> introducir espacio al final de cada archivo de contenido */
	border-right: 1px solid #eee6de;
	border-bottom: 1px solid #eee6de;
}
  .Contenido pre {
	margin: 16px;
}
  .Contenido table {
	font-size: 13px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 8px;
}
  .Contenido table th {
	border: 1px solid #ccc;
	background-color: #f9f9f0;
	padding: 2px;
}
  .Contenido table td {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
}

  .Contenido h1 {
	color: #876f50;
	font-size: 18px;
	line-height: 22px;
	padding: 30px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido h2 {
	color: #555;
	font-size: 16px;
	padding: 24px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido h3 {
	font-size: 15px;
	padding: 20px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido h4 {
	font-size: 14px;
	padding: 16px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido h5 {
	font-size: 13px;
	padding: 12px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido h6 {
	font-size: 13px;
	font-weight: normal;
	padding: 8px 8px 0 16px;
	border: none;
	margin: 0;
}
  .Contenido p {
	line-height: 17px;
	text-indent: 8px;
	padding: 4px 8px;
	border: 0;
	margin: 0;
}
  .Contenido ul {
	line-height: 17px;
	padding: 8px;
	border: none;
	margin: 0 0 0 23px; /* muy importante para IE7=FF3 */
}
  .Contenido ol {
	line-height: 17px;
	padding: 6px;
	border: none;
	margin: 0 0 0 34px; /* muy importante para IE7=FF3 */
}
  .Contenido dl {
	line-height: 17px;
	text-indent: 0px;
	padding: 4px 8px;
	border: none;
	margin: 0;
}
  .Contenido dt {
	text-indent: 8px;
}
  .Contenido dd {
}
  .Nota {
	font-size: 11px;
	background-color: #f3f3f3;
	padding: 4px 8px;
	border: 0;
	margin: 6px 16px 0 16px;
}

#MapaGoogle {
	margin: 14px;
/*	border: 0;  */
	height: 560px; 
	width: 660px; 
	overflow: hidden;
}	

.Tarjeta {
	width: 230px;
	height: 116px;
	float: left;
	border: 1px solid #eee;
	margin: 0 0 0 14px;
	padding: 0;
}

.TarjetaLogo {
	float: left;
	width: 36px;
	height: 116px;
	background: #f6ffc6;
	border: 0;
	margin: 0;
	padding: 0;
}

.TarjetaLogo img {
	border: 0;
	margin: 15px 0 0 5px;
	padding: 0;
}

.TarjetaNombre {
	float: left;
	border: 0;
	margin: 0;
	padding: 20px 0 0 0;
}

.TarjetaLetraRojo {
	color: #500101;
}

.TarjetaLetraGris {
	color: #777;
/*	font-size: 12px; */
	line-height: 100%;
}

.Pie {
	background: #fff;
	margin: 0;
	border: 1px dotted #ccc;
	padding: 8px;
}
  .Logo {
	float: left;
	margin: 1px 0 0 0;
}
    .Logo h3 {
	font-size: 10px;
	line-height: 12px;
	padding: 0;
	border: 0;
	margin: 0;
}
    .Logo h4 {
	font-size: 8px;
	line-height: 14px;
	padding: 0;
	border: 0;
	margin: 0;
}
  .Anagrama {
	float: left;
	margin: 1px 0 0 8px;
}
    .Anagrama img {
	vertical-align: top;
	margin: 0;
}
  .LogoW3C {
	float: right;
	margin: 0;
}
    .LogoW3C img {
	vertical-align: top;
	border: 0;
	width: 88px;
	height: 31px;
}
  .Fin {
clear: both;
    }


b.r {display:block; background: #f6f3e6} /* Setting the corner color, use different color for different layout */
b.r b {display:block; height: 1px; overflow: hidden; background: #eeeade} /* Setting the strip size and background color */

b.r1 {margin: 0 5px 0 0}
b.r2 {margin: 0 3px 0 0}
b.r3 {margin: 0 2px 0 0}
b.r b.r4 {margin: 0 1px 0 0; height: 2px}

b.r1i {margin: 0 0 0 5px}
b.r2i {margin: 0 0 0 3px}
b.r3i {margin: 0 0 0 2px}
b.r b.r4i {margin: 0 0 0 1px; height: 2px}

	
/* hr {
  color: #f3f3f3;
  background-color: #f3f3f3;
  border: 0;
  height: 7px;
 } */
/* border: 1px solid blue; */
/* background: blue; */
/* grises: (fbfbfb) #f3f3f3 #ebebeb ccc #aaa #444 */