BODY {
	background-color: #666;
	text-align: center;		/* centra el contenido */
	min-width: 760px;		/* arreglo de overflow para mozilla */
	margin:0;
	padding:0;
}

.{
	scrollbar-arrow-color: white;
	scrollbar-base-color: #666;
	scrollbar-highlight-color: #ccc;
}

/* ------------------ container ----------------- */
#container {
	width: 760px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	left: 0px;				/* margenes */
	top: 0px;
	background-color: #fff;
	margin-left: auto;		/* arreglo para centrar en mozilla */
	margin-right: auto;
	margin-bottom: 5px;
}

/* ------------------ header --------------------- */
#header {
	height: 115px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	margin-left: 35px;		/* margenes */
	margin-top: 0px;
	padding-top: 15px;
	background: #fff;
}
#header img { padding: 0px;} 

/* ------------------ topmenu --------------------- */
#topmenu {
	background-image: url('img/m-bg.gif');
	height:30px;
}

/* ------------------ content -------------------- */
#content {
	background-color: #ffffff;
	padding: 0px;
	margin-left: 190px;				/* ubicacion respecto a col izquierda */
	margin-top: 20px;				/* margen derecho */
	margin-right: 30px;				/* margen derecho */
	margin-bottom: 30px;
}
* html #content, #right, table {						/* TAN HACK */
	posi\tion: relative;			/* no sacar bug IE de float right */
}
div#content { 
	min-height: 350px;
	height:expression(this.scrollHeight > 350 ? "auto":"350px");
}

/* ----------------- izquierda ------------------ */
#left {
	float: left;
	width: 150px;					/* tamaņo y posicion */
	position: relative;
	margin: 0px;
	padding: 20px 0 20px 20px;
}

/* ----------------- derecha 200 ------------------ */
#right {
	width: 160px;           		/* por defecto, en las otras poner el ancho a mano */
	float: right;
	clear:right;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	border: 0px solid black;
	background-color: #fff;
}
#right h3 {
	margin-bottom: 5px;
}
#right p {
	margin-bottom: 0px;
}

/* ----------------- miniaturas 80 ------------------ */
#mini {
	width: 80px;           			/* por defecto, en las otras poner el ancho a mano */
	float: left;
	position: relative;
	margin: 5px 0 0 20px;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #999;
}
* html #mini {						/* TAN HACK */
   marg\in: 5px 0px 0px 10px;		/* TAN HACK valores que toma IE*/
}

/* ----------------- footer --------------------------- */
#footer {
	clear: both;
	width: 760px;					/* tamaņo y posicion */
	height: 80px;
	margin: 0px;
	padding-top: 20px;
	text-align: center;
	background-image: url('img/ftr-bg.gif');
	background-repeat: no-repeat; 
	background-color: #666;
}
#footer ul { }
#footer ul li { align:left; display:inline; vertical-align:top;}


/* ----------------- texto ----------------------------*/

H1 {
	font-family: tahoma, verdana, sans-serif;
	color: #999;
	font-size: 175%;
	font-weight: normal;
	margin: 0px;
	padding: 10px 20px 10px 0px;
}

H2 {
	font-family: tahoma, verdana, sans-serif;
	font-size: 110%;
	color: #999;
	margin: 10px 0 10px 0;
	/* border-bottom: 1px #666 dashed; */
}

/* volanta*/
H3 {
	font-family: tahoma, verdana, sans-serif;
	color: #666;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
	/* border-bottom: 1px dashed #666; */
}

/* aclaracion titulos */
H4 {
	font-family: tahoma, verdana, sans-serif;
	color: #666;
	font-size: 95%;
	font-weight: normal;
	margin-top:-10px;
	text-transform: uppercase;
}

p, ul, ol {
	font-family: tahoma, verdana, sans-serif;
	font-size: 75%;
	color: #333;
	line-height: 130%;
	list-style-type: round;
}

li {
	margin-left: 10px;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #003366;
	text-decoration: underline;
}

