body{
/*background: #b0d6e8;*/
background: #002a43;
background: -moz-linear-gradient(top,  #002a43 0%, #2a9dca 59%, #c5efff 100%);
background: -webkit-linear-gradient(top,  #002a43 0%,#2a9dca 59%,#c5efff 100%);
background: linear-gradient(to bottom,  #002a43 0%,#2a9dca 59%,#c5efff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a43', endColorstr='#c5efff',GradientType=0 );
}
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
           -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
           box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          z-index: 100;
}
/***************************btn- nahoru*********************/
button#btnTopPage {
	width: 35px;
	height: 35px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: white;
  color: red;
  cursor: pointer;
  border-radius: 20px;
}

button#btnTopPage:hover {
  background-color: red;
  color: white;
}
/*********************** /btn-nahoru**********************/
#content{
background-color: white;
max-width:90%;
margin:1rem auto;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
background-repeat: no-repeat;
}
@media screen and (min-width: 800px) {
		header{
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c5dfea+0,feffff+100 */
				background: rgb(197,223,234); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(197,223,234,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(197,223,234,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(197,223,234,1) 0%,rgba(254,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dfea', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
			}
			#header-top{
				height:2rem;
			}
			#header-top ul{
				list-style:none;
				text-align:left;
				margin:1rem 0 0 5rem;
			}
		a#logo-header{
			display:inline-block;
			width:239px;
			height:120px;
			background-color: transparent;
			background-image:  url(../images/logo-ski-cihadlo_cz.svg);
			background-repeat: no-repeat;
			margin:.2rem 0 0 0.5rem;
			text-indent: -9999px;
			}
		header h1{
				display:inherit;
				margin: 1.5rem auto .2rem;
				border: none;
				text-align: center;
				font-size:2.5rem!important;
   			line-height:2rem;
				color: #b53200 !important;
				/*text-shadow: 2px 3px 4px rgba(150, 150, 150, 0.8);*/
				letter-spacing: 3px;
			}
		
		header h2 {
				margin:1rem auto 0;
				vertical-align: bottom;
			}
		header h3.snih{
			font-size: 1.5rem;
				text-align: center;
				margin: .5rem auto;
			color:#4169e1!important; 
		}
} /* min-width: 800px */
@media screen and (max-width: 700px) and (max-width: 800px) {
	header{
		background: rgb(197,223,234); 
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			background-position: left top, right top;
			background-repeat: no-repeat;	
		}
		a#logo-header{
			display:inline-block;
			width:239px;
			height:120px;
			background-color: transparent;
			background-image:  url(../images/logo-ski-cihadlo_cz.svg);
			background-repeat: no-repeat;
			margin:.2rem 0 0 0.5rem;
			text-indent: -9999px;
			}
		
		header h1 {
			margin:0;
			padding: 1rem 0;
			border: none;
			font-weight: 600;
			font-family: "Trebuchet MS";
			text-align: center;
			font-size:.8rem!important;
   		line-height:1rem;
			color: #386892 !important;
					
		}
}

@media screen and (max-width: 600px) {
	header{
			background-color: #f5f5f5;
			background-color: #fff;
		}
	a#logo-header{
			display:inline-block;
			width:239px;
			height:120px;
			background-color: transparent;
			background-image:  url(../images/logo-ski-cihadlo_cz.svg);
			background-repeat: no-repeat;
			margin:.2rem 0 0 0.5rem;
			text-indent: -9999px;
			}
		
		header h1 {
			margin:0;
			padding: 1rem 0;
			border: none;
			font-weight: 600;
			font-family: "Trebuchet MS";
			text-align: center;
			font-size:1.2rem!important;
   		line-height:2.5rem;
			color: #386892 !important;
			letter-spacing: 3px;
			
		}
		header h2 {
				margin:1rem auto 0;
				vertical-align: bottom;
			}
		header h3.snih{
			font-size: 1.5rem;
				text-align: center;
				margin: .5rem auto;
			color:#4169e1!important; 
		}
}

#topmenu{
	height: inherit;
	margin-top: -1.5rem !important;
	/*border-top: 1px solid #636266;
	background-color: #636266;*/
}
div#col-left-uvod{	
	width: 200px;
	padding: 0 0 0 5px;
	float:left;
	/*border: 3px solid blue;*/
	background-color:transparent;
	}

div#col-mid-uvod {
	font-size: 1.0em; 
	margin: 0 auto;
	padding: 0;
	width:600px;
	/*border: 3px solid Fuchsia;*/
}

