body {
	font: normal 100% 'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica;
	font-size: 14px;
	line-height: 1.4;
	height: 100%;
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	display: table;
	width: 100%;
}

.plugin-page-1,
.plugin-page-2 {
	display: none;
	width: 100%;
	max-width: 500px;
}

.tab-visible {
	display: table;
}

[class^="plug-"] {
    display: table-cell;
	border-collapse: collapse;
	vertical-align: top;
	border-style: solid;
	border-width: 2px 2px 2px 0;
}

.plug-kamera {
	border-width: 0 0 2px 0;
}

.p-tab {
	display: block;
	font-size: 12px;
	width: 100%;
}

.kamera-pocasi {
	display: table;
	width: 100%;
}

.kamera-pocasi .p-tab {
	display: table-cell;
	width: auto;
	border-style: solid;
	border-width: 2px 2px 0 0;
}
/*
.kamera-pocasi .p-tab:nth-of-type(2) {
	border-style: solid;
	border-width: 2px 0 0 2px;
}
*/
.plugin-footer {
	width: 100%;
	font-size: 11px;
	max-width: 500px;
	display: table-cell;
	vertical-align: middle;
}

.plugin-top {
	width: calc(100% - 2px);
	height: 35px;
	max-width: 500px;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
}

.plugin-top a {
	display: block;
	vertical-align: middle;
}


.plugin-top,
.plugin-top a,
.plugin-footer,
.plugin-footer a {
	text-decoration: none;
	padding: 0 5px;
}

a:hover {
	text-decoration: underline;
}

.plugin-bottom a {
	text-decoration: none;
}

.plugin-top .p-adresa {
	color: #356f88;
	font-weight: 700;
	text-decoration: none;
	width: 200px;
}

.p-small {
	font-size: 10px;
}

.rotate, svg {
	display: table; vertical-align: middle; margin: auto
}

.rotate2 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.svg-cam,
.svg-pocasi 
{width: 35px; height: 35px}

.svg-ski,
.svg-provoz,
.svg-pruvodce
{width: 20px; height: 20px; position: relative; top: -2px}

.svg-coment 
{width: 20px; height: 20px; position: relative; cursor: pointer;}

.p-tab-cell {
    display: block;
	text-align: center;
	padding: 4px 3px 1px;
	box-sizing: border-box;
	vertical-align: top;
	word-wrap: break-all;
}

.p-tab-cell:first-of-type {
	min-height: 40px;
}

.p-tab-cell:nth-of-type(2) {
	min-height: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: bottom;
	padding-top: 5px;
	width: 100%;
	border-width: 1px 0 0;
	border-style: solid;
}

.p-tab-cell:only-child {
    height: 67px;
	display: flex;
	display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
	vertical-align: middle;
	margin: 0 auto;
	width: 100%;
}

.p-tab-cell:only-child .p-tab-cell {
    display: inline-block;
	vertical-align: middle;
}

.plug-next .p-tab {
	font-size: 25px;
	line-height: 1;
	font-weight: bold;
}

.plug-next .p-tab .p-tab-cell {
	padding: 1px;
	position: relative;
	top: -2px;
	animation: animace-next 3s linear infinite;
}

@keyframes animace-next {
	0%   {opacity: 1}
	60% {opacity: 0.1}
	80% {opacity: 1}
	100% {opacity: 1}
}

.plug-next {
	width: 24px;
	border-right: 0;
}

.plug-teplota
{display: none}

.tab-temp .plugin-page-1 .plug-nsnih
{display: none}

.plugin-page-2 .plug-nsnih
{display: none}

@media screen and (min-width: 181px){
.plugin-page-2 .plug-nsnih .p-tab-cell:last-of-type .p-small
{display: none}

.tab-temp .plug-teplota,
.tab-temp .plugin-page-2 .plug-nsnih
{display: table-cell}
}

@media screen and (max-width: 450px){
	.tab-temp .pocet-km {display: none;}
}

@media screen and (max-width: 400px){
	.tab-temp .plug-sjezdovky,
	.tab-temp .plugin-page-1 .plug-teplota,
	.pocet-km {display: none;}

}

