@charset "UTF-8";
body {
	color: white;
	background: black url("images/bg2.jpg") no-repeat fixed center top;
}
.all {
	width: 80%;
	overflow: auto;
	margin-left: 10%;
	border: 0.1em solid #9C9DA7;
	border-radius: 1.8em;
	font-size: 0.9em;
	background: #010110; /* Old browsers */
	background: -moz-linear-gradient(left, rgba(2,2,26,0.8) 0%, rgba(0,0,0,0.8) 50%, rgba(2,2,26,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(2,2,26,0.8) 0%, rgba(0,0,0,0.8) 50%, rgba(2,2,26,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(2,2,26,0.8) 0%, rgba(0,0,0,0.8) 50%, rgba(2,2,26,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010110', endColorstr='#010110',GradientType=0 ); /* IE6-9 */
}

.all header {
	overflow: auto;
	background-color: #111;
    overflow: hidden;
}
.all header .horni {
	float: left;
	width: 95%;
	text-align: left;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.5em;
	text-decoration: none;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 0.7em;
	color: #D1D1D1;
}
.all header .logo {
	clear: both;
	float: left;
	width: 100%;
}
.all header .logo h1 {
	visibility: hidden;
	font-size: 0;
}
.all header .logo h2 {
	visibility: hidden;
	font-size: 0;
}
.all header .logo img {
	width: 100%;
	float: left;
}
header .horni a {
	padding-left: 1%;
	padding-right: 1%;
	font-size: 1em;
}
header .horni a:link    {color: #EEE; text-decoration: none;}
header .horni a:visited {color: #EEE; text-decoration: none;}
header .horni a:active  {color: #EEE; text-decoration: none;}
header .horni a:hover   {color: #80EAFB; text-decoration: underline;}

nav.navigace {
	background: #202345;
	margin-bottom: 0m;
}
nav.navigace:after {
    content: "";
    display: table;
    clear: both;
}

/*Strip the ul of padding and list styling*/
nav.navigace ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

/*Create a horizontal list with spacing*/
nav.navigace  li {
	display: inline-block;
	float: left;
}

/*Style for menu links*/
nav.navigace li a {
	display: block;
	background: #202345;
	color: white;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 1.00em;
	padding: 1.2em 2.7em;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

/*Hover state for top level links*/
nav.navigace li:hover a {
	background: #3E7EA7;
}

/*Style for dropdown links*/
nav.navigace li:hover ul a {
	background: #243E7A;
	color: white;
}

/*Style for dropdown links*/
nav.navigace li:hover ul a.short {
	background: #243E7A;
	color: white;
	min-width: 140%;
}

/*Hover state for dropdown links*/
nav.navigace li:hover ul a:hover {
	background: #3E7EA7;
	color: white;
}

/*Hide dropdown links until they are needed*/
nav.navigace li ul {
	display: none;
    position: absolute;
    z-index: 50;
}

/*Make dropdown links vertical*/
nav.navigace li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
nav.navigace li ul li a {
	padding: 1em;
}

/*Display the dropdown on hover*/
nav.navigace ul li a:hover + .hidden, .hidden:hover {
	display: block;
	width: auto;
}

/*Style 'show menu' label button and hide it by default*/
nav.navigace .zobrazit-menu {
	font-family: montserrat, sans-serif;
	text-decoration: none;
	color: white;
	background: #3D60A7;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
nav.navigace input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
nav.navigace input[type=checkbox]:checked ~ .menu{
    display: block;
}

.obsah {
    font-size: 1em;
    font-family: Segoe, "Segoe UI";
    color: white;
}
.obsah .clanky {
	padding-left: 2%;
	width: 76%;
	float: left;
	padding-right: 2%;
	margin-top: 2%;
}
.obsah .clanky article.mn-posts {
	border-bottom: 0.1em solid #444;
}

.obsah .clanky article.mn-posts:last-child {
	border: 0;
}

.obsah .clanky article.mn-posts:after {
    content: "";
    display: table;
    clear: both;
}

.obsah .clanky h2 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.8em;
    margin-top: 1.5em;
}
.obsah .clanky h3 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.08em;
}
.obsah .clanky h3 a {
	font-style: normal;
	font-weight: 400;
	font-size: 1.08em;
}
.obsah .clanky h4 {
	font-style: normal;
	font-weight: 300;
	font-size: 1.0em;
}
.obsah .clanky h2 a:link    {color: white; text-decoration: underline;}
.obsah .clanky h2 a:visited {color: white; text-decoration: underline;}
.obsah .clanky h2 a:active  {color: white; text-decoration: none;}
.obsah .clanky h2 a:hover   {color: #80EAFB; text-decoration: none;}

.obsah .clanky h3 a:link    {color: white; text-decoration: underline;}
.obsah .clanky h3 a:visited {color: white; text-decoration: underline;}
.obsah .clanky h3 a:active  {color: white; text-decoration: none;}
.obsah .clanky h3 a:hover   {color: #80EAFB; text-decoration: none;}

.obsah .clanky p {
	font-style: normal;
	font-weight: 100;
	text-align: justify;
}
.obsah .clanky .responsive-table {
    overflow-x: auto;
    white-space: nowrap;
}
.obsah .clanky img {
    width: 100%;
    max-width: 500px;
    height: auto;
    padding: 0.5em;
    padding-left: 0;
    clear: both;
}
.obsah .clanky .mn-posts img {
    max-width: 800px;
}
.obsah .clanky img.noscale {
	width: auto;
    max-width: 800px;
    padding-right: 0.5em;
}
.obsah .clanky img.chevron {
	width: 16%;
    max-width: 50px;
}
.obsah .clanky .address7 img.chevron {
	width: 16%;
    max-width: 50px;
}
.obsah .clanky .address8 img.chevron {
	width: 12%;
    max-width: 50px;
}
.obsah .clanky .address9 img.chevron {
	width: 11%;
    max-width: 50px;
}
.obsah .clanky .address7 tr td:nth-child(4) img.chevron {
    width: 70%;
    max-width: 50px;
}
.obsah .clanky .address8 tr td:nth-child(4) img.chevron {
    width: 70%;
    max-width: 50px;
}
.obsah .clanky .address9 tr td:nth-child(4) img.chevron {
    width: 70%;
    max-width: 50px;
}
.obsah .clanky img.chevron-big {
	width: 70%;
    max-width: 100px;
}
.obsah .clanky a img {
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.obsah .clanky a img:hover {
    -webkit-filter: brightness(65%);
   filter: brightness(65%);
}
.obsah .clanky .post-img {
	float: left;
	margin: 0.2em;
	margin-right: 0.5em;
	border: 0.1em solid grey;
}
.obsah .clanky .post-img img {
    width: 150px;
    padding: 0;
    display: block;
}
.obsah .clanky .reklama {
    position: relative;
    z-index: 1;
}
.obsah .clanky .reklama img {
    width: auto;
}
.obsah .clanky .popis:after {
    content: "";
    display: table;
    clear: both;
}
.obsah .clanky .zdroj {
    text-align: right;
	font-size: 1.02em;
}
.obsah .clanky .readmore {
	text-align: right;
	font-size: 1.02em;
}
.obsah .clanky ul li {
	list-style-type: square;
	font-style: normal;
	font-weight: 100;
	text-align: justify;
}
.obsah .clanky p a:link    {color: #80EAFB; text-decoration: underline;}
.obsah .clanky p a:visited {color: #80EAFB; text-decoration: underline;}
.obsah .clanky p a:active  {color: #80EAFB; text-decoration: none;}
.obsah .clanky p a:hover   {color: #5DAEBB; text-decoration: none;}

.obsah .clanky td a:link    {color: #80EAFB; text-decoration: underline;}
.obsah .clanky td a:visited {color: #80EAFB; text-decoration: underline;}
.obsah .clanky td a:active  {color: #80EAFB; text-decoration: none;}
.obsah .clanky td a:hover   {color: #5DAEBB; text-decoration: none;}

.obsah .clanky ul li a:link    {color: #80EAFB; text-decoration: underline;}
.obsah .clanky ul li a:visited {color: #80EAFB; text-decoration: underline;}
.obsah .clanky ul li a:active  {color: #80EAFB; text-decoration: none;}
.obsah .clanky ul li a:hover   {color: #5DAEBB; text-decoration: none;}

.obsah .mn-comment img {
    width: auto;
    height: auto;
    max-height: 22px;
    margin: 0;
    padding: 0;
}
.obsah form#mn-comment-form img {
    width: auto;
    height: auto;
    max-height: 22px;
    margin: 0;
    padding: 0;
}

.obsah form#mn-comment-form img:nth-child(-n+6) {
    background-color: white;
}

.obsah .mn-comment a:link    {color: #80EAFB; text-decoration: underline;}
.obsah .mn-comment a:visited {color: #80EAFB; text-decoration: underline;}
.obsah .mn-comment a:active  {color: #80EAFB; text-decoration: none;}
.obsah .mn-comment a:hover   {color: #5DAEBB; text-decoration: none;}

aside {
	width: 18%;
	padding-right: 2%;
	float: right;
	margin-top: 1%;
	padding-top: 0.5em;
}
aside input {
	/* Search box in panel */
	width: 98%;
	height: 32px;
}
aside h3 {
	margin-left: 0;
	font-family: Segoe, "Segoe UI";
	font-style: normal;
	font-weight: 400;
	font-size: 1.08em;
	background: url("panel/bg-panel.png") no-repeat;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.2em;
}
aside h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	font-family: Segoe, "Segoe UI";
	font-style: normal;
	font-weight: 100;
	font-size: 0.9em;
	text-align: center;
}
aside p {
	color: white;
	font-family: Segoe, "Segoe UI";
	font-style: normal;
	font-weight: 100;
	font-size: 0.85em;
	text-align: center;
}
aside p.social img {
	width: 40%;
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
aside .image img {
	width: 100%;	
}
aside img.noscale {
	width: auto;	
}
aside p.social img:hover {
    -webkit-filter: brightness(65%);
   filter: brightness(65%);
}
aside .image a img {
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
aside .image a img:hover {
    -webkit-filter: brightness(65%);
   filter: brightness(65%);
}
aside a {
	color: white;
	font-family: Segoe, "Segoe UI";
	font-style: normal;
	font-weight: 100;
	font-size: 1.0em;
	text-align: center;
}
aside a:link    {color: #80EAFB; text-decoration: underline;}
aside a:visited {color: #80EAFB; text-decoration: underline;}
aside a:active  {color: #80EAFB; text-decoration: none;}
aside a:hover   {color: #5DAEBB; text-decoration: none;}

footer {
	clear: both;
	float: left;
	width: 96%;
	margin-top: 2%;
	padding-left: 2%;
	padding-right: 2%;
	border-top: 0.1em dashed #AAA;
	background: #010110; /* Old browsers */
	background: -moz-linear-gradient(left, #02021A 0%, #000000 50%, #02021A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #02021A 0%, #000000 50%, #02021A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #02021A 0%, #000000 50%, #02021A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010110', endColorstr='#010110',GradientType=0 ); /* IE6-9 */
}
footer article {
	/* Footer articles */
	width: 96%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	font-family: sans-serif;
	font-style: normal;
	font-size: 0.7em;
	font-weight: 100;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	color: white;
	line-height: 0.6em;
}

footer a:link    {color: #80EAFB; text-decoration: underline;}
footer a:visited {color: #80EAFB; text-decoration: underline;}
footer a:active  {color: #80EAFB; text-decoration: none;}
footer a:hover   {color: #5DAEBB; text-decoration: none;}

.notOnDesktop {
	/*element to be displayed only in mobile view and tabet view */
	display: none;
}

/* Menu */
@media screen and (max-width:1560px) {
nav.navigace li a {
	padding: 1.2em 2.4em;
}
}

@media screen and (max-width:1460px) {
nav.navigace li a {
	padding: 1.2em 2.1em;
}
}

@media screen and (max-width:1370px) {
nav.navigace li a {
	padding: 1.2em 1.6em;
}
}

@media screen and (max-width:1200px) {
nav.navigace li a {
	padding: 1.2em 1.25em;
}
}

@media screen and (max-width:1090px) {
nav.navigace li a {
	padding: 1.2em 1.1em;
}
}

@media screen and (max-width:1040px) {
nav.navigace li a {
	padding: 1.2em 0.9em;
}
}

@media screen and (max-width:1000px){
	/*Make dropdown links appear inline*/
	nav.navigace ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav.navigace li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav.navigace ul li, li a {
		width: 100%;
	}

    nav.navigace ul li ul li a {
		display: none;
	}
    
	/*Display 'show menu' link*/
	nav.navigace .zobrazit-menu {
		display: block;
	}
	nav.navigace {
		margin-bottom: 1.0em;
    }
	nav.navigace li:hover ul a.short {
	   min-width: 0;
    }
    .obsah .clanky img.chevron {
        min-width: 20px;
    }
    .obsah .clanky .address7 img.chevron {
        min-width: 20px;
    }
    .obsah .clanky .address8 img.chevron {
        min-width: 20px;
    }
    .obsah .clanky .address9 img.chevron {
        min-width: 20px;
    }
}

/* Tablet view */
@media screen and (max-width:950px) {
.all {
	width: 98%;
    margin: 0 auto;
}
.obsah .clanky {
	padding-top: 0px;
	float: none;
	width: 96%;
}
.obsah .clanky .post-img {
	float: left;
	width: 150px;
}
.obsah .reklama img {
	width: 100%;
	margin-top: 0px;
	display: block;
}
aside {
	/* panel*/
	float: none;
	width: 92%;
	padding-top: 13px;
	overflow: auto;
	margin-top: 3px;
	margin-left: 2%;
	padding-bottom: 13px;
}
aside .image img {
	/* Image in panel */
	width: 100%;
	margin-top: 0px;
	float: none;
}
aside p.social img {
	/* Image in panel */
	width: 25%;
	margin-top: 0px;
	float: left;
}
    
aside p.social:after {
    content: "";
    display: table;
    clear: both;
}
	
footer {
	/* Footer region */
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
.obsah footer article {
	/*Each footer article */
	width: 100%;
}
.all header {
	/* Header */
	width: 100%;
}
}

/* Mobile view */
@media screen and (max-width:500px) {
.all header .logo {
	width: 96%;
	margin-left: 2%;
}
.all header nav {
	/*navigation links in header */
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	width: 98%;
}

aside .adimage {
	/* Container for image in panel */
	width: 100%;
}
aside nav {
	/* Navigation bar for links in panel */
	width: 96%;
	padding-top: 7px;
}
aside nav ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
}
.all .obsah aside {
	/* panel */
	padding-bottom: 0px;
}
.obsah .notOnDesktop {
	/* Search box shown only in mobile and tablet view */
	width: 100%;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
.obsah .notOnDesktop input {
	width: 80%;
	text-align: center;
}
.obsah .clanky h3 {
	/* Title under maincontent, if any */
	font-size: 14px;
}
	
.obsah .clanky .post-img {
	float: left;
	width: 150px;
	height: 84px;
}

.obsah footer article {
	/* Each foter article */
	width: 96%;
}
}