div#col-left{	
	padding: 0 0 0 5px;
	background-color:transparent;
	}

div#col-right{
	width:95%;
	float: right;
	font-size: 0.95rem; 
	margin: 0 0.5rem 1rem 2rem;
	padding-right:0;
	}
/**************************** end sloupce-ostatni****************/

h1 b{
font-size: 70%;
color: #888;
font-weight: 400;
letter-spacing: 8px;
}

#lang{
	color: White;
	float: right;
	height: 21px;
	width: 150px;
	margin: 191px 20px 0 0;
	padding: 0;
}
#lang ul {
display: inline;
list-style: none
}
#lang li{
	float: right; 
	text-align: center;	
	padding: 0 2px;
	
}
#lang img{
	border:0;
}
footer{
	background:#222222;
	border-top:8px solid #888888;
	border-bottom:8px solid #333333;
	color:#fefefe;
	border-radius: 0 0 8px 8px;
}
footer ul {margin:5px 0;padding:0;list-style:none;}
footer ul li,footerp {line-height:normal;}
footer a:link,footera:visited {color:#f1f1f1;}
footer a:hover {color:#77a400;}
footer div.finfo {margin:0;padding:0px 15px;}
footer div.finfo.email {border-right:1px solid #333333;border-left:1px solid #333333;padding:0px 20px 5px 15px;}
footer div.finfo h3 {color:white;font-size:1.4em;margin:0;padding:5px 0 5px 8px;border:none;}
footer div.finfo p {margin:5px 10px;}
footer div.finfo ul li {margin:5px 10px 4px;}
footer form {margin:10px 0 0;}
footer fieldset {border:none;border-radius: 8px;margin:0;padding:0.5rem;color:#000;background-color: #f4f4f4;}
footer fieldset div.plavr {margin-top:10px;}
footer label span {width:90%;font-weight:normal;color:black;}
footer label.norm {margin:0 3px 0 0;padding:0;}
footer input {margin:0px 6px;background:rgba(51,51,51,0.7);color:#999;border:1px solid #444;}
footer input.tlacitko {display:block;margin:5px auto 0;background-color: #1779ba; color: #fefefe; padding:6px 16px;}
footer input.tlacitko:hover {background-color: #14679e;background-color: #14679e;}
footer input.tlacitko:disabled{color:#f8f8f8 !important;background-color: #9da8b3;}
footer input.m {width:auto;margin:0 6px;vertical-align:top;}
footer form div.plavr {padding-right:8px;}
footer strong {color:#78c0ed;}
table.urHod{
 width: 95%;
 background-color:#222222!important;
 
 }
 table.kontakt td,table.kontakt th{
 border: 0;
 background-color:#222222!important;
 text-align:left!important;
 font-size: 0.95rem!important;
 }
/********************* forms******************************/
footer [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea 
{
display: block;
box-sizing: border-box;
width: 100%;
height: 2rem;
margin: 0 0 0.1rem;
padding: 0.1rem;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 0.8rem;
font-weight: normal;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s 
}
footer [type="text"].norm{
width:inherit;	
}
.required{
	color: Red!important;
}
#multi-msg{
	display: block;
	margin: auto;
	width: 90%;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	
}
.success{
color: #2f4f4f;
	background: rgb(207, 255, 204);
background: -moz-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -webkit-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -o-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -ms-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: linear-gradient(181deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);

}
.error{
color: #c11134;
background: rgb(255, 184, 179);
background: -moz-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -webkit-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -o-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -ms-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: linear-gradient(181deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
}
/********************************** end forms**********************************/
/*.alert{
background-color: #FFFFCC;
  background-image: url(../images/alert.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  '''background-position: 10px 10px;'''
	font-size: 18px;
	font-weight: normal;
	width: 60%;
	text-align:center;
	display: block;
	padding:0.8em;
	margin: 1em auto;
	background-color: #fff19d;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	color: Red;
	text-shadow: 0 1px 0 #64727F;
}*/
#pg_body{
min-height:450px;
margin:0 10px;
padding:0 10px;
}
.prvni{
	/*margin-left: 20px;*/
}

  .center{
	text-align: center;
}
.datum{
	color:#b61031;
	font-size:.8rem;
	float:right;
	margin-left: 5px;
	text-decoration: none!important;
}
.blok-c{
	display: block;
	margin: auto;
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.justify{
	text-align: justify;
}
#detail{
	text-align: center;
	display:block;
	margin: 3em auto;
}
#detail img{
	border: 1px solid #dedede;
	padding:4px;
	background-color: #f1f1f1;
	cursor: pointer;
}
#detail h3{
	font-size: medium;
	font-weight: 600;
}
.clear{
	clear: both;
}
.big{
	font-size: large;
}
.red{
	color: red;
}
.blue{
	color: Blue;
}
.green{
	color: Green;
}

a.tlac{
	text-align:center;
	text-decoration:none;
	width: 20em;
	display:block;
	padding:0.2em;
	margin:1em auto;
	color: black;
	background-color:	#87CEEB;
	border: solid 1px #BF9F60;	
}
a:hover.tlac{
	background-color: #37ADDD;
}

.tlac img{
	border: 0;
}

.hidden{
	display: none;
}
/*********************************aktuality***********************/
table.kalendar_prehled,table.kalendar_prehled td,table.kalendar_prehled th{
	border:1px solid White;
}
.akceDetail img{
	float: left;
	margin: 5px 8px 5px 5px;
	border: 1px solid #6F7E99;
-moz-box-shadow: 0 0 6px #888;
-webkit-box-shadow: 0 0 6px#888;
box-shadow: 0 0 6px #888;
}
.akceDetail{
	font-size: 1.1em;
}
.akceDetail h2{
margin:10px 0 10px 0;
background-color: #778899;
padding:3px;	
}
.akceDetail .datum{
	color:#ffffa6 !important;
}
.akceDetail .strTypAkce{
	float:right;
	margin-right: 5px;
	color:white;
}
a.btnZpet{
	display: block;
	margin: 5px auto;
	text-align: center;
}
.hiLite{
	background-color: #f7f2c3;
}
#camThLabel{
	text-align: center;
	margin:2px auto;
	display:block;
}
.aktualita{
	/*padding-bottom: 1em;
	margin-bottom: 10px;
	border-bottom: dotted 1px #9C9C9C;*/
	border:1px solid #dcdcdc;
	background-color: #f2f2f2;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
	margin:3px auto 6px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}
.aktHilite{
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0DC74));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0DC74 100%);
}
.aktualita a{
	color: navy;
	text-decoration: none;
}
.aktualita a:hover{
	color: #0000cd;
	text-decoration:underline;
}
.aktualita img{
	float:left;
	background-color: #DDE8FF;
	padding: 3px;
	cursor: pointer;
	margin: 0 1em 1em 0;
	border:1px solid #aec3dd;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 6px #888;
	-webkit-box-shadow: 0 2px 6px #888;
	box-shadow: 0 2px 6px #888;
}
.aktualita li{
	list-style: url(../images/li-1.gif)!important;
	margin-left: 1em;
	_margin-left: 1.8em;
}
.aktualita hr {
  height: 3px;
  border: 0;
  background-color: #fff;
  background-image: linear-gradient(left, #f7f6f4, #fff, #f7f6f4);
}
.aktualita hr::after {
  content: '';
  display: block;
  height: 1px;
  background-color: #c3c3c3;
  background-image: linear-gradient(left, #f7f6f4, #c3c3c3, #f7f6f4);
}
/********************************end aktality***********************/
h2.nadpisDokumentuUvod{
	font-size: 1.5rem;
	color: #002a43;
	
}
/******************************** CLANKY*************************/
.clanky-header {
 width:100%;
 display: inline-block;
}
.clanky-header h4{
	font-size:1.1rem;
	display: inline;
	color: #5b6875;
}
.clanky-body{
	width:100%;
	/*padding-bottom: 1em;*/
	margin-bottom: 5px;
	/*border-bottom: dotted 1px #9C9C9C*/

}	
.clanky-body-inner{
	/*	min-height:120px;*/
		overflow:visible;
}
.span-clanky-btn{
	text-align: right;
	font-size: 12px!important;
	color: blue;
	cursor: pointer;
}
.span-clanky-btn:hover{
color: #191970;
}
.clanky-img{
	float:left;
	background:transparent;
	border:none;
	padding: 3px;
	cursor: pointer;
	margin: 0 1em 1em 0;
	
}
.clanky-body li{
	list-style: url(../images/li-1.gif)!important;
	margin-left: 1em;
	_margin-left: 1.8em;
}
.clanky-autor{
	display:block;
	height: 20px;
	width: 100%;
	float: right;
	color:#708090;
	margin:0 35px 0 0;
	font-size: 0.8em;
	text-align: right;
}
.clanky-gallery{
	/*display:inline-block;*/
	line-height: 20px;
	/*width: 50%;*/
	float: right;
	color:#506070;
	margin:0 15px 0 0;
	font-size: 0.85em;
	text-align: right;
}
.clanky-dokument{
display:inline-block;
	height: 20px;
	line-height: 20px;
	width: 50%;
	float: left;
	color:#506070;
	margin:0 0 5px 0;
	font-size: 0.95em;
	text-align: left;
}
.clanky-dokument img{
	display:inline-block;
	margin:0!important;
	line-height: 20px;
	border: none;
	background-color: transparent!important;
	box-shadow:none;
	float: none!important;
}
.clanky-footer{
	margin:5px auto 0;
	width:100%;
   display: inline-block;
   border-bottom: 10px solid #DEDEDE;
}
/************************************ end CLANKY **************************/
/************************************* dokumenty***************************/
.dokument {
	border:1px solid #dcdcdc;
	background-color: #f2f2f2;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
	margin:3px auto;
}
a.attach_doc{
	font-style: normal;
	color:#000099;
	text-decoration: none;
}
a:hover.attach_doc{
	font-style: normal;
	color:#2958de;
	text-decoration:underline;
}
.dokument img {
	padding: 0 5px 0 0;
	
}
.dokument h4{
	font-size:0.85rem;
	font-weight: bold;
}
/************************************* end dokumenty ***********************/
/************************************ newestDOC****************************/
.newestDoc {
	width: 98%;
}
.newestDoc li{
	list-style: none;
	text-indent: -1.5em;
	background-color: #F8F8FF;
	border: 1px solid #8DA5D0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: .2em 2em .1em;
	margin: 0.3em .1em ;
	}
	.newestDoc li li{
	list-style: none;
	text-indent: -1.5em;
	background-color: transparent;
	border:none!important;
	margin:0 0.2em ;
	}
.newestDoc a{
		text-decoration: none;
	}
.newestDoc a:hover{
	color: #0000CD;
		text-decoration: underline;
	}
.newestDoc h4{
	font-size:0.85rem;
	font-weight: bold;
}	
.fl-left{
		float: left;
		display: inline;
		color: #696969;
	}
.fl-right{
		float: right;
		display: inline;
		color: #4169E1;
		
	}	
/************************************end  newestDOC****************************/
/****************************** FOTOGALERIE UVOD*********************************/
#galleryIntro{
	padding: 0.3em;
}

#galleryIntro div{
	float: left;
	display:block;
	margin:0.2em 0.5em;
   padding: 0.2em 0.5em;
   color: Black;
	cursor: pointer;
	min-height: 290px!important;
	_height:280px;
	min-width:210px!important; 
	width:210px;
	-moz-border-radius: 6px;
	border: 1px solid #dedede;
	border-radius: 6px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
-webkit-box-shadow: 3px 3px 4px 0px rgba(204, 204, 204, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(204, 204, 204, 0.75);
box-shadow:         3px 3px 4px 0px rgba(204, 204, 204, 0.75);
	}
#galleryIntro img{
	padding:0;
	border: 1px solid #F7F7F7;
	margin: 2px auto;
	display: block;
}
#galleryIntro h4{
	font-size: 1.1em;
	font-style: normal;
	color: #4e5965;
	width: 210px;
	line-height: 16px;
	height: 16px;
		display: block;
	text-align: left;	
	overflow: hidden;
}
#galleryIntro h4:hover{
 overflow: auto;
 height: auto;
}
#galleryIntro h5{
	font-size: 11px;
	font-weight: normal!important;
	color: #6088bd;
	background-color: transparent;
	text-align: left;
}
#galleryIntro p {
	font-size: small;
	color: #e9e9e9;
	background-color: transparent;
	width: 180px;
	text-align: left;
}
#galleryIntro ul{
	margin:3px 0;
	padding: 0;
	font-size:small;
	color: #677685;
	background-color: transparent;
	width: 170px;
	}
