body {
	margin: 0;
	background: #ffffff;
  	font-family: 'Open Sans', sans-serif;
	color: black;
}

body * {
border: 0;
}

div#coverimage
{
z-index:-1;
	
	background-image: url("../_images/bg-werbata.jpg");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	height: 100px;
 -webkit-filter: blur(2px);
  filter: blur(2px);
 
}





.text-center
{
text-align: center;
}

div#body
{
position: relative;
top: -90px;

}

div#header 
{
z-index:1;
}

div#header img
{
margin-right: 10px;

}

div#header a, div#header a:visited
{
  	font-family: 'Nunito', sans-serif;
		font-weight: normal;
	font-size: 350%;
color: white;

//   color: #418FDE;
  	text-decoration: none; 
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

span#titel
{
position: relative;
top: 2px;
}

iframe
{
margin-top: 20px;
}

form
{
//	margin-top: 60px;

}

div#filterAcontent
{
font-size: 0.8em;
width: 200px;
}


form#form-container *
{
background: #ffffff;	
}

form.borrowForm
{
margin-top: 10px;
text-align: center;

}

div#masInfo
{
font-size: 70%;
font-style: italic;
}

input.borrowSubmit
{
padding: 10px;
font-size: 120%;
border: 1px solid black;
}



input#search-input{
	font-size: 150%;
	font-weight: normal;
	padding: 10px;
	width: 85%;
	//font-style: italic;
	//color: #418FDE;
	text-align: center;
	//border-bottom: 1px solid black;
	
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

input#search-input:focus, input#search-input:hover
{
	font-style: normal;
	border: 0px;
	text-align: center;
	color: black;	
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	
}

div.socials
{
width: 95%;
vertical-align: middle;
text-align: right;
margin-top: 15px;
}

body#show_item div#first
{
position: relative;
top: -20px;
}

body#show_item div#second
{
position: relative;
top: -20px;
}


div.share
{
position: relative;
top: -10px;
font-style: italic;
}

#submit
{
position: relative;
left: -50px;
}

div.options
{
margin-top: 10px;
}

div#partners
{
margin-top: 75px;
}

label, label *, button
{
cursor: hand;
}

button#submit, button#submit *
{
background: transparent;
}

div.options, div.options *, div.small, i.small
{

font: 80% 'Open Sans', sans-serif;
font-style: italic;
}

.wrap {  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

div.hidden
{
display: none;
visibility: hidden;
}

div#bottom

{
   // position: fixed;
    padding-bottom: 10px;
    bottom: 0;
    width: 100%;
//		z-index: 3;
}

div#browse

{
    padding-bottom: 100px;
}



div#languages

{
    padding-bottom: 10px;
    width: 81%;
    text-align: right;
}

div#div_topics

{ 
     padding-right: 20%;
}




div#path {
	position: relative;
	top: 20px;
	padding: 10px;
	font-size: 95%;
}


#navigation_wide {
	padding-top: 10px;
  display: block;
	width: 99%;
// border: 1px solid black;
 clear: both;
 font-size: 0.8em;

}
#navigation_left {
    border: 0;
		//padding: 20px; 
	//display: inline;
		text-align: right;
}
#navigation_right {
    border: 0;
		text-align: right;
//		display: inline;
	//	padding: 20px; 
font-size: 0.8em;
font-style: italic;
}

div.paginering
{
font-size: 0.8em;

}

#wrapper {
	padding-top: 10px;
 display: flex;
  border: 0;
	//	text-align: center;
}
#first {
    border: 0;
		padding: 20px; 
		padding-top: 0px;
		//width: 30px;
display: inline-block;
}
#second {
width: 99%;
		//border: 1px solid black;
display: inline-block;
		padding: 20px; 
//		text-align: center;
}


div#results
{
text-align: center
}

div.paginering
{
		text-align: center;
		color: black;
		font-size: 1.0em;
}

div.paginering a:link, div.paginering a:hover, div.paginering a:visited,
{
		color: black;
		font-size: 1.4em;
}



div#final
{
	margin-bottom: 30px;
}

div#bottom, div#bottom div, div.white

{
  display: block;
	background: #ffffff;
}

div#div_featured
{
margin-top: 40px;
}

div#div_totals
{
margin-top: 20px;
}


