/*
  Styly pro vzhled webu.
*/
.cleaner {
        clear: both;
}
body {
	font-family: 'GloriolaRegular';
}

/* hlavicka */
#header {
	background-color: white;
	width:1170px;
	margin: 0 auto;
}
.grayHeader {
	background-color: #f0f0f0!important;
}
h1 {
	font-size: 35px;
	line-height: 1.83;
	letter-spacing: 9.3px;
	text-transform:uppercase;
	margin:0;
}
#logo {
	padding: 23px 0 20px 0;
}
#logo A {
	display: block;
	width: 193px;
	height: 87px;	
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
}
.barrandov-logo {
	position: relative;
    margin-left: -64px;
	left: 90px;
    top: 17px;
}
#topbar {
	padding: 10px 15px;
	color: #E4E6E4;
	background-color: #3C3E3C;
}
#topbar A {
	color: #E4E6E4; 
}

#topbar UL.langs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#topbar UL.langs LI {
	display: inline-block;
	padding: 0 0 0 5px;
}
#topbar UL.langs LI:before {
	content: "/";
	padding-right: 5px;
}
#topbar UL.langs LI:first-child:before {
	content: "";
}
#topbar UL.langs LI.active A {
	font-weight: bold;
}

#topbar .langs,
#topbar .user {
	display: inline-block;
}
#topbar .user {
	margin-left: 20px;
}

/* hlavni menu */
#mainMenu {
	margin-top:15px;
	margin-bottom:5px;
}
#mainMenu #navbar {
	padding-right:0px !important;
	padding-left:0px !important;
}
#mainMenu li {
	display:none;
}
#topmnu2, #topmnu3, #topmnu4, #topmnu5, #topmnu6, #topmnu7, #topmnu8 {
	display:inline-block!important;
}
#mainMenu li.active A {
	font-family: 'GloriolaSemibold';
	color:#f9b000;
	background:none;
}
#mainMenu A {
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #101010;
	font-size:17px;
	-webkit-transition: color 800ms linear;
	-moz-transition: color 800ms linear;
	-o-transition: color 800ms linear;
	-ms-transition: color 800ms linear;
	transition: color 800ms linear;
}
#mainMenu A:focus,
#mainMenu A:hover {
	color:#f9b000;
	background:none;
	-webkit-transition: color 130ms linear;
	-moz-transition: color 130ms linear;
	-o-transition: color 130ms linear;
	-ms-transition: color 130ms linear;
	transition: color 130ms linear;
}
#mainMenu li:last-of-type A {
	padding-right:0;
}
#searchbox {
	padding: 5px 20px 5px 0;	
	width: 200px;
	margin-top:20px;
}
#searchbox input, #searchbox button {
	box-shadow: none;
	border:none;
	border-bottom:solid 1px #d9d9d9;
	border-radius:0;
	background-color: transparent!important;
}
#searchbox button {
	border:none;
	color:#707070;
	position:relative;
	top:5px;
	left:-2px;
}
#searchbox button:hover {
	background:none;
}
.langs {
	padding-left:0;
	margin-top:34px;
}
.langs li {
	list-style-type: none;
	font-size:14px;
	text-transform: uppercase;
	float:left;
}
.langs li a {
	padding-top:20px;
	padding-bottom:20px;
}
.langs li.active a {
	color: #d9d9d9;
	padding-left:5px;
	padding-right:8px;
}
.langs li.active a:hover {
	text-decoration: none;
	cursor:default;
}
.langs li:not(.active) a {
	color: #f9b000;
	font-family: 'GloriolaSemibold';
	padding-left:6px;
	padding-right:2px;
}

/* paticka */
#footer {
	margin-top:90px;
}
#footer-switch {
	background-color: #101010;
	-webkit-transition: all 800ms linear;
	-moz-transition: all 800ms linear;
	-o-transition: all 800ms linear;
	-ms-transition: all 800ms linear;
	transition: all 800ms linear;
} 
#footer-switch-arrow IMG {
	position:relative;
	left:50%;
	cursor:pointer;
} 
#footer-switch-arrow-down {
	margin-left:-23px;
	top:-23px;
} 
#footer-switch-arrow-up {
	margin-left:-17px;
	top:-17px;
} 
#footer-switch-sitemap-heading {
	letter-spacing: 6px;
	text-align: center;
	color: #707070;
	font-size: 20px;
	text-align:center;
	padding-bottom: 50px;
	cursor:pointer;
}
#footer-switch-share {
	margin-top:-95px;
}
#footer-switch-share-icons {
	float:right;
	display:none; /* "zatim skryt" 13.12.2016 */
}
#footer-switch-share-icons a {
	padding-left: 8px;
	padding-right: 8px;
}