#galleryIntro li{
	list-style: none;
	text-align: left!important;
}	

/****************************** FOTOGALERIE - ITEMS*********************/
.gallery-items{
	width:100%;
	padding:1em ;
	margin:0 auto 2rem;
}
.gallery-items img {
	float:left;
	margin:0 .6rem 0.6rem 0;
   border: 1px solid #d7d7d7;
   padding: .1rem;
   display: inline-block;
  	border-radius: 6px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
   -webkit-box-shadow: 3px 3px 4px 0px rgba(204, 204, 204, 0.75);
	-moz-box-shadow:    3px 3px 4px 0px rgba(204, 204, 204, 0.75);
	box-shadow:         3px 3px 4px 0px rgba(204, 204, 204, 0.75);
}
.clear, .cleaner{
	clear:both;
}

 /**************** vypis dokumentu***********************/
ul.listDocs {
margin:10px;	
}
ul.listDocs  li{
list-style: none;
}
 
/********************** registrace novinky*****************/
.success, .error{
	display:block;
	text-align: center;
	width: 60%;
	padding:10px;
	margin:15px auto;
	font-size: larger;
	/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);*/
	-webkit-box-shadow: 2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	-moz-box-shadow:    2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	box-shadow:         2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.success{
color: #2f4f4f;
	background: rgb(207, 255, 204);
background: -moz-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -webkit-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -o-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -ms-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: linear-gradient(181deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);

}
.error{
color: #c11134;
background: rgb(255, 184, 179);
background: -moz-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -webkit-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -o-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -ms-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: linear-gradient(181deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
}


/************************* WEBCAM***********************/
.webcam_filmstrip{
	display: block;
	margin:1rem auto;
}
img.webcam_th{
	width:9vw;
	height:auto;
	background: #dddddd;
	border: 1px solid #888;
	padding:2px;
	margin: 3px;
	cursor: pointer;
}
img#obrWebcam{
	border-radius: 8px;
	display: block;
	padding:.5rem;
	background-color: #d6e1ee;
	margin:1rem auto 0!important;
	width:100vw;
	border: 3px solid #dedede;	
}
.currTime{
	border:none;
	background-color:#fff;
	color:#000000; 
}
/************************* /WEBCAM***********************/
/************************* PROVOZNI DOBA*****************/
.prov_doba_td{
 	background-color:#222222!important;
 	border:none!important;
 	color:white!important;
 }
