/* CSS Document */
html{
margin: 0;
padding: 0;
overflow:scroll;
}

body{
margin: 0;
padding: 0;
background-color:#004080;
color:inherit;
position:absolute;
left:0;
right:0;
font-size:62.5%;
font-family: Arial, Helvetica, sans-serif;
}

#principal
{
	width:980px;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color:inherit;
	background:#FFFFFF;
	min-height:618px;
	position:inherit;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

#titulo
{
	margin:0;
	padding:0;
	width:980px;
	padding-bottom:10px;
}

#cabecera
{
	margin:0;
	padding:0;
	width:980px;
	height:150px;
	background:url(imagenes/cabecera1.jpg) no-repeat;
}

#separador
{
width:980px;
height:3px;
background:url(imagenes/separador.jpg) no-repeat top;
clear:both;
}

#cuerpo
{
margin:0;
padding:0;
width:980px;
clear:both;
}

/* Formato de texto del menu lateral */
#menuIzq{
float:left;
clear:none;
width:170px;
background:inherit;
color:inherit;
}

#boton
{
	margin:0;
	padding:0;
	width:170px;
	height:26px;
	padding-bottom:2px;
	text-indent:20px;
	background:url(imagenes/boton.jpg) no-repeat center;
	color:#CCCCCC;
	text-align:left;
	line-height:28px;
	vertical-align:middle;
}

#boton a
{
color:#CCCCCC;
background-color:inherit;
}

#boton a:hover
{
color:#FFFFFF;
background-color:inherit;
}

#container{
width:620px;
float:left;
clear:none;
padding-left:10px;
padding-right:10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#containerCon{
width:960px;
float:left;
clear:none;
padding-left:10px;
padding-right:10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.uno{
	float:left;
	margin-right:10px;
	}

.dos{
	float:right;
	margin-left:10px;
	}

/* Detalles artista */
#datos
{
width:410px;
float:left;
clear:none;
padding-right:10px;
}

#imagenes
{
width:200px;
float:right;
clear:none;
}

/* Fin detalles artista */

/* Detalles de obra */

#datosObra
{
width:300px;
float:right;
clear:none;
}

#imagenesObra
{
width:310px;
float:left;
clear:none;
padding-right:10px;
}

/* Fin detalles de obra */
#menuDer{
float:left;
clear:none;
width:170px;
background:inherit;
color:inherit;
text-align:center;
font-size: 12px; 
}

a{
text-decoration:none;
font-size:1.3em;font-weight:bold;
}

a img
{
border:0;
}

a.obra
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

a.obra:link
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

a.obra:visited
{
color:#000000;
font-size:1.3em;font-weight:bold;
}

a.obra:hover
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

a.artistas
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

a.artistas:link
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

a.artistas:visited
{
color:#000000;
font-size:1.3em;font-weight:bold;
}

a.artistas:hover
{
color:#000000;
background-color:inherit;
font-size:1.3em;font-weight:bold;
}

span.actual{
font-weight:bold;
}

span.actual2{
background-color:#84BBFF;
color:#ffffff;
}

/* Secciones */
#cabeceraIndice
{
	float:left;
	clear:none;
	margin:0;
	padding:0;
	width:425px;
	height:160px;
}

#intro
{
	padding:0;
	margin-left:10px;
	width:185px;
	height:160px;
	float:left;
	clear:none;
	font-size:11px;
	color:#000000;
	text-align:left;
}

#indice
{
	margin-top:15px;
	clear:left;
	width:620px;
	height:25px;
	background:#CCCCCC;
	text-align:center;
	line-height:25px;
	font-size:11px;
	vertical-align:middle;
}

#artistas
{
	margin-top:15px;
	clear:left;
	width:620px;
	text-align:left;
	line-height:25px;
	font-size:11px;
	vertical-align:middle;
}
/* Fin secciones */