@charset "windows-1250";
hr {height:1px; margin:1em 0; border:none; display:block; width:100%; }

/* ----- Tabulky -----*/

table {
	box-sizing:border-box;
}

table th {
	text-align:left; 
	vertical-align:middle; 
	font-weight:400;
}

table, table th, table td { 
	border-collapse:collapse; 
	border-spacing:0; 
	vertical-align:top;
}

/* ----- Tabulky - pro urad -----*/
.oblok table {
	border: 1px solid #dddddd;
	width: 100%;
	margin: 20px 0px;
}

.oblok table td, th {
  border: 1px solid #dddddd;
  text-align: left;
 padding: 5px;
}

.oblok table tr:nth-child(even) {
  background-color: #f2f2f2;
}




/* ------ Buttony ------ */
/* button, button-s, button-m, button-l, button-xl */

[class^="button-"], [class*=" button-"], .button {
/*	-moz-box-shadow: inset 0px 1px 0px 0px #2eb2a0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #2eb2a0;
	box-shadow: inset 0px 1px 0px 0px #2eb2a0;  */
	background-color: #2a94d7;
/*	border: 1px solid #17445E;  */
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 0.33em 1.66em;
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* margin-bottom: 0.33em; */
}

[class^="button-"] a, [class*=" button-"] a, .button a {
	color: inherit !important;
}

[class^="button-"]:hover, [class*=" button-"]:hover, .button:hover {
	 background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);  
	background-color: #36645e;
}

.button-s {
	font-size: 0.7em !important;
}

.button-m {
	font-size: 0.85em !important;
}

.button-l {
	font-size: 1em !important;
}

.button-xl {
	font-size: 1.2em !important;
}

/* Vlajky */

#vlaj {
	position: absolute;

	top: 0px;
z-index: 300;


left: 36%;

color: white;
padding: 1px;
font-size: 17px;
border: none;


}

#vlaj a {

	top: 0px;
	

	z-index: 300;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
color: #373737;
margin: 0px 6px;


}

#vlaj a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#vlaj a.zvol {
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: underline;
}

#vlaj span {
	
	font-size: 1.2em;
	text-decoration: none;
	line-height: 37px;
	
}

#vlaj #cz {
	
	
	
		right: 32px;
top: 0px;

	text-decoration: none;

}
.pglng-cz #vlaj #cz {
color: #2a9dc4;
border-bottom: solid 2px #37b1cd;
	
}

#vlaj #de {
	
	    right: 3px;
    top: 0px;
    background-size: 100% 100%;
   
}

.pglng-de #vlaj #de {
	
	color: #2a9dc4;
border-bottom: solid 2px #37b1cd;
   
}




#vlaj #en {
/*	background-image: url(images/vlaj_en.jpg);*/
	right: 6px;
	top: 5px;
	
background-size:100% 100%;

}

#vlaj .home span {
	display: none;

}

#obdobi {
	position: absolute;
top: 6px;
z-index: 300;
height: 20px;
width: 130px;
left: 50%;

}
#obdobi a {
    float: left;
    height: 32px;
    width: 30px;
  margin-right: 6px;
}

#obdobi_menu a {
  
    height: 32px;
    width: 30px;
	display: block;
margin: 0px auto;
}



#obdobi a span, #obdobi_menu a span  {
   display: none;
}
#obdobi #ob-zima, #obdobi_menu #ob-zima  {
    background-image: url(images/icony_zima.gif);
	background-size:contain;
}
#obdobi #ob-leto, #obdobi_menu #ob-leto  {
    background-image: url(images/icony_leto.gif);
	background-size:contain;
}

#home {
	position: absolute;
top: 6px;
z-index: 300;
height: 20px;
width: 130px;
left: 0%;

}

#home a span {
	display: none;
	    font-size: 120%;
}

#home a i {
	
	    font-size: 120%;
		color: #01abfe;
		position: relative;

top: 4px;
}

}

/* Social Icons
---------------------------------------------------------------------------------------------------------------------------------------*/
.socsite{margin:0; padding:0; list-style:none;}
.socsite li, .socsite div{display:inline-block; margin:0 2px 2px 0; line-height:normal;}
.socsite li:last-child, .socsite div:last-child{margin-right:0;}

