body {
font-family: 'Raleway', sans-serif;
}

.preview img {
    
    width: 100%;
}
.metadata {
    font-size:110%;
    margin-bottom:20px;
    
    max-width:80%;
    overflow:hidden;
    
}

#Body_ResultsDiv .metadata {
     overflow:unset;
}
    .metadata .row {
        margin-bottom:10px;
    }
    .metadata .value {
        font-weight:500;
        letter-spacing:0.025em;
    }

    .metadata .key {
        letter-spacing:0.1em;
    }

.row.title {
    margin-bottom: 20px;
    
    letter-spacing:0.25em;
}
    .row.title h1 {
        margin-top:0;
		font-size:26px;
    }

.breadcrumb {
    background: none;
}

.navigation {
    padding:0;
    margin:0;
}
.navigation ul {
    list-style:none;
    padding:0 5px;
    margin:0;
    
   
    background-color:White;
    
    z-index:100;

}
.navigation li{
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    cursor:pointer;
    width:180px;
}
.navigation .selected-item{
    border-color:#c0c0c0;
    overflow:hidden;
    padding:0 5px;
}
.navigation .title{
    float:left;
    overflow:hidden;
    max-height:20px;
}




.Naslov b, .Title b {
    font-size:180%;
    font-weight:300 !important;
}


.record {
    margin-bottom: 20px;
}

div#filtersDiv {
  
    padding:20px;
    font-size:120% !important;
	margin-bottom:30px;
}

    div#filtersDiv .window-header {
        border-bottom: 1px solid rgba(0,0,0,0.5);
        padding-bottom: 5px;
        margin-bottom: 5px;
    }



div.record > div.metadata {
    margin-top:10px;
	margin-left: 20px;
}

div.thumbnail {
/*    background: rgba(0,0,0,0.10);*/
    height:180px;
    
    
   
/*    margin:0 !important; */
    border-radius:0;
    
 /*   margin-left:-15px !important;*/
/*    padding-left:10px;*/
    width:110px;
    
}

@font-face {
  font-family: 'FontAwesome';
  /*
  src: url('http://fontawesome.io/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('http://fontawesome.io/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('http://fontawesome.io/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('http://fontawesome.io/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('http://fontawesome.io/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('http://fontawesome.io/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  */
  font-weight: normal;
  font-style: normal;
}

/*
div.pull-left.thumbnail:before {
    font-family:FontAwesome;
    content: "\f02d";
    font-size:200%;
    background:white;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    border-radius:50%;
    width:40px;
    height:40px;
    position:absolute;
    margin-top:90px;
    margin-left:20px;
}

*/

.navigationSortDiv {
    font-size:120% !important;
    margin-bottom: 20px;
}
.selected-item.textbox  {
    padding:5px !important;
    width:250px;
}

    .selected-item.textbox .title {
        margin-top:-5px;
    }

    .limited, .restricted {
        color: #FF4500;
    }
  
    .metadata [class=""] {
        display:inline;
        margin-right:10px;
    }

input[type=text] {
        font-size:120% !important;
}


.carousel-inner .slide {
    position:absolute;
    height:100%;
    width:100%;
    background-position:center center;
    background-repeat: no-repeat;
}

.carousel-inner > .item {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
}


@media (min-width: 750px) and (max-width: 992px) { 
    div .thumbnail {
	    width:60px;
	    height:80px;
    }

}
h1 {
	font-size:26px;
}


audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #3a7d9b;
-webkit-box-shadow:  2px 2px 4px 0px #3a7d9b;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}

.ex_title {
            font-size: 20px;
            margin-top: 25px;
            text-align: center;
			font-weight: 500;
        }
	.ex_desc {
			text-align: justify;
			margin-top: 10px;
        }