/**
CSS vallpalou.com
(c) 2009 - Raúl Fernández Solana
**/


/** Layout General **/

/**{margin: 0;padding: 0}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}

abbr, acronym{cursor:help}

img{border:none}
html,body{height: 100%; text-align:center}
html {overflow-y:scroll} /*fuerza la barra de scroll en firefox (CSS3) */
h1,h2,h3,h4,h5,h6{text-align:left}
body.home h1 a,body.home h2 a,body.home h3 a,body.home h4 a{color:#333;text-decoration:none}
body.home h1 a:hover,body.home h2 a:hover,body.home h3 a:hover,body.home h4 a:hover{text-decoration:underline}

a, a:link,a:visited,a:active{color:#8e2f00;text-decoration:none}
a:hover{color:#8e2f00;text-decoration:underline}

hr{
border:none;
border-bottom:1px dashed #d6cfc6;
clear:both;
color:#fefffa;
padding: 7px 0 0 0;
margin: 0 0 7px 0;
} 

h1{
padding:.5em 0;
background: url(../img/ln_dis.gif) repeat-x 0 100%;
color:#8e2f00;
font-weight:normal;
font-size:1.7em;
}

h2{
padding:.5em 0;
margin:0 0 .5em;
background: url(../img/ln_dis_h.gif) repeat-x 0 100%;
color:#333;
font-size:1.3em;
}

h3{
padding:.5em 0;
margin:0 0 .5em;
border-bottom:1px dotted #d6cfc6;
color:#333;
font-size:1.1em;
}

h4{
font-style: italic;
padding:.5em 0;
border-bottom:1px solid #ccc;
margin:0 0 .5em;
}

h5{
padding:.5em 0;
margin:0 0 .5em;
border-bottom:1px dotted #ccc;
}

h4,h5{font-size:1em;}

p{padding:.2em 0 .8em}

/* TABLAS */

table{
width:100%;
border-collapse: collapse;
border-spacing:2px;
table-layout:fixed;
text-align:left;
margin:.2em 0 .7em 1px;
border:1px dashed #d8d5c5;
}

table caption{
font-size:12px;
text-align:left;
font-weight:bold;
padding: 3em;
}


table thead{color:#320000}
table tbody{color:#333}

table th{
background:#f0eee6;
font-size:12px;
font-weight:bold;
}

table td{font-size:12px;}

table th,table td{
margin:0;
padding: .5em;
border:1px dashed #d8d5c5
}


body{
color:#333;
background: #f0eee6;
/*background:#f5f4e1;*/
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 75%;
}

#accessibility, .hidden {
position: absolute;
top: -999em;
left: -999em
}

#lateral{
position:absolute;
top:0;
left:0;
height:135px;
width:50%;
background: url(../img/bg_lateral.png) repeat-x;
z-index: -1;
}

#ext_wrap{
height:100%;
width:986px;
margin:0 auto;
background: url(../img/bg_cuerpo.jpg) repeat-y 0 0;
}

#container{
width:986px;
margin:0 auto;
overflow:hidden;
text-align:left;
background: url(../img/bg_cuerpo.jpg) repeat-y 0 0;
z-index:1;
}

/** Cabecera **/

#header{
position:relative;
float:left;
padding-left:25px;
font-weight:bold;
color:#fff;
width:986px;
height:135px;
position:relative;
background: url(../img/bg_cab.png) no-repeat;
z-index:3
}


#header ul{list-style: none;float:left}
#header ul li {float:left}
#header ul a{position:relative;color:#fff;text-decoration:none}
#header ul#lang{font-size:.9em;margin-left:10px;}
#header ul#lang a,#header ul#lang span{color:#500000;line-height:2.5em;display:block}
#header ul#lang a:hover,#header ul#lang span{background: url(../img/bg_lang.jpg) repeat-x 0 0}
#header ul#lang li{padding-left:13px}
#header ul#menu{margin-top:49px;clear:left;text-transform: uppercase;display:block;width:80%}
#header ul#menu a,#header ul#menu span{display:block;line-height:2.5em}
#header ul#menu a img,#header ul#menu span img{display:block;padding:6px 0 8px}
#header ul#menu a:hover,#header ul#menu span{background: url(../img/bg_menu.jpg) repeat-x 0 100%}
#header ul#menu li{padding-left:20px;height:30px}