[class^="sociko-"] em, [class*=" sociko-"] em, [class^="fa"] em, [class*=" fa"] em{display:none;}
[class^="sociko-"], [class*=" sociko-"]{display:inline-block; width:25px; height:25px; line-height:25px; font-size:inherit; text-align:center;}
[class^="sociko-"]:hover, [class*=" sociko-"]:hover, .socsite.coloured a:hover{color:#FFFFFF; background-color:#CCCCCC;}/* Over ride in Skin file */



.socsite a span {
	margin-top: 2px;
}

.socsite a, .socsite.coloured a:hover{color:#FFFFFF; background-color:#676767; }
.socsite a:hover, .socsite.coloured a{color:#FFFFFF;}

.socsite .sociko-facebook:hover, .socsite.coloured .sociko-facebook{background-color:#3B5998;}
.socsite .sociko-google-plus:hover, .socsite.coloured .sociko-google-plus{background-color:#DB4A39;}
.socsite .sociko-instagram:hover, .socsite.coloured .sociko-instagram{background-color:#3F729B;}
.socsite .sociko-linkedin:hover, .socsite.coloured .sociko-linkedin{background-color:#0E76A8;}
.socsite .sociko-rss:hover, .socsite.coloured .sociko-rss{background-color:#EE802F;}
.socsite .sociko-twitter:hover, .socsite.coloured .sociko-twitter{background-color:#00ACEE;}
.socsite .sociko-youtube:hover, .socsite.coloured .sociko-youtube{background-color:#C4302B;}

.socsite li a {border-radius:50%;}

.page-footer .socsite {
	margin-top: 10px;
}

.page-footer a {
	text-decoration: underline;
}

.row-webdesign a {
	text-decoration: underline;
}

.page-footer .socsite li {
	margin-right: 10px !important;
}

.social {
    position: absolute;
   left: 68%;
top: -10px;
}


/* --- dotazovaci formular ---- */

.email_form_inner textarea, .email_form_inner input, .email_form_inner button, .email_form_inner select {
	font-family: inherit; 
	font-size: inherit;
}

.email_form_inner .popisek {
	display: none;
}

.email_form_inner .reset {
	display: none;
}

.email_form_inner .polozka {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	padding: 8px;
	outline: none;
	border: 1px solid #B0B0B0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	margin-bottom: 6px;
		border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 90%;

}

.email_form_inner .polozka-jmeno, .email_form_inner .polozka-email {
	width: 70%;
}

.email_form_inner .polozka:focus{
	box-shadow: 0 0 5px #B0CFE0;
	border:1px solid #B0CFE0;
}

.email_form_inner textarea{
	width: 100%;
}

.email_form_inner input[type="button"], 
.email_form_inner input[type="submit"] {
/*	-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
	box-shadow: inset 0px 1px 0px 0px #3985B1;
	background-color: #216288;
	border: 1px solid #17445E;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 8px 18px;
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; */
}

.email_form_inner input[type="button"]:hover, 
.email_form_inner input[type="submit"]:hover {
/*	background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
	background-color: #28739E; */
}

.email_form_inner ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555;
}

.email_form_inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #555555;
   opacity:  1;
}

.email_form_inner ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555555;
   opacity:  1;
}

.email_form_inner :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #555555;
}

/* --- dotazovaci formular v patiece ---- */

.page-footer .email_form_inner .polozka-jmeno, .email_form_inner .polozka-email {
	width: 100%;
}

.page-footer .email_form_inner .polozka {
	background-color: #EEEEEE;
	color: #555555;
}	

.page-footer .email_form_inner .polozka:focus{
	box-shadow: 0 0 5px #B0B0B0;
	border:1px solid #555555;
	color: black;
}

.page-footer .email_form_inner input[type="button"], 
.page-footer .email_form_inner input[type="submit"] {
	background-color: #594a38;
	border: 1px solid #eeeeee;
	color: white;
	box-shadow: inset 0px 0px 0px 0px #eeeeee;
	
}

/* ------------- UBYTOVAVACI (REZERVAENÍ) FORMULAR ------------------- */

.ubytform {
	font-size: 100%;
}

.ubytform textarea, .ubytform input, .ubytform button, .ubytform select {
	font-family: inherit; 
	font-size: inherit;
}

.ubytform textarea {
	width: 100%;	
}

.ubytform .reset {
	display: none;
}

.ubytform .hodnota input, .ubytform .hodnota select, .ubytform .hodnota textarea {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	padding: 8px;
	outline: none;
	border: 1px solid #B0B0B0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	margin-bottom: 6px;
		border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 90%;

}

.ubytform .hodnota:focus{
	box-shadow: 0 0 5px #B0CFE0;
	border:1px solid #B0CFE0;
}

.ubytform .dradek {

}

.ubytform .popisek {
	width: 110px;
	display: block;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-bottom: 8px;
}

.ubytform .buttony {
	padding-top: 1em;
	text-align: left;
	padding-bottom: 1em;
}

.ubytform .buttony input {
	margin-top: 5px;
	font-size: 90%;
	margin-left: 10px;
	margin-right: 10px;
}

.ubytform select {
	margin-top: 5px;
	/* font-size: 90%; */
	border: 1px solid silver;
}


.ubytform .buttony input.submit {
	font-weight: bold;
}


/* --- fotogalerie v pravém sloupci --- */

#port-right .rr-box .ftg_item  {
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
}

.ftg_item .ftg_img  {

}
#port-right .rr-box .ftg_item .ftg_img a img {
	width: 100%;
	height: auto;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
}

/* --------- specifikum Tosch --------- */

#portmain .r-box .webcam img {
	width: 70%;
}

.r-box-twitter .r-obsah {
	/* background-color: silver; */
}

/* --------- zmensuje obrazek v Olioptik kontakty--------- */
img.small {
	width: 400px !important;
border: solid 5px #d8f1ff !important;
box-sizing: border-box;
}

/* --------- DROPDOWN - OLIOPTIK--------- */
.dropbtn {
 background-color: #109ed6;
color: white;
padding: 3px 8px;
font-size: 24px;
border: none;

margin: 0 1px;
}

.dropdown {
    position: relative;
    display: inline-block;
	margin-right: 20px;
	float:left;
	}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 500;
padding: 20px;
}

.dropdown-content a {
    color: black;
   
    text-decoration: none;
   
}

.dropbtn span {
    display: none;
   
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.dropdown:hover .dropbtn {
 background-color: #e2e2e2;
color: #2e2e2e;
}

span.strong {
   
	 font-weight: bold;
}

/* --------- nabíhani--------- */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#hornitexttext {
   

}

#dolnitexttext {
   
	
}


/* ----- top buttons -----*/
#topbuttons {
position: absolute;
right: 0px;
top: 2px;
}
#topbuttons a.home{
float:left;

