/*Simple design theme for DILIA Czech Republic*/
html, body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    color: #003771;
    padding: 0;
}
.container {
	height: 100%;
}
a {
    color: #003771;
    outline: none;     
}
a:hover {
    background: #F8E71C;
    color: #003771;
    text-decoration: none;
    outline: none;     
}
a:focus {
    outline: none; 	
}
p {
    line-height: 1.6em;
}
p a,
li a {
    color: #003771;
    border-bottom: 1px dotted #003771;
    padding: 0 0.1em;
    font-weight: bold;
}
p a:hover {
    color: #003771;
    border-bottom: 1px solid #003771;
    text-decoration: none;
}
p a.btn:hover {
    border: 3px solid #003771;
}
blockquote {
    font: 1em/1.4em Georgia, "Times New Roman", Times, serif;
    border-left: 4px solid #F8E71C;
    padding: 0 1em;
    margin: 1em 0;
}
h1, h2, h3, h4, h5, h6, .btn, .navmenu {
    font-family:"brandon-grotesque", sans-serif;
    font-weight: 700;
    margin-bottom: 0.1em;
}
h1 {
	margin-bottom: 0.6em;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    color: #003771;	
}
.lead {
    font-family:"brandon-grotesque", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
}
.lt-icon {
    position: relative;
    top: -2px;
}
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
    color: #000;
}
.nav>li:before,
.pagination>li:before {
	content: none;
}
table {
	vertical-align: top;
}

/*Header*/
#header {
    margin-bottom: 2.6em;
}
.brand,
.brand:hover {
    float: left;
    display: block;
    position: relative;
    width: 500px;
    height: 90px;
    margin-top: 1.2em;
    padding-top: 1em;
    padding-left: 136px;
    font-family:"brandon-grotesque", sans-serif;
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1em;  
}
.logo {
    text-indent: -10000px;
    display: block;
    float: left;
    position: fixed;
    width: 130px;
    height: 81px;
    margin-left: -156px;
    margin-top: -2px;
	background: url('../img/dilia-logo.png');
	background: url('../img/dilia-logo.svg'),linear-gradient(transparent, transparent);
	background-repeat: no-repeat;
	background-position:  left top;
	background-size: 130px 81px;
	top: 1.4em;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.brand a:hover {
	background: none;
	text-decoration: none;
}
.navbar-form {
    margin-top: 4.7em;
    float: right;
    position: relative;
    right: -14.5em;
    padding: 0;
}
.navbar-form .btn {
	margin-bottom: 0;
}
.header-icons {
    float: right;
    position: relative;
    right: -4px;
    top: 28px;
    text-align: right;
}
.header-icons a {
    color: #003771;
    padding: 0.2em 0.3em 0.3em 0.3em;
}
.header-icons a:hover {
    text-decoration: none;
    background: none;
}
.header-icons span.lang-switch {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    background: url('../img/uk-flag.png');
    background: url('../img/uk-flag.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position:  left top;
    background-size: 24px 24px;
}
.header-icons .fa-facebook-official {
    position: relative;
    top: 2px;
}
.newsletter-icon {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 18px;
	bottom: -5px;
	left: -8px;
	background: url('../img/info-icon.png');
	background: url('../img/info-icon.svg'),linear-gradient(transparent, transparent);
	background-size: 18px 18px;
}
.en-icon {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 11px;
    bottom: -4px;
    left: -4px;
    background: url('https://www.dilia.cz/images/flag-en.png');
    background: url('https://www.dilia.cz/images/flag-en.png'),linear-gradient(transparent, transparent);
/*    background-size: 18px 18px;*/
}
a.portal-login {
	width: auto;
	padding: 0.5em 0.8em;
    background-color: #003771;	
    color: #fff;
    font-size: 0.7em;
    text-transform: uppercase;
}
a.portal-login:hover {
    background: #F8E71C;
    color: #003771;
}
a.portal-login .lt-person {
	top: -1px;
	font-size: 1.1em;
	position: relative;
}

/*Navigation*/
.main-nav.nav {
    margin-left: 9.6em;
    background: none;
    border: 0px;
    width: 200px;
}
#navigace.affix {
	top: 40px;
}
#navigace.affix-top {
	top: 80px;
}
.nav br {
	line-height: 2em;
}
.nav>li>a {
    color: #003771;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 400;
    padding: 2px 2px;
    font-family:"brandon-grotesque", sans-serif;
    text-decoration: none;
    border-bottom: 0px solid #333;
    white-space: normal;
}
.nav>li>a:focus, 
.nav>li>a:hover {
    background: none;
}
.nav>li.active>a,
.nav>li.active>a:hover{
    color: #003771;
    background: none;
}
.nav>li>a .lt-menuright {
    text-indent: -40000px;
    display: inline-block;    
    font-size: 2.8em;
    line-height: 0.1em;
    top: 7px;
    position: relative;
    color: #003771;
}
.nav>li>a:hover .lt-menuright, 
.nav>li.active>a .lt-menuright, 
.nav>li.active>a:hover .lt-menuright {
    display: inline-block;
    text-indent: -20px;
    background: none;
}
.nav>li>a:hover .lt-menuright {
    color: #F8E71C;	
}

