/* @override 
	http://ugbih.dev/archive/wp-content/themes/ugbih/style.css
	http://ugbih.ba/archive/wp-content/themes/ugbih/style.css
*/

/*
Theme Name: UGBiH
Theme URI: http://bezbeli.ba/
Author: Enes Huseincehajic
Author URI: http://bezbeli.ba/
Description: A.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom theme, translation-readys

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{
	height: 100%;
	padding-bottom: .1em;
	background: #DDD;
}

/* Structure */

#wrapper{
	padding: 0 0px;
	background-size:960px auto;
}
#primary{
	background: #F2F2F2;
}
#main{
	float: left;
	margin: 0px 0 0px 0;
}
#contentShort{
	float: left;
	width: 500px;
	overflow: hidden;
	
}

#contentWide{
	float: left;
	width: 720px;
	
}

#content ol, #content ul{
	
}

#content ol ol{
	margin: 0 0 0 20px;
	list-style-type: lower-alpha;
	
}
.aboutHome{
	padding: 20px;
	background-color: #f2efeb;
}

.homeBox .aboutHome a:link,
.homeBox .aboutHome a:visited,
.homeBox .aboutHome a:active{
	color: #996b51;
	display: inline;
}

.aboutHome a:hover{
	color: #e84f0e;
}

.aboutHome p{
	font: italic 19px/27px Georgia, "Times New Roman", Times, serif;
	color: #898074;
	margin: 0;
}

.homeBoxBig{
	background: #CCC;
	margin-bottom:20px;
	height: 385px;
	overflow: hidden;
	position: relative;
	padding-bottom: 35px;
}

.kolekcije img,
.izdvojeno img{
	background: #CCC;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 300px;
}


.homeBoxAbout{
	background: #F2f2f2;
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
}

.homeBoxHalfHeight{
	background: #F2f2f2;
	margin-bottom:20px;
	height: 90px;
	position: relative;
	overflow: hidden;
}

.homeBoxHalfHeight a{
	display: block;
}

.homeBoxHalfHeight img{
}

.homeBox{
	background: #f2efeb;
	margin-bottom: 20px;
	height: 165px;
	padding: 0px 0 35px;
	position: relative;
	overflow: hidden;
}

.homeBox li{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #FFF;
}

.homeBoxBig a,
.homeBoxHalfHeight a,
.homeBox a{
	display: block;
	color: #FFF;
}

.homeBoxBig span,
.homeBox span,
.homeBoxHalfHeight span{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #a29b91;
	width: 100%;
	color: #FFF;
	padding: 0;
	line-height: 35px;
	font-size: 13px;
}
.kolekcije{
}

.homeBoxBig span span,
.homeBox span span,
.homeBoxHalfHeight span span{
	padding: 0 10px;
}

div.pressClippingHome{
	background: transparent;
	line-height: 1.2em;
	font-size: 11px;
}

div.pressClippingHome .par{
	padding: 5px 10px;
	background: #f2efeb;
	display: block;
	float: left;
	color: #666;
}

div.pressClippingHome .nepar{
	padding: 5px 10px;
	background: #FFF;
	display: block;
	float: left;
	color: #666;
	width: 200px;
}

.banner{
	background: #FFF;
	display: block;
	height: 129px;
	margin: 0px 0 10px 0;
	width: 200px;
	float: left;
}

.banner h6{
	margin: 5px 5px 5px;
	line-height: 1;
	font-size: 12px;
	font-weight: normal;
}

.bannerImage{
	display: block;
	overflow: hidden;
}

.bannerImage img{
	width: 200px;
	height: 94px;
}

.aktuelno{
	display: block;
	float: left;
	width: 100%;
	font-size: 11px;
}

.aktuelno h5{
	margin: 0px;
}

.aktuelno li{
	line-height: 1.2em;
	margin-bottom: 5px;
}

#leftSidebar{
	margin-bottom:20px;
	overflow: hidden;
	display: block;
	position: relative;
	float: left;
	width: 220px;
}

#leftSidebar ul{
	margin: 0;
	
}

#leftSidebar li{
	margin: 0 0 0px 0;
	list-style-type: none;
	display: inline;
	float: left;
	width: 220px;
	clear: both;
}