display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: inherit;
text-align: center;
border-radius: 50%;
background-color: #22b24c;
color: white;
}
#topbuttons a.home span{
display:none;
}
#upper .socsite-obal{
float: right;
}

.socsite-obal ul{
margin-top: 7px;
}

/* webkamery */

.cam {
	clear: both;
	margin-bottom: 2em;
}

.cam::after {
	content: "";
  display: table;
  clear: both;
}

#cam_refresh {
	margin: 10px;
	margin-left: 0;
	background: url(/images/reload20.gif) no-repeat left bottom;
	padding-left: 25px;
	line-height: 28px;
	clear: left;

padding-top: 50px;
}

.cam_obr img {
	border: 1px solid black;
	margin: 4px;
}

.cam_umisteni {
	margin-top: 10px;
}

.cam_time {
	display: block;
	clear: both;
	margin-bottom: 0.7rem;
	font-weight: bold;
}

.cam_big {
	margin-top: 5px;
	padding: 5px;
	font-weight: bold;
	background-color: #086a9f;
	border: 1px solid black;

	text-align: center;
	width: 10em;
	margin-bottom: 1em;
	border-radius: 5px;
}

.cam_big:hover {
	background-color: #810e34;
}



.cam_gtepl {
	float: right;
	width: 125px;
	height: 55px;
	background-image: url(/images/icons/teplomer50.gif);
	background-position: right top;
	background-repeat: no-repeat;
}


.cam_gtepl .inner {
	padding: 2px;
	font-weight: bold;
	background-color: #065fb4;
	border: 1px solid black;
	margin: 4px;
	width: 90px;
	text-align: center;	
}

.cam_gtepl .inner:hover {
	background-color: #810e34;
}

.cam_gtepl .inner a {
	color: white;
	text-decoration: none;
	font-size: 10px;
}


.cam_umisteni .cam_umisteni_nadpisek {
	font-weight: bold;
	text-align: left;
	margin: 3px;
}

.cam_umisteni h4 {
	font-weight: bold;
	font-size: 110%;
}

.cam_umisteni .kliknetezde {
	line-height: 28px;
	height: 28px;
}

.cam_umisteni .kliknetezde a {
	background: url(/images/info20.gif) no-repeat left;
	padding-left: 25px;
	line-height: 28px;
	height: 28px;
	font-weight: bold;
}

.cam_zajem {
	margin: 5px;
	margin-top: 15px;
	padding: 8px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

.cam_realizace {
	margin-top: 15px;
	padding: 8px;
	padding-left: 0;
	font-style: italic;
}

.cam_doplnky {
	
} 

.cam_archiv {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	clear: both;
	display: none;
}

.cam_dayarchiv {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	clear: both;
}

.cam_dayarchiv a {
	text-decoration: none !important;
color: #ffffff !important;
}

.cam_big a {
	text-decoration: none !important;
color: #ffffff !important;
	border-radius: 5px;
}

.cam_dayarchivx {
	display: inline;
	padding: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid black;
	margin-left: 8px;
	background-color: #086a9f;
	border-radius: 5px;
}

.cam_dayarchivx:hover {
	background-color: #810e34;
}



.cam_text {
	padding-top: 10px;
	font-weight: bold;
}

/* --------- buttton - posun - alpy - blokuje ve vedlejších stránkách--------- */
#posun {
display:none;
 
}

