@charset "utf-8";

body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; background-color:#000;color:#fff}
a { color:#FFF; text-decoration:none}
ul { padding:0; margin:0; list-style:none }
li { float:left}
/* Fix up IE6 PNG Support */ 
img { behavior: url(css/iepngfix.htc)}

#main { margin: auto; background:url(../images/interface/bg.gif) repeat-x 0 0 #000; border-bottom: 4px solid #D92F00;}
#container { margin: auto; width: 960px; border-left:1px solid #6a6e6f; border-right:1px solid #6a6e6f; border-top:1px solid #6a6e6f}

#content { position:relative; height: 350px; overflow:hidden}

#obra_completa, #obra_galeria { position: relative; width:100%; height: 350px}
#obra_completa div.scrollableArea *, #obra_galeria div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0}
#obra_galeria { z-index:300}

#obra_completa .panel a {position:absolute; z-index: 100; font-size:11px; font-weight:bold; color:#FFF;background: url(../images/imgx1.png); display:none}
#obra_completa a:hover, #obra_completa a.borde { border: 1px solid #000}
#obra_completa a div{ background: url(../images/interface/indicador.png) no-repeat 0 0; width:20px; height:20px; text-align:center; line-height:20px}

#header { font-size: 10px; padding-right: 10px; height:90px; margin-top: 4px}
#header img { float:left; margin-right: 10px}

#menu { font-size: 16px; text-transform:uppercase; letter-spacing:0.15em; height:30px; border-bottom:1px solid #6A6E6F}
#menu img{ border:none}
#menu a{ border:0px; outline: none}
#menu li { width:160px; line-height:27px; text-align:center; background:#333333; height:30px; line-height: 30px}
#menu li.ultimo { width:210px}
#menu li.marcado { background:#D92F00}

#secciones { background:#333333}

#footer { border-top:1px solid #6a6e6f; height:75px;}
#footer img { float: right; margin:0px}

.panel, #obra_galeria img { float:left; position:relative}

.seccion { padding:10px}
.seccion img { margin-bottom: 10px}
/*inicio - historia - el artista */
.altofijo {height:362px;}