/* ----- GENERAL ----- */
body{top: 0px; left: 0px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

/* ----- LAYOUT (IDS) ----- */
#contenedor{width: 700px; top: 0px; left: 0px; padding: 0 30px 0 45px;}
#logo {margin-top: 10px; height: 31px; right: 30px; width: 675px;}
#logo img{float: right;}
#navegacion {margin: 30px 0 30px 0;
	height: 30px !important; /* para navegadores modernos */
	height: 20px; /* para IE */
}
#navegacion ul {height:auto; margin: 0px; padding: 0px; width: auto;}
#navegacion2 ul {height:auto; margin: 0px; padding: 0px; float:right}
#navegacion2 {height:auto; width: 305px; float: left;}
#navegacion li {padding: 0 10px 0 10px;	list-style-type: none; float: left; border-right: 1px solid #000;}
#navegacion2 li {list-style-type: none; float: left;}
#navegacion li a, #navegacion2 li a {text-decoration: none; color: #000; font-weight: bold;}
#navegacion li a:hover, #navegacion2 li a:hover {color: #669999;}
#navegacion li .marcado {color: #669999;}

#inActivo2 #contenedor #navegacion2{ visibility:hidden;}
#inActivo2 #contenedor #navegacion #segNivel{ visibility:hidden;}

#inActivo3 #contenedor #navegacion2{ visibility:hidden;}
#inActivo3 #contenedor #navegacion #segNivel{ visibility:hidden;}
#inActivo3 #contenedor #titulo {visibility:hidden;}

#activo #contenedor #navegacion2{ visibility:hidden;}
#inActivo #contenedor #navegacion #segNivel{ visibility:hidden;}

#segNivel{clear:both;}
#segNivel ul{margin: 15px 0 0 60px;}
#segNivel li{ border-bottom: 1px solid #000;}

#titulo {margin: 0 0 3px 0; font-weight: bold; width: 370px; clear:both; float: left;text-transform: uppercase;}
#titulo .detalle1{text-transform: uppercase; }
#titulo .detalle2{text-transform: uppercase;}
#contCuerpo {width: 675px;}

#fondo{background-color: black; height: 290px;}


#cuerpo {clear: both;
	width: 675px;
	position: relative;
	/*background-color:#000;*/
	height: 296px !important; /* para navegadores modernos */
	h\eight: 290px; /* para IE */
	color: #FFF;
	vertical-align: top;
} 
#cuerpoDetalle{clear: both; width: 675px;position: relative;
	/* background-color:#000; */
	min-height: 290px; /* para navegadores modernos */
	height: auto !important; /* para navegadores modernos */
	height: 290px; /* para IE */}

#divControl {position:absolute; top: 245px; width:302px; height: 50px; text-align: right;}
#divControlListado {position:absolute; top: 245px; width:675px; height: 50px; text-align: right;}
#divCont    {position:absolute; left:2px; width:220px; height:100px; clip: rect(0px 285px 288px 0px);}
.divImg {position:absolute; left:305px; top: 0px; }
/* Listas de resultados */
#divContListado  {position:absolute; left:2px; width:675px; height:100px; clip: rect(2px 675px 288px 0px);}
#Listado2 {position:absolute; top: 0px; 
width:687px !important;
width:385px;
w\idth:385px;
height: 50px; text-align: right;
}
#divContListado #divScroll1 { width: 650px !important;}

#botonera{ position: absolute;
	 top: 290px !important;
	 left: 550px  !important;
	 t\op: 300px;
	 \left: 590px;
	 margin-top: 8px !important;
	 margin-top: -2px; width: auto; text-align: right;}
#botonera ul{margin: 0;}
#botonera li{float:left; list-style-type: none;}
#pie {margin-top: 30px; font-weight: bold;}
#pie a {color: #000; text-decoration: none;}

/* ----- CLASES ----- */
.inicio {border-left: 1px solid #000;}
.nav2izq{padding: 0 9px 0 15px;}
.nav2dch{padding: 0 0 0 9px; border-left: 1px solid #000;}
.izq {float: left; color: #FFF; /*overflow: auto;*/ width: 280px; height: 288px; margin: 2px 0 2px 4px;	position:absolute; visibility:hidden;}

.izqListado {float: left; color: black; width: 665px; height: 290px; margin: 2px 0 2px 0;
	position:absolute; visibility:hidden;}
	
.izq a {color: white; text-decoration: none; text-transform:uppercase;}
.imagenGen {float: right; margin: 1px; 
	max-width: 352px !important;
	max-width: 355px;
	max-height: 283 !important;
	max-height: 286;
	filter:revealTrans(duration=1.0, transition=12);
	border: 1px solid #000;
 
	/*width:expression( document.getElementById("Image1").style.width > 352 ? "352px":"auto");*/
}
.btnBig{padding: 0 24px 0 0;}
.btnAnt{padding: 0 16px 0 0;}
.btnSig{padding: 0 0 0 0;}	

.flechaArriba{	}
.flechaAbajo{float:right;	margin: 5px 0 5px 0; }

.tablaGrid{width: 675px; height: 290px;}
.td1Izq, .td1Dch{ background-color: #000;}
.td1Izq{width: 302px; height: 290px; color:#FFF; padding: 5px 5px 5px 2px; vertical-align:top; }
.td1Dch{width: 373px; height: 290px;padding: 2px 2px 2px 5px; vertical-align:top; text-align:right;}
.td2Izq, .td2Dch{ background-color: #FFF;}
.td2Dch{text-align:right;}

.tablaListado { width: 671px;}
.tablaListado  td {padding: 2px;}
.enlaceListado, .enlaceListadoVerde{text-decoration: none;color: black;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.enlaceListado:hover{ text-decoration: underline; color: #999999;}
.enlaceListadoVerde{color: #669999;}
.enlaceListadoVerde:hover{ text-decoration: underline;}

.direccion1, .direccion2 {float: left; width: 600px;font-weight:normal;}


/*.enlaceArtista{ text-decoration:none;}
.enlaceArtistas:hover {text-decoration: none; color: #669999;}*/

.negrita{ font-weight:bold;}
.negritaArtistas {font-weight:bold;color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
.negritaArtistas:hover {text-decoration: none; color: #669999;}

.negritaExposiciones {font-weight:bold;color:#000; text-decoration:none; text-transform:uppercase;}
.negritaExposiciones:hover {text-decoration: none; color: #669999;}

.gris{ color:#669999;}
.normal{ font-weight: normal;}