.submitmail_form {
	font-size: 1.4rem;
}

.submitmail_form input {
	font-size: 1.4rem;
}

.submitmail_form .submitmail_email {
	width: 90%;
} 

.submitmail_form .submitmail_submit, .wifi_tab input {
	display: block;
	margin-top: 1rem;
	padding: 7px;
	padding-left: 25px;
	padding-right: 25px;
/*	background-color: #086a9f !important;
	color: white; */
	border-radius: 25px;
	font-size: 1.4rem;
	margin-bottom: 1.4rem;
	background-color: #eeeeee;
} 

.wifi-connect {
	font-size: 1.4rem;
	color: green;
	font-weight: bold;
}

/* --------- breadcrump -na pravo lipno-------- */
.breadcrump {
  
    float: right;
    margin-bottom: 10px;
    position: relative;
   margin-top: -40px;
padding-bottom: 20px;
}


/* --------- mapa - roztáhnout - lipno-------- */

.pgkt-mp #portmain {
	
	padding: 0 0 0 0;
	margin-bottom: 0;
}

.pgkt-mp .row-main {
    width: 100%;
   
}

.pgkt-mp .breadcrump {
   
    display: none;
}

.pgkt-mp .row-noheaderfoto {
    padding-top: 120px !important;
}

.pgkt-mp .row-noheaderfoto .obal2 {
display:none;

}
.pgkt-mp .vrstvy {
margin-left:10px;

}

.pgkt-mp #port-middle {
	
	
	

	margin-top: 0px;
}

/* --------- mapa - mezera dole - -------- */


.pgkt-mp #port-middle {
	
	
	

	margin-top: 0px;
}

[class*="pgkt-tt"] #intermap {
   margin-bottom:10px;
}

/* --- kulturni kalendar --- */

#kalakci h5 {
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	font-size: 110%;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
	border-left-color: #b2b2b2;
	padding-left: 5px;
*/
}

#kalakci ul.kalakci_s {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#kalakci ul.kalakci_s li {
	display: inline;
	border: 1px solid #CCCCCC;
	padding: 2px 8px;
	background-color: #F5F5F5;
	line-height: 4ex;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;

	-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);
	box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}

#kalakci #kalakci1 ul.kalakci_s li {
	background-color: #00a5e5;
}

#kalakci #kalakci1 ul.kalakci_s li a {
	color: white;
	font-weight: bold;
}

#kalakci ul.kalakci_s li:hover {
	background-color: #E5E5E5;
}

#kalakci ul.kalakci_s li a {
	text-decoration: none;
}

#kalakcireg {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #595959;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #595959;
	border-right-color: #595959;
	border-bottom-color: #595959;
	margin-bottom: 7px;
	clear: left;
}

.minikalendar {

}

.minikalendar h5 {
	margin-bottom: 4px;
}

#kalakci h5 {
	margin-bottom: 4px;
}

.minikalendar ul.kalakci_top1 li {
	
	border: 1px solid #0099ff !important;
	background-color: #e8f6ff!important;

}

#kalakci ul.kalakci_top5 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	margin-top: 12px;
}

ul.kalakci_top5 a {
	text-decoration: none;
}

ul.kalakci_top5 li {
	display: inline;
	border: 1px solid #BF909B !important;
	padding: 9px 5px 9px 5px !important;
	background-color: #FFE0CB!important;
	line-height: 4ex;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;
}
.fa-edit::before, .fa-pencil-square-o::before {
    position: relative;
    top: 2px;
}



.fa-th-large::before {
 position: relative;
    top: 4px;
}



#kalakci ul.kalakci_s li.kalakci_zapis {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 0;
}

#kalakci ul.kalakci_s li.kalakci_region {
	font-weight: bold;
}

#kalakci ul.kalakci_s .fa {
	font-size: 1.4rem;
}

#kalakci ul.kalakci_s .pop {
	line-height: 22px;
}

/* --- taby - tabulatory --- */
.navobal  {
	width: auto;
}



.tabitem  {
	margin-right: 10px;
	width: auto;
	float: left;
	background-color: #00a5e5;
padding: 7px 10px;
margin-bottom: 10px;
}

.tabitem a span  {
	color: white;
}

