
body,div,table {
font-family:Verdana;
font-size:10px;
}

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

img {
border:0;
}

.clear {
margin: 0 auto;
clear: both;
}

h1,h2,h3,h4,h5,form {
display: inline;
}

li {
text-indent:5px;
padding:3px;
}

#body {
margin: 0 auto;
}

body {
text-align:left;
margin:0 auto;
height: 100%;
}

#cabecera {
margin:0 auto;
width: 900px;
background: url('/imagenes/estructura/cabecera_r1_c1.gif') no-repeat center top;
height: 223px;
}

#cuerpo_arriba {
margin: 0 auto;
width: 800px;
background: url('/imagenes/estructura/cabecera_r2_c1.gif') no-repeat center top;

}


#cuerpo_abajo {
margin: 0 auto;
width: 800px;
min-height: 270px;
background: url('/imagenes/estructura/plantilla_2_1_r3_c1.gif') no-repeat center bottom;
}

#main {
float: left;
width: 650px;
padding: 10px 0 0 100px;
margin-bottom: 120px;
min-height: 300px;
height: auto !important;
height: 300px;
}

#bar_right {
float: right;
width: 170px;
padding: 20px 20px 0 0;
text-align: center;
min-height: 300px;
height: auto !important;
height: 300px;
}

#bar_right img {
width: 140px;
height: 100px;
margin-bottom: 20px;
padding: 3px;
border: 1px solid #e9ebe9;
}

/*
    ARTISTAS
*/
#cuerpo_artistas, .cuerpo_artistas {
float: left;
width: 470px;
margin: 5px;
}

.artista {
line-height: 21px;
font-weight: bold;
text-indent: 10px;
}

.artista_imagen_preview {
float: left;
padding: 5px;
}

.artista_imagen_preview img {
border: 1px solid #eeeeee;
width: 140px;
height: 100px;
padding: 5px;
}

.artista_nombre_preview {
float: right;
font-weight: bold;
font-size: 10px;
padding: 5px 0 5px 16px;
width: 280px;
}

.artista_informacion {
/* background: url('/imagenes/estructura/fondo_informacion.gif') no-repeat left center; */
width: 480px;
}

.destacado {
font-weight: bold;
}

.normal {
font-weight: normal;
}

.texto_centrado {
text-align: center;
}

.cuerpo_texto_recuadro {
background: url('/imagenes/estructura/fondo_informacion.gif') no-repeat 480px 15px;
padding: 10px;
font-size: 16px;
width: 460px;
margin: 0 0 5px 5px;
}

.contenido_central_amarillo {
text-align:justify;
min-height: 120px;
height: auto !important;
height: 120px;
border:1px solid #ccc;
padding:10px;
}

/*
    MENU
*/
#cabecera_pestana {
position:relative;
left:312px;
top:32px;
width:500px;
height:20px;
}

#cabecera_pestana ul {
background-image: url('/imagenes/estructura/letras_menu.gif');
background-repeat: no-repeat;
height:20px;
margin:0;
padding:0;
}

#cabecera_pestana li {
position:relative;
float:left;
list-style:none;
margin:0;
padding:0;
}

#cabecera_pestana li a {
color:#000;
display:block;
text-decoration:none;
height:20px;
text-align:center;
}

#boton_cabecera_galeria {
width:60px;
height:20px;
}

#boton_cabecera_galeria a:hover {
background:url('/imagenes/estructura/letras_menu.gif') 0 -25px no-repeat;
}

#boton_cabecera_exposiciones {
left: 36px;
width:100px;
height:20px;
}

#boton_cabecera_exposiciones a:hover {
background:url('/imagenes/estructura/letras_menu.gif') -96px -25px no-repeat;
}

#boton_cabecera_artistas {
left: 74px;
width:60px;
height:20px;
}

#boton_cabecera_artistas a:hover {
background:url('/imagenes/estructura/letras_menu.gif') -234px -25px no-repeat;
}

#boton_cabecera_ferias {
left: 115px;
width:60px;
height:20px;
}