.nav>li>a strong {
    text-transform: uppercase;
    line-height: 1.16em;   
}
.navbar-toggle.btn {
    float: left;
    display: inline;
    margin-left: 0px;
    margin-top: 0.8em;
    padding-right: 0;
    padding-bottom: 0.4em;
    border: 0px;
    font-size: 1.2em;
}
.navbar-toggle .lt-menuright {
    font-size: 3em;
    line-height: 0em;
    position: relative;
    top: 6px;
    left: 8px;
}
.breadcrumb {
    background: none;
    padding: 0;
    font-family:"brandon-grotesque", sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;    
}
.breadcrumb a {
    text-decoration: none;
    padding: 0 0.4em;
}
.breadcrumb a:first-child {
    margin-left: -0.4em;
}
/*Tabs*/
.nav-tabs {
    border-bottom: 0px;
}
.nav-tabs>li {
    margin-bottom: -3px;
}
.nav-tabs>li>a, 
.nav-tabs>li>a:focus, 
.nav-tabs>li>a:hover,
.nav-tabs.nav-justified>li>a {
    padding: 0.6em 1em 0.7em 1em;
    border: 3px solid #003771;
    border-bottom: 0px solid #003771;
    border-radius: 0;
    margin-right: 1em;
    text-transform: uppercase;
}
.nav-tabs>li>a:hover {
	color: #fff;
    background: #003771;
}
.nav-tabs>li>a {
	
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: 3px solid #003771;
    border-bottom: 0px solid #003771;
}
#content .nav-tabs>li:before {
	content: none;
}
.tabs-smaller>li>a,
.tabs-smaller>li>a:hover,
.tabs-smaller>li>a:focus,
.tabs-smaller>li.active a,
.tabs-smaller>li.active a:hover,
.tabs-smaller.nav-justified>li>a {
    padding: 0.5em 0.6em 0.6em 0.6em;
    font-size: 1em;
    border: 2px solid #003771;
    margin-right: 0.4em;
    border-bottom: 0px solid #333;
}
.tabs-smaller>li {
	margin-bottom: -2px;
}
/*Forms*/
.form-control, .btn {
    border: 3px solid #003771;
    border-radius: 0;
    height: auto;
    box-shadow: none;
}
.sidebar-offcanvas .form-control {
	border: 0px solid #fff;
	margin-top: 2em;
} 
.sidebar-offcanvas .btn {
    border: 3px solid #fff;
    margin-top: 1em;
    color: #fff;
}
.sidebar-offcanvas .btn:hover {
    border: 3px solid #F8E71C;	
}
.input {
    transition: none;
}
.select {
    padding: 1em;
    border-radius: none;
}
.form-inline .form-group {
    margin-right: 0.6em;
    margin-bottom: 1em;
}
.form-inline .checkbox, .form-inline .radio {
	margin-bottom: 1em;
}
#synopsis_filter .form-group button {
	margin-top: -2em;
}
/*Buttons & Links*/
.btn {
    text-transform: uppercase;
    font-weight: 800;
    background: none;
    color: #003771;
    margin-bottom: 0.3em;
}
.btn a {
	text-decoration: none;
	border-bottom: 0;
}
.btn:hover {
    background: #F8E71C;
    color: #003771;
    border-color: #003771;
}
.btn-primary {
    color: #003771;    
    background: #F8E71C;
}
.btn-primary:hover {
    color: #F8E71C;
    background: #003771;
}
.project-link {
	font-size: 1.1em;
	display: inline-block;
	float: none;
	text-transform: uppercase;
	border-bottom: 0px;
	padding: 0.8em 0.6em 0.6em;
	padding-left: 38px;
	line-height: 1.1em;
	margin: 0.3em 0;
	margin-left: -0.5em;
	margin-bottom: -1.2em;
	background: url('../img/document-icon.png');
	background: url('../img/document-icon.svg'),linear-gradient(transparent, transparent);
	background-size: 28px 28px;
	background-position-y: 5px;
	background-position-x: 5px;
	background-repeat: no-repeat;
}
.project-link:hover {
	text-decoration: underline;
	border-bottom: 0px; 
	background: url('../img/document-icon.png');
	background: url('../img/document-icon.svg'),linear-gradient(transparent, transparent);
	background-size: 28px 28px;
	background-position-y: 5px;
	background-position-x: 5px;
	background-repeat: no-repeat;
}
.basic_info {
	margin-bottom: 2em;
}
.note {
	margin-top: 2em;
}

