/* 2020-03-27 02*/

*{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}
body { height: 100%; font-size: 16px; font-family: 'Montserrat', sans-serif; background: #efefef; font-weight: 300; color: #666;}

a {
	text-decoration: none;
	color: #39C;
}
h1, h2, h3 {
	color: #000;
}
header {
	width: 100%;
	content: " "; 
	display: table; 
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#pagewrap {
	width: 96%;
	max-width: 94%;
	margin: 0em auto 0;
}
#content {
	clear: both;
	padding-top: 1em;
	margin: 0em 0;
}

/**NAV**/
#nav-wrap {
	width: 100%;
	margin: 0.3em 0;
	text-align: center;
	background: #ffb51d;
	color: #000000;
	font-size: 1.1em;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 0.3em;
}

/* nav link */
#nav a {
	padding: 0.2em 1em;
	display: block;
	color: #ffffff;
	background: #000000;
}
#nav a:hover {
	background: #ff0000;
}

/* nav dropdown */
#nav ul {
	background: #000000;
	padding: 0.2em;
	position: absolute;
	border: solid 1px #202020;
	display: none; /* hide dropdown */
	width: 10em;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/**
MOBILE
**/
@media screen and (max-width: 600px) {

	/* nav-wrap */
	#nav-wrap {
		
		position: relative;
		text-align: left;

	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 75%;
		z-index: 10000;
		padding: 5px;
		background: #000000;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #ffffff;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: #ff0000;
		color: #000000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
		color: #d7d7d7;
		font-size: 0.8em;

	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}

}

@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}


h1 { margin:10px auto; text-align:center;}


.footer, footer {display: block; background-image: none; background-color: #202021; color: #ffffff; padding: 10px 20px 10px 10px; text-decoration: none; position: relative; text-align: center;}


.tmax, .temax, .tmin, .temin, .tzr, .tezr, .tvie, .tevie, .tsm, .tesm, .stav_win, .slnko_win, .tsm_s, .tesm_s, .tvie_s, .tevie_s, .slnko_t {
	margin-left:10px;
	padding: 17px 17px 17px 17px;
	width:220px;
	vertical-align: middle;
	background-color:#c90606;
	display:inline-block;
	color:#ffffff;
	font-family:Montserrat;
	font-size:150%;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	text-align: center;
	}


.tmax7, .temax7, .tmin7, .temin7, .tzr7, .tezr7, .tvie7, .tevie7, .tsm7, .tesm7, .tmax15, .temax15, .tmin15, .temin15 {
	padding: 10px 0px 0px 0px;
	width:100%;
	vertical-align: middle;
	background-color:#f1aeae;
	display:inline-block;
	color:#860303;
	font-family:Montserrat;
	font-size:70%;
	text-decoration:none;
	text-shadow:0px 0px 0px;
	text-align: center;
	}

.temax7, .temin7, .tezr7, .tevie7, .tesm7, .temax15, .temin15 {
	padding: 0px 0px 10px 0px;
}

.tmax15, .temax15 {
	background-color:#dbbebe;
}

.tmin15, .temin15 {
	background-color:#9d9bbb;
	color:#24057c;
}


.temax, .temin, .tezr, .tevie, .tesm {
		width:220px;
		background-color:transparent;
		border:0px;
		color:#c90606;
		font-weight: bold;
		font-size:190%;
}	

canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		text-align: center;
		 width: 1200px; 
		 height: 250px;
	}
	
.chart_place
{
	
	text-align: center;
	width:85%;
	margin-left: auto; 
	margin-right: auto;

}
	
.mapa
{
width: 100%; 
height: 200px; 

}

.fieldset
{
		margin-left: auto; 
		margin-right: auto;
	text-align: center;
	width:80%;	
}

.captcha
{
  position: relative;
  width: 310px;
  text-align: cenetr;
  margin-left: auto; 
  margin-right: auto;
}

.container {

    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}

.form-group {
    margin-bottom: 15px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}


.input-group-addon:first-child {

    border-right: 0;

}
.form-control, .form-control2 {
	display:block;
	width:90%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
 
 .form-control2{
	height:104px;
 }
 
.form-control:focus, .form-control2:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
}