#leftSidebar li li{
	margin:  0 0 0px 10px;
	width: 210px;
}


#leftSidebar li a{
	text-decoration: none;
	margin: 0 ;
	display: block;
	padding: 9px 0 9px 10px;
	background-color: #d5d2cd;
	line-height: 12px;
	font-size: 12px;
	border-bottom: 1px solid #F2F2F2;
}

#leftSidebar li li a{
	color: #666;
}

#leftSidebar li a:hover{
	color: #000;
	background: #dfdbd6;
}

#leftSidebar ul .page_item{
}

#leftSidebar .current_page_item a{
	color: #000;
}

#leftSidebar .current_page_item li a{
	color: #333;
}


#leftSidebar .children
{ display: none;
}

#leftSidebar .current_page_item .children,
#leftSidebar .current_page_ancestor .children,
#leftSidebar .current_page_parent .children

{ display: block; }

#rightSidebar{
	display: block;
	float: right;
	width: 200px;
	padding: 10px;
	margin: 0;
	}

#topSidebar{
	display: block;
	width: 940px;
	padding: 0px;
	margin: 0;
	}

#topSidebar ul{
	display: block;
	width: 940px;
	padding: 0px;
	margin: 0;
	}

#topSidebar li{
	display: block;
	float: left;
	padding: 0px 20px;
	margin: 0;
	}

#topSidebar li img{
	display: block;
	float: left;
	padding: 0px;
	margin: 0;
	width: 100px;
	height: auto;
	}

#footerLinks{
	margin-top: 0px;
	background: #D5D5D5;
	padding: 30px 20px;
}

#menu-multilang {
	overflow: hidden;
}


#menu-multilang a:link,
#menu-multilang a:visited,
#menu-multilang a:active{
	color: #666;
}

#menu-multilang li a:hover{
	color: #000;
}

#innerContent{
	padding: 0 0 0 0px;
	display: block;
	margin-bottom: 0px;
	background: #FFF;
	float: left;
	min-height: 500px;
}

#notFound{
	width: 940px;
	text-align: center;
}

#notFound h1{
	padding: 200px;
}

#notFound h1 span{
	font-size: 14px;
	line-height: 1em;
	color: #666;
}

.entry-content{
	padding: 0 20px 0 20px;
	float: left;
}

.mainTitle{
	background: transparent url(images/mainTitleBg.png);
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0px;
	padding: 0;
	color: #000;
	font: bold 23px/62px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

.mainTitle span{
	padding: 0 0 0 20px;
}

.mainSubTitle{
	margin-bottom: 20px;
	padding: 0 20px;
	color: #000;
	margin-left: 0px;
	font: bold 23px/62px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-top: 5px solid #c3bfbb;
	background-color: #e8e8e8;
	clear: both;
}

.mainTitleNoBanner{
	font-size: 36px;
	line-height: 41px;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 20px 20px 20px 0;
	color: #0;
	margin-left: 20px;
	border-bottom: 5px solid #d5d2cd;
	margin-right: 30px;
}

.infoGreen{
	padding: 10px 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #6C0;
	border-bottom: 1px solid #6C0;
	background-color: rgba(0,255,0,0.05);
	color: #47a718;
}

.infoRed{
	padding: 10px 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	background-color: rgba(255,0,0,0.05);
	color: #F00;
}
#mapa{
	margin-bottom: 20px;
}

blockquote, pre{
	padding: 0.25em 40px;
}

blockquote{
	font: italic 1em/1.4em Georgia, Times, serif;
	background: url(images/quote_bg.png) no-repeat 10px 5px;
	margin: 0 0 1em 0;
}

blockquote p{
	margin: 0 0 1em 0;
}

.sticky .thumbnail{
	margin: 0 10px 0 0;
	
}

.thumbnail{
	margin: 0 10px 20px 0;
	float: left;
	
}

#innerContent .thumbnail a{
	border: none;	
}

.thumbnail img{
	width: 150px;
	height: 100px;
}

.teaser{
	margin: 0 0 20px 0;
	
}

