/*****************************************************************************
*  CSS Document: pdi.css
*  Version: 1.0
*  Description: Portal del Investigador (Banco de España)
*  ***************************************************************************/

/* @$Reset ***/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote {
	margin:0;
	padding:0;
	border: 0;
}

fieldset,
img {
	border:0;
}

/*
 TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
 */
address,
cite,
code,
dfn,
var {
	font-style:normal;
	font-weight:normal;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	/**font-size:100%;*/
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/********************************
*   Global   
********************************/

/* @Base @Font sizes -
    16px base size

    16px * 3      = 48px
    16px * 2      = 32px
    16px * 1.75   = 28px
    16px * 1.5    = 24px
    16px * 1.375  = 22px
    16px * 1.25   = 20px
    16px * 1.125  = 18px
    16px * 1      = 16px
    16px * .9375  = 15px
    16px *  .875  = 14px
    16px *  .75   = 12px
    16px *  .625  = 10px

***/

/* @General ***/

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body {
	min-width: 800px;
}

body {
	background-color: #212121;
	font-family: sans-serif;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	width: 100%;
}

strong {
	font-weight: bold;
}

/* @Headings ***/

h1 {
	color: #555021;
	font-size: 1.25em;
	text-align: left;
	margin: 0.67em 0;
}

h2 {
	color: #6c673f;
	font-size: 1.08em;
	border-bottom: 1px dotted #555021;
	text-align: left;
	margin: 0.83em 0;
}

h3 {
	color: #555021;
	font-size: .9375em;
	margin-top: .9375em;
	margin-bottom: 0.2em;
	text-align: left;
}

h4 {
	color: #6c673f;
	font-size: .875em;
	border-bottom: 1px dotted #555021;
	text-align: left;
}

/* @Paragraphs ***/
p {
	font-size: .75em;
	/*text-align:justify;*/
	margin: 1em 0;
	line-height: 1.25;
}

/* @Lists ***/

ul, ol {
	padding: 0;
}

ul {
	list-style-type: none;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

/* @Anchors ***/

a {
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

/* @Tables ***/


/* @Others ***/
.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
}
input[type="submit"], input[type="button"] {-webkit-appearance: none;-webkit-border-radius: 0;}


/********************************
*    @Grid Structure  
********************************/
.main {
	/*width: 100%;*/
}

.page {
	margin: 0 4%;
	padding: 0;
}

.page-header:before, .page-header:after,
.page-main:before, .page-main:after,
.page-footer:before, .page-footer:after,
.row:before, .row:after {
	content: "";
	display: table;
}

.page-header:after, .page-main:after,
.page-footer:after, .row:after {
	clear: both;
}

.row {
	display: table;
	width: 100%;
}

[class*="col"] {
	min-height: .1em;
}

.main *[class*="left"] {
	float: left;
    width: 99.7% !important;
}

.main *[class*="right"] {
	float: right;
}


/*************************************
*    @Default @Layout: 92% of viewport
*************************************/

/* @Main ***/

.page-main {
	/*background-image: url("images/deco-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;*/
}

.page {
	background-color: #ffffff;
}

/* @Header ***/
.page-header .title {
	background-color: #373415;
	background-image: url("images/tope-bg.jpg");
	background-position: left top;
	background-repeat: repeat-x;
}

.page-header .title a {
	display: block;
}

.page-header .title img {
	*display: block;
}

/* @Central ***/
.page-contents {
	background: transparent url("images/ppal-bge.jpg") no-repeat scroll;
	background-position: left top;
	margin: 0 0 0 250px;
	*margin: 0;
	padding: 75px 25px 25px 0;
	text-align: justify;
	min-height: 225px;
}

.page-contents ul > li {
	font-size: .75em;
}

.page-contents ul > li ul > li {
	font-size: 100%;
}

.page-contents h3 a {
	text-decoration: none;
}

.page-contents h3 em {
	font-weight: bold;
}

.page-contents a img {vertical-align: middle;}

.page-contents a img.ico {margin-left: 4px;}

/* @Footer ***/


/********************************
*   Web Components   
********************************/

/* @Logo ***/

.brand {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 14em;
	height: 3.125em;
}

.brand a {
	display: none;
	line-height: 0;
}

.brand  img {
	width: 100%;
	/*background: transparent url(images/bdelogo.gif) no-repeat scroll 0 0;*/
	background: transparent url(images/bdelogo.gif) no-repeat scroll 0 -8px;
	background-size: 100%;
	*display: block;
}


/* @Navigation ***/

.navbar {
	margin: 0;
	position: relative;
}

.navbar-inner:before, .navbar-inner:after {
	content: "";
	display: table;
}

.navbar-inner:after {
	clear: both;
}

.navbar .nav > li {
	float: left;
}

.navbar .nav > li > a {
	padding: 1em 1.5em;
}

.navbar .nav > a {
	text-decoration: none;
}

.navbar .nav > a:hover,
.navbar .nav > a:focus {
	text-decoration: underline;
}

.navbar .nav > .active > a {
	text-decoration: underline;
}

.nav {
	list-style: outside none none;
}

.nav > li > a {
	display: block;
}

/* @Header navigation menu ***/

.header-navigation {
	display: block;
	background-image: url(images/logo-bge.jpg);
	background-repeat: no-repeat;
	background-position: -14em top;
	margin-left: 14em;
	*margin-left: 0;
	vertical-align: text-bottom;
	*overflow: auto;
}

.header-navigation .nav {
	float: right;
	margin: 25px 20px 0 0;
	*margin: 24px 20px 0 0;
}

.header-navigation .nav > li > a:link,
.header-navigation .nav > li > a:visited {
	display: inline-block;
	padding: .6em .4em;
	color: #808080;
	font-size: .6875em;
	text-decoration: none;
	font-weight: normal;
}

.header-navigation .nav > li > a:hover {
	text-decoration: underline;
}

.header-navigation .nav .divider {
	color: #000000;
	font-weight: normal;
	font-size: .8675em;
	*vertical-align: .3em!important;
}

.header-navigation .nav > li.active > span.selected {
	font-weight: bold;
	font-size: .6875em;
	padding: 0.6em 1em;
	display: inline-block;
}

/* @Main navigation menu ***/

.sidebar {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url("images/deco-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	font-size: 1em;
	min-height: 300px;
    
}

.nav-list {}

.main-navigation {}

.main-navigation > li {
	position: relative;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 250px;
    *height: 25px;
}

.main-navigation > li:hover {
	background-image: url(images/sele-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #dfda9b;
}

.main-navigation > li > a {
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #fff;
	color: #333114;
	display: block;
	font-size: .75em;
	line-height: 1.3;
	font-weight: bold;
	margin: 0;
	padding: 0.4em 0 0.4em 25px;
	text-decoration: none;
	width: 225px;
	*width: 200px;
}

.main-navigation > li > a:hover,
.main-navigation > li > a:focus {
	background-color: #dfda9b;
	text-decoration: none;
}

.main-navigation > li > a > img {
	border: medium none;
	vertical-align: middle;
}

.main-navigation > li > span.selected {
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: .75em;
	line-height: 1.4;
	font-weight: bold;
	margin: 0;
	padding: 0.4em 0 0.4em 25px;
	text-decoration: none;
	width: 225px;
}

.main-navigation > li.active{
	background-image: url("images/sele-bg.gif");
	background-position: right center;
	background-repeat: no-repeat;
}

/* Estado activo: Data and Resources for Research
.main-navigation > li.active{
	background-color: #818e14;
}
*/
/* Estado activo: seminars
.main-navigation > li.active{
	background-color: #764066;
}*/

/* Estado activo: Research Staff
.main-navigation > li.active{
	background-color: #5c8e3b;
}*/

/* Estado activo: Departments
.main-navigation > li.active{
	background-color: #405ab6;
}*/

/* Estado activo: Job openings
.main-navigation > li.active{
	background-color: #584999;
}*/

/* Estado activo: Links
.main-navigation > li.active{
	background-color: #47787e;
}*/

/* @Breadcrumb ***/

.breadcrumb {
	*overflow: auto;
}

.breadcrumb__list.nav {
	height: 20px;
	overflow: hidden;
	margin: 5px 0 0 25px;
}

.breadcrumb__list.nav > li {
	color: #ffffff;
	font-size: 11px;
	line-height: 1;
	/*background: url("images/bgPath.gif") right center no-repeat;
	display: inline;
	padding-left: 4px;
	padding-right: 8px;*/
}

/*.breadcrumb__list.nav > li.last {background:none;}*/

.breadcrumb__list.nav > li > a:link {
	display: inline-block;
	padding: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: text-top;
	*vertical-align: top;
}

.breadcrumb__list.nav > li > a:visited {
	color: #ffffff;
}

.breadcrumb__list.nav > li > a:hover,
.breadcrumb__list.nav > li > a:focus {
	text-decoration: underline;
}

.breadcrumb__list span {
	display: inline-block;
	/*vertical-align: text-top;*/
	padding: 0.15em 0 0;
}

.breadcrumb__list .divider {
	font-size: 14px;
	margin: 0 0.4em 0 0.2em;
	/*vertical-align: text-bottom;*/
	padding: 0;
}




/* Home css
.breadcrumb {
	background-color: #9c7e09;
	background-image: url("images/home/navi-bge.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
*/
/* Data and Resources css
.breadcrumb {
	background-color: #818e14;
    background-image: url("images/navi3-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}*/

/* Seminars  css
.breadcrumb {
	background-color: #764066;
    background-image: url("images/navi13-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}*/

/* Research Staff  css
.breadcrumb {
	background-color: #5c8e3b;
    background-image: url("images/navi5-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}*/

/* Research Staff Departments  css
.breadcrumb {
	background-color: #405ab6;
    background-image: url("images/navi9-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}*/

/* Job openings  css
.breadcrumb {
	background-color: #584999;
    background-image: url("images/navi11-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}*/

/* Links  css
.breadcrumb {
	background-color: #47787e;
    background-image: url("images/sele-bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
}*/

/* Corporate  css
.breadcrumb {
	background-color: #923c34;
    background-image: url("images/navi15-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat
}*/

/* @Footer navigation menu ***/

.page-footer {
	background-color: #4d5021;
	background-image: url("images/pies-bg.gif");
	background-position: left top;
	background-repeat: repeat-x;
}

.page-footer .navbar-inner {
	height: auto;
	overflow: hidden;
	text-align: right;
	padding: 2px 25px 0 25px ;
	min-height: 22px;
}

.page-footer .navbar .nav > li {
	float: none;
	display: inline;
}

.page-footer .navbar .nav > li > a:link,
.page-footer .navbar .nav > li > a:visited {
	padding: 0 0.6em;
	display: inline-block;
	color: #fff;
	font-size: 0.6875em;
	font-weight: normal;
	text-decoration: none;
}

.page-footer .navbar .nav > li > a:hover {
	text-decoration: underline;
}

.page-footer .divider {
	color: #a2a57c;
}

.page-footer .navbar .nav > li.active > span.selected {
	font-weight: bold;
	color: #ffffff;
	font-size: .6875em;
	padding: 0 0.6em;
	display: inline-block;
}

/********************************
*   Inline classes
********************************/

.depart {
	color: #999;
	font-size: .625em;
}

.alphalist li {
	display: inline;
	list-style: none;
	padding: 0 0.6em;
	border-right: 1px solid #000;
}

.alphalist .lilast {
	border-right: none;
}

/*************************/
/**** estilos preview ****/
/*************************/
.vgn-ext-region, .vui-pagemode-component{min-height: 0px !important;}
.vui-preview .vgn-ext-region {min-height: 0px !important;}
.vui-preview #marco_boton {font-size: 13px;}
.vui-preview #marco_boton div.show_ed ul.editIcn li:first-of-type {height: 1.3em;}
.vui-preview #marco_boton div.show_ed ul.editIcn li {height: 1.9em;}
.vui-editor {font-size: 11px !important;}
.vui-editor *, .vui-dialog *, .vui-window *, .vui-preview-menu, .vui-preview-menu *, .vui-preview-window, .vui-preview-window *,
.x-toolbar .x-toolbar-item, .x-toolbar .x-toolbar-item * {-webkit-box-sizing: content-box !important;-moz-box-sizing: content-box !important; box-sizing: content-box !important;}

.vui-preview em{font-style:italic !important;}
.vui-preview strong{font-weight:bold !important;}
.vui-preview .vui-tab-panel .x-tab button {font-weight: normal !important;font-style: normal;}
div.show_ed ul.editIcn a {
	font-size: 0.6875em!important;
	font-weight: normal;
}

#vgn-div-float-bottom-left,
.vgn-ext-ice-floatee-page-menu-header,
.vgn-ext-ice-floatee-page-menu-header table,
.vgn-ext-ice-floatee-menu-row
.vgn-ext-ice-floatee-menu-link,
.vgn-ext-ice-menu-link-text {
    font-weight: inherit!important;
	font-size: inherit !important;
	font-family: inherit!important;
	color: inherit!important;
    line-height: normal!important;
}

.main-navigation > li > .menuPens {
	position: absolute;
	right: 25px;
	top: 0;
	margin: 0.25em;
}
.vui-preview h1 {margin: 0.67em 0;font-size: 1.25em;}
.vui-preview h2 {margin: 0.83em 0;font-size: 1.08em;}
.vui-preview h3 {margin-top: .9375em;margin-bottom: 0.2em;font-size: .9375em;}
.vui-preview p {margin: 1em 0;}
/*.vui-preview .page-contents a {color: #9c7e09;font-weight: bold;text-decoration: underline;}*/
.vui-preview .page-contents h3 a {text-decoration:none;}


/************************/
/**** nuevos estilos ****/
/************************/
div.subseccionTextual-item p a {text-decoration: none !important; color:#333;font-weight: normal;}

div.subseccionTextual-item p a:hover {text-decoration: underline!important;color:#333; }

/*************************/
/****** cookies div ******/
/*************************/
body #dvCookies {
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10000;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
	top: 8em;
	height: auto;
	max-width: 1000px;
	border: .2em solid #6c673f;
	border-radius: 4px;
	background: #efeee5;
	padding-bottom: 3px;
}
/* estilos cookie-banner */
#inferior{
	font-size: 1.3em;
	margin:10px auto 7px;
	color:#fff;
	margin-bottom:5px;
	max-width: 80%;
}
#cont_cookie {
    text-align: left;
}
#cont_cookie p{
	font-size:0.7em;
	margin-bottom: 9px;
	margin-top: 0;
	display:inline-block;
	color: #000;
	text-align: left;
}
#cont_cookie p:last-of-type{
	margin-bottom: 0;
}
#cont_cookie .cont_cookie_btn {text-align:center;margin-top:11px;}
#cont_cookie2 span{
	font-size:1.1em;
}
#cont_cookie a {
	color:#6c673f;
	background: #fff;
	padding: 6px 8px;
    margin-top: 8px;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