/*#header #logo {float:right;clear:both;margin:23px 60px 0 0;border:1px solid red}*/
#header #logo {position:absolute; top:50px; right:60px;}
#header #logo a,#header #logo span{padding-bottom:3px}
#header #logo a:hover,#header #logo span{background: url(../img/bg_menu.jpg) repeat-x 0 100%}


/** Cuerpo **/

/*#wrapper {float:left;padding:0 13px 0 12px;}*/
#int_wrap{float:left;width:100%;margin-bottom:10px}
#cab_content{
z-index:2;
display:block;
float:left;
background:#f5f2eb url(../img/ln_dis_cab.gif) repeat-x 0 100%;
margin-top:-60px;
padding-top:57px;
margin-left:13px;
width:959px;
}
#cab_content h1{
float:left;
width:auto;
line-height:1em;
color:#320000;
font-size:1.4em;
font-weight:bold;
background:transparent;
margin:0 0 0 20px;
padding:13px 25px 5px 0;
/*background: url(../img/cab_separator.gif) no-repeat 100% 75%;*/
}
#content{float:left;text-align:justify; padding:0 42px 0 42px;}
#submenu{
float:left;
display:block;
background:#fff url(../img/ln_dis_cab.gif) repeat-x 0 100%;
margin-left:13px;
width:959px;
}

#banner{
width:900px;
height:200px;
border:1px solid #a2a299;
margin:5px 0 20px;
}

#content img{border:1px solid #dcd7be;margin-bottom:10px}
#content a img:hover{border:1px solid #bf7f60}


#content ul, #content ol{
padding:0;
margin:.5em 0 .7em 2em;
}

#content ul li, #content ol li{
padding:0;
margin:.5em 0 .5em 0;
}

#content blockquote, #content cite{font-size:1.1em;color:#977869;text-align:left;margin:.7em .5em .7em .5em;}
#content cite:before {color:#b06e4d;font-size:1.1em;font-weight:bold;content: "« "}
#content cite:after  {color:#b06e4d;font-size:1.1em;font-weight:bold;content: " »"}

/** menu lateral **/

#nav_wrap{
margin:20px 0;
float:left;width:100%;
background:url(../img/ln_dis_v.gif) repeat-y 304px 0;
}

#nav_menu{
list-style:none;
float:left;
width:291px;
margin-left:13px;
}

#nav_menu li{
padding:4px 0 9px;
display:block;
background:url(../img/nav_menu_li.gif) no-repeat 20px 100%;
float:left;
}

#nav_menu li a{
width:250px;
padding:3px 0 3px 20px;
display:block;
color:#96968c;
text-decoration:none;
}

#nav_menu li a .title{font-weight:bold}
#nav_menu li a .tipo{font-style:italic}
#nav_menu li a .subtitle{display:block;margin-top:2px}

#nav_menu li a .tipo:before {content: "«"}
#nav_menu li a .tipo:after {content: "»"}

#nav_menu li a.actual{
background:url(../img/nav_selected.gif) repeat-y 0 0;
color:#8e2f00;
}

#nav_menu li a:hover{
color:#8e2f00;
text-decoration:none;
}


#nav_wrap #content{
width:632px;
padding:0 0 0 22px
}

body.obra #nav_wrap{
background:url(../img/ln_dis_v.gif) repeat-y 334px 0;
}

body.obra #nav_wrap #content{
width:612px;
padding:0 0 0 18px;
}

body.obra #content.cat{
width:900px;
float:left;text-align:justify; padding:0 42px 0 42px;
}

body.obra #content.cat h2{
margin-top:10px;
color:#8e2f00;
font-weight:normal;
font-size:1.7em;
}

