@charset "utf-8";
/* CSS Document */

BODY {
	background-color: #666666;	
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	margin : 0px;
	padding: 0px;


} 

.contenedor{
	width: 1014px;
	height: 690px;
	margin-left:-507px;
	margin-top:-345px;
	left:50%;
	top:50%;
	position:absolute;
	background-color:#FFFFFF;
} 

.cabecera{ 
	width: 1014px;
	height: 150px; 
} 

.logo{
	background-color: #ffffff;
	width: 130px;
	height: 63px;

	padding: 80px 0px 0px 85px;
	float:left;

} 
.navegador{ 
	padding : 80px 90px 0px 0px; 
	text-align:right;

	} 

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:FOCUS, A.enlacenav:ACTIVE, A.enlacenav:LINK{
	color:#ff121c;
	margin-left:50px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
} 
A.activo, A.activo:VISITED, A.activo:FOCUS, A.activo:ACTIVE, A.activo:LINK{
	color: #666666;
	margin-left:50px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
} 

A.enlacenav:HOVER{
	color:#ff5158;
	margin-left:50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
} 
.agalma{
	color:#ff121c;
	font-style:italic;
} 

.cuerpoizq{ 
	width:400px; 
	height:540px;
	float:left;

} 


.cuerpoder{ 
	width:614px; 
	height:540px;
	float:right;

	} 
.player{ 
	width:492px; 

	margin-left:auto;
	margin-right:87px;

	} 
.espaciofoto{ 
	width:492px; 
	height:411px;


	} 
	
.anterior{
	width:100px;
	margin: 10px 0px 0px 100px;
	float:left;

	}

.siguiente{
	width:65px;
	margin: 10px 100px 0px 0px; 
	float:right;

}

.grismedio{
	font : 13pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	height:23px;


}
.negro{
	font : 13pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	height:23px;

}

.datobra{ 
	margin: 270px 0px 73px 90px;
}

.evento{ 
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #999999;

} 
.muestra{ 
	font : 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#999;


}
.artista{ 
	font : 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	margin : 40px 0px 0px 0px;/*padding: */

}
.biografia{ 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	margin : 10px 0px 0px 20px;/*padding: */

}
.obra{ 
	font : 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#09C;
	margin : 20px 0px 0px 0px;/*padding: */

}
.serie{ 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	margin : 10px 0px 0px 0px;/*padding: */
}
.tecnica{ 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	margin: 10px 0px 0px 0px;/*padding: */

}
.medidas{ 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	margin : 10px 0px 0px 0px;/*padding: */

}
.anio{ 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	margin: 5px 0px 0px 0px;/*padding: */

}
.bioheader{
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	width: 610px;
	height: 80px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
} 

.biotext{
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	width: 550px;
	height: 360px;
	padding: 10px 30px 10px 30px;
	background-color:#FFFFFF;
	overflow: auto;

} 

.biofull{
	border: 5px solid #CCC;
	width: 610px; /*padding: los padding de biotext y bioheader generan mayor ancho que la suma de ambos anchos */
	height: 480px; /*padding: los padding de biotext y bioheader generan mayor altura que la suma de ambos alturas*/
	margin-left:-305px;
	margin-top:-240px;
	left:50%;
	top:60%;
	position:absolute;
	background-color:#FFFFFF;
	z-index: 51;
	
} 
.biotitulo{
	padding : 30px 0px 0px 30px;
	width: 500px; 
	height: 50px;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	
}

.cerrar{
	width: 30px; 
	height: 50px;
	padding: 5px 0px 0px 0px;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	float:right;
}

/* estilo para que el fondo se oscurezca medio transparente*/
.oscurecerfondo {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 50;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}
/* artistas*/
/* artistas*/
/* artistas*/
/* artistas*/
/* artistas*/
/* artistas*/
.listado-artistas{ 
	width: 708px; 
	height: 420px;
	margin: 0px 90px 120px 216px;
} 
.fila{ 
	height: 30px;
	
} 
.columna1{
	width: 200px; 
	height: 390px;
	padding: 65px 0px 0px 0px; 
	float:left;

	/*sino pongo esto en firefox 3 esta columna se me va a la derecha varios pixels.*/
}
.columna2{
	width: 200px; 
	height: 390px;
	padding: 65px 0px 0px 0px; 
	margin-left: 250px; /* para cuando hay dos columnas solamente, sino queda  muy separada la segunda de la primera.*/

	
}
.columna2cuandohay3{
	width: 200px; 
	height: 390px;
	padding: 65px 0px 0px 0px; 
	margin-left: 50px; /* para cuando hay dos columnas solamente, sino queda  muy separada la segunda de la primera.*/
	
	float:left;

}

.columna3{
	width: 200px; 
	height: 325px;
	padding: 65px 0px 0px 0px;
	margin-left: 50px; /* para cuando hay dos columnas solamente, sino queda  muy separada la segunda de la primera.*/
	overflow: auto;
	float: right;
	overflow: auto;
}

/*galeria*/
/*galeria*/
/*galeria*/
/*galeria*/

.galeriatxt{
	margin: 115px 0px 73px 90px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:justify;
	line-height:200%;
}

/*muestras*/
/*muestras*/
/*muestras*/
/*muestras*/

.listado-muestras{ 
	width: 708px; 
	height: 420px;
	margin: 0px 90px 120px 216px;

} 
.muestras_anio{
	
	width: 700px; 
	height: 20px;
	margin: 40px 0px 70px 0px; 
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.fontartista{
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #666666;


}

.fontnombremuestra{
	font : 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	color : #666666;
	margin-top:5px;

}
.fontver{
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#09C;
}
.fontfechamuestra{
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin-bottom:20px;

}
.muestras_columna1{
	width: 250px; 
	height:330px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
.muestras_columna2{
	width: 250px; 
	height:330px;
	padding: 0px 0px 0px 5px; 
	margin-left: 300px;
	overflow: auto;
}



/*novedades*/
/*novedades*/
/*novedades*/
/*novedades*/
.nov{ 

	padding-top:100px;
	padding-left:242px;

} 


.cuerpogaleria{ 
	width:1014px; 
	height:200px;


} 
.partetxt{ 
	width:600px; 
	height:200px;
	float:left;

} 
.partefoto{ 
	width:400px; 
	height:200px;
	float:right;
	

} 

.cuerpoext{ 
	width:1014px; 
	height:250px;

	} 

.novgaleria{
	padding: 0px 0px 0px 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.8;
	text-align:right;

}
.novext{ 

	padding: 0px 0px 0px 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.8;
	text-align:right;
} 

.titnov{ /* este estilo es para los titulos de las novedades (texto dentro de la bd)*/
	text-decoration:underline;

	font-size:14px;
	
} 
.novnotas{ 

	padding: 0px 0px 0px 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.8;
	text-align:left;
} 
/*contacto*/
/*contacto*/
/*contacto*/
/*contacto*/


.contacto{
	margin: 205px 0px 130px 90px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	line-height:200%;
}
.espaciomapa{ 
	width:492px; 
	height:411px;

	background:url(images/mapa-arroyo.gif) no-repeat center center;
	}