@font-face {
    font-family: 'DejaVuSerifBook';
    src: url('../font/DejaVuSerif-webfont.eot');
    src: url('../font/DejaVuSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-webfont.svg#DejaVuSerifBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifItalic';
    src: url('../font/DejaVuSerif-Italic-webfont.eot');
    src: url('../font/DejaVuSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Italic-webfont.svg#DejaVuSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBold';
    src: url('../font/DejaVuSerif-Bold-webfont.eot');
    src: url('../font/DejaVuSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Bold-webfont.svg#DejaVuSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBoldItalic';
    src: url('../font/DejaVuSerif-BoldItalic-webfont.eot');
    src: url('../font/DejaVuSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-BoldItalic-webfont.svg#DejaVuSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-webfont.svg#DejaVuSerifCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.svg#DejaVuSerifCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensedBold';
    src: url('../font/DejaVuSerifCondensed-Bold-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.svg#DejaVuSerifCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCnBdIt';
    src: url('../font/DejaVuSerifCondensed-BoldItalic-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.svg#DejaVuSerifCnBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*****************************************************
Estilos generales 
31-01-2011
******************************************************/


html {
    margin: 0px 0px 20px 0px; 
    overflow-x: hidden;
    }
body {
	top: 0px !important;
    margin: 0;
    font-family: Georgia,"Times New Roman",Arial,serif;
    background: #ffffff;

    }
a, .tesauro, #side_toc b {
	text-decoration: none;
    color: #907C4B;
    font-weight: bold;
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;

    }
a:hover {
	 color: #555;
	text-decoration: underline;

    }
a.active {
	color: #000 !important;
}
:link:focus, :visited:focus {
	-moz-outline: none;
} 
u {
    text-decoration: none;
    border: none;
    font-style: italic;
}

#text_main br {
    display: none;
}
hr {
	visibility: hidden;
	}
.figure_wrapper {
    width: 100%;
	text-align: center;
}
td.tdAuthor .figure_wrapper,
td.tdAuthorSecondary .figure_wrapper {
	width: auto;
	float: right;
	margin-left: 40px;
}
td.tdAuthor .figure_wrapper {
	margin-right: 15px;
}
td.tdAuthor ul li a,
td.tdAuthorSecondary ul li a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img.figure {
	padding: 6px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	max-width: 390px;
}
span.title {
	font-style: italic;
}

.red {
	color:#b73333;
	margin: 0 0 30px 30px;
	font-size: 24px;
	display: inline-block;
}

.red:before {
	display: block;
	content: " ";
	width: 100%;
	height: 50px;
}

/*****************************************************
Contenedor principal
31-01-2011
******************************************************/

div#main {
	display: table;
	width: 100%;
	min-height: 500px;
    background-color: #ffffff;
    }

/*****************************************************
Campo de búsqueda rápida
31-01-2011
******************************************************/

div#header_top {
    width: 100%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: small;
    }
div#header_top p {
    margin-bottom: 0;
    margin-top: 0.3em;
    }
div#search_top {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    width: 70%;
    margin-top: 0px;
    color: #555555;
    }
div#search_top p,
div#search_top input  {
    margin-top: 5px;
    margin-right: 15px;
    font-size: small;
    }
input.input_text {
	font-family: Georgia, "Times New Roman", serif;
    border: 1px solid #555555;
    height: 16px;
    font-size: small;
	font-style: italic; 
	vertical-align: middle;
	}
div#search_top {
    padding-left: 20px;
	}
div#header h1 {
    font-family: Georgia,"Times New Roman",serif;
    font-size: 30px;
    padding: 20px;
    height: 42px;
    margin-top: 10px;
	}
/*****************************************************
Contenedor principal
22-02-2012
******************************************************/

#language_selector {
	position:absolute; 
	top: 8px; 
	right: 20px;
}

/*****************************************************
Cabecera
31-01-2011
******************************************************/