/*Footer*/
#footer {
    margin-top: 12em;
    position: relative;
    z-index: 0;
    border-top: 3px solid #003771;
    padding-top: 1em;
}
#footer .brand {
    background: url('../img/dilia-logo-text.png');
    background: url('../img/dilia-logo-text.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position:  right top;
    background-size: 250px 50px;
    width: 250px;
    float: none;
    margin-left: -0.5em;
    margin-top: 0;
    margin-bottom: -2em;
}
#footer small {
    line-height: 0.4em;
}
#footer h4 {
	margin-top: 0;
}

/*Homepage*/
.home .lead {
    font-size: 2em;
    font-weight: 400;
}
.home .lead a {
    padding: 0;
    border-bottom: 0px;
}
.news .post {
	height: 270px;
	border-bottom: 0px solid #333;
}
.news h2,
.new-synopsis h2 {
    text-transform: uppercase;
    font-size: 1.6em;
    margin: 0;
}
.news h3 {
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0;
	margin-top: 0.4em;
}
.news p {
	line-height: 1.3em;
	margin-top: 0.2em;
}
.new-synopsis h3 {
    font-size: 1.2em;
    line-height: 1.1em;
}
.new-synopsis h3 a {
    padding: 0.1em 0.2em;
    margin: -0.1em -0.2em;
}
a.more-news {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.4em -0.4em 1.4em -0.4em;
	display: inline-block;
	padding: 0.4em 0.4em 0.2em;
}
.banner.divadlo a.more-news,
.fixed-banner.divadlo a.more-news {
	margin-bottom: 0;
	margin-top: 0.6em;
}
.banner {
	display: block;
	padding: 1em;
	width: 100%;
	border: 3px solid #003771;
	margin: 2em 1em 2em 0;
}
.banner:first-child {
	margin-top: 0;
}
.banner h2, .banner h3, .banner h4 {
	margin-top: 0;
}
.banner.blue {
	background: #003771;
	border: 0px;
}
.banner.blue *,
.banner.blue *:hover {
	color: #fff;
	background: none;
}
.banner.yellow {
	background: #F8E71C;
	border: 0px;
}
.banner.blue * {
	color: #fff;
}
.banner.divadlo {
    background: #F8E71C url('../img/divadlo-icon.svg') no-repeat 96% 0.8em;
    background-size: 60px 60px;
    z-index: 99999;
    border: 0px solid #333;
}
.banner.divadlo h3 {
	text-transform: uppercase;
    font-size: 1.6em;	
}
.banner.divadlo a {
	display: block;
	width: 90%;
	margin-bottom: 0.4em;
}
.banner.divadlo a:hover {
	background: none;
}
.banner.divadlo .btn {
	display: inline-block;
	width: auto;
	margin-top: 1em;
}
.back-to-home {
	font-size: 0.8em;
}
.home .back-to-home {
	display: none;
}
/*Archive*/
.post {
    display: block;
    padding: 1em;
    border-bottom: 1px solid #eee;
}
.post:hover {
    background: #F8E71C;
}
.post a:hover {
    text-decoration: none;
}
.post h2 {
	margin-top: 0;
	font-size: 1.4em;
}
.post .date {
	font-size: 0.8em;
	text-transform: uppercase;
}
/*Content*/
#content h1 {
    margin-top: 0;
}
.twocolumns {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}
.onas_clenove_dilia {
	vertical-align: top;
}
/*Directories*/
.directory h2 {
    margin: 0;
}
.directory h2 a {
    display: block;
    background-size: 80px 80px;
    width: 100%;
    padding: 3.8em 0.5em 0.4em 0.5em;
    font-size: 0.66em;
    text-transform: uppercase;
}
.directory h2 a:hover {
    background-color: #F8E71C;
}
h2.divadlo a {
    background: url('../img/divadlo-icon.png') no-repeat 1em 0.6em;
    background: url('../img/divadlo-icon.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: 1em 0.6em;
}
h2.hudba a {
    background: url('../img/hudba-icon.png') no-repeat 0.7em 0.6em;
    background: url('../img/hudba-icon.svg'),linear-gradient(transparent, transparent);
	background-repeat: no-repeat;
	background-position: 0.7em 0.6em;
}
h2.literatura a {
    background: url('../img/literatura-icon.png') no-repeat 1em 0.6em;
    background: url('../img/literatura-icon.svg'),linear-gradient(transparent, transparent);
	background-repeat: no-repeat;
	background-position: 1em 0.6em;
}
h2.medialni a {
    background: url('../img/media-icon.png') no-repeat 0.6em 0.5em;
    background: url('../img/media-icon.svg'),linear-gradient(transparent, transparent);
	background-repeat: no-repeat;
	background-position: 0.6em 0.5em;
}
h2.autori a {
    background: url('../img/autori-icon.png') no-repeat 1em 0.6em;
    background: url('../img/autori-icon.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
	background-position: 1em 0.6em;
}
h2.nakladatele a {
    background: url('../img/nakladatele-icon.png') no-repeat 1em 0.6em;
    background: url('../img/nakladatele-icon.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
	background-position: 1em 0.6em;
}
h2.uzivatele a {
    background: url('../img/uzivatele-icon.png') no-repeat 1em 0.6em;
    background: url('../img/uzivatele-icon.svg'),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
	background-position: 1em 0.6em;
}
.directory h3 {
    margin: 0;
}
.directory h3 a {
    display: block;
    padding: 0.6em 0.5em 0.4em 0.8em;    
    font-weight: 500;
    font-size: 0.6em;
    text-transform: uppercase;
}
.directory .lt-newspaper,
.directory .lt-downbutton,
.directory .lt-mail {
    top: -2px;
    margin-right: 2px;
    left: 0px;
    position: relative;
}

/*Zafixovaný banner - jen pro jednotlivá oddělení*/
.fixed-banner {
	position: fixed;
	padding: 1em;
	width: 14%;
	top: 38%;
	right: 0;
	background: #F8E71C;
}
.fixed-banner h2, .fixed-banner h3, .fixed-banner h4 {
	margin: 0;
	margin-bottom: 0.6em;
}
.fixed-banner h3 {
	text-transform: uppercase;
	font-size: 1.2em;
}
.fixed-banner a {
	display: block;
}
.fixed-banner a:hover,
.banner.divadlo a:hover {
	color: #fff;
}
.fixed-banner.divadlo {
    background: #F8E71C url('../img/divadlo-icon.svg') no-repeat 1.2em 1em;
    background-size: 40px 40px;
    padding-top: 4.4em;
    z-index: 99999;
    transition-duration: 1s;
    right: -5em;
}
.fixed-banner.divadlo:hover {
	right: 0;
}

/*Catalog*/
.catalog-directory {
    width: 100%;
    display: block;
    margin-bottom: 1em;
}
.catalog-directory a {
    padding: 1em 1em;
    width: 48%;
    display: inline-block;
    font-family:"brandon-grotesque", sans-serif;
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
.catalog-directory a:hover {
    text-decoration: none;
    background: none;
}
.catalog-directory a img {
    float: left;
    margin-right: 1em;
}
.catalog-directory a img.img-check-icon {
    margin-right: 0;
}
.catalog-directory a span {
    width: 40%;
    display: inline-block;
    float: left;
    margin-top: 0.6em;
    font-size: 1.3em;
    letter-spacing: 0.02em;
}
.catalog .nav-tabs>li>a {
    font-weight: 700;
}
.catalog .nav-tabs>li>a:hover {
    background: #fff;
    color: #003771;	
}
.catalog-filter {
    padding: 1.4em;
    padding-bottom: 0.3em;
    border: 3px solid #003771;
}
.catalog-filter .form-control {
    border: 1px solid #003771;
    height: 34px;
    border-radius: none;
}
select.form-control {
	max-width: 160px;
}
.catalog-news {
    padding: 1.4em 0;
    padding-bottom: 0.3em;
    border-top: 2px solid #003771;
}
.catalog-btn {
    position: absolute;
    right: 2.6em;
}
.catalog .nav>li>a>img {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 0.6em;
    position: relative;
    margin-top: -4px;
    margin-left: -6px;
}
.back-to-catalog {
    font-family:"brandon-grotesque", sans-serif;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 2em;
    display: inline-block;
}
.back-to-catalog .lt-menuleft {
    font-size: 3em;
    line-height: 0em;
    position: relative;
    top: 0.12em;
    margin-right: 0.12em;
}
.catalog-pagination {
    position: relative;
    left: 20%;
}
ul.pagination {
    border-radius: 0px;
    width: 99.8%;
    margin-top: 3em; 
}
.pagination>li>a, 
.pagination>li>span {
    border: 3px solid #003771;
    margin: 0 -1.5px;    
    color: #003771;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
    border-radius: 0px;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    border-radius: 0px;
}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    color: #fff;
    background: #003771;
    border-color: #003771;    
}
.pagination>li:first-child>a,
.pagination>li:last-child>a {
    border: 0px solid #333;
    margin: 3px;
}
.pagination>li:first-child>a:hover,
.pagination>li:last-child>a:hover {
    background: none;
    color: #F8E71C;
}
.pagination>li:first-child>a>.lt-menuleft,
.pagination>li:last-child>a>.lt-menuright {
    font-size: 4em;
    line-height: 0.16em;
}
.catalog-alphabet .pagination>li.active>a {
    background-color: #F8E71C;
    border-color: #003771;
    color: #003771;
}
.pagination>.active>span {
	background-color: #003771;
	border-color: #003771;
	color: #fff;
}
.catalog-alphabet .pagination {
    margin: -3px 1.5px 2em 1.5px;
    background: #003771;
}
.catalog-alphabet .pagination>li>a {
    background: #003771;
    color: #fff;
    font-size: 0.78em;
    text-transform: uppercase;
    padding: 0.56em 0.5em;
}
.catalog-alphabet .pagination>li>a:focus, 
.catalog-alphabet .pagination>li>a:hover, 
.catalog-alphabet .pagination>li>span:focus, 
.catalog-alphabet .pagination>li>span:hover {
    color: #003771;
    background-color: #F8E71C;
}
.catalog-alphabet .pagination>li:first-child>a, 
.catalog-alphabet .pagination>li:first-child>span,
.catalog-alphabet .pagination>li:last-child>a, 
.catalog-alphabet .pagination>li:last-child>span {
    border: 3px solid #003771;
    margin: 0 -1.5px;
}
.catalog-alphabet .pagination>li:first-child>a {
/*	padding-left: 1em;
	padding-right: 1em;*/
}
.catalog-listing {
    margin-top: 2em;
    margin-bottom: 2em;
}
.catalog-listing .synopsis-thumb:only-child {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}
.synopsis-thumb {
    margin: 0;
    padding: 1em;
}
.synopsis-thumb:hover {
    background: #F8E71C;
    text-decoration: none;
}
.synopsis-thumb:nth-child(2n+1) {
	clear: both;
}
.catalog-listing .synopsis-thumb:only-child:hover {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}
.synopsis-thumb a:hover {
    text-decoration: none;
}
.synopsis-thumb p,
.synopsis-thumb h2 {
    margin: 0;
}
.synopsis-thumb .author {
    font-weight: bold;
}
.synopsis-title {
	font-size: 1.6em;
}
h2.author {
    font-size: 1.4em;
    margin: 0;
}
.author a {
    padding: 0em 0.3em;
    margin: -0.2em;
}
.author-thumb a {
    font-size: 1.2em;
    line-height: 0.4em;
    position: relative;
    padding: 0.2em 0.4em;
    margin-left: -0.4em;
}
.agentura:after {
    display: inline-block;
    content: " ";
    font-size: 1em;
    line-height: 0.4em;
    width: 28px;
    height: 28px;
    position: relative;
    top: 8px;
    left: 4px;
    background: url('../img/agentura-icon.svg') no-repeat center center;
    background-size: 38px 38px;
}
.sprava:after {
    display: inline-block;
    content: " ";
    width: 28px;
    height: 28px;
    position: relative;
    top: 8px;
    left: 4px;
    background: url('../img/sprava-icon.svg') no-repeat center center;
    background-size: 38px 38px;
}
.sprava.agentura:after {
    display: inline-block;
    content: " ";
    width: 38px;
    height: 28px;
    position: relative;
    top: 8px;
    left: 8px;
    background: url('../img/sprava-agentura-icon.svg') no-repeat left center;
    background-size: 38px 38px;
}
/*Contact & Download list*/
.contacts .contact {
	min-height: 180px;
}
.contact,
a.download-list,
a.download-link {
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #eee;	
}
a.download-link {
	padding: 0.8em 1em;
}
.contact:hover {
	background: none;
}
.contact h2 {
	margin-top: 0.3em;
}
h3.contact-dep {
	font-size: 1em;
	text-transform: uppercase;
	padding-top: 1em;
	margin-bottom: 0em;	
	margin-top: 1em;
}
h3.contact-dep:first-child {
	padding-top: 0em;
	margin-top: 0em;
}
.autor {
    background: url('../img/autor-icon.svg') no-repeat 6px 2px;
    background-size: 30px 30px;
    padding: 0.6em 1em 0.4em;
    padding-left: 2.4em;
    font-size: 1.1em;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    font-family:"brandon-grotesque", sans-serif;
    font-weight: bold;
}
.autor:hover {
    background: #F8E71C url('../img/autor-icon.svg') no-repeat 6px 2px;	
    background-size: 30px 30px;
}
/*Modals*/
.modal-content {
	border-radius: 0;
    border: 0px solid #003771;
    box-shadow: none;
}
/*Collapsed*/
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid transparent; 
	border-radius: 0px; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}
.panel-default>.panel-heading {
	border: 0px solid #003771;
	border-top: 2px solid #003771;
	border-radius: 0;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
}
.panel-title {
	padding: 0.6em;
	text-transform: uppercase;
}
.panel-title:hover {
	background: #F8E71C;
}
.panel-group .panel-heading+.panel-collapse>.list-group, 
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0px solid #333;
}
.panel-group .panel+.panel {
	margin-top: 0;
}
/*.panel.panel-default:hover {
	background: #F8E71C;
}*/

/*RWD*/
@media (max-width: 1200px) {
	.tabs-smaller>li {	
		font-size: 0.8em;
		margin-right: 0.26em;
	}
	.tabs-smaller>li.active>a {
		color: #F8E71C;
		background: #003771;
	}
	.tabs-smaller>li.active>a:hover {
		color: #fff;
		background: #003771;
	}
	.navbar-form {
	    margin-top: 3.2em;
	    float: right;
	    position: relative;
	    right: -0.4em;
	    padding: 0;
	}
	.news .post {
		height: 300px;
	}
	#synopsis_filter .form-group button {
		margin-top: -1.4em;
	}
	.catalog-alphabet .pagination>li>a {
		padding: 0.3em 0.3em;
	}
	.directory h2 a {
		font-size: 0.55em;
		padding-top: 4.6em;
		letter-spacing: -0.01em;
	}
}

