/**
CSS fundaciovallpalou.com
(c) 2008 - 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}
#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
}

/** 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{
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%
}
#content 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{
border:none;
padding-left:0;
}
#content ul.submenu li a{color:#96968c;text-decoration:none;overflow:hidden}
#content ul.submenu li a,
#content 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{background-position:0 5px}
#content ul.submenu li a:hover{color:#8e2f00;background-position:0 -27px}
#content 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 #expo_panel{
background: url(../img/ln_h.jpg) repeat-x 0 0;
padding-top:18px;
width:428px;
float:left;
}

body.home #press_panel{padding-right:23px}
body.home #expo_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 #expo_panel h4{
margin-top:-.6em;
padding:0 0 .3em;
font-size:1em;
font-weight:normal;
border:none
}

body.home #expo_panel h4:before {content: "«"}
body.home #expo_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.suscrip h1{
clear:both;
width:900px;
}

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

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

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

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

body.suscrip .panel_text.baja{
padding-top:8px;
}

body.suscrip .panel_text.form{
width:900px;
}

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


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

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


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

/** Exposiciones , Actividades y Prensa **/

body.expo h1,
body.activ h1,
body.press h1{
clear:both;
width:630px;
padding: 0 0 .5em;
background: none;
}

body.expo h2.top,
body.activ h2.top,
body.press 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.activ h3.top,
body.press 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.activ h3.top:before {content: "«"}
body.activ h3.top:after {content: "»"}


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

body.expo .panel_text,
body.activ .panel_text,
body.press .panel_text{
width:625px;
float:left;
}

body.expo .panel_img,
body.activ .panel_img,
body.press .panel_img{
padding:5px 0 10px;
width:640px;
float:left;
}

body.expo .panel_img img,
body.activ .panel_img img,
body.press .panel_img img{
float:left;
margin-right:10px;
}

body.expo .panel_img .panel_mini,
body.activ .panel_img .panel_mini,
body.press .panel_img .panel_mini{
overflow:hidden;
display:block;
}

body.expo .panel_text h2.link{padding:.3em 0 0; font-size:1.1em}
body.expo .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.expo .panel_text h2.link a:hover{color:#8e2f00}
body.expo .panel_text h2.doc, body.press .panel_text h2.doc{padding:.3em 0 0; font-size:1.1em}
body.expo .panel_text h2.doc a, body.press .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.expo .panel_text h2.doc a:hover, body.press .panel_text h2.doc a:hover{color:#8e2f00}


body.expo .sub_text,
body.activ .sub_text,
body.press .sub_text{width:405px;margin-right:5px}

body.expo .sub_img, 
body.activ .sub_img,
body.press .sub_img{margin-top:-2px;width:210px}

body.activ .sub_img img, 
body.expo .sub_img img,
body.press .sub_img img{margin-left:10px;margin-right:0}
body.expo .panel_img .img_gran{float:left;width:432px}
body.expo .panel_img .img_gran p.pie{font-style:italic;float:left; margin-top:-3px;width:420px}

p.pie:before {content: "«"}
p.pie:after {content: "»"}

/** 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
}

/* form */

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

form{
float:left;
width:100%;
margin:10px 0;
}

fieldset{width:896px;float:left; border:none}
legend{display:none}

.field{float:left;margin:8px 10px 8px 0}
.grupo{display:block;float:left;clear:left; width:100%;border-top:1px dotted #ddd;margin:2px 0; padding:6px 0}

body.suscrip .grupo.legal{font-size:.9em;color:#666;padding-top:10px}

label{
float:left;
font-size:1em;
display: inline;
color:#7d7d6e;
font-weight:bold;
}

label.acept{
margin-left:5px;
font-weight:normal;
float:none;
}

input, select {
float:left;
clear:left;
font: 1em arial, helvetica, sans-serif;
padding:2px;
border:1px solid #b1b1a8;
background:#fff;
color:#333;
}

input[type="checkbox"]{
border:1px solid #e0e0e0;
width:15px;
height:15px;
}

select{padding:1px}

.input_s{width:80px}
.input_p{width:110px}
.input_m{width:190px}
.input_l{width:291px}
.input_xl{width:370px}
.input_fecha{width:125px}
.select-pais{width:220px;}

input:focus{border:1px dotted #b1b1a8; background:#f0f0f0}

input[type=submit],.btn-submit{
font-weight:bold;
color:#320000;
border:none;
width:160px;
height:38px;
background: #fff url(../img/btn_send.gif) no-repeat;
}

.btn-submit:hover{
color:#960000;
cursor:pointer;
background-position: 0 -39px;
}

/* VALIDATION */
input.error {border: 1px dotted #960000}
label.error {padding:3px 0; color: #960000;float:left; clear:both}
span.req{color:#960000;font-weight:bold}

div.alert{
margin:10px;
display:block;
border:1px dotted #960000;
background:#fff;
padding:10px;
color:#960000;
}

/** 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
}