div#header {
    background: #3A75c4 url(http://www.ub.edu/duoda/bvid/img/bg_header_top.jpg) repeat-x 0 0;
    height: 151px;
	padding-left: 20px;
    }
div#header h1 {
    font-family: Georgia,"Times New Roman",serif;
    font-size: 30px;
    padding: 35px 20px 20px 100px;
    height: 39px;
    margin-top: 10px;
	}
h1::before {
    display: block;
    position: absolute;
    content: " ";
    top: 60px;
    left: 20px;
    width: 82px;
    height: 82px;
    background: #0064b9 url(../img/logo_duoda.jpg) no-repeat 50% 50%;
    background-size: contain;
	}
div#header h1 a,
div#subheader a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
	}
div#header h1 a:hover,
div#subheader a:hover {
    text-decoration: none;
	color: #000000;
	}
div#subheader a {
    font-weight: bold;
    text-decoration: underline;
	}
div#header h2#logo a {
	display: block;
	position: absolute;
	background: transparent url(http://www.ub.edu/duoda/web/images/logo_ub.png) no-repeat;	  
	background-size:contain;  
	height: 86px;
    width: 302px;
    right: 10px;
	top: 70px;
    text-indent: -3333px;
    }
	
div#subheader {
    background: transparent url(http://www.ub.edu/duoda/bvid/img/bg_header_bottom.jpg) repeat-x 0 0;
    font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #ffffff;
	padding: 30px 20px;
	height: 55px;
	}
div#subheader p {
   font-size: small;
	}

/*****************************************************
Barra de navegación principal
01-02-2011
******************************************************/

#main_top {
	margin-top: -13px;
}

#tab_00 {   background-color: #3A75c4;  }
#tab_01 {   background-color: #00BFFF;  }
#tab_02 {   background-color: #93b55f;  }
#tab_03 {   background-color: #ff9f26;  }
#tab_04 {   background-color: #ef3125;  }
#tab_05 {   background-color: #FFC125;  }
#tab_06 {   background-color: #787878;  }

div#subtabs #tab_00,
div#subtabs #tab_01,
div#subtabs #tab_02,
div#subtabs #tab_03,
div#subtabs #tab_04,
div#subtabs #tab_05,
div#subtabs #tab_06 {   background-color: #FFFFFF;  }

div#tabs {
	width: 100%;
	z-index: 1000;
	position: relative;
	z-index: 1001;
	}

div#subtabs {
    margin-left: 54px;
	width: 720px;
    background-color: #ffffff;
    margin-left: 56px;
	}

body#ayuda div#subtabs {
    margin-left: 74px;
	width: 720px;
	}
body#mapas div#subtabs {
        background: #ffffff url(http://www.ub.edu/duoda/bvid/img/bg-body_fff.jpg) repeat-x 0 0;
    margin-left: 24px;
	width: 705px;
	height: 50px;
	position: relative;
	z-index: 1000;
	}

div#tabs a.tab_active, 
div#tabs a.tab, 
div#subtabs a.tab_active, 
div#subtabs a.tab  {
    font-family: "Lucida Grande","Trebuchet MS",arial,helvetica,serif;  
    display: block;
    float: left;
    padding: 4px 10px 4px 10px;
    margin-left: 0px;
    margin-bottom: 0;
    text-decoration: none;
    font-size: small;
	}

div#tabs a.tab_active, 
div#subtabs a.tab_active {
    background-color: #ffffff;
    color: black;
	}
div#tabs a.tab {
    color: #eeeeee;
	}
div#subtabs a.tab {
    color: #00bfff;
	}
div#tabs a:hover, 
div#subtabs a:hover {
    background-color: #ffffff;
    color: black;
	}

/*****************************************************
Breadcrumbs
28-06-2011
******************************************************/

div#breadcrumb {
    font-family: Verdana,arial,helvetica,sans-serif;
	font-size: small;
    display: block;
    clear: both;
    width: 98%;
    min-height: 20px;
	height: auto;
	margin: -20px 0px 0px 20px;
}