.sticky{
	background: #d5d2cd;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	width: 100%;
	height: 100px;
}

.homeSticky{
	background: transparent;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 620px;
}

.homeSticky img{
	width: 620px;
	height: 385px;
}

#innerContent .sticky a{
	color: #000;
	text-transform: uppercase;
	border: none;
}

#innerContent .sticky h6{
	font-size: 24px;
	line-height: 1em;
}

.otherProgramsTeaser{
	margin: 0 0 20px 0;
	width: 300px;
	float: left;
	display: block;
}

.otherProgramsTeaser h6{
	margin: 0px;
	line-height: 1.2em;
}

.exhibitionTeaser{
	margin: 0 0 20px 0;
	width: 520px;
	float: left;
	display: block;
}

.exhibitionTeaser h1,
.exhibitionTeaser h2,
.exhibitionTeaser h3,
.exhibitionTeaser h4,
.exhibitionTeaser h5,
.exhibitionTeaser h6,
.exhibitionTeaser p {
	margin: 0px;
}

.teaser .datum{
	font-weight: normal;
}

.teaser h1,
.teaser h2,
.teaser h3,
.teaser h4,
.teaser h5,
.teaser h6{
	margin: 0;
}

.teaser p{
	margin: 0;
}

.teaser a{
	text-decoration: none;
}

#nav-below{
	float: left;
	width: 100%;
}

#nav-below a{
	text-decoration: none;
}

#nav-below .nav-previous{
	float: left;
	width: 50%;
	text-align: left;
}

#nav-below .nav-next{
	float: right;
	width: 50%;
	text-align: right;
}



/* Sitemap */
#content.sitemap ul {
	margin: 0;
	padding: 0;
}

.sitemap a{
	text-decoration: none;
	border-bottom: 1px solid #DDD;
	display: block;
	line-height: 30px;
	color: #999;
	padding: 0 20px ;
	
}

.sitemap a:hover{
	color: #000;
	border-bottom: 1px solid #000;
}

.sitemap ul.parent{
	width: 960px;
}

.sitemap li.page_item{
	float: left;
	display: block;
	width: 220px;
	margin: 0 20px 0 0;
	font-weight: bold;
	border-top: 1px solid #000;
	font-size: 13px;
	text-transform: uppercase;
}

.sitemap li li.page_item{
	float: left;
	display: block;
	margin: 0;
	font-weight: normal;
	border-top: 1px none #000;
	font-size: 12px;
	text-transform: none;
}




/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */
#languageChooser{
	position: absolute;
	right: 75px;
	top: 10px;
	width: 60px;
}

#languageChooser a:link,
#languageChooser a:visited,
#languageChooser a:active{
	display: block;
	float: right;
	margin: 0 0px 0 10px;
	width: 20px;
	height: 12px;
}

#languageChooser a.bs {
	background: #FFF url(images/flags/bs.png) 0 0 no-repeat;
}

#languageChooser a.en {
	background: #FFF url(images/flags/en.png) 0 0 no-repeat;
}

#languageChooser a:hover {
	background-position: 0 -12px;
	background-repeat: no-repeat;
}

#languageChooser img{
	display: none;
	float: left;
}

#languageChooser span{
	
}

#languageChooser a:hover{
	color: #e84f0e;
}

#lang_sel_list{
	position: absolute;
	top: 0;
	right: 10px;
	text-align: right;
	height: 24px;
	overflow: hidden;
}

#lang_sel_list li.icl-en{
	float: right;
	
}

#lang_sel_list ul {
	border: none;
	float: right;
	margin: 0;
}

#lang_sel_list li {
	list-style-type: none;
}

#lang_sel_list li a,
#lang_sel_list li a:visited
{
	width: 80px;
	border: none;
	float: right;
}

#lang_sel_list li a:hover{
}

#languageChooser .lang_sel_sel{
	display: none;
}


#header{
	height: 95px;
	width: 960px;
	float: left;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: inline;
}

#header.siteTitle_bs{
	background: transparent url(images/ugbih_logo.png) no-repeat 0px 10px;
}

#header.siteTitle_en{
	background: transparent url(images/ugbih_logo.png) no-repeat 0px -90px;
}