font-size:0.7em;
}
.cookie_policy_white{color:#454545 !important;background: #fff !important;border: 0.1em solid #930}
#cont_cookie a:hover, #cont_cookie a:focus, #cont_cookie a:active {
	text-decoration: underline;
}
#cont_cookie input {
	border:3px solid #6c673f;
	border-radius: 4px;
	background-color:#6c673f !important;
	color:#fff !important;
	padding:0.2em 0.6em;
	cursor:pointer;
	width: 6em;
font-size:0.7em;
}
#cont_cookie input:hover {
	border:1px solid rgb(153, 51, 0);
	color:rgb(153, 51, 0);
	cursor:pointer;
}
div.cuadro_aviso{
	width:96%;
	padding:1em;
	margin-bottom:1.2em;
	border:1px solid rgb(0, 102, 153);
}
div.crumb-list {
    margin-top: 50px;
    background-color: #517f36 !important;
    height: 30px;
    padding: 0.3em 0.5em;
    width: 100%;
}
a:hover {
    color: #e2c13e;
}
 a {
    text-decoration: none;
}
a {
    color: #745E06;
    font-weight: bold;
}
body.responsive #dvCookies #i_cookies {
    overflow: hidden;
    position: static !important;
}
@media only screen and (max-width: 599px) {
    body.responsive #dvCookies {
		max-width: 94%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    body.responsive #dvCookies {
		max-width: 58em;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    body.responsive #dvCookies {
		max-width: 69em;
	}
}