/*****************************************************
Display Options
07-02-2017
******************************************************/

.display-options {
    float: right;
    color: #00a2c5;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
	background: white;
	padding: 10px 20px 20px 10px;
    border-radius: 8px;
    position: absolute;
    margin-top: -132px;
    right: 20px;
}

.display-options div {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
}

.display-options div.legend {
	padding-top: 7px;
}

.display-options span {
    margin-left: 10px;
    width: 50px;
    text-align: center;
}

a.svgbutton {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 40px;
    color: silver;
    padding-top: 2px;
}

a.svgbutton.selected,
a.svgbutton:hover {
    color: #907C4B;
}

a span.type {
    position: absolute;
    bottom: -17px;
    left: -14px;
	font-size: 8px;
	font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
}

a.svgbutton svg {
    width: 20px;
    height: 20px;
    fill: silver;
}


/*****************************************************
Pagina de coleccion
31-01-2011
******************************************************/

.defaultIcon
{
	background: url(../img/east.png) no-repeat 0 0 !important;
	width: 25px;
	height: 25px;
}
.selectedIcon
{
	background: url(../img/south.png) no-repeat 0 0  !important;
	width: 25px;
	height: 25px;
}
.ui-widget { font-family: georgia !important; }
.ui-state-default { background: none !important; border: none !important; }
.ui-state-active { border: 1px solid #aaa !important; }
.ui-accordion .ui-accordion-content {
	padding: 0em 2.2em 1.2em !important;
}

.summary {
    margin: 40px 60px 40px 0;
    text-align: justify;
}
#documents h4 {
	padding: 30px 0 0 0;
	display: block;
	clear: both;
}
.primary, .secondary {
	padding: 0px 20px 0px 20px;
	margin: 0;
	position: relative;
	float: left;
	}
.primary p, .secondary p,
.primary li, .secondary li {
	padding: 0px 180px 0 0;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	}
.primary a, .secondary a {
	 color: #907C4B;
	}
.secondary {
	border-left: 2px solid #3A75c4;
	width: 100%;
	}
.primary {
	border-left: 2px solid #907C4B;
	width: 100%;
	}
li.primary,
li.secondary {
	border: none !important;
}
.figure_wrapper {
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	width: auto;
}

.text .figure_wrapper {
	position: relative;
	float: none;
	margin-top: 30px;
}

.ui-accordion-content {
	overflow:hidden !important;
}

/*****************************************************
Contenedor del contenido de la página
31-01-2011
******************************************************/

div#content {
    margin-top: 0px;
    padding: 0;
}


/*****************************************************
Cuerpo principal de la página
Tres columnas
31-01-2011
******************************************************/

div#left_col {
    float: left;
	margin-left: 1%;
	margin-top: 15px;
 	width: 12%;
	}
div#center_col {
    float: left;
    margin-left: 1%;
	margin-top: 15px;
    width: 44%;
    position: relative;
	}
div#right_col {
   	float: left;
   	margin-left: 1%;
	margin-top: 15px;
   	width: 40%;
	}

/*****************************************************
Cuerpo principal de la página:
Dos columnas
01-02-2011
******************************************************/

div#main_col, 
div#index_main_col,
div#col {
	position: relative;
    margin-left: 25px;
    float: left;
    background-color: #ffffff;
	text-align: left;
	}
div#main_col {
    width: 58%;
	}
div#main-col h2 {
	margin-right: 100px;
}

div.pdf {
    float: right;
    margin-top: -60px;
    position: absolute;
    right: 0;
    z-index: 100;
}

.main-title {
	display: relative;
	clear: both;
}

body.text div.pdf {
    float: right;
    margin-top: 0px;
    position: relative;
    right: 0;
    z-index: 100;
    padding-bottom: 20px;
}

div.pdf a span,
div.pdf form input[type="submit"] {
	font-size: 10px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
    position: absolute;
	margin-left: -25px;
    width: 100px;
    margin-top: 5px;
    text-align: center;
    display: block;
    color: #907C4B;
    font-weight: bold;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
div#col {
    width: 97%;
	margin-right: 25px;
	}