/********************** /PROVOZNI DOBA ******************/ 
/********************** SPOLUPRACE **********************/
 #spoluprace-wrapper{
	background-color: white;
}
#spoluprace {
border-top: 1px solid #d9d9d9;
padding:20px 0 10px;
background-color: white;
margin:0 auto!important;
display: block;
}
#spoluprace img{
/*float: left;*/
 display: inline-block;
margin:0 10px 5px;
border: none;
 filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: gray; /* IE6+ */}
#spoluprace img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}
#spoluprace h3{
	font-size:1.2em;
	margin:0.2em auto;
	text-align: center;
	color: gray;
	}
.bwWrapper {
	position:relative;
	display:inline-block;
	}
/************************/spoluprace***********************/
/************************kontakty**************************/
ul.unbullets li{
	list-style: none!important;
}
.nadpisDokumentu{
	color:red;
	font-size: 1.6rem;
	
}
/************************ aktualni teplota*************/
#akt_T{
	margin: 0 auto;
}
.aktualneOdskok{
/*	width:50vw;*/
	text-align:center;
	/*padding:1rem;
	background-color:#C5EBF1;
	border:2px solid #03F;*/
	margin:3px auto;
}
.aktualneOdskok br{display: none;}
@media screen and (max-width:720px) {.aktualneOdskok br{display: inherit;}}
.aktuajen{
	font-weight:bold;
	margin-left: .5rem;
	font-size:1.5rem;
	color:navy;
}
.mensi{
	font-weight:bold;
	margin-left: .5rem;
	font-size:1rem;
	color:#C00;
}
.main-content{
	background-color: #fff;
}
#i menuMain{
	width: 90vw!important;
}
.btn-menuMain{
  font-size: .9em;
  font-weight: bold;
	color:white;
	min-height:55px!important;
	width: 9.85vw;
} 
.btn-menuMain.pasivni{
	background-color:#2a9dca;
}	
.btn-menuMain.aktivni{
background-color: red;
}
.btn-menuMain.aktivni:hover{
	background-color:#dd0000;
	color:white;
} 
.btn-menuMain.pasivni:hover{
	background-color:#258ab3;
	color:white;
} 
@media screen and (max-width:720px) {
.btn-menuMain {
font-size: 1rem;
line-height: 25px;
}

}
@media screen and (min-width:1281px) {
.btn-menuMain {
font-size: 1rem;
line-height: 25px;
width: 8vw;
}

}