#nav_obra{
list-style:none;
float:left;
clear:left;
width:315px;
margin-left:19px;
}

#nav_obra li{
padding:0 0 6px 6px;
display:block;
float:left;
}

#nav_obra li a{
display:block;
text-decoration:none;
}

#nav_obra li a img{
border:2px solid #fff;
}

#nav_obra li a.actual img{
border:2px solid #8e2f00;
}

#nav_obra li a:hover img{
border:2px solid #bf7f60;
}

/** paginación **/

div.nav_pager {
float:left;
}

div.pager{
float:left;
clear:left;
margin-top:50px;
margin-left:33px;
padding:7px 0 0;
display:block;
background:url(../img/nav_menu_li.gif) no-repeat 0 0;
}

div.pager .pager_int{
position:relative;
float:left;
width:250px;
padding:0 0 7px;
background:url(../img/nav_menu_li.gif) no-repeat 0 100%;
}

div.pager .pager_prev{
float:left;
}

div.pager .pager_display{
color:#96968c;
position:absolute;
left:40%;
float:left;
}

div.pager .pager_next{
float:right;
}

div.pager span.pager_next,
div.pager span.pager_prev{color:#96968c}




/** Pestañas **/

ul.labels {
list-style:none;
margin: 1em 0 0;
padding:0 7px 0 0;
float:left;
/*background: url(../img/cab_separator.gif) no-repeat 100% 20%;*/
}

ul.labels li {
position:relative;
margin-top:-6px;
display: block;
float: left;
text-align: center;
}

ul.labels li a {
display: block;
border: 1px solid #f5f2eb;
border-bottom:none;
font-weight:normal;
color:#320000;
font-size:1.4em;
text-decoration: none;
line-height:22px;
padding:3px 6px 8px 6px;
}

ul.labels li a.actual {
border: 1px dashed #b5b0a2;
border-bottom:none;
background:#fdfef9 url(../img/pixel.gif) repeat-x 0 100%;
text-decoration: none;
}

ul.labels li a span{padding:3px 12px;border: 1px solid #f5f2eb}
ul.labels li a.actual span, ul.labels li a.actual:hover span{border: 1px solid #fdfef9}
ul.labels li a:hover span{border: 1px dashed #b5b0a2; background:#fdfef9}
ul.labels li a:hover{color:#320001}
ul.labels li a.left{background: url(../img/cab_separator.gif) no-repeat 0 center}
ul.labels li a.right{background: url(../img/cab_separator.gif) no-repeat 100% center}

*+html ul.labels li a.left{background: url(../img/cab_separator.gif) no-repeat 1% center}
*+html ul.labels li a.right{background: url(../img/cab_separator.gif) no-repeat 99% center}

/** Submenu cabecera **/

#content ul.submenu,
#submenu ul.submenu{
margin:0 0 5px;
list-style: none;
float:left;
clear:both;
width:900px;
padding:5px 0 10px;
background: url(../img/ln_dis_h.gif) repeat-x 0 100%
}

#submenu ul.submenu{
margin:5px 0 0 15px;
list-style: none;
float:left;
clear:both;
width:900px;
padding:5px 0 10px;
background: none
}
#content ul.submenu li,
#submenu ul.submenu li  {
margin:0;
float:left;
font-weight:bold;
overflow:hidden;
border-left:1px dotted #96968c;
padding:0 10px;
margin-bottom:3px;
}
#content ul.submenu li:first-child,
#submenu ul.submenu li:first-child{
border:none;
padding-left:0;
}
#content ul.submenu li a,
#submenu ul.submenu li a{color:#96968c;text-decoration:none;overflow:hidden}
#content ul.submenu li a,
#content ul.submenu li span,
#submenu ul.submenu li a,
#submenu ul.submenu li span{
padding:4px 0px 4px 20px;
display:block;
background: url(../img/flecha_submenu.gif) no-repeat 0 0
}
#content ul.submenu li a,
#submenu ul.submenu li a{background-position:0 5px}
#content ul.submenu li a:hover,
#submenu ul.submenu li a:hover{color:#8e2f00;background-position:0 -27px}
#content ul.submenu li span,
#submenu ul.submenu li span{color:#8e2f00;background-position:0 -58px;}