div#index_main_col {
	width: 74%;
	}
#searchresults #main_col {
	/*margin-top: 30px;*/
	}
div#side_col, 
div#img_side_col {
    float: right;
    background-color: #ffffff;
	}
div#side_col {
    width: 38%;
	}
#searchresults #side_col {
	margin: 30px 10px 10px 0px;
	}
div#img_side_col {
	width: 24%;
	text-align: center;
	}
div#contact_info {
    clear: both;
    font-size: 13px;
    margin: 20px 25px 0px 55px;
    padding-bottom: 20px;
	}
div#logos {
    	width: 100%;
	height: 100px;
	text-align: center;
	}
div#logos img {
	margin: 20px 20px 0px 20px;
	}

div#jumphelp {
	font-family: verdana, arial, helvetica, sans-serif;
	position:absolute;
	width: 120px;
	text-align: center;
	border: 1px solid #cccccc; 
	background-color: #ffffff;
	padding: 3px;
	left: 50%;
	font-size: small;
}

/* SEARCHING */

div.search_result {
    background-color: #eee;
    margin-bottom: 10px;
    padding: 2px;
}

div.search_field {
	margin-bottom: 10px;
}

span.expand {
	font-size:small;
}

form#header_jump_form {
    float: right;
}

/*****************************************************
Collection
08-02-2012
******************************************************/

ul.subdoc {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

.small {
width: 226px;
min-height: 432px;
}
.big {
width: 470px;
}

.entry {
position: relative;
background: #fff url(../img/entry-bottom-bg.png) repeat-x bottom left;
border: 1px solid #ccc;;
box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
float: left;
margin: .9%;

}
.entry:hover {
	background-color: #ccc;
}


.thumbnail {
width: 222px;
height: 180px;
margin: 2px 0px 14px 2px;
position: relative;
overflow: hidden;
}

.thumbnail img {
    max-height: 100%;
}
.thumbnail .overlay {
background: url(../img/overlay.png) no-repeat;
display: block;
position: absolute;
height: 180px;
width: 224px;
top: 0px;
left: 0px;
}


h2.title {
padding: 0px 15px;
}
p.postinfo {
padding: 0px 15px 10px;
font-size: 18px;
text-transform: uppercase;
color: #2C2C2C;
margin-top: -2px;
}
p {
padding-bottom: 10px;
line-height: 18px;
}
.entry-content {
padding-bottom: 10px;
vertical-align: bottom;
}

.bottom-bg {
background: url(../img/entry-top-bg.png) repeat-x top left;
overflow: hidden;
}
.bottom-bg .excerpt {
padding: 10px 17px 0px;
height: 75px;
}

.textright {
text-align: right;
}
.entry a.readmore {
font-size: 28px;
color: #A5A5A5;
margin-top: -15px;
display: block;
}
.entry a.readmore span {
margin-right: 0px;
}
/*.collection a {
	height: auto;
	width: auto;
	text-align: center;
	position: relative;
	opacity: .8;

}
.collection a:hover{
	opacity: 1.0;

}
.collection a img {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	border: none !important;
	padding: 0 !important;
	display: none;
}
.collection a img:hover {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.55);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.55);
}
.collection p {
	color: #fff;
}
.collection a span {
	width: auto;
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 30px;
	font-family: arial;
	top: -10px;
	left: 30px;
	text-shadow: 0 2px 2px rgba(0,0,0,1.0);
}
.collection a:hover span {
	color: #3A75C4 !important;
}*/
.collection a span.desc {
	font-size: 14px;
	display: block;
	top: 25px;
	color: black;
}
.collection a img {
	display: none;
}
td.empty {
	background: #ffffff;
}
td.tdExpand:hover {
	color: #907C4B;
}
td.Expand img {
	display: inline;
	position: relative;
	vertical-align: middle;
}
td.tdExpandPrimary {
   border-right: 2px solid #907C4B;
}
td.tdExpandSecondary {
	border-right: 2px solid #3A75c4;
}
td.tdAuthor, 
td.tdAuthorSecondary {
   padding: 15px 15px 0px 30px;
	background: #fcfcfc;
	vertical-align: top;
}
td.tdAuthorSecondary {
    background: #f5f5f5;
    padding:30px;
}
tr.trAuthor {
	background: #fcfcfc;
}
tr.trAuthorSecondary {
 	background: #f5f5f5;
}

.desc {
	font-size: 13px;
	font-style: italic;
}
div.search_link {
	display: block;
	float: right;
	margin: 0 20px 20px 0;
}
td.img {
	vertical-align: top;
	padding: 20px;
}


/*****************************************************
Cajas laterales tipo "BOX"
31-01-2011
******************************************************/

div.box {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
    padding: 3px;
    margin: 15px 8px;
    border-top: 1px solid #3A75C4;
    background: #efefef url(http://www.ub.edu/duoda/bvid/img/bg-sidebox.gif) repeat 0 0;

	}
div.box h4 {
	font-family: Georgia,"Times New Roman",serif;
    text-align: center;
    margin-top: 5px;
	}
div.box li,
div.box p {
    font-size: small;
	padding: 0px 10px 5px 10px;
	}
form {
    font-size: small;
}

/*****************************************************
Cajas laterales tipo "BOX_INSET"
01-02-2011
******************************************************/

div.box_inset {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
    clear: right;
    text-align: center;
    font-size: small;
    padding: 5px;
    margin: 20px 10px;
    border-top: 1px solid #3A75C4;
    background: #efefef url(http://www.ub.edu/duoda/bvid/img/bg-sidebox.gif) repeat 0 0;
    }
div.box_inset table {
    width: 100%;
    font-size: small;
	}
div.box_inset th.coll {
    width: 40%;
    font-weight: normal;
    text-align: left;
	}
div.box_inset td.graph {
    width: 60%;
    text-align: left;
	}
div.box_inset div.bar {
    background-color: #3A75C4;
	}
div#search_box td {
	padding: 10px 0px 10px 0px;
	}