#boton_cabecera_ferias a:hover {
background:url('/imagenes/estructura/letras_menu.gif') -335px -25px no-repeat;
}

#boton_cabecera_contacto {
left: 145px;
width:75px;
height:20px;
}

#boton_cabecera_contacto a:hover {
background:url('/imagenes/estructura/letras_menu.gif') -425px -25px no-repeat;
}

#cabecera_titulo {
position:relative;
left:412px;
top:72px;
background:url('/imagenes/estructura/letras_titulo.gif') 0 0 no-repeat;
width: 238px;
height: 42px;
}

#cabecera_titulo h1 {
text-indent:-900em;
margin:0px;
padding:0px;
}

#cabecera_titulo h1, #cabecera_titulo h1 a{
width:238px;
height:42px;
display:block;
}

#cabecera_titulo h1 a:link,
#cabecera_titulo h1 a:visited{
background-position:left top;
}

#cabecera_titulo h1 a:hover{
background-position:left bottom;
}


/*
ARTISTAS
*/
.recuadro_artistas {
float: left;
width: 220px;
}

.recuadro_artistas a {
/* font-family: Verdana; */
font-family: Trebuchet Ms;
font-size: 14px;
}

.recuadro_artistas_columna {
width: 224px;
}

.artista_nombre {
background: url('/imagenes/estructura/icono_cuadro_gris.gif') no-repeat left center;
float: left;
width: 210px;
line-height: 21px;
/* font-weight: bold; */
text-indent: 10px;
}

.artista_nombre a {
display: block;
width: 220px;
height: 21px;
font-weight: bold;
}

.recuadro_artistas span {
font-family: Trebuchet Ms;
font-size: 14px;
}

.artista_nombre a:hover {
background-color: #e9ebe9;
}

.artista_nombre_hover {

float: left;
width: 310px;
line-height: 21px;
font-weight: bold;
text-indent: 10px;
}

/*

.artista_imagen img {
width: 140px;
height: 100px;
}

*/

#cuerpo_imagenes {
border: 1px solid #e9ebe9;
width: 620px;
text-align: center;
margin-left: 15px;
padding-left: 10px;
}

#cuerpo_imagenes_lista {
}

#cuerpo_imagenes_lista div {
float: left;
margin: 5px;
width: 90px;
height: 100px;
background: #e9ebe9;
vertical-align: middle;
text-align: center;
}

#cuerpo_imagenes_lista img {
max-width: 80px;
width: expression(this.width > 80? "80px": "auto" );
max-height: 80px;
height: expression(this.height > 80? "80px": "auto" );
/* width: expression(Math.min(parseInt(this.offsetWidth), 140 ) + "px"); */
/* width: 140px; */
padding: 3px;
/* border: 1px solid #e9ebe9; */
margin: 5px 0 5px 0;
vertical-align: middle;
}


img.box_gris {
padding: 3px;
border: 1px solid #e9ebe9;
margin: 5px 0 5px 0;
}


/* FORMULARIO */
#container {
padding-left: 10px;
}
#container .info {
border-bottom:1px dotted #CCCCCC;
}
.info h2{
font-size:14px;
color:#000;
font-weight: bold;
display: inline;
}
.info p{
font:95% inherit;
color:#444444
}
#container .instruct {
background-color:#F5F5F5;
}
#container .instruct{
border:1px solid #E6E6E6;
}
#container .instruct{
font:80% inherit;
color:#444444
}
#container label.desc{
font-size: 13px;
font-weight: bold;
color:#444444;
}


#container input.text, #container textarea.textarea, #container select.select {
background:#FFFFFF url(/images/fieldbg.gif) repeat-x top
}

#container .focused { 
background:#FFF7C0
}



#container input.text, #container textarea.textarea, #container select.select, #container label.choice {
font-size:12px;
color:#333333
}

#letras_seccion {
position: relative;
top: -42px;
left: 524px;
width: 120px;
text-align: center;
}