/* submit */

.input-group, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) 
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid  #ccc;
        border-right-color: rgb(204, 204, 204);
        border-right-style: solid;
        border-right-width: 1px;
    border-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control, .input-group-addon, .input-group-btn {

    display: table-cell;

}

/*webcam*/
.wccontent {
	
	line-height: 150%;
    margin: 0;
    width: 80%;
	margin-left: auto;
    margin-right: auto;

}

.content-headline {
    margin: 0 0 20px;
    width: 100%;
}

.entry-headline {
    background: left 50% repeat-x url(gimg/ph.png);
    color: black;
    font-size: 20px;
    line-height: 150%;
    margin: 0 0 3px;
    position: relative;
    z-index: 50;
	text-align: left;
}

.entry-headline-text {

    background: white;
    display: inline-block;
    max-width: 90%;
    padding-right: 15px;

}

	
@media only screen and (max-width : 1000px) {
	.stellarnav nav > ul > li > a { padding: 20px 24px; }
  .footer, footer {display: block; background-image: none; background-color: #202021; color: #ffffff; padding: 10px 20px 10px 10px; text-decoration: none; position: relative; text-align: center;}
}
</style>


#header0, #header1, #header2, #header_pas {background: #86a6d5; width: 1000px; height: 26px; display: block; text-align: center; color:#ffda48; font-size: 17px; font-weight: bold; text-decoration: none; line-height:25px;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_1_of_4, .span_15_of_4 {
	width: 23.8%;
	text-align: center;
	padding:10px 0px 0px 0px;
		
	-moz-box-shadow: 0px 10px 14px -7px #ffecd2;
	-webkit-box-shadow: 0px 10px 14px -7px #ffecd2;
	box-shadow: 0px 10px 14px -7px #ffecd2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffecd2), color-stop(1, #f8c47c));
	background:-moz-linear-gradient(top, #ffecd2 5%, #f8c47c 100%);
	background:-webkit-linear-gradient(top, #ffecd2 5%, #f8c47c 100%);
	background:-o-linear-gradient(top, #ffecd2 5%, #f8c47c 100%);
	background:-ms-linear-gradient(top, #ffecd2 5%, #f8c47c 100%);
	background:linear-gradient(to bottom, #ffecd2 5%, #f8c47c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffecd2', endColorstr='#f8c47c',GradientType=0);
	background-color:#ffecd2;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	text-shadow:0px 1px 0px #6c65a8;
}

.span_15_of_4 {

	-moz-box-shadow: 0px 10px 14px -7px #eaeae9;
	-webkit-box-shadow: 0px 10px 14px -7px #eaeae9;
	box-shadow: 0px 10px 14px -7px #eaeae9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eaeae9), color-stop(1, #a9a1fc));
	background:-moz-linear-gradient(top, #eaeae9 5%, #a9a1fc 100%);
	background:-webkit-linear-gradient(top, #eaeae9 5%, #a9a1fc 100%);
	background:-o-linear-gradient(top, #eaeae9 5%, #a9a1fc 100%);
	background:-ms-linear-gradient(top, #eaeae9 5%, #a9a1fc 100%);
	background:linear-gradient(to bottom, #eaeae9 5%, #a9a1fc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeae9', endColorstr='#a9a1fc',GradientType=0);
	background-color:#eaeae9;

}

.stav_big, .slnko_big {
	width: 99.8%;
	text-align: center;
	padding:10px 0px 10px 0px;
	background-color:#d3ffcc;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	text-shadow:0px 1px 0px #062e00;
}

.slnko_big {
		background-color:#ffd4ff;
}

.stav_win, .slnko_win, .tvie_s, .tevie_s, .tsm_s, .tesm_s {
	font-size:130%;
	padding: 5px 5px 5px 5px;
	width:85%;
	background-color:#0a4900;
	text-shadow:0px 1px 0px #cfcfcf;
	}

.slnko_win {
	background-color:#ffb967;
	color:#000000;
	}

.slnko_t
{
	background-color:transparent;
	color: #000000;
}

.stav_iko {
	font-size:180%;
    text-align: center;
}


.kraje, .kraje2 {
font-size:18px;
border: 1px solid #466cb2; 
background: #d6d6d6;
padding: 5px;
}

.kraje2 {
background: #f2f2f2;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.span_1_of_4, .span_15_of_4 { width: 49.95%; }
	
}

@media only screen and (max-width: 480px) {
	.chart_place
	{
		width:100%;
	}
}

@media only screen and (max-width: 480px) {
canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		 width: 100%; 
		 height: 200px;
	}
}	


@media only screen and (max-width: 480px) {
.mapa
{
width: 80%; 
height: 200px; 
margin-left: auto; 
margin-right: auto;
}
}

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

.tmax, .temax, .tmin, .temin, .tzr, .tezr, .tvie, .tevie, .tsm, .tesm {
	margin-left:5px;
	padding: 5px 5px 5px 5px;
	width:150px;
	vertical-align: middle;
	background-color:#c90606;

	display:inline-block;
	color:#ffffff;
	font-family:Montserrat;
	font-size:22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	text-align: center;
	}

.temax, .temin, .tezr, .tevie, .tesm {
		width:150px;
		background-color: transparent;
		border:0px;
		color:#c90606;
		font-weight: bold;
}	

}



@media only screen and (max-width: 760px) {
	.chart_place
	{
		width:100%;
	}
}

@media only screen and (max-width: 760px) {
canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		 width: 100%; 
		 height: 200px;
	}
}	




.tmin, .tmin7, .temin7 {
	background-color:#9894c6;
	color:#24057c;
}

.temin {
	color:#160996;
}

.tzr {
	background-color:#067e98;
	}

.tezr {
	color:#067e98;
}

.tvie, .tvie_s {
	background-color:#d0974d;
}
.tevie, .tevie_s {
	color:#d0974d;
}
.tsm, .tsm_s {
	background-color:#7e5a2b;
}
.tesm, .tesm_s {
	color:#7e5a2b;
}


.temax7, .temin7, .temax15, .temin15 {
	font-size:180%;
}

.tesm_s, .tevie_s {
	background-color: transparent;
}



.map{
	height: 350px; text-align: center; width:85%; margin-left: auto; margin-right: auto;
}




@media (prefers-color-scheme: dark) {
body { background: #000000; color:#f7f7f7; }

img {
    opacity: 1;
    transition: opacity .5s ease-in-out;
}

img:hover {
    opacity: 0.75;
  }

.kraje, .kraje2 {
background: #4d4d4d;
}

.kraje2 {
background: #262626;
}

h1, h2, h3{
	color:#ececec;
}


.stav_big {
    background-color: #172315;
	color: #b4d6c0;
  }

 .slnko_big {
    background-color: #271c27;
}

.tmax, .temax, .tmin, .temin, .tzr, .tezr, .tvie, .tevie, .tsm, .tesm, .stav_win, .slnko_win, .tsm_s, .tesm_s, .tvie_s, .tevie_s, .slnko_t, .tmax7, .temax7, .span_1_of_4, .span_15_of_4, .tmin, .tmin7, .temin7 {
text-shadow: 0px 0px 0px #000000;
}


.span_1_of_4, .span_15_of_4 {
	color: #c1c1c1;
	text-shadow: 0px 0px 0px #000000;
	background-color: #4a4a4a;
	background: linear-gradient(to bottom, #000000 5%, #000000 100%);
	outline: solid 1px #545454;

	}
.tmax7, .temax7, .tmax15, .temax15{
	    background-color: #732525;
		color: #e6cf2f;
}

.tmin, .tmin7, .temin7, .tmin15, .temin15 {
    background-color: #8984bd;
    color: #060017;
}
.entry-headline-text {
    background: #b5b5b5;
}

.slnko_win {
    background-color: #bd8a4f;
}
.slnko_t {
    color: #dedede;
}

.tesm_s {
    color: #7e5a2b;
}

.stav_win{
	background: #0b3304;
}

.temax {
	color:#ff3f3f;
}


.temin {
	color:#948bef;
}
.tesm {
	color:#caa16d;
}


}






/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}