div#search_box form, 
div#search_box .button {
	font-size: small;
	}
div#search_box p {
	display: block;
	vertical-align: middle;
	}

/*****************************************************
Caja lateral tipo "BOX_INSET" para Thesaurus
19-09-2011
******************************************************/

div#thesaurus {
	padding: 0px;
	margin: 0px 10px 0px 10px;
}

div#thesaurus p a {
	display: block;
	background: url(http://www.ub.edu/duoda/bvid/img/banner_tesauro.jpg) repeat center top;
	text-indent: -3000px;
	height: 76px; 
	overflow: hidden;
}

/* CITATION LISTS */

ul.cits, ul.cits_sub {
    list-style-type: none;
    margin-left: 10px;
    padding-left: 0;
}

ul.cits > li {
    margin-bottom: 10px;
    padding-bottom: 0;
}

img.logo {
    border: 0;
    margin-right: 20%;
}

/*****************************************************
Cajas laterales tipo "SIDEBOX"
01-02-2011
******************************************************/

div.sidebox {
    font-family: verdana,arial,helvetica,sans-serif;
    margin-bottom: 20px;
    padding: 5px;
    background: #efefef url(http://www.ub.edu/duoda/bvid/img/bg-sidebox.gif) repeat 0 0;
    font-size: small;
}

div.sidebox h5 {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}

div.sidebox ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

div.sidebox li {
    margin: 4px 0;
    padding: 0;
}

div.sidebox a {
    color: #907C4B;
}
div.widget .contents a {
    text-decoration: none;
    font-weight: normal;
}
div.widget .contents {
    font-size: 14px;
    line-height: 20px;
display: none;
}


/*****************************************************
Textos: columna central
02-02-2011
******************************************************/

div#header_nav {
	margin-bottom: 60px;
	}