/** Portada **/

body.home h1{
color:#5f2900;
font-weight:normal;
padding:0;
font-size:1.7em;
background:none;
}

body.home h2{
width:420px;
padding:.3em 0 0;
font-size:1.2em;
background:none;
}

body.home h3{
padding:0  0 .5em;
font-size:1em;
font-weight:normal;
border:none;
}

body.home #panels_home{
display:block;
overflow:hidden;
width:100%;
background: url(../img/ln_v.jpg) repeat-y 50% 0;
}

body.home #press_panel,
body.home #present_panel{
background: url(../img/ln_h.jpg) repeat-x 0 0;
padding-top:18px;
width:428px;
float:left;
}

body.home #present_panel{padding-right:23px}
body.home #press_panel{padding-left:23px}

body.home .panel_int{
width:420px;
position:relative;
float:left;
padding:5px 0 0 5px;
margin:10px 0 5px;
background: url(../img/ln_dis.gif) repeat-x 0 0;
}

body.home #press_panel img{float:left;margin-right:10px}
body.home #press_panel h2{padding:.5em 0 .7em;width:340px}
body.home #press_panel h3{
text-align:right;
position:absolute;
top:13px;
right:0px;
width:70px;
}

body.home #present_panel .panel_int{
padding-top:7px;
}
body.home #present_panel img{float:left;margin-right:10px;margin-top:5px}
body.home #present_panel h4{
margin-top:-.6em;
padding:0 0 .3em;
font-size:1em;
font-weight:normal;
border:none
}

body.home #present_panel h4:before {content: "«"}
body.home #present_panel h4:after {content: "»"}

body.home #content{margin-bottom:20px}

/** Página Standard **/

body.page h1,
body.pagina h1,
body.error h1,
body.legal h1,
body.mapa h1,
body.links h1{
clear:both;
width:900px;
}

body.error p{
margin:1em 0 5em;
}

body.page #content ul.submenu{width:900px}

body.page .panel_page,
body.pagina .panel_page,
body.legal .panel_page,
body.mapa .panel_page,
body.links .panel_page{
display:block;
overflow:hidden;
width:100%;
padding-bottom:25px;
}

body.page .panel_text, 
body.pagina .panel_text{
padding-top:18px;
width:455px;
float:left;
}

body.page .panel_img,
body.pagina .panel_img{
padding-top:20px;
width:432px;
float:right;
}

body.page .panel_img_item,
body.pagina .panel_img_item{
float:left;
}


body.page .panel_img img,
body.pagina .panel_img img{
margin-left:10px;
float:left;
}

body.page .panel_img p,
body.pagina .panel_img p{
margin-left:10px;
margin-bottom:.5em;
}


body.page .panel_img .templateC,
body.pagina .panel_img .templateC{
margin-right:6px;
}

/** Exposiciones, Bibliografía, Publicaciones y Prensa **/

body.expo h1,
body.obra h1,
body.news h1,
body.biblio h1,
body.pub h1{
clear:both;
width:630px;
padding: 0 0 .5em;
background: none;
}

body.expo h2.top,
body.news h2.top,
body.biblio h2.top,
body.pub h2.top{
color:#333;
font-weight:normal;
font-size:1.25em;
clear:both;
width:630px;
padding:.3em 0 .7em;
background: url(../img/ln_dis_h.gif) repeat-x 0 100%;
}

body.expo h3.top,
body.news h3.top,
body.biblio h3.top,
body.pub h3.top{
color:#333;
font-weight:normal;
font-style:italic;
font-size:1.2em;
clear:both;
width:630px;
padding: 0;
border:none;
margin-top:-.5em;
}