@media (max-width: 1024px) {
	#hudebni_filter, 
	#authors_filter {
		width: 80%;
	}
	.directory h2 a {
		font-size: 0.55em;
		padding-top: 4.6em;
		letter-spacing: -0.01em;
	}
}

@media (max-width: 992px) {
    body {
        padding: 0;
    }
    .main-nav.nav {
        margin-left: 1em;
        width: 100%;
    }
    .brand,    
    .brand:hover {
        text-indent: -10000px;
        display: block;
        float: left;
        width: 150px;
        height: 60px;
        margin-top: 0em;
        background-size: 150px 60px;
        margin-bottom: 1em;
    }
    .logo {
    	position: relative;
    	top: 0.2em;
    	left: 0.8em;
    	background-size: 130px 81px;
    }
    .home .lead {
    	font-size: 24px;
    	line-height: 28px;
    }
    .fixed-banner  {
    	display: block;
    	position: relative;
    	width: 100%;
    	right: 0;
    	left: 0;
    	margin-bottom: 1em;
    }
	.news .post {
		height: 300px;
	}
	a.portal-login {
		background: #fff;
        color: #003771;
	}
	.tabs-smaller>li {	
		width: 100%;
	}
	#synopsis_filter .form-group button {
		margin-top: -1.8em;
	}
	.catalog .nav-tabs>li>a {
		font-size: 1em;
		padding: 1em;
	}
	.navbar-form {
		margin-top: 4.2em;
		right: -12em;
	}
	.directory h2 a {
		font-size: 0.66em;
		padding-top: 3.8em;
		letter-spacing: 0;
	}
}