div#header_nav h5 {
    margin: 0;
    float: left;
    width: auto;
    font-size: small;
    font-weight: bold;
	}
div#header_nav h5 a {
    text-decoration: none;
	}
div#text_nav {
    border: 0px solid yellow;
    width: 100%;
	}
div#text_main {
    clear: both;
    line-height: 23px;
	}
div#text_footer {
    font-size: small;
	}
div.rights_info {
    clear: both;
    font-size: small;
    background-color: #eee;
    padding: 2px;
    margin: 10px 0px 20px 0px;
	}
p.cc_rights img {
    float: left;
    margin-right: 4px;
	}
ul.rights {
    margin-left: 10px;
    padding-left: 10px;
    list-style-type: none;
}

div#foot_nav {
    vertical-align: bottom;
}

div#footer {
	clear: both;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: small;
}

/** Larger Table **/
/* DATA-TABLE DISPLAY (word frequencies, vocab, etc.) */

table.large-data,
table.data {
  width: 100%;	
  border-spacing: 1px;
  margin-bottom: 10px;
}
table.large-data th,
table.data th,
table.data tr.view_all td {
	background: #3A75c4;
  font-weight: bold;
	color: #fff !important;
  padding: 5px;
	text-align: center;
}

table.large-data th a,
table.data th a,
table.large-data th,
table.data th,
table.data tr.view_all td {
    text-decoration: none;
color: #fff !important;
 font-family: arial, helvetica, sans-serif;
font-weight: bold;
}
table.large-data th a:hover,
table.data th a:hover {
color: #555;
}

table.large-data tr td,
table.data tr td {
  padding: 3px 8px;
  background-color: #e7e7e7;
}
table.large-data tr.odd td,
table.data tr.odd td {
  background-color: #ffffff;
}
#side_col table.data tr.odd td {
	background-color: none;
}

table.large-data td,
table.data td {
    text-align: right;
}

table.large-data td.work,
table.data td.work {
    text-align: left;
}

table.data th a:hover {
    text-decoration: underline;
}

div.note {
    font-size: small;
    padding: 3px 8px;
    margin-bottom: 10px;
    background-color: #ccc;
    border: 1px solid black;
}
/*****************************************************
Textos: Navegación
01-02-2011
******************************************************/

.arrow {
    display: block;
    float: left;
    margin: 2px 0 2px 4px;
    border: 0px solid purple;
    width: 16px;
    height: 15px;
	}
