/*
	Colores:
		- body-background (blanco): #fdfdfd
		- texto (negro): #404040
		- gris: #808080
		
		- Inicio:
			- nav-inicio (rojo): #841317
			- rosa: #dbb9ba
			
		-Exposiciones: 
			- nav-exposiciones (azul-púrpura): #635377
			- azul-púrpura-gris: #d0ccd6
			
		- Obras:
			- nav-obras (morado-violeta-fucsia): #7d1a57
			- fucsia clarito-rosa: #d1b0c4
		
*/

body {
	background: #fdfdfd url(../imgs/bg-body.jpg) repeat-x;
	color: #404040;	
	font-family: Arial, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 15px;
	text-align: center;
}

div#contenedor800 {
	margin: 0 auto;
	position: relative;
	text-align: justify;
	width: 800px;
}

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Geneva, Arial, sans-serif; }

.cursiva { font-style: italic; }

/*--- Navegación - Estilos comunes a todas las páginas ---*/
div#nav ul {
	margin-left: 18px;
	margin-top: 28px; 
}
div#nav ul li a { 
	color: #fdfdfd;
	display: block;
	height: 33px;
	text-decoration: none;
	text-indent: -9999px;		
	width: 122px;
}
/*--- fin: Navegación - Estilos comunes a todas las páginas ---*/

/***** index.html *****/
body#inicio div#logotipo {
	background: transparent url(../imgs/inicio/logotipo.jpg) no-repeat bottom right;
	height: 110px;
	margin-right: 20px;
} body#inicio div#logotipo h1 { text-indent: -9999px; }

body#inicio div#contenedor1 {
	float: left;
	width: 398px;	
}

body#inicio div#contenedor2 {
	background: #fdfdfd url(../imgs/inicio/bg-contenedor2.jpg) no-repeat;
	float: right;
	height: 400px;
	width: 392px;
}

body#inicio div#contenedor1, body#inicio div#slide { margin-top: 70px; }

body#inicio div#info {
	float: right;
	height: 119px;
	margin-top: 151px;
	width: 225px;
	border-right: 1px dotted #dbb9ba;
}

body#inicio div#info p {	
	line-height: 18px;
	padding: 0 13px 0 7px;
	padding: 0 11px;
}
body#inicio div#info p.fuente1 { font-family: Tahoma, Geneva, Arial, Verdana, sans-serif; }
body#inicio div#info p.tam-fuente1{ font-size: 17px; }
body#inicio div#info p.tam-fuente2{ font-size: 13px; }
body#inicio div#info p.color1 { color: #841317; }
body#inicio div#info p.color2 { color: #808080; }
body#inicio div#info p.margen-top1 { margin-top: 20px; }
body#inicio div#info p.margen-top2 { margin-top: 10px; }
body#inicio div#info p.align-dcha { text-align: right; }

body#inicio div#nav {
	background: #841317 url(../imgs/inicio/bg-nav.jpg) no-repeat bottom right;
	color: #fdfdfd;
	float: left;
	height: 270px;
	width: 160px;
}

body#inicio div#top-nav-img {
	background: #841317 url(../imgs/inicio/bg-top-nav-img.jpg) no-repeat top left;
	height: 10px;
}

body#inicio div#nav li.nav-inicio { background: #841317 url(../imgs/inicio/nav-inicio.jpg) no-repeat; }
body#inicio div#nav li.nav-exposiciones { background: #841317 url(../imgs/inicio/nav-exposiciones.jpg) no-repeat; }
body#inicio div#nav li.nav-obras { background: #841317 url(../imgs/inicio/nav-obras.jpg) no-repeat; }

body#inicio div#nav ul li.nav-contacto a { width: 36px; }
body#inicio div#nav li.nav-contacto {
	background: #841317 url(../imgs/inicio/nav-contacto.jpg) no-repeat;
	margin-left: 85px;
	margin-top: 82px;
}

body#inicio div#nav li.nav-inicio, body#inicio div#nav li.nav-exposiciones, 
body#inicio div#nav li.nav-obras, body#inicio div#nav li.nav-contacto { background-position: top left; } 
body#inicio div#nav li.nav-inicio:hover, body#inicio div#nav li.nav-exposiciones:hover, 
body#inicio div#nav li.nav-obras:hover, body#inicio div#nav li.nav-contacto:hover { background-position: bottom left; }

body#inicio div#nav li#actual { background-position: center left; }

body#inicio div#slide {
	position: relative;
	height: 270px;
}
body#inicio div#slide img {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
body#inicio div#slide img.activo { z-index: 10; }
body#inicio div#slide img.ultimo-activo { z-index: 5; }