blockquote {
	font-family: georgia, times, serif;
	font-size: 75%;
	color: #333;
	font-style: italic;
	padding: 10px 0px 0px 10px;
	margin-bottom: 0px;
}

.dropcap { font-size: 400%; float: left; padding: 2px; }

.small { font-size: 65%; }
td p.small { margin-top:0;}

.big { font-size: 120%; }

.blanco{
	font-family: tahoma, verdana, sans-serif;
	font-size:70%; 
	color: #ccc;
	margin: 25px;
}

.copyright {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin: 0px;
}

.destaca {
	font-size: 100%;
	font-weight: bold;
}

blockquote p {
	font-family: georgia, times, serif;
	font-style: italic;
	letter-spacing: -0.5px;
}

.pdficon {
	list-style-image: url(img/pdf.gif);
	margin-left: -15px;
	padding: 0;
}

/* MINIBAR */
.minibar {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
	margin-top: 0px;
}


/* BOTTOM MENU & COPYRIGHT*/
#bottommenu {
	width: 538px;
	float: right;
	margin: 0px 30px 20px 0;
}
* html #bottommenu {						/* TAN HACK */
    w\idth: 538px;							/* valores que toma IE*/
	marg\in: 0px 15px 20px 0;
}
.bottommenu {								/* bottom menu solo */
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
	margin-bottom: 0px;
}

/* LEFT MENU */						
#menuleft {  
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}
#menuleft li {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 2px;
	border: 1px solid #333;
	line-height: 120%;
}
#menuleft li a { color: #333; text-decoration: none; display: block; BACKGROUND-color: #fff; padding: 2px 5px 2px 5px; } /* color leftmenu*/
#menuleft li a:hover { color: #fff; BACKGROUND-color: #ff9900;}

/* EXHIBICIONES MENU */
#exhibiciones {
	background-image: url('img/lft-exhibiciones.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 130px;
	margin: 15px 0 15px 0;
	padding: 30px 15px 15px 15px;
}
#exhibmenu {  
	list-style: none;
	margin: 0px;
	padding: 10px 0 0 0;
}
#exhibmenu li {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
	line-height: 120%;
}
#exhibmenu li a { color: #666;	font-weight: normal;}

/* MAPA */
#mapa {
	margin: 0px;
}
.mapa {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	list-style-type: round;
}

/* TIENDA MENU */
#tienda {
	height: 150px;
	padding: 0px;
	margin: 15px 0 0 0;
	min-height: 280px;				/* altura minima div */
	height:expression(this.scrollHeight > 280 ? "auto":"280px"); 
}
.tienda {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 120%;
}
.tienda a { color: #006699;}
.tienda a:hover { color: #003366;}

/* SECCIONES HOME */								/* texto secciones home */
.home {
	font-family: tahoma, verdana, sans-serif;
	font-size: 70%;
	color: #fff;
	line-height: 120%;
	margin: 5px 10px 5px 15px;
	padding: 0;
}
.home a { color: #fff;font-weight: normal;}
.home a:hover { color: #fff;}

/* BREADCRUMB MENU */
.breadcrumb {
	font-family: tahoma, sans-serif;
	font-size: 70%;
	color: #666;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
}

/* ACTIVIDADES */						/* cuadro de actividades */
#actividades {
	height: 0px;						/* era 72 px */
	width: 535px;
	float: right;
	position: relative;
	background-image: url('img/actividades-bg.gif');
	/* background-color: #faf9f8; */
	padding: 2px;
	margin: 0px 30px 0px 0;
	border: 1px solid #999;
	visibility: hidden;
}
* html #actividades {						/* TAN HACK */
    w\idth: 535px;							/* valores que toma IE*/
	marg\in: 0px 15px 10px 0;
}
.actividades {
	font-family: "Swis721 Cn BT", 'arial narrow', tahoma, sans-serif;
	font-size: 95%;
/*	font-family: georgia, times, serif;
	font-size: 100%;
	font-weight: normal;
	font-style: italic; */
	color: #3E8AB0;
	letter-spacing: 0px;
	line-height: 100%;
	margin: 0;
}
#actividades p { margin: 0px; }
#actividades a { font-weight: normal; }

/* LISTADO */
#listado, #listado3, #listado4 {	/* div para paginas de listado con el flap de fondo */
	width: 540px;
	float: right;
	position: relative;
	background-image: url('img/listado-bg.gif');
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
#listado h1 {							/* correccion de margenes para paginas de listado */
	margin: 5px 20px 0px 20px;
}
#listado h2 {							/* correccion de margenes para paginas de listado */
	margin: 10px 20px 10px 115px;
}
#listado p {							/* correccion de margenes para paginas de listado */
	margin: 0px 20px 10px 120px;
}
#listado ul {							/* correccion de margenes para paginas de listado */
	margin: 5px 10px 20px 90px;
}
* html #listado ul {						/* TAN HACK valores que toma IE */
   font-s\ize: 75%; marg\in: 5px 10px 0px 120px;
}
#listado ul li {							/* correccion de margenes para paginas de listado */
	line-height: 110%;
	margin-bottom: 5px;
}
#listado2 {								/* div de cierre para paginas de listado */
	width: 540px;
	height: 30px;
	float: right;
	position: relative;
	background-image: url('img/listado-bg2.gif');
	background-repeat: no-repeat;
	margin: 0px;
}