.tabitem a span:before  {
	padding-right: 10px;
}

.row-main .tabitem a {
	color: white;
}

.sticky {
  position: fixed;
  top: 143px;
 z-index:200;
 background-color: white;
 padding: 10px 10px 10px 0px;
 width: 100%;
}

.sticky + .tabobsah {
  padding-top: 32px;
}

/* ----- Povinne zver. inf. - urad -----*/
#page_povinne > ol  {
 
  padding: 0 0px;
  border: 1px solid #ddd;
   list-style-position: inside;
   margin-top: 0px;
}

#page_povinne > ol > li  {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

#page_povinne > ol > li:nth-child(odd) {
 background-color: #f4f4f4;
}


#page_povinne > ol > li:last-child  {
   border-bottom: none;
}

#page_povinne > ol > li > ul {
 
 
   list-style-type: none;
}
/* ----- Povinne zver. inf. - urad -----*/
.r-box-akce .r_akce_item {

}

.r-box-akce .r_akce_item:nth-child(odd) {
 
}


.r-box-akce .r_akce_datum  {
 font-weight: bold;
font-size: 90%;
}

.r-box-akce .r_akce_item_misto  {
font-style: italic;
}
.r-box-akce .r_akce_item_theme  {


}
/* ----- icony - pravy sloupec-----*/
#rightlinks li {
display: block;

padding: 10px 10px;

font-weight: bold;

background-color: #00a5e5;

margin: 1px 0em 1px 0em;

color: white;
}

#rightlinks li a {

  text-decoration: none;
    color: white;
	display: block;

margin-left: 50px;
line-height: 30px;

line-height: 30px;

}
#rightlinks li i {

  text-decoration: none;
    color: white;
	display: inline-block;
float: left;
line-height: 30px;

font-size: 25px;

}

.kalendar1 {

    float: right;
    width: 40%;
    background-color: white;
    z-index: 500;
    width: 35%;
    overflow: hidden;
    margin-top: 20px;

}
#kalakci {

    width: 60%;

}

/* ----- ubytovani -----*/

#pagemenu ul {

 margin-bottom: 3px;
padding: 0px;
margin-top: 0;
}

#pagemenu ul li {

color: white;
padding: 0px;
margin: 0 0 1px 0;

}
#pagemenu ul li a {
background-color: #00a5e5;
 color: white;
 padding: 5px;
 display: inline-block;
 text-decoration: none;

}

.tblok {
clear: left;


}

/* ----- footer -----*/

.page-footer img  {
max-width: 100%;
margin-bottom: 5px;

}

/* ----- pristupnost 2020 -----*/

.datepick-month th, .datepick-month th a {
    background-color: #676767 !important;
    color: #fff;
}

.datepick-month td .datepick-highlight {
    background-color: #017cad !important;
    color: white;
}

.datepick-month td .datepick-today {
    background-color: #2a7d42  !important;
    color: white;
}


/* google custom search */

.gsearch {
	position: absolute;
 top: 3px;
  left: 51%;
  width: 380px;
  display: none;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 6px 6px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border: 2px solid #CECECE !important;
    margin-left: 2px !important;
    -webkit-border-radius: 22px !important;
		-moz-border-radius: 22px !important;
		border-radius: 22px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
	background-image: none !important;
}


.gsc-search-box-tools ::-webkit-input-placeholder { /* Edge */
  
 
 font-size: 0px;
}

.gsc-search-box-tools :-ms-input-placeholder { /* Internet Explorer */
 
 
 font-size: 0px;
  
}

.gsc-search-box-tools ::placeholder {
  
 
 font-size: 0px;
   
}

.gsc-search-box-tools input {
  
}

.gsib_a {
    padding: 5px 9px 4px 9px;
}

/* ----- facebook -----*/
.r-obsah iframe  {
  height: 220px !important;
}

.fb-page > span  {
  height: 300px !important;
  border-bottom: 1px solid #e9e9e9;
}


/* -----SPEC -  la zadov - tabulka -----*/

#tab-simple, #tab-simple-provoz1, #takt  {
  font-family: 'Open Sans', Helvetica, sans-serif;	
}

#tab-simple-provoz1  {
  height: 0px !important;
}

#tab-simple .glyphicons, #tab-simple-provoz1 .glyphicons {
  font-size: 130%;
} 

#tab-simple .glyphicons-circle-remove, #tab-simple-provoz1 .glyphicons-circle-remove {
  color: #bd2122;
} 

#tab-simple .glyphicons-circle-ok, #tab-simple-provoz1 .glyphicons-circle-ok {
  color: green;
} 

