/* CSS Document */
html { height:100%; }
body { background: url(../grafs/bg.jpg); height:100%; margin:0; padding:0; text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#333; text-align:center; }
ul { list-style:none; margin:0; padding:0; }
ul li{ list-style:none; margin:0; padding:0; }
a img{ border:none; }
a:hover img{ border:none; }
a:visited img{ border:none; }
a:active img{ border:none; }
a:focus { outline:none; }
h1{ float:left; margin:0; padding:0; }
h2{ float:left; margin:0; padding:0; }
h3{ float:left; margin:0; padding:0; }

#botones { height:30px; overflow: hidden; }
#cabecera a { text-decoration:none; }
#botones a { text-decoration:none; }
#content-nav a { text-decoration:none; }
#content-nav h2 { height:40px!important; }
a span { text-indent:-20000px; display:block; }
h2 span { text-indent:-20000px; display:block; }

/* container */
#content-intro #container { min-height:640px; }
#container { width:100.9em; padding:0; text-align:left; margin:0 auto; top:0; height:100%; min-height:670px; display:block; background-color:#FFF; }

/* nav horitzontal */
#top { background: #d2d6d2 url(../grafs/bg-top0.jpg); height:90px; }
#top-nav { background: url(../grafs/bg-top2-ng.jpg) no-repeat; min-width:78em; height:90px; text-align:left; }
#content-intro #top-nav { background: url(../grafs/bg-top-intro.jpg) no-repeat; }
#top-nav #botones{ display:block; float:left; width:100%; }
#top-nav #botones li{ display:block; float:left; height:30px; }
#top-nav ul li a{ display:block; }
#top-nav #botones li a img{ height:30px; width:100%; }

#top-nav #cabecera #saltar { display:block; float:right; width:153px; padding-right:5em; }
#top-nav #cabecera #saltar a { background:url(../grafs/nav-saltar.gif) no-repeat; }
#top-nav #cabecera #saltar a:hover { background-position:0 -57px; }

#top-nav #cabecera li a img{ height:57px; }
#top-nav #botones li h2 { margin:0; padding:0; height:30px;}
#top-nav h2 { background-position: 0 58px; }
#top-nav h2 { width:100%; }
#top-nav #cabecera{ display:block; float:left; width:100%; }
#top-nav #cabecera li{ display:block; float:left; height:57px; }
#top-nav #cabecera #masinfo { display:block; margin-left:45em; width:153px; }
#top-nav #cabecera #masinfo a { background:url(../grafs/nav-info.gif) no-repeat; }
#top-nav #cabecera #masinfo a:hover { background-position:0 -57px; }

#obras { width:134px; }
#obras a, #obras h2 { background-image:url(../grafs/nav-presentacion.gif); }
#obras h2 a { background-image:url(../grafs/nav-presentacion.gif); background-position: 0 -32px; }
#oficiales { width:225px; }
#oficiales a, #oficiales h2 { background-image:url(../grafs/nav-oficiales.gif); }
#videos { width:91px; }
#videos a, #videos h2 { background-image:url(../grafs/nav-videos.gif); }
#exclusivo { width:181px; }
#exclusivo a, #exclusivo h2 { background-image:url(../grafs/nav-exclusivo.gif); }

#top-nav ul li a:hover { background-position: 0 28px;}
/* content */
#content { background:#000 url(../grafs/bg-content-ng.gif) repeat-x ; font-size:1.1em; height:560px; }

/* nav vertical */
#content-nav { width:200px; /*background: url(../grafs/bg-content-nav-ng.gif) no-repeat left top;*/ float:left; height:100%;  }
#content-nav ul li{ display:block; float:left; width:200px; height:40px; }
#content-nav ul li img{ width:200px; height:40px; }
#content-nav ul li a{ display:block; }
#content-nav h2 { background-position: 0 40px; }

#picasso a, #picasso h2 { background-image:url(../grafs/nav-picasso-ng.gif); }
#chillida a, #chillida h2 { background-image:url(../grafs/nav-chillida-ng.gif); }
#dali a, #dali h2 { background-image:url(../grafs/nav-dali-ng.gif); }
#goya a, #goya h2 { background-image:url(../grafs/nav-goya-ng.gif); }
#rembrandt a, #rembrandt h2 { background-image:url(../grafs/nav-rembrandt-ng.gif); }
#leonardo a, #leonardo h2 { background-image:url(../grafs/nav-leonardo-ng.gif); }
#rodin a, #rodin h2 { background-image:url(../grafs/nav-rodin-ng.gif); }
#saura a, #saura h2 { background-image:url(../grafs/nav-saura-ng.gif); }
#vangogh a, #vangogh h2 { background-image:url(../grafs/nav-vangogh-ng.gif); }
#martin a, #martin h2 { background-image:url(../grafs/nav-martin-ng.gif); }

#content-nav ul li a:hover { background-position: 0 80px;}
/* elements */
#content-elements { background:none; margin-left:200px; }
#content-elements #elements { height:100%; text-align:right; min-height:45em; padding-top:1px; /*background:url(../grafs/px-bl.gif) repeat-x top;*/ }
#content-elements #elements .area { padding:0 2em 1em 0; }
#content-elements #elements p { font-weight:bold; color:#900; margin:0; padding:0; }
#content-elements #elements span { display:block; }
#content-elements #elements a { font-weight:normal; color:#798379; text-decoration:none; }
#content-elements #elements a:hover { color:#434c43; }

#content-intro #content { width:1009px; }
#content-intro #content #content-elements #elements { background:none; }
#content-intro #content-elements { margin:0;padding:0; }

#copyright { position:absolute; top:625px; font-size:11px; color: #666; width:1000px; }
#copyright li { float:left; margin:0 0 0 20px; }
#copyright a { border:none; text-decoration:none; color: #666; font-weight:bold; }
#copyright a.uso { margin-top:16px; padding:0 30px 0 30px; border-right:#999 1px solid; border-left:#999 1px solid; display:block; }
#copyright img { margin-top:10px; }
#copyright span { padding-top:6px; display:block; text-align:center; width:330px; }

#content-intro #copyright { top:600px; }