.img {									/* solo esta clase */
	border: 0px #999 solid;
	background-color: #fff;
	margin-bottom: 5px;
	margen-left: 0;
	position: relative;					/* no sacar bug IE desaparece */
}

.margder {
	margin-right: 20px;
}

.margizq {
	margin-left: 20px;
}

.inputs {
	BACKGROUND-COLOR: #fff;
	COLOR: #333333;
	font-family: tahoma, verdana, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

.buttons {
	BACKGROUND-COLOR: #fff;
	COLOR: #333333;
	font-family: tahoma, verdana, sans-serif;
	font-size: 60%;
	font-weight: normal;
}

#fecha {
	/* background-color: rgb(255,127,33);*/
	color: #FF7F21;
	font-family: tahoma, verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 3px;
	line-height: 20px;
	white-space: nowrap;
	text-transform: uppercase;
}

/* TOOLTIP */ 
#dhtmltooltip{
	position: absolute;
	width: 180px;
	border: 1px solid black;
	padding: 10px;
	background-color: #fff;
	visibility: hidden;
	z-index: 100;
	font-family: tahoma, sans-serif;
	font-size: 90%;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip h2 { color: #FF7F21; font-weight: bold; margin-bottom:0;}
#dhtmltooltip p { margin: 10px 0 10px 0;}

hr { margin: 10px 0 10px 0; }

.medium { background-image: url('img/table-pat.gif'); background-repeat: repeat-y; padding: 10px;}
.gri3 { background: rgb(153,153,153);
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}
	
/* corrige achicamiento texto tags anidados */
li p { font-size: 100%; }
h1 a { color: #2a5b8c; text-decoration: none;}
h1 a:hover { color: #2a5b8c; text-decoration: underline;}
h2 a { color: #999; text-decoration: none;}
h2 a:hover { color: #999; text-decoration: underline;}
#right p { margin-top: 0px;}
.menu a { color: #2a5b8c; text-decoration: none; }
.menu a:hover { color: #2a5b8c; text-decoration: underline;}
.breadcrumb a { color: #666; text-decoration: none;}
.breadcrumb a:hover { text-decoration: underline;}
.menuizq li a { color: #666; text-decoration: none;} 		/* color links izq*/
ul ul { font-size: 100%; }
.blanco a { color:#fff; }
.blanco a:hover { color:#fc0;}

/* pasar links a normal en navegacion
.bottommenu a { font-weight: normal;}		
.minibar a { font-weight: normal; }
.breadcrumb a { font-weight: normal; }
#menuleft li a { font-weight: normal; }
.mapa a { font-weight: normal; }
*/