#tab-simple-provoz1 .glyphicons-circle-info {
  color: #0059ad;
} 

#tab-simple-provoz1 table {
	font-size: 90%;
	border: 1px solid #999999;
	border-collapse: collapse;
	border-spacing: 0;
	background: rgba(240, 240, 240, 0.98);
	position: absolute;
left: 46px;
top: 150px;
border-bottom: solid 5px white;
}

#tab-simple-provoz1 table td {
	border: 1px solid #fff;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}



#tab-simple-provoz1 table td.ttab-s-2, #tab-simple-provoz1 table td.ttab-s-3, #tab-simple-provoz1 table td.ttab-s-4 {
	text-align: center;
}

#tab-simple-provoz1 table td.ttab-s-2 .glyphicons, #tab-simple-provoz1 table td.ttab-s-3 .glyphicons, #tab-simple-provoz1 table td.ttab-s-4 .glyphicons {
	position: relative;
	left: 6px;
}

#tab-simple-provoz1 table tr.ttab-r-1, #tab-simple-provoz1 table tr.ttab-r-11 {
	background: rgb(8, 106, 159);
		color: white;
		font-size: 110%;
}


#tab-simple {
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	margin-left: 47px;
	padding-bottom: 5px;
	margin-left: 46px;
	min-height: 105px;
	
}

#tab-simple>div {
width: 170px;
	float: left;
margin-right: 10px;

background-color: rgba(255, 255, 255, 0.81);
min-height: 111px;
}

#tab-simple > div.tab-simple-next  {
  margin-right: 0px;
}

#tab-simple  .popiska {
color: #73851d;
	min-height: 50px;
}

	
	

#tab-simple #tab-simple-provoz .hodnota {
	color: #086a9f;
	font-size: 2.2em;

}

#tab-simple #tab-simple-snih .popiska {
	


	
	
}
#tab-simple #tab-simple-snih .hodnota {
color: #086a9f;	
}

#tab-simple .hodnota, #tab-simple .popiska {
	font-size: 1.7em;
	line-height: 1.4em; 
	padding-top: 2px;
	text-transform: uppercase;
	text-align: center;


}
/*toto smazat */
#tab-simple #tab-simple-snih .hodnota {
	font-size: 1.0em;
	line-height: 1.1em; 
}


#tab-simple .tab-simple-next {
	
	z-index: 50 !important;
	
}

#tab-simple .tab-simple-next img {
	border: none;
	
	width: 120px;
	height: 29px;
}

#tab-simple .tab-simple-next .podrob {
	display: block;
	font-size: 1.1em;
	line-height: 2.3em;
text-transform: uppercase;
text-align: center;

min-height: 40px;
color: #086a9f;
}

#tab-simple .tab-simple-next .podrob2 {
	display: block;
font-size: 0.8em;
line-height: 1.4em;
text-transform: uppercase;
text-align: center;

min-height: 27px;
color: #086a9f;
margin-top: -5px;
}

#tab-simple .tab-simple-next  a {
	display: block;
text-align: center;
}

#tab-simple .tab-simple-next  img {
	display: none;

}

#tab-simple .tab-simple-next  a::after {
	content: '';
font-family: "Font Awesome 5 Free";
font-weight: 900;
background-color: #a1a52f;
font-size: 35px;
width: 35px;
height: 35px;
display: block;
/*background-image: url(images/sort-circle-yellow.svg);*/
margin: auto;
animation-name: example2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  
  mask-image: url(images/sort-circle-yellow.svg);
  mask-repeat: no-repeat; 
  mask-position: center 0px;
  mask-size: 35px 35px;
}

@keyframes example2 
	{
		0%,  50%,  100% {
		transform: translateY(0);
		opacity: 1;
	  }
		20% {
		transform: translateY(-1px);
	  }
		80% {
		transform: translateY(1px);
	  }
	
  }

/* ---END --SPEC -  la zadov - tabulka -----*/


/*SPEC -  la zadov - top akt -----*/


#takt {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 500px;

margin-left: 46px;

background-color: rgba(28, 92, 138, 0.81);

padding: 15px;
min-height: 113px;

}

#takt-obr {
	float: left;

	

}

#takt-obr img {
	width: 225px;
	margin-right: 15px;
	border: solid 1px white;
margin-top: 5px;

}

#takt-text {
	

	padding-top: 10px;
	
	color: #bd2122;
	font-weight: bold;
	padding-right: 5px;
	font-size: 14px;
	padding-top: 0;

}

#takt-text p {
	

}

#takt-text > p:last-child {
    margin-bottom: 0px;
}




#takt-text * {
	
color: white !important;

}