@media screen and (max-width: 350px){
	.tab-temp .plugin-page-1 .plug-provoz,
	.plug-sjezdovky, .tab-temp .plug-druh,
	.plug-nsnih	{display: none;}
}

@media screen and (max-width: 300px){
	.plug-provoz	{display: none;}
}

@media screen and (max-width: 270px){
	.plug-komentar, .plug-nsnih, .plug-ski {display: none;}
}

@media screen and (max-width: 250px){
	.tab-temp .plugin-page-1 .plug-ski {display: none;}
}

@media screen and (max-width: 200px) and (min-width: 181px) {
.svg-cam,
.svg-pocasi 
{width: 30px; height: 30px}
}

@media screen and (max-width: 180px){

.tab-visible {
	display: table;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
	
.plugin-page-1,
.plugin-page-2 {
	height: 205px;
	max-width: 178px;
}

@supports (color: #000) {
.plugin-page-1,
.plugin-page-2 {
	max-width: 180px;
}
}

.plugin-page-2 .plug-nsnih .p-tab-cell:first-of-type .p-small
{display: none}

.tab-temp .plug-sjezdovky,
.tab-temp .plugin-page-2 .plug-nsnih,
.tab-temp .plugin-page-2 .plug-druh,
.tab-temp .plugin-page-1 .plug-teplota,
.tab-temp .plugin-page-1 .plug-provoz,
.tab-temp .plugin-page-1 .plug-ski,	
[class^="plug-"] {
    display: block;
	border-collapse: collapse;
	vertical-align: top;
	border-style: solid;
	border-width: 2px 0 0 0;
	flex: 1;
	-ms-flex: none;
}

.plug-kamera,
.plug-next {
	flex: none;		
}

.plugin-pl .plug-ski .p-tab-cell, 
.plugin-pl .plug-provoz .p-tab-cell {
	font-size: 11px;
	line-height: 1.2;
}	

.plug-teplota
{display: none}

.plug-kamera {
	border-width: 0;
}

.p-tab-cell:only-child {
    height: 50px;
	text-align: center;
	}

.plugin-top {
    height: 50px;
}		

.p-tab {
    display: table;
	table-layout: fixed;
	height: 100%;
}

.p-tab-cell {
    display: table-cell;
	padding: 3px 3px 2px;
	vertical-align: middle;
}		
	
.p-tab-cell:nth-of-type(2) {
	display: table-cell;
	width: auto;
	border-width: 0 0 0 1px;
	min-width: 50px;
	vertical-align: middle;
}

.kamera-pocasi .p-tab {
    border-width: 2px 0 0;
}

.kamera-pocasi .p-tab:nth-of-type(2) {
    border-left-width: 2px;
}

.p-tab-cell br {
	display: none;
}

.plug-next .p-tab-cell {
	height: auto;
	line-height: 1;
	position: relative;
	top: 0;
}	
.rotate {
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.plug-next  {
	width: 100%;
	border-width: 2px 0;
	height: 25px !important
}

.p-tab-cell:first-of-type {
    min-height: auto;
	margin: 0 auto;
}

}
/*
@media screen and (max-width: 180px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.plugin-page-1,
.plugin-page-2 {
	max-width: 178px;
}
}
*/
.back-layer, .coment-cont {
    display: none;
}

.block-visible {
    display: block;
}

.coment-cont {
    position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	right: 0;
	height: 100%;
	background: #f9f9f9;
	color: black;
}

.coment-cont-top {
	width: 100%;
	height: 40px;
	text-align: right;
	vertical-align: middle;
}

.coment-cont-top a {
	color: black !important;
}

.coment-cont-bottom {
	line-height: 1.6;
	padding: 0 10px;
}

.coment-cont-top a {
	cursor: pointer;
	padding: 2px;
	display: inline-block;
	text-decoration: none !important;
}

.coment-cont-top a::before {
	display: inline-block;
	text-align: center;
	content: "\00d7";
	font-size: 40px;
	width: 40px;
	line-height: 30px;
	font-weight: 900;
}

.plug-komentar {
	cursor: pointer;
}