@font-face {
  font-family:freesans;
  src:url('letra/FreeSans.ttf');
}
@font-face {
  font-family:freesans-bold;
  src:url('letra/FreeSansBold.ttf');
}
*+* {
  margin:0;
}
body{
  background-image:url('/irudiak/index_lit_body_bckg.jpg');
  background-repeat:repeat;
  text-align:center;
  color:#323232;
}
.w-70{
  width:70%;
}
.w-80{
  width:80%;
}
body > div.c{
  background-color:white;
}
div.col.btn a{
  color:white;
}
div.col.btn{
  background-color:#323232;
}
a.lang{
  padding:5px;
  border-radius:3px;
  color:white;
  font-family:'freesans-bold';
}
a.lang.eu{
  background-color:#009900;
}
a.lang.es{
  background-color:#ff3300;
}
div#fhi, div.berriak{
  text-align:left;
}
div#fhi{
  margin:10px 0;
}
div.berriak div.card{
  padding:0;
  margin-bottom:20px;
}
div.berriak img{
  vertical-align:text-top;
  float:left;
  margin-right:20px;
  cursor: pointer;
}
div.col span.date{
  text-decoration:underline;
}
div.col p.descr{
  clear:left;
  font-style:italic;
  padding:10px 0 20px 0;
}
div.col p.text{
  font-family:monospace;
}
/* HTML5 video player on modal */
  /* The Modal (background) */
.modal {
  display:none;
  position:fixed;
  z-index:1;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.6);
}
  /* Modal Content/Box */
.modal-content {
  background-color:#fefefe;
  margin:15% auto;
  padding:5px;
  border:1px solid #888;
  width:80%;
}
#modal-title{
  font-size:20px;
  color:grey;
}
  /* The Close Button */
#close {
  color:grey;
  float:right;
  font-size:20px;
  font-weight:bold;
}
#close:hover,
#close:focus {
  color:black;
  text-decoration:none;
  cursor:pointer;
}
  /* Video */
video{
  width:100%;
}

/* footer */
div#logos{
  padding-top:5px;
}
div#info{
  text-align:right;
}