#takt-text>p:first-child {
 
  margin-top: 0px;
}
#takt-text>p:empty {
 display:none;
}

/*SPEC - END  la zadov - top akt -----*/

/*SPEC - start  la zadov - sidetab -----*/

#sidetable {
	
	position: absolute;
	right: 41px;
top: 30px;

}

#sidetable .sidelink {
width: 130px;
height: 111px;
background-color:rgba(255, 255, 255, 0.81);
margin-bottom: 8px;
font-size: 1.0em;

line-height: 1.1em;

text-transform: uppercase;

text-align: center;
margin: 0px auto;
margin-bottom: 1px;

}

#sidetable .sidelink a {


color:#086a9f;
}

#sidetable .sidelink a::before {

font-family: "Font Awesome 5 Free";

font-weight: 900;

font-size: 35px;
color: #086a9f;
display: block;
padding: 17px 0px 30px;
}

#sidetable .sidelink.sidelink-fotopoint a::before {

content: '\f0a3';


}

#sidetable .sidelink.sidelink-shop a::before {

content: '\f291';
color: #086a9f;
 animation-name: example;
  animation-duration: 2s;
   animation-iteration-count: infinite;
   top:0px;
   left: 0px;
   position:relative;


}

/*@keyframes example {
  0%   {color:red; left:-3px; top:-2px;}
  25%  {color:#086a9f; left:2px; top:-2px; transform: rotate(20deg);}
  50%  {color:red; left:2px; top:3px;  transform: rotate(0deg);}
  75%  {color:#086a9f; left:-3px; top:3px;  transform: rotate(20deg);}
  100% {color:red; left:-3px; top:-2px;}
}*/

@keyframes example {
  0%   {color:#086a9f; }
  25%  {color:#9f0816;  transform: rotate(20deg);}
  50%  {color:#086a9f;  transform: rotate(0deg);}
  75%  {color:#9f0816;  transform: rotate(-20deg);}
  100% {color:#086a9f;}
}



#sidetable .sidelink:first-of-type a::before {


padding: 20px 0px 20px;


}



/* ----------------- karusel --------------------*/

.karusel * {
	position: relative;
	top: 0px;
}
.karusel {
	margin-top: 0px;
	margin-bottom: 0px;
}

.karusel ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;	
}

.karusel li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

.karusel p {
	margin: 0px;
	padding: 0px;	
}


/* ----------------- lazadov - tabulky - mobil --------------------*/
.tabcentr {
overflow: auto;
}

/* ----------------- lazadov - pravy sloupec --------------------*/
#cell-right-2-1   {
overflow: hidden;
}

/* ----------------- lazadov - titulní tabulka --------------------*/
.ttab-1 .ttab-r-1 td.ttab-s-2, .ttab-1 .ttab-r-1 td.ttab-s-3, .ttab-1 .ttab-r-1 td.ttab-s-4  {
font-size: 110%;

}

.ttab-1 td.ttab-s-2, .ttab-1 td.ttab-s-3, .ttab-1 td.ttab-s-4  {
font-size: 0px;
}

.ttab-1 span span.fas  {
font-size: 17px;
}

.ttab-1 .fa-times-circle {
color: #7f0e0e;
}

.ttab-1 .fa-info-circle {
color: #777;
}

.ttab-1 .fa-check-circle {
color: #869002;
}

/* ----------------- lazadov -  tabulky --------------------*/
.tab_sjezdovky td, .tab_vleky  td, .tab_snih td, .tab_bezky td {
border: solid #d8d8d8 1px;
padding: 5px;
vertical-align: middle;
}

.tab_sjezdovky td img, .tab_vleky  td img{
vertical-align: middle;
}

.tab_sjezdovky td.vlek_stav, .tab_vleky  td.vlek_stav, td.sjezdovky_obtiznost{
text-align: center;
}

.tab_sjezdovky tr:nth-child(odd), .tab_vleky tr:nth-child(odd) , .tab_bezky tr:nth-child(odd) {
 background-color: #f3f3f3;
}


.vlek_stav, .sjezdovky_stav {
 background-color: white;
}

.tab_snih tr:nth-child(even), .tab_snih tr:nth-child(even) td  {
 background-color: white;
}

.tab_snih tr:nth-child(odd), .tab_snih tr:nth-child(odd) td  {
 background-color: #f3f3f3;
}

.tab_snih td font  {
 font-size: inherit !important;
 color: inherit;
 font: inherit;
}

/* ----------------- ubytovani --------------------*/


.grid-balicky::before, .grid-balicky::after {
   content: "";
  display: table;
  clear: both;
}

.grid-balicky {
   background-color: #d5f3ff;
   padding: 10px;
   margin-bottom: 10px;
   background-color: #8f923f;
}

.grid-balicky {
   background-color: #d5f3ff;
   padding: 10px;
   margin-bottom: 10px;
   background-color: #8f923f;
}

#portmain .grid-balicky img {
  border:solid white 1px;
}

#portmain .grid-balicky a {
  color: white;
}