.prev {
    background: top left url(http://www.ub.edu/duoda/bvid/img/prev.gif) no-repeat;
	}
.next {
    background: top left url(http://www.ub.edu/duoda/bvid/img/next.gif) no-repeat;
	}
.xml img {
    float: left;
	}

/*****************************************************
Textos: Texto
01-02-2011
******************************************************/
a.text,
a.text:visited {
    color: black;
    text-decoration: none;
	}
a.text:hover,
a.text:active {
    text-decoration: underline;
	}
a.tesauro {
     /*color: #3A75C4;*/
}
.person  {
    /*color: #ff0000;*/
}

span strong {
	color: #907C4B;
}

body.Duoda_text_2011_09_0001 span strong, 
body.Duoda_text_2019_09_0001 span strong {
	color: #000;
	font-weight: normal;
}

a.notelink {
    text-decoration: none;
}

/*****************************************************
Cajas laterales tipo "WIDGET"
02-02-2011
******************************************************/

div.widget, 
div.search_widget {
    clear: both;
    margin-bottom: 10px;
    width: calc(100% - 20px);
    margin-right: 20px !important;
	}
div.widget div.header, 
div.search_widget div.header, 
div.search_widget div.neheader {
	font-family: verdana,arial,helvetica,sans-serif;
    font-size: small;
    display: block;
    text-align: left;
    font-weight: bold;
    background-color: #3A75C4;
	color: #ffffff;
    padding: 5px 3px;
	}
div.widget.secondary,
div.widget.primary {
	border: none !important;
}
div.widget div.header {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight:bold;
    color: #ffffff; 
	}
div.search_widget div.header {
	font-size: 10px;
	}
div.widget div.header a, 
div.search_widget div.header a {
    display: block;
    float: right;
    padding-left: 3px;
    color: #ffffff;
    font-family: verdana,arial,helvetica,sans-serif;
	}
div.widget div.contents, 
div.search_widget div.contents {
    padding: 4px;
    background: #efefef url(http://www.ub.edu/duoda/bvid/img/bg-sidebox.gif) repeat 0 0;
    font-family: verdana,arial,helvetica,sans-serif;
	}

/* PRIMARY widgets are translations and commentaries. */
div.primary {
    font-size: small;
	}

/* SECONDARY widgets are everything else. */
div.secondary {
    font-size: small;
	font-family: verdana,arial,helvetica,sans-serif;
    }

div.widget form {
    font-size: small;
	}
div.widget img.figure {
	position: relative;
	float:left;
	padding: 6px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	margin-right: 20px;
	margin-bottom: 10px;
}


/*****************************************************
Notas al pie
22-12-2011
******************************************************/
div.footnotes {	
	/*border-top: #fff 2px solid;*/
	font-size: 14px;
	font-family: arial, helvetica;
	line-height: 18px;
	margin: 0px 40px 0px 40px;
}
#note1 {
	border-top: #fff 2px solid;
	margin-top: 10px;
	padding-top: 20px;
}
a.note-number {
	vertical-align: baseline;
	font-size: 80%;
	position: relative;
	top: -0.4em;
}

#text_desc {
	font-size: 16px;
	padding: 20px;
}


div.lexicon_entry p.new_window_link {
    font-family: serif;
}

/* Note the existence of a separate div.search_result rule;
    the <span> is intended to be used on the specific tokens
    that match the search, not the entire search result
    */
span.search_result, span.match, div.description p b {
    background-color: #907C4B;
	color: #ffffff;
	padding: 0px 2px 0px 2px;
}

span.search_result a, span.match a {
	color: #ffffff;
}
#searchresults #main_col li {
    padding-bottom: 15px;
}

span.more_results {
    font-style: italic;
}

.help_note {
  font-size: small;
  font-weight: bold;
}

/* TOOLS */

.tool {
    background-color: #eee;
    border: solid 1px #f6f6f6;
    margin-bottom: 10px;
    padding: 4px;
    padding-left: 10px;

    width: 100%;
}

.tool h4 {
    margin: 2px auto 10px auto;
}

.tool p, .tool td {
    font-size: small;
    margin: 0 auto 4px auto;
}

div#votes * {
    font-size: small;
}

div#votes th {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div#votes td {
    border-bottom: 1px solid black;
}

div#votes {
    display: none;
}


/* NAMED-ENTITY STUFF */

.list_element {
  margin-top: 4px;
  margin-bottom: 4px;
}
.linenumber {
  font-size: small;
}

.place:hover {
  /* background-color: #aaaaee; */
}

.ship:hover {
  /* background-color: #aaeeee; */
  /* text-decoration: underline; */
}

.person:hover {
  /* background-color: #eeaaaa; */
}

.surname:hover {
  /* font-weight: bold; */
}

.forename:hover {
  /* font-style: italic; */
}

.date:hover {
  /* background-color: #aaeeaa; */
}

.ref:hover {
  /* background-color: #ffa500; */
}

.orgname:hover {
  /* background-color: yellow; */
}

div.embeddedtext {
  padding: 0px;
  background-color: #eeeeee;
}


/* MISCELLANEOUS */

/* this is for radio buttons governed by "Limit collections to:", so that they
    appear reasonably indented */
gloss {
    font-style: italic;
}

input.search_doc {
    margin-left: 16px;
}

.noshow {
    visibility: hidden;
}

.nodisplay {
    display: none;
}

/* for grammar sections */
a.permalink {
    text-decoration: none;
    color: black;
	}