#footer-sitemap {
	background-color: #101010;
	padding-top:70px;
	padding-bottom:60px;
	display:none;
}
#footer-sitemap .sitemap-link-col {
	float:left;
	margin:0 auto;
	border-left:solid 1px #2c2c2c;
	padding-left:30px;
	padding-right:30px;
	max-width:250px;
	min-height:250px;
}
#footer-sitemap .sitemap-link-col:first-of-type,
#footer-sitemap .sitemap-link-col:last-of-type
{
	border:none;
}
#footer-sitemap .sitemap-link-col:first-of-type {
	padding-left:0;
}
#footer-sitemap .sitemap-link-col:last-of-type {
	padding-right:0;
}
.sitemap-link-col-4 {
	padding-right:0px!important;
	max-width:230px!important;
}
#footer-sitemap .sitemap-link-col a {
	color:#b9b9b9;
	display:block;
	text-transform:uppercase;
	font-size: 12px;
	line-height: 1.3;
	margin-bottom:10px;
}
#footer-sitemap p {
	color:white;
	margin-bottom:25px;
	opacity:0.6;
}
.newsletter-popup .modal-content p {
	color:#333!important;
}
#newsletterMailReg .btn-gold-black {
	background:black;
}
#footer-sitemap .btn {
	margin-top:18px;
}
#footer-sitemap .sitemap-link-col a:hover {
	color:#f9b000;
	text-decoration:underline;
}
#footer-sitemap .sitemap-link-col span.sitemap-section-heading {
	color:#f9b000;
	display:block;
	text-transform:uppercase;
	font-size: 12px;
	line-height: 2;
}
#footer-contact {
	background-color: #101010;
	padding-bottom:50px;
	display:none;
}
#footer-contact a {
	color:#f9b000;
}
#footer-contact .footer-contact-section {
	width:170px;
	display:table-cell;
	text-align:center;
	color: #ffffff;
}
#footer-contact .footer-contact-section>p {
	opacity:0.6;
}
#footer-contact .footer-contact-section a, #footer-contact .footer-contact-section img {
	opacity: 1;
}
#footer-contact .footer-contact-section IMG {
	display:block;
	margin:0 auto 10px auto;
}
#footer-contact-sections-wrap {
	display:table;
	border-top: solid 1px #2c2c2c;
	padding-top:30px;
}
#footer-contact-map {
	float:right;
}
#footer-switch-arrow-up {
	display:none;
}

/* leve menu */
#menu UL {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu > UL {
	margin-top: 25px;
	border-top: 1px solid #DDDDDD;
}
#menu UL UL {
	border-top: 0;
	padding: 1px 0 1px 14px;	
}
#menu UL LI.active UL {
	border-top: 1px solid #DDDDDD;
}
#menu UL LI.active LI.active UL {
	border-top: 0;
}
#menu UL LI {
	border-bottom: 1px solid #DDDDDD;		
}
#menu UL LI LI {
	border-bottom: 0;
}
#menu UL LI LI SPAN {
	border-bottom: 1px dotted #DDDDDD;
}

#menu LI SPAN {
	display: block;
	background-image: url("../img/li_left.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #E5E6EC;
	padding: 10px 15px 10px 20px;
	color: #333333;
}
/* vychozi zobrazeni menu 1. urovne */
#menu LI.active A SPAN {
	background-image: url("../img/li_left.gif");
	color: #333333;
}
/* vybrana polozka menu 1. urovne */
#menu LI.active SPAN {
	background-image: url("../img/li_left_active.gif");
	color: #435CCC;
}

/* vychozi zobrazeni menu 2. a nizsi urovne */
#menu * LI.active LI SPAN {        
}
#menu * LI.active LI A SPAN {
	background-image: url("../img/li_left.gif");
	background-color: #FFFFFF;
	color: #333333;
}
/* aktualne vybrana polozka menu 2. a nizsi urovne */
#menu LI.active * LI SPAN {
	background-image: url("../img/li_left_active.gif");
	background-color: #FFFFFF;
	color: #435CCC;
}

/* prejeti mysi po menu */
#menu LI A:hover SPAN {
	background-image: url("../img/li_left_active.gif");
	background-color: #D6D6D6; /*#EFEFF0;*/
	text-decoration: none;
	color: #435CCC;
}
#menu UL LI A:hover {
	text-decoration: none; /* SAFARI BUGFIX */
}
#menu LI LI A:hover SPAN {
	background-image: url("../img/li_left_active.gif");
	background-color: #EFEFF0; /*transparent;*/
	color: #435CCC;
}

/* obsah */
#content > .breadcrumb {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;	
	background-color: #F9F9F9;
}