body#inicio p#dAutor {
	color: #dbb9ba;
	font-size: 11px;
	margin-right: 43px;
	margin-top: 7px;
	text-align: right;
}
/***** fin: index.html *****/

/***** exposiciones.html *****/
body#exposiciones div#contenedor1 {
	float: right;
	width: 620px;
}

body#exposiciones div#contenedor2 {
	position: fixed;
	top: 0;
	width: 160px;
}

body#exposiciones div#nav {
	background: #635377 url(../imgs/exposiciones/bg-nav.jpg) no-repeat bottom right;
	color: #fdfdfd;
	height: 270px;
	margin-top: 180px;
	width: 160px;
}

body#exposiciones div#top-nav-img {
	background: #635377 url(../imgs/exposiciones/bg-top-nav-img.jpg) no-repeat top left;
	height: 10px;
}

body#exposiciones div#nav li.nav-inicio { background: #635377 url(../imgs/exposiciones/nav-inicio.jpg) no-repeat; }
body#exposiciones div#nav li.nav-exposiciones { background: #635377 url(../imgs/exposiciones/nav-exposiciones.jpg) no-repeat; }
body#exposiciones div#nav li.nav-obras { background: #635377 url(../imgs/exposiciones/nav-obras.jpg) no-repeat; }

body#exposiciones div#nav ul li.nav-contacto a { width: 36px; }
body#exposiciones div#nav li.nav-contacto {
	background: #635377 url(../imgs/exposiciones/nav-contacto.jpg) no-repeat;
	margin-left: 85px;
	margin-top: 82px;
}

body#exposiciones div#nav li.nav-inicio, body#exposiciones div#nav li.nav-exposiciones, 
body#exposiciones div#nav li.nav-obras, body#exposiciones div#nav li.nav-contacto { background-position: top left; } 
body#exposiciones div#nav li.nav-inicio:hover, body#exposiciones div#nav li.nav-exposiciones:hover, 
body#exposiciones div#nav li.nav-obras:hover, body#exposiciones div#nav li.nav-contacto:hover { background-position: bottom left; }

body#exposiciones div#nav li#actual { background-position: center left; }

body#exposiciones div#info-expos {
	background: transparent url(../imgs/exposiciones/bg-info-expos.png) repeat-y;
	float: left;
	width: 460px;
}

body#exposiciones div#logotipo {
	background: transparent url(../imgs/exposiciones/logotipo.jpg) no-repeat bottom right;
	height: 110px;
	margin-right: 20px;
} body#exposiciones div#logotipo h1 { text-indent: -9999px; }

body#exposiciones div#info-expos h3 {
	color: #808080;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 6px;
}

body#exposiciones div#info-expos p {
	font-size: 15px;
	margin-left: 0;
	line-height: 20px;
	text-align: justify;
	text-indent: 20px;
}

body#exposiciones div#info-expos .margen-top1 { margin-top: 69px; }
body#exposiciones div#info-expos .margen-top2{ margin-top: 12px; }

body#exposiciones div#info-expos dl { 
	font-size: 13px;
	margin-bottom: 3px;
	margin-left: 20px; 
	line-height: 17px; 
	text-align: left;		
}
body#exposiciones div#info-expos dt { 
	color: #635377;
	float: left;
	font-weight: bold;
	letter-spacing: 1px;
	width: 35px;
}
body#exposiciones div#info-expos dd { margin-left: 40px; }

body#exposiciones div#info-expos p#dAutor {
	color: #d0ccd6;
	font-size: 11px;	
	margin-top: 10px;
	text-align: right;
}

body#exposiciones div#imgs-obras {
	float: right;
	width: 140px;
}

body#exposiciones div#imgs-obras img {
	width: 140px;
	border: 1px solid #d0ccd6;
}
body#exposiciones div#imgs-obras img.no-border-bottom { border-bottom: none; }
body#exposiciones div#imgs-obras img.no-border-top { border-top: none; }
/***** fin: exposiciones.html *****/

/***** obras.html *****/
body#obras div#contenedor1 {
	background: transparent url(../imgs/obras/bg-contenedor1.jpg) no-repeat top right;
	float: right;
	width: 500px;
}

body#obras div#contenedor2 {
	position: fixed;
	top: 0;
	width: 290px;
}

body#obras div#nav {
	background: #7d1a57 url(../imgs/obras/bg-nav.jpg) no-repeat bottom right;
	color: #fdfdfd;
	float: left;
	height: 309px;
	margin-top: 180px;
	width: 160px;
}

body#obras div#top-nav-img {
	background: #7d1a57 url(../imgs/obras/bg-top-nav-img.jpg) no-repeat top left;
	height: 10px;
}

