html{
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100%;
}
body{
  background-color: rgb(227, 223, 212);
  margin: 0 0 100px;
  padding: 0;
  min-height: 100%;
}
@font-face{
  font-family: dilyan;
  src: url(dilyan.ttf);
}
div.title{
  /*    font-size:large;*/
  font-style: italic;
}
div.title-a{
  text-align: center;
  font-size: x-large;
  font-style: italic;
  padding: 1em;
}
img.index-cover{
  width: 100%;
}
img.cover{
  width: 100%;
}
img.article{
  width: 100%;
}
.def{
  /*    font-family:dilyan;*/
}
div.slider{
  width: 80mm;
}
td.cover{
  width: 20%;
  min-width: 80px;
}
td.info{
  padding: 1em;
}
td.image{
  vertical-align: top;
  text-align: right;
  width: 50%;
  min-width: 80px;
  padding-right: 1em;
}
td.text{
  vertical-align: top;
  padding-left: 1em;
}
table{
  width: 70%;
  margin: auto;
  margin-top: 1em;
}
div.image{
  margin: 1em;
}
div.image-a{
  vertical-align: top;
  display: inline-block; /*places the images in a line*/
  text-align: right;
  /*    margin:0.1em;*/
  width: 20%;
  min-width: 80px;
  margin-right: 6px;
}
div.image-c{
  display: inline-block; /*places the images in a line*/
  text-align: right;
  /*    margin:0.1em;*/
  margin: 0.5em;
}
.i{
  font-style: italic;
}
div.head{
  font-size: xx-large;
  font-weight: bold;
  color: rgb(127, 0, 0);
}
div.info-project{
  text-align: center;
}
div.year{
  font-size: x-large;
  font-weight: bold;
  color: rgb(127, 0, 0);
}
div.author{
  font-size: large;
  font-weight: bold;
  color: rgb(127, 0, 0);
}
div.author-a{
  text-align: center;
  font-size: xx-large;
  font-weight: bold;
  color: rgb(127, 0, 0);
}
div.search,
div.result{
  text-align: center;
  width: 70%;
  margin: auto;
  margin-top: 1em;
}
div.slider{
  width: 70%;
  margin: auto;
  margin-top: 1em;
}
.input{
  border: 0;
  font-weight: bold;
  color: rgb(127, 0, 0);
  text-align: center;
  background-color: #cccccc;
}
/*hr {
color: #f00;
height: 5px;}*/
div.cover{
  text-align: center;
}
div.def-title{
  text-align: center;
  font-weight: bold;
  color: rgb(127, 0, 0);
  font-size: x-large;
  margin-top: 1em;
}
div.def{
  padding: 1em;
}
a.pic{
  margin-left: 0.2em;
}
div.pp{
  text-align: right;
  font-style: italic;
  font-size: smaller;
}
.b{
  font-weight: bold;
}
a.home{
  color: rgb(127, 0, 0);
}
.old{
  font-family: dilyan;
}
footer{
  /*    text-align: center;
    vertical-align: bottom;
    margin-top: 1em;
    position: relative;
    bottom: 0;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;*/
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
  /*  height: 4em;*/
  width: 100%;
  overflow: hidden;
}
div.f{
  /*  padding-top: 0.6em;*/
  color: rgb(127, 0, 0);
  font-weight: bold;
}
a.f{
  color: rgb(127, 0, 0);
  font-weight: bold;
}
.f-s{
  font-size: smaller;
  color: #444444;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
hr{
  width: 95%;
}

.thumbnail-item{
  /* position relative so that we can use position absolute for the tooltip */
  position: relative;
  float: left;
  /*margin: 0px 5px;*/
}

.thumbnail-item a{
  display: block;
}

.thumbnail-item img.thumbnail{
  width: 100%;
  min-width: 70px;
  border: 3px solid #eae9d4;
  box-shadow: 0 0 6px rgba(132, 132, 132, .75);
  border-radius: 4px;
}

.tooltip{
  /* by default, hide it */
  display: none;
  /* allow us to move the tooltip */
  position: absolute;
  /* align the image properly */
  /* padding: 8px 0 0 8px;  */
}

.tooltip span.overlay{
  /* the png image, need ie6 hack though */
  /* the png image, need ie6 hack though */
  position: absolute;
  background-color: #eae9d4;
  padding: 10px;
  /*    font-family: 'Droid Sans', sans-serif;
    font-size: .9em;
    text-align: center;*/
  color: #495a62;
  box-shadow: 0 0 20px rgba(0, 0, 0, .75);
  border-radius: 8px;
}

.tooltip span.overlay img{
  background: #ccc;
  padding: 2px;
  box-shadow: 0 0 6px rgba(132, 132, 132, .75);
  border-radius: 4px;
}

.ex{
  letter-spacing: 0.2em;
}

.highlight{
  background-color: #FAFFBD;
}

.highlight div{
  background-color: #FAFFBD;
}

.title-td{
  font-weight: bold;
  text-align: center;
}

.note{
  font-size: smaller;
  padding: 1em;
  font-style: italic;
}

.subject,
.predicate,
.predicative,
.AUX,
.complement,
.attribute,
.attributeN,
.predicative2,
.adjunct{
  padding: 0.2em;
}


/*div.enlarge1{
display:inline-block; /\*places the images in a line*\/
/*list-style-type:none; /\*remove the bullet point*\/\*\/
margin-left:0;
}

div.enlarge{
display:inline-block; /\*places the images in a line*\/
/*list-style-type:none; /\*remove the bullet point*\/\*\/
margin-left:0;
}
div.enlarge div{
display:inline-block; /\*places the images in a line*\/
position: relative;
z-index: 0; /\*resets the stack order of the list items - later we'll increase this*\/
/\*margin:10px 40px 0 20px;*\/
}
div.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
div.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
div.enlarge div:hover{
z-index: 50;
cursor:pointer;
}
div.enlarge span img{
padding:2px;
background:#ccc;
}
div.enlarge div:hover span{ 
top: -20%; /\*the distance from the bottom of the thumbnail to the top of the popup image*\/
left: 100%; /\*distance from the left of the thumbnail to the left of the popup image*\/
}
div.enlarge div:hover:nth-child(2) span{
left: -100px; 
}
div.enlarge div:hover:nth-child(3) span{
left: -200px; 
}
/\**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**\/
/\*div.enlarge img, div.enlarge span{
behavior: url(pie/PIE.htc); 
}*\/*/