.item_box
{
display: inline-block;
width: 200px;
height: 255px;
//max-height: auto;
padding: 5px;
padding-top: 5px;
padding-bottom: 0px;
margin-right: 10px;
margin-bottom: 10px;
overflow:hidden;
text-overflow:ellipsis;
font-size: 0.8em;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.item_box a
{
color: black;
text-decoration: none;
}

.item_box:hover
{
//background-color: #cccccc;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;


}

div#div_browse .item_box:hover
{
//overflow: visible;
//min-height: 255px;
//height: auto;
//padding-bottom: 0px;
}

.item_box:hover a
{
text-decoration: underline;
}

.item_box_collection{
width: 70%;
text-align: left;
padding: 5px;
height: auto;
margin-left: 14%;
margin-right: 14%;
margin-top: 30px;
font-size: 1.0em;
padding-left: 30px;
}

.item_box_collection div
{
text-align: left;
vertical-align: top;
display: table-cell; /* Make elements inside the container behave like table cells */
width: auto;
//border: 1px solid black;
}

.item_box_collection div#div_summary
{
padding-left: 20px;
}


.item_box div.thumbnail
{
display: flex;
justify-content: center;
margin-bottom: 5px;
}

.item_box_partners
{
width: 290px;
height: 170px;
padding-bottom: 10px;
}


.item_box_small
{
width: 200px;
height: 165px;
//padding-bottom: 10px;
}


.item_box div.text_box
{
padding: 5px;
margin-bottom: 5px;
}

.item_box_horizontal
{
text-align: left;
width: 400px;
height: 50px;
}

.item_box_horizontal div.text_box
{
display: inline-block;
}




div#notice
{
width: auto;
text-align: center;
border: 1px solid red;
background: #FFCCCB;
font-size: 0.75em;
font-style: italic;
padding: 10px;
margin-left: 12%;
margin-right: 12%;
display: none;
visibility: hidden;

}

div#div_browse div#notice
{
display: block;
visibility: visible;

} 


div#sugerencia
{
width: auto;
text-align: center;
margin-left: 12%;
margin-right: 12%;
display: block;
}

div#sugerencia p
{
text-align: center;
}

div#div_browse div.item_box
{
vertical-align: top;
}

#final
{
 text-align: center;
// background: black;
// color: white;
}

#footer {
  display: table; /* Make the container element behave like a table */
  width: 80%; /* Set full-width to expand the whole page */
margin-left: 10%;
margin-right: 10%;
 text-align: center;
 border-top: 1px solid black;

}

#footerA, #footerB, #footerC
{
padding: 10px;
text-align: left;
display: table-cell; /* Make elements inside the container behave like table cells */
width: auto;
}

#footerA, #footerC
{
width: 33%;
}


#footerCcontent
{
text-align: center;
}

.footerheader
{
font-weight: bold;
font-style: italic;
padding-bottom: 5px;
border-bottom: 1px solid black;
}

.fa-ul i
{
position: relative;
top: 2px;
}

@media only screen and (max-width: 1200px) 
{
#submit
{
position: relative;
left: 0px;
}
}


@media only screen and (max-width: 600px) {

div#coverimage
{
	height: 80px;
}


div.socials
{
 padding-left: 20px;
 text-align: left;
}


div#header
{
 	margin: 0;
	position: relative;
	top: 20px;
}


div#path
{
 	margin-top: 20px;
}

div#header a, div#header a:visited
{
	font-size: 200%;
}

div#header a span
{
//	position: relative;
//	top: 10px;
}

div#first
{
display: none;
visibility: hidden;
}

div#notice
{
display: block;
visibility: visible;
}

div#div_browse div#notice
{
display: none;
visibility: hidden;
} 


.item_box_collection{
width: auto;
text-align: left;
padding: 5px;
height: auto;
margin: 0;
margin-top: 30px;
font-size: 1.0em;
}

.item_box_collection div
{
display: block;
padding: 0px;
}


form
{
text-align: center;
}

input#search-input{
	font-size: 100%;
	width: 90%;
text-align: left;
}


#submit
{
position: relative;
left: 0px;
}


#footer {
display: block;
 text-align: center;
 border-top: 1px solid black;

}

#footerA, #footerB, #footerC
{
text-align: left;
display: block;
width: 100%;
}


div#languages

{
    width: 99%;
}

div#bottom div

{
	font-size: 60%;
	background: white;

}

#navigation_left {
		text-align: center;
}
#navigation_right {
		text-align: center;
}

.item_box
{
display: inline-block;
width: 130px;
height: 300px;

}


.item_box_partners
{
height: 200px;
}


.item_box_small
{
height: 200px;
}

div#notice
{
margin: 0;
}

div#sugerencia
{
margin-left: 10px;
margin-right: 10px;
}


input#search-input, input#search-input:focus, input#search-input:hover
{
	font-style: normal;
	text-align: left;
}

div#div_topics

{ 
    width: 100%;
		padding-right: 0;
}


}