#header a{
	text-decoration: none;
	color: #000;
}

#site-title {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
}
#site-description {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 0;
}

#logo {
	width: 450px;
	height: 70px;
	padding: 25px 0 0 15px;
	position: relative;
}

#logo a{
	width: 285px;
	height: 60px;
	padding: 0px;
	margin: 0 0 0 10px;
	display: block;
}

#logo span {
	display: none;
}

#logo h2 {
	display: none;
}
#closedForPublic{
	float: left;
	margin: 0 10px;
}

#closedForPublic span{
	text-transform: uppercase;
	font-weight: bold;
	
}

#closedForPublic span a{
	color: #FFF;
	line-height: 40px;
	height: 40px;
	width: 940px;
	display: block;
	text-align: center;
	background: #e84f0e;
}

#closedForPublic span a:hover{
	color: #000;
	background: #e84f0e;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: inline;
	float: left;
	margin: 0px 10px 0px;
	width: 940px;
	background: #7e7568;
	padding: 0 0 0 0px;
	height: 40px;
	overflow: hidden;
}

#access a.homeLink:link,
#access a.homeLink:visited,
#access a.homeLink:active {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#access a.homeLink:hover {
	background: #e84f0e;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
  margin-left: 0px;
}
#access a {
	display: block;
	line-height: 40px;
	padding: 0 16px;
	text-decoration: none;
	color: #d2cabe;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0;
}
#access ul ul {
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	display: none;
	float: left;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #000;
	line-height: 30px;
	padding: 0px 15px;
	width: 205px;
	height: auto;
	color: #CCC;
}

#access li:hover > a,
#access ul ul :hover > a {
	background: #6d614e;
	color: #FFF;
	
}
#access ul ul a:hover {
	background: #444;
	color: #FFF;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item{
	background: #000;
}

#access .current_page_item a{
	background: #6d614e;
	color: #FFF;
}
#breadcrumbs{
	line-height: 30px;
	padding: 0 0 0 19px;
	width: 921px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	background: #666;
	color: #FFF;
	display: none;
}


.breadcrumbsWrapper{
	background-color: #000;
	float: left;
	margin-left: 10px;
}

#breadcrumbs span{
	color: #FFF;
	padding: 0 5px 0 5px;
}

#breadcrumbs a{
	color: #999;
	padding: 0 5px 0 5px;
}

#breadcrumbs a:hover{
	color: #FFF;
}

#bannerShort{
	width: 500px;
}

#bannerWide{
	width: 720px;
}

#bannerWidePodcast{
	width: 720px;
	height: 61px;
	margin: 0 0px 20px 0px;
	position: relative;
	overflow: hidden;
	background-color: #d5d2cd;
}

#bannerVirtual{
	width: 940px;
	height: 600px;
	float: left;
	overflow: hidden;
}

#bannerVirtualInner{
}

#bannerBoard{
	width: 940px;
	display: block;
	margin: 0;
	padding: 0;
}

#altContent{
	display: none;
	margin: 0;
	padding: 0;
}


#bannerShort, #bannerWide{
	margin: 0 0px 20px 0px;
	height: 278px;
	position: relative;
	overflow: hidden;
	background-color: #d5d2cd;
}

#bannerWideExhibitions{
	margin: 0 0px 0px 0px;
	height: 278px;
	position: relative;
	overflow: hidden;
	background-color: #d5d2cd;
}

#bannerWideSearch{
	background: transparent url(images/search_tile.png);
	margin: 0 0px 20px 0px;
	height: 278px;
	position: relative;
	overflow: hidden;

}

.podcast{
	margin: 0 0 10px 0;
	width: 100%;
	background: #f2f2f2 url(images/podcast.png) no-repeat right bottom;
	display: block;
	float: left;
}

.podcast span{
	display: block;
	float: left;
}

.podcastNaslov{
	display: block;
	float: left;
	margin: 10px 10px 0 10px;
	font-size: 22px;
	line-height: 1em;
}

.podcastExcerpt{
	display: block;
	float: left;
	margin: 10px 10px 0 10px;
	font-size: 22px;
	line-height: 1em;
}