@media (max-width: 767px) {
	.affix {
		position: relative;
	}
	#header {
		margin-bottom: 2em;
	}
    .brand,    
    .brand:hover {
        text-indent: -10000px;
        display: block;
        float: left;
        width: 100px;
        height: 60px;
        margin-top: 0;
        margin-bottom: 1em;
    }
    .logo {
        text-indent: -10000px;
        display: block;
        float: left;
        position: relative;
        width: 100px;
        height: 60px;
        margin-left: -140px;
        margin-top: -10px;
    	background: url('../img/dilia-logo.svg') no-repeat left top;
    	background-size: 96px 60px;
    	top: 0;
    	left: 0;
    }
    .main-nav.nav {
        margin: 1em;
        width: 100%;
    }
    .navbar-form {
        width: 74%;
        float: none;
        margin: 1em;
        padding: 0;
        right: auto;
        -webkit-box-shadow: none;
        border-top: none;
        border-bottom: none;
        box-shadow: none;
    }
    .nav>li>a:focus, 
    .nav>li>a:hover {
        background: none;
        color: #F8E71C;
        margin-right: 0;
    }
    .nav>li.active>a,
    .nav>li.active>a:hover {
        background: none;
        color: #F8E71C;
    }
    .header-icons {
        display: block;
        position: absolute;
        float: right;
        top: 3.6em;
        right: 1.6em;
        left: auto;
    }
    .header-icons a {
        padding: 0.1em;
        font-size: 0.9em;
    }
    a.portal-login {
	width: 18px;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -8px;    
    }
    .lead {
        font-size: 18px;
    }
    .home .lead {
        font-size: 22px;
        line-height: 26px;
    }
    .nav-tabs>li {
    	width: 100%;
    	display: block;
    }
    .nav-tab>s>li>a,
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus {
    	margin-right: 0;
    }
    /*Off Canvas*/
	.main-nav.nav {
    	width: 60%;
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
           -moz-transition: all .25s ease-out;
                transition: all .25s ease-out;
    }
    .row-offcanvas-right {
        right: 0;
        min-height: 700px;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -60%; /* 6 columns */
    }
    .row-offcanvas-right.active {
        right: 60%; /* 6 columns */
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 60%; /* 6 columns */
        height: 100%;
    }
    .sidebar-offcanvas {
        background: #003771;
        color: #fff;
    }
    .sidebar-offcanvas .nav>li>a {
        color: #fff;
    }
    .sidebar-offcanvas .nav>li>a:hover {
        color: #F8E71C;    
    }
    .catalog-directory a {
    	font-size: 1.4em;
    	margin-left: 0.4em;
    	padding: 0.4em;
    	width: 100%;
    }
    .catalog-directory a span {
    	width: 20%;
    	margin-top: 0.2em;
    }
    .catalog-directory a img.img-check-icon {
    	float: left;
    }
    .catalog-directory a img {
    	float: left;
    	margin-right: 0.6em;
    }
    .fixed-banner  {
		display: block;
		position: relative;
		width: 100%;
		right: 0;
    }
    .pagination>li>a,
    .pagination>li>span {
    	padding: 0.1em 0.5em;
    }
    .catalog-pagination {
    	left: 0;
    	position: relative;
    }
    .catalog-btn {
    	position: relative;
    	right: 0;
    	margin-bottom: 1em;
    }
    .nav-tabs>li>a, 
    .nav-tabs>li>a:focus, 
    .nav-tabs>li>a:hover, 
    .nav-tabs.nav-justified>li>a {
    	margin-right: 0;
    }
    #synopsis_filter .form-group button {
    	margin-top: 0em;
    }
    .newsletter-icon {
    	left: -3px;
    }
    h2.nakladatele a {
    	left: -30px;
    	position: relative;
    }
    .contacts .contact {
    	min-height: auto;
    }
    h3.contact-dep {
    	padding-top: 2em;
    	display: block;
    }
}