.main > .page-header, #novinky-struktura .page-header {
	margin-top: 80px;
	margin-bottom: 60px;
	padding:0;
	border:none;
}

.main > .childStructures {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #EEEEEE;
	list-style: none;
}
.main > .childStructures.noborder {
	margin: 0;
	padding: 0;
	border-top: 0;
}

.main .loginForm {
	max-width: 640px;
}

#poptavka .radio-inline {
	padding-left:30px;
	margin-right:50px;
}
#poptavka {
	font-size:17px;
	color: #707070;
}
#poptavka .radio-inline input {
	margin-left:-30px;
}
#poptavka>.row:first-of-type {
	margin-bottom:60px;
}
#poptavka label {
	font-weight:normal!important;
}
#poptavka .form-control {
	margin-bottom:30px;
}
#poptavka textarea {
	min-height: 160px;
}
#poptavka-newsletter .checkbox-inline  {
	padding-left:40px;
}
#poptavka-newsletter .checkbox-inline input[type=text] {
	margin-left:-25px;
}
#poptavka input[type=submit]{
	margin-top:65px;
}



@media (max-width:1199px) {
	#header {
		width:970px;
	}
	#mainMenu a {
		font-size:14px;
		padding: 10px 13px;
	}
	#footer-sitemap .sitemap-link-col {
		max-width:190px!important;
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer-sitemap sitemap-link-col-4 {
		max-width:inherit;
	}
	#footer-sitemap .sitemap-link-col a {
		font-size:11px;
	}
	
}
@media (max-width:991px) {
	#header {
		width:750px;
	}
	#mainMenu {
		margin-bottom:10px;
	}
	#mainMenu .navbar-toggle {
		border:none;
		font-size: 17px;
		font-family: 'GloriolaSemibold';
		color:black;
		margin:0;
		background: transparent;
		z-index:1000;
		position:relative;
		padding-right:0;
		padding-bottom:0;
	}
	#mainMenu .navbar-toggle:hover {
		/*background:white;*/
	}
	#mainMenu .navbar-toggle.in {
		background:white!important;
	}
	#mainMenu .navbar-toggle .icon-bars {
		float:right;
		margin-left:7px;
		position: relative;
		top: 1px;
	}
	#mainMenu .navbar-toggle .icon-bar {
		height:4px;
		background-color:#f9b000;
	}
	#mainMenu .navbar-default {
		background-color: transparent;
		border:none;
	}
	.navbar-toggle.in {
		position: fixed!important;
		z-index:10001!important;
		height: 136px;
		margin-top: -81px!important;
		margin-bottom: -32px !important;
		right: 0;
		width: 280px;
		padding-left:31px;
		transition: background 400ms;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-moz-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.5);
	}
	.navbar-collapse.collapse:not(.in) {
		display:none!important;
	}
	#navbar.navbar-collapse {
		position: fixed;
		top: 130px;
		right: 0px;
		z-index: 10000;
		width: 280px;
		height: 100%!important;
		background:white;
		-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		padding-right:0px !important;
	}
	.menuOpened {
		display:none;
		margin-top:57px;
		text-align:left;
		padding-left:120px;
	}
	.menuOpened IMG {
		position: relative;
		top:-2px;
		left:7px;
	}
	#mainMenu li {
		float:none;
		width:auto;
	}
	#mainMenu li:last-of-type {
		border:none;
	}
	#mainMenu li A {
		padding:14px 0px 0 45px;
		font-size:17px;
	}
	#mainMenu A SPAN {
		display:block;
		width:180px;
		border-bottom: solid 1px #f9b000;
		padding-bottom: 14px;
	}
	#mainMenu .active A {
		background:none;
	}
}
@media (max-width:991px) {
	#header {
		width:auto;
	}
	.novinky-homepage-collage .novinky-homepage-collage-image, 
	.novinky-homepage-collage .novinky-homepage-collage-popis,
	.novinky-homepage-collage .novinky-homepage-collage-image IMG:not(.homepage-novinky-arrow){
		width: 363px!important; 
		height: 363px!important;
	}
	.novinky-homepage-collage {
		width:726px !important;
	}
	.novinky-homepage-wrap {
		width:743px!important;
		padding:0!important;
	}
	.novinky-homepage-type {
		margin-top: 30px!important;
	}
	#footer-sitemap .sitemap-link-col {
		width:33%;
		max-width:33%;
	}
	#footer-sitemap .sitemap-link-col-4 {
		border:none;
	}
	#footer-sitemap .sitemap-link-col:last-of-type {
		border-left:solid 1px #2c2c2c;
	}
	.footer-divider {
		margin-top:60px;
	}
}
@media (max-width:767px) {
	#logo A {
		width:155px;
		height:38px;
		background-image: url(../img/logo-xs.png);
	}
	.langs {
		margin-top:18px;
	}
	.menuClosed {
		margin-top:15px;
	}
	.menuOpened {
		margin-top:56px;
	}
	.navbar-toggle.in {
		margin-top:-65px!important;
	}
	#searchbox-xs {
		padding: 5px 20px 5px 0;	
		width: 200px;
		margin-top:20px;
	}
	#searchbox-xs input, #searchbox-xs div.btn {
		box-shadow: none;
		border:none;
		border-bottom:solid 1px #d9d9d9;
		border-radius:0;
		background:none;
	}
	#search-string-xs {
		width:0;
		padding:0;
		-webkit-transition: width 450ms ease-out;
		-moz-transition: width 450ms ease-out;
		-o-transition: width 450ms ease-out;
		-ms-transition: width 450ms ease-out;
		transition: width 450ms ease-out;
	}
	#searchbox-xs div.btn {
		border:none;
		color:#707070;
		position:relative;
		top:5px;
		left:-10px;
		font-size:16px;
		cursor:pointer;
		padding:0;
		
	}
	#searchbox-xs div.btn .glyphicon {
		padding:5px 10px;
	}
	#searchbox-xs div.btn:hover, #searchbox-xs div.btn:active, #searchbox-xs div.btn:focus {
		background:none;
	}
	#novinky-homepage-xs a {
		text-decoration:none;
	}
	#novinky-homepage-xs .homepage-novinky-arrow {
		left: 50%!important;
		margin-left: -17px!important;
		margin-top: -18px!important;
	}
	#novinky-homepage-xs .novinky-homepage-collage {
		max-width:390px;
		width:100%!important;
	}
	#novinky-homepage-xs .novinky-homepage-wrap,
	#novinky-homepage-xs .novinky-homepage-collage-1,
	#novinky-homepage-xs .novinky-homepage-collage-2,
	#novinky-homepage-xs .novinky-homepage-collage-3,
	#novinky-homepage-xs .novinky-homepage-collage-image,
	#novinky-homepage-xs .novinky-homepage-collage-popis, 
	.novinky-homepage-collage .novinky-homepage-collage-image IMG:not(.homepage-novinky-arrow) {
		max-width:390px!important;
		width:100%!important;
	}
	#novinky-homepage-xs .novinky-homepage-collage-popis,
	#novinky-homepage-xs .novinky-homepage-collage-image,
	#novinky-homepage-xs .novinky-homepage-collage-image IMG {
		height:auto!important;
	}
	#novinky-homepage-xs .novinky-homepage-collage-1,
	#novinky-homepage-xs .novinky-homepage-collage-2,
	#novinky-homepage-xs .novinky-homepage-collage-3 {
		margin-left:0;
	}
	#novinky-homepage-xs .novinky-homepage-collage-popis {
		padding-bottom:35px;
	}
	
	#footer-sitemap .sitemap-link-col {
		padding:15px 0;
		min-height:20px;
		height:auto;
		max-width:100%!important;
		width:100%;
		border:none!important;
		border-bottom:solid 1px #2c2c2c!important;
	}
	#footer-sitemap .sitemap-link-col a{
		height:0;
		margin-bottom:0;
		overflow:hidden;
	}
	#footer-sitemap .sitemap-link-col.active .sitemap-section-heading {
		margin-bottom:10px;
	}
	#footer-sitemap .sitemap-link-col.active a{
		height:22px;
		margin-bottom:10px;
		-webkit-transition: height 200ms ease-out;
		-moz-transition: height 200ms ease-out;
		-o-transition: height 200ms ease-out;
		-ms-transition: height 200ms ease-out;
		transition: height 200ms ease-out;
	}
	#footer-sitemap .sitemap-link-col:not(:last-of-type) span.sitemap-section-heading {
		cursor:pointer;
	}
	#footer-sitemap .sitemap-link-col:last-of-type {
		border:none!important;
	}
	#footer-sitemap {
		display:block;
		padding-bottom:20px;
	}
	#footer-contact {
		display:block;
	}
	#footer-switch {
		display:none;
	}
	#footer-contact .footer-contact-section {
		display:block;
		margin:45px auto 0 auto;
	}
	.sitemap-section-heading {
		background:url(../img/sitemap-link-col-down.png) no-repeat right;
	}
	.active .sitemap-section-heading {
		background:url(../img/sitemap-link-col-up.png) no-repeat right;
	}
	.sitemap-link-col.sitemap-link-col-5 .sitemap-section-heading {
		background-image:none;
	}
}