.podcast a:link, .podcast a:visited, .podcast a:active {
	float: left;
	border: none;
	text-decoration: none;
}

/* =HOME----------------------------- */

.splash{
	margin-top: 20px;
}

/* =Links
-------------------------------------------------------------- */

a{
	color: #666;
	text-decoration: none;
}

.entry-content a{
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #e8582d;
}

a:hover{
	color: #000;
}

#opener {
	background: #FFF;
	display: block;
	float: left;
	width: 930px;
	padding: 5px;
}

#opener a{
	color: #FFF;
	float: left;
	padding: 10px;
	width: 202px;
	display: block;
	float: left;
	height: 173px;
	position: relative;
}

#opener a:hover{
	color: #FFF;
	background: transparent;
	opacity: 1;
}

#opener a span{
	color: #FFF;
	background: #a29b91;
	padding: 7px 10px;
	width: 202px;
	position: absolute;
	bottom: 0px;
	left: 0;
}

#opener a:hover span{
	color: #FFF;
	background: #6e624f;
	opacity: 1;
}

#opener ul, #opener li{
	margin: 0;
	padding: 0;
}

#opener li{
	display: block;
	float: left;
}

#opener span{
	display: block;
	float: left;
	overflow: hidden;
	margin: 5px;
}

#opener span span{
	margin: 0px;
}

#opener span:hover{
}



/* =Images
-------------------------------------------------------------- */

img.alignleft {
	margin-right: 25px;
	margin-bottom: 25px;
	width: 75px;
	height: auto;
	padding: 4px 0 0 0;
}
img.alignright {
	margin-left: 20px;
}


.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {

}
.wp-smiley {
	margin: 0;
}

/* =share ------------------- */

.share{
	display: block;
	width: 100%;
	margin: 20px 0 10px 0;
	float: left;
}
.twitter, .facebook, .plusOne{
	float: left;
}



/* social icons */
.social {
    position: relative;
    display: inline;
    width: 350px;
    padding: 0 20px 5px;
    height: 36px;
    margin-bottom: 5px;
    width: 180px;
}

.social .border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 38px;
    background: #ccc;
}

.social a {
    height: 36px;
    line-height: 36px;
    border: none;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    -webkit-transition: 300ms all;
    width: 36px;
    background: #000;
    opacity: 0.9;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;

}

.social a:hover {
    opacity: 1;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

/************************
	SEARCH
*************************/

#headerSearch {
	width: 210px;
	padding:10px 10px;
	margin: 0px 0px 0 0;
	text-align: right;
	z-index: 9;
	float: right;
}

#searchform {
	padding: 0;
	margin: 0;
	width: 210px;
}

#searchform label {
	display: none;
}

#searchform #searchsubmit {
	background: transparent url(images/search.png) no-repeat -160px -10px;
	border: none;
	height: 20px;
	width: 50px;
	text-indent: -9999px;
	padding: 0;
	margin: 0 0px 0 0;
	color: transparent;
	text-transform: capitalize;
}

#searchform #searchsubmit:hover {
	background: transparent url(images/search.png) no-repeat -160px -40px;
	cursor: pointer;
}

#searchform #s {
	line-height: 20px;
	color: #000;
	background: transparent url(images/search.png) no-repeat -2px -10px;
	padding: 0 5px;
	height: 20px;
	width: 145px;
	margin: 0 5px 0 0;
	border: 1px none #CCC;
}

#searchform #s:focus {
	color: #666;
	background: transparent url(images/search.png) no-repeat 0px -40px;
}


.sitemap{
	margin-bottom: 20px;
}


/* =Footer= */

#footer {
	margin-bottom: 40px;
	margin-top: 0;
	padding: 0px 0 0px;
	clear: both;
	display: inline;
	float: left;
	text-align: center;
	background: url(images/footer_bg.png) no-repeat bottom;
	font-size: 11px;
	position: relative;
	color: #666;
}


#footer a{
	text-decoration: none;
}

#footer .unesco{
	color: #999;
	padding: 30px 0 0 0;
	display: block;
}

/* SLIDESHOW */

.portfolio-slideshow {
	z-index: 0 !important;
	margin: 0;
}