body#obras div#nav li.nav-inicio { background: #7d1a57 url(../imgs/obras/nav-inicio.jpg) no-repeat; }
body#obras div#nav li.nav-exposiciones { background: #7d1a57 url(../imgs/obras/nav-exposiciones.jpg) no-repeat; }
body#obras div#nav li.nav-obras { background: #7d1a57 url(../imgs/obras/nav-obras.jpg) no-repeat; }

body#obras div#nav ul li.nav-contacto a { width: 36px; }
body#obras div#nav li.nav-contacto {
	background: #7d1a57 url(../imgs/obras/nav-contacto.jpg) no-repeat;
	margin-left: 85px;
	margin-top: 120px;
}

body#obras div#nav li.nav-inicio, body#obras div#nav li.nav-exposiciones, 
body#obras div#nav li.nav-obras, body#obras div#nav li.nav-contacto { background-position: top left; } 
body#obras div#nav li.nav-inicio:hover, body#obras div#nav li.nav-exposiciones:hover, 
body#obras div#nav li.nav-obras:hover, body#obras div#nav li.nav-contacto:hover { background-position: bottom left; }

body#obras div#nav li#actual { background-position: center left; }

body#obras div#sub-nav {	
	background: #fdfdfd url(../imgs/obras/bg-sub-nav.jpg) no-repeat;
	float: right;
	height: 161px;
	margin-top: 294px;
	width: 105px;
}

body#obras div#sub-nav ul {
	margin-top: 26px;
}
body#obras div#sub-nav ul li { float: left; }

body#obras div#sub-nav ul li a {
	display: block;
	text-indent: -9999px;
}
body#obras div#sub-nav ul li.alto1, body#obras div#sub-nav ul li.alto1 a { height: 84px; }
body#obras div#sub-nav ul li.alto2, body#obras div#sub-nav ul li.alto2 a { height: 40px; }
body#obras div#sub-nav ul li.margen-left1 { margin-left: 25px; }

body#obras div#sub-nav ul li#galeria5 a {
	background: #fdfdfd url(../imgs/obras/sub-nav-galeria5.jpg) no-repeat top left;
	width: 32px;
}
body#obras div#sub-nav ul li#galeria4 a {
	background: #fdfdfd url(../imgs/obras/sub-nav-galeria4.jpg) no-repeat top left;
	width: 38px;
}
body#obras div#sub-nav ul li#galeria3 a {
	background: #fdfdfd url(../imgs/obras/sub-nav-galeria3.jpg) no-repeat top left;
	width: 35px;
}
body#obras div#sub-nav ul li#galeria2 a {
	background: #fdfdfd url(../imgs/obras/sub-nav-galeria2.jpg) no-repeat top left;
	width: 25px;
}
body#obras div#sub-nav ul li#galeria1 a {
	background: #fdfdfd url(../imgs/obras/sub-nav-galeria1.jpg) no-repeat top left;
	width: 27px;
}

body#obras div#sub-nav ul li#galeria5 a:hover, body#obras div#sub-nav ul li#galeria4 a:hover,
body#obras div#sub-nav ul li#galeria3 a:hover, body#obras div#sub-nav ul li#galeria2 a:hover,
body#obras div#sub-nav ul li#galeria1 a:hover {
	background-position: center left;
}

body#obras div#sub-nav ul li#galeria5 a#current, body#obras div#sub-nav ul li#galeria4 a#current,
body#obras div#sub-nav ul li#galeria3 a#current, body#obras div#sub-nav ul li#galeria2 a#current,
body#obras div#sub-nav ul li#galeria1 a#current { background-position: bottom left; }

body#obras div#logotipo {
	background: transparent url(../imgs/obras/logotipo.jpg) no-repeat bottom right;
	height: 110px;
	margin-right: 23px;
} body#obras div#logotipo h1 { text-indent: -9999px; }

body#obras div#gal-obras ul { 
	margin-left: 8px;
	margin-top: 70px;	
}

body#obras div#gal-obras ul li {
	border: 1px solid #d1b0c4;
	float: left;
	height: 72px;
	margin: 0 0 4px 5px;
	width: 72px;
}
body#obras div#gal-obras ul li:hover { border: 1px solid #7d1a57; }
body#obras div#gal-obras ul li.no-hover:hover { border: 1px solid #d1b0c4; }

body#obras  div#gal-obras ul li a { color: #fdfdfd; }

body#obras p#dAutor {
	color: #d1b0c4;
	font-size: 11px;
	margin-right: 18px;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: right;
}
/***** fin: obras.html *****/