div.la,
div.en,
div.nl,
div.es, 
div.cast, 
div.text_container,
.serif {
	background: #efefef;
    padding: 0px;
    font-family: Georgia,"Times New Roman",serif;
	margin-top: 10px;
}
div.primary div.la,
div.primary div.en,
div.primary div.nl,
div.primary div.es, 
div.primary div.cast {
	background: none;
}

div.text_container {
	padding: 0px 10px 20px 10px;
}
#right_col div.text_container,
#right_col div.text, 
#right_col div.embeddedtext {
	background: none !important;
	margin: 0px;
}

div.text {
	line-height: 24px;	
margin:top: 10px;
    padding: 10px;
    background: #efefef;
}
div.text p {
	line-height: 24px;	

}
#side_col div.text,#right_col div.text p  {
	line-height: 18px;	
	background: none;
	padding: 0px;
}

/* SEARCH RESULTS - not tested yet commented out */

.spanExpander {
	cursor:pointer;
}
div.pager {
    text-align: right;
    margin-bottom: 10px;
}

table.tResults {
	text-align: left;
}
tr.trResults td {
	padding-top: 15px;
	margin: 3px;
}

tr.trHiddenResults {
	padding: 15px;
}
tr.trResultTitleBar {
	background-color: #907C4B;
	font-size:14px;
	padding: 4px;
	color: #fff;
}
tr.trResultEditorBar {
	background-color: #eeeeee;
	font-size: 12px;
}
tr.trSearchResults {
	background-color: #eeeeee;
	font-size: 12px;
	padding:5px;
}
tr.trHiddenSearchResults {
	width:750px;
	background-color: #eeeeee;
	font-size: 12px;
}
tr.trBottom {
	height: 15px;
	background-color: #eeeeee;
}
td.tdSpacer {
	height:5px;
}
td.tdResultsHeader {
	text-align:center;
	text-decoration:none;
}
td.tdResultsHeader:hover {
	text-decoration: underline;
}
li a.subdocs {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.tdTitle {
	width:250px;
}
td.tdLanguage {
	text-align:center;
	width: 75px;
}
td.tdEditor {
	text-align:center;
	width: 75px;
}
td.tdCitation {
	text-align:center;
	width:125px;
}
td.tdVerMas {
	padding-right: 4px;
	background: #3A75c4;
}
span.spanExpander { 
	font-family: Arial, Helvetica, san-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 5px;
	color:#ffffff;
	width: 100px;
	text-align: center;
}
td.tdVerMas:hover { 
	background: #555555;
}



#map_canvas {
	width: 100%; 
	height: 700px; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
}
div.neheader .title a, a.whitelink {
	color: #ffffff;	
	text-decoration: underline;
}

div.neheader .title a:after {
	content: ".";
}
span.foot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 15px 0 15px 0;
}
#main_col p img, #main_col blockquote {
	padding: 6px;
	background: #efefef;
	border: 1px solid #3A75c4;
	vertical-align: middle;
}

/*****************************************************
Google Translate Hacks
23-02-2012
******************************************************/

iframe {
	margin-top: -100px !important;
	position: fixed !important;
}

#google_translate_element select {
	/*display: none;*/
}
#google_translate_element select#combo {
	display: block;
}

.goog-te-gadget {
	color: #fff !important;
}

#goog-gt-tt, 
a.goog-logo-link, 
a.goog-logo-link img { 
	display: none !important; 
}

#goog-gt-tt img, #goog-gt-tt .title { 
	display: none !important; 
}

.goog-text-highlight{
	background-color:transparent !important;
	box-shadow:none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	position:relative;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.9);
}
#overlay_text {
	position:fixed; 
	margin-top: 300px;
	padding-top: 40px;
	width:100%;
	text-align:center;
	background: url(http://www.ub.edu/duoda/bvid/img/loading.gif) no-repeat top center;
	
}

#Duoda_collection_Lexicas-Conceptuales {
	display: none;
}