/* ----------------- leto - zime --------------------*/

#obdobi #ob-zima {
  border-bottom: solid 2px #37b1cd; 
}

#obdobi_menu #ob-zima {
  border-bottom: solid 2px #37b1cd; 
}
/*
.pgkt-uvle #obdobi #ob-zima {
  border-bottom: none 2px #37b1cd; 
}
*/


.pgkt-uvle #obdobi #ob-leto {
  border-bottom: solid 3px #ffcb00;
height: 31px;
}

.pgkt-uvle #obdobi_menu #ob-leto {
  border-bottom: solid 3px #ffcb00;
height: 31px;
}

.pgkt-uvle  #takt {
   
  margin-top: 30px;  
}

/* ---- elastické video ------ */

.elasticvideo {
    position: relative;
    padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
}

.elasticvideo iframe, .elasticvideo object, .elasticvideo embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

/* ----------- cool tabulky ---------------- */

table.cooltab1 {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.cooltab1 td, table.cooltab1 th {
  border: 1px solid #AAAAAA;
  padding: 4px 4px;
}
table.cooltab1 tr:nth-child(even) {
  background: #D0E4F5;
}
table.cooltab1 tfoot td {
  font-size: 14px;
}
table.cooltab1 tfoot .links {
  text-align: right;
}
table.cooltab1 tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


/* --------------- ikony v pravém sloupci ---------- */

#portmain .aws-right img {
	width: 70%;
}

/* --------------- ikonyp paticka ---------- */
.grid-obal-pagefooter .block-partneri-1a.col-2-4  {
	display: flex;
	flex-wrap: wrap;
}

.grid-obal-pagefooter .block-partneri-1a.col-2-4 a, .grid-obal-pagefooter .block-partneri-2b.col-2-4 a   {
	max-width: 30%;
	margin-bottom: 5px;
}

.grid-obal-pagefooter .block-partneri-1a.col-2-4  img, .grid-obal-pagefooter .block-partneri-2b.col-2-4  img   {
	/*display: none;*/
	max-width: 90%;
}
.grid-obal-pagefooter .block-partneri-2b.col-2-4  {
	display: flex;
	flex-wrap: wrap;
	position: relative;
top: -10px;
justify-content: flex-end;
}

 .grid-obal-pagefooter .block-partneri-2b.col-2-4 a {
 
  text-align: right;
}



.grid-obal-pagefooter .block-partneri-2b.col-2-4 a:nth-of-type(1), .grid-obal-pagefooter .block-partneri-2b.col-2-4 a:nth-of-type(2)
 {
	max-width: 40%;
}

.grid-obal-pagefooter h4
 {
	color: white;
	border:none;
}

.fblock-4
 {
	

 padding-left: 9.90%;

}

/* --------------- skibusy ---------- */
.avk-rad
{
 margin-bottom: 10px;
}
.avk-fitem
{
 font-size: 90%;
 background-color: #ebebeb;
padding: 3px;
}

.weekend .avk-fitem
{
 
background-color: #ffd0ad;

}

.avk-fitem .inn
{
color: #004c90;
font-weight: bold;
 
}

.avk-fitem::before
{
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
content: "\f073";
display: inline;
padding-right: 10px;
}

.avk-atrib .inn a::before
{
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
content: "\f207";
display: inline;
padding-right: 12px;
position: relative;
margin-left: 4px;
}

.avk-atrib .inn a::before
{
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
content: "\f207";
display: inline;
padding-right: 12px;
position: relative;
margin-left: 4px;

}

.avk-atrib .inn a[href*="232"]::before
{

color: #3eabe3;
}
.avk-atrib .inn a[href*="231"]::before
{

color: #009241;
}
.avk-atrib .inn a[href*="233"]::before
{

color: #9f92d2;
}
.avk-atrib .inn a[href*="234"]::before
{

color: #e77918;
}
.avk-atrib .inn a[href*="235"]::before
{

color: #da251c;
}

.avk-atrib .inn a[href*="974"]::before
{

color: #734f39;
}

.avk-atrib .inn a[href*="975"]::before
{

color: #727071;
}


.avk-atrib
{
 margin-bottom: 10px;
}

.avk-atrib .inn 
{
margin-top: 5px;
 font-size: 90%;
 
}

.avk-atrib .inn a
{
 display:block;
 font-size: 90%;
 
}