body.expo h1.top,
body.news h1.top,
body.biblio h1.top,
body.pub h1.top{padding:.5em 0}
body.news #content ul.submenu,
body.biblio #content ul.submenu{width:630px;padding:5px 0 5px}

body.news .panel_text,
body.biblio .panel_text{
width:625px;
float:left;
}

body.news .panel_img{
padding:5px 0 10px;
width:640px;
float:left;
}

body.news .panel_img img{
float:left;
margin-right:10px;
}

body.news .panel_img .panel_mini{
overflow:hidden;
display:block;
}

body.expo .panel_text h2.link,
body.pub .panel_text h2.link{padding:.3em 0 0; font-size:1.1em}
body.expo .panel_text h2.link a,
body.pub .panel_text h2.link a{
color:#333;
padding:4px 0px 4px 20px;
display:block;
background: url(../img/simple_flecha.gif) no-repeat 0 4px
}

body.news .panel_text h2.doc{padding:.3em 0 0; font-size:1.1em}
body.news .panel_text h2.doc a{
color:#333;
padding:4px 0px 4px 20px;
display:block;
background: url(../img/simple_file_icon.gif) no-repeat 0 3px
}
body.news .panel_text h2.doc a:hover{color:#8e2f00}


body.news .sub_text{width:405px;margin-right:5px}

body.news .sub_img{margin-top:-2px;width:210px}

body.news .sub_img img{margin-left:10px;margin-right:0}


body.expo .year_list,
body.pub .year_list{
margin:10px;
}

body.expo .year_group,
body.pub .year_group{
float:left;
clear:left;
background:url(../img/nav_selected.gif) repeat-y 80px 0;
margin:5px 0 15px;
}

body.expo #content .year_group h2.year,
body.pub #content .year_group h2.year{
margin:7px 0;
padding:0;
background:none;
color:#8e2f00;
width:70px;
float:left;
text-align:right;
font-size:1.5em;
font-weight:bold;
}

body.expo #content .year_group ul,
body.pub #content .year_group ul{
width:760px;
list-style:none;
margin:0;
padding:0;
margin-left:30px;
float:left;
}

body.expo #content .year_group ul li,
body.pub #content .year_group ul li{
width:100%;
margin:0;
padding:0;
float:left;
clear:left;
margin:10px 0;
}

body.expo #content .year_group ul li p,
body.pub #content .year_group ul li p{
margin:0;
padding:.3em 0 .3em;
}


body.expo #content .year_group ul li h3,
body.pub #content .year_group ul li h3{
color:#8e2f00;
padding-top:0;
padding-bottom:.3em;
margin-bottom:.3em;
font-size:1.2em;
}

body.expo #content .year_group ul li h4,
body.pub #content .year_group ul li h4{
color:#666;
border:none;
padding-top:0;
padding-bottom:.3em;
margin-bottom:0em;
}

body.expo #content .year_group ul li a.thickbox,
body.pub #content .year_group ul li a.thickbox,
body.expo #content .year_group ul li a.imglink,
body.pub #content .year_group ul li a.imglink,
body.expo #content .year_group ul li span.imgnolink,
body.pub #content .year_group ul li span.imgnolink{
float:left;
margin:5px 10px 0 0;
padding:0;
}

body.expo #content .year_group ul li a.thickbox img,
body.pub #content .year_group ul li a.thickbox img,
body.expo #content .year_group ul li a.imglink img,
body.pub #content .year_group ul li a.imglink img,
body.expo #content .year_group ul li span.imgnolink img,
body.pub #content .year_group ul li span.imgnolink img{
margin:0;
padding:0;
}


body.pub #content .item_text{
float:left;
} 

body.expo #content h5,
body.pub #content h5{
margin:0;
padding:0;
float:left;clear:left;
width:760px;
}
body.expo #content h5.link a:hover,
body.pub #content h5.link a:hover{color:#8e2f00}
body.expo #content h5.doc,
body.pub #content h5.doc{border:none;padding:0; font-size:1.1em; width:100%;}
body.expo #content h5.doc a,
body.pub #content h5.doc a{
color:#333;
padding:4px 0px 4px 17px;
display:block;
background: url(../img/simple_file_icon.gif) no-repeat -3px 3px
}
body.expo #content h5.doc a:hover,
body.pub #content h5.doc a:hover{color:#8e2f00}

p.pie{font-style:italic;float:left;clear:left; margin-top:-3px;width:auto}
p.pie:before {content: "«"}
p.pie:after {content: "»"}


/** Enlaces **/

body.links h2{
width:900px;
margin-top:10px;
color:#8e2f00;
}

body.links #content ul {
list-style:none;
}

body.links #content ul li{
padding:4px 0 4px 20px;
background: url(../img/simple_flecha.gif) no-repeat 0 4px
}

body.links #content ul li a .title{
color:#333;
}

body.links #content ul li a:hover .title{
color:#8e2f0;
}

body.links #content{
margin-bottom:20px;
}

/* OBRAS */

body.obra .obra_img{
float:left;
width:600px;
}

body.obra .obra_text{
width:600px;
float:left;
clear:left;
}


body.obra .obra_text h2{
width:auto;
margin:0;
padding:0;
background: none;
border:none;
color:#8e2f00;
}

body.obra .obra_text span.tecnica{
display:block;
color:#666;
font-size:1.1em;
font-style:italic;
margin-bottom:3px;
}

body.obra .obra_text span.dim{
display:block;
margin-bottom:3px;
}

body.obra .obra_text span.year{
display:block;
margin-bottom:3px;
}

body.obra .obra_text .obra_details{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #999;
}

body.obra .year_sep{
display:block;
font-weight:bold;
line-height:.5em;
float:left;
clear:both;
width:96%;
color:#8e2f00;
border-bottom:1px dotted #999;
margin:5px 0 5px;
}


/*body.obra #content h2{
font-size:1.6em;
font-weight:normal;
color:#8e2f00;
clear:both;
width:600px;
padding: 0 0 .5em;
background: none;
margin-bottom:.5em;
background: url(../img/ln_dis_h.gif) repeat-x 0 100%;
}*/

/** Sitemap **/

body.mapa #content ul.categorias{
list-style-type:none;
margin:10px 0;
}

body.mapa #content ul.categorias li{
font-weight:bold;
margin:0;
padding:0;
}

body.mapa #content ul.categorias li a{
color:#333;
padding:4px 0 4px 20px;
background: url(../img/simple_flecha.gif) no-repeat 0 4px
}

body.mapa #content ul.categorias li ul{
list-style-type: disc;
margin:5px 15px;
padding:0 0 5px;
}

body.mapa #content ul.categorias li ul li{
padding:0;
margin:2px 20px;
font-weight:normal;
}

body.mapa #content ul.categorias li ul li a{
color:#333;
padding:4px 0 4px;
background:none;
}

body.mapa #content ul.categorias li ul li ul{
list-style-type: none;
margin:0;
padding:0;
}

body.mapa #content ul.categorias li ul li ul li{
padding: 2px 0;
margin:0 5px;
font-weight:normal;
}

body.mapa #content ul.categorias li ul li ul li a{
background:url(../img/flecha_lista.gif) no-repeat 0 10px;
color:#333;
padding-left:10px;
}

body.mapa #content ul.categorias li a em{
color:#96968c;
}

body.mapa #content ul.categorias li a:hover,
body.mapa #content ul.categorias li a:hover em{
color:#8e2f00
}

/** Pie **/

#footer{
font-size:.9em;
text-align:left;
background: url(../img/ln_h.jpg) repeat-x 0 0;
margin-left:12px;
clear:both;
width:936px;
padding:10px 0 10px 25px;
}

#footer #footinfo{float:left;color:#666}
#footer #footinfo p{line-height:1em; padding:.3em 0 .5em}
#footer #footnav{
float:right;
padding-right:25px;
}


#footer #footnav span.separador{
color:#96968c;
margin:0 5px
}