/* gravitas-one-regular - latin */
@font-face {
  font-family: 'Gravitas One';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/gravitas-one-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gravitas One'), local('GravitasOne'),
       url('../webfonts/gravitas-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/gravitas-one-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/gravitas-one-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/gravitas-one-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/gravitas-one-v10-latin-regular.svg#GravitasOne') format('svg'); /* Legacy iOS */
}

@media screen {
	.print_only {display: none}
}

@media print {
	body {background-color:white;}
	header,#menu,#submenu,footer, .form,.buttons {display: none;}
	h1,h2,h3,h4,h5,h6 {display: inline; color: Black;}
	.content{border:0;}
}
html*{
	margin: 0;
	background:rgba(88,120,169,1);
}
body {
 font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5878a9+0,3160a5+100 */
background: rgb(88,120,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,120,169,1) 0%, rgba(88,120,169,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(88,120,169,1) 0%,rgba(88,120,169,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(88,120,169,1) 0%,rgba(88,120,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5878a9', endColorstr='#3160a5',GradientType=0 ); /* IE6-9 */

}

a{	color: #5152FF!important;

font-weight: bold;}

a img{border:none;}
table{
	margin: auto;
	width: 90%;
}
table, td, th{
	/*	border: 1px solid #E97512;*/
	border-collapse: collapse;
}
th{
	background-color: #E8EFF6;
}
th, td{
	padding: 1px 3px;
}
caption{
	border: 1px solid #ff9900;
	border-collapse: collapse;
	background-color: #E8EFF6;
	font-weight: bold;
	margin: auto;
}
label, input{
	font-size: 10px;
}

#content{
	background-color: #fff;
	border:none; 
	
}
/*html>body #content{padding-top:1px;}*/
#content h1,h2,h3,h4,h5,h6{
	color:#E97512;
	margin:0;
}

/*********************** /btn-nahoru**********************/	
#content{
background-color: white;
max-width:90%;
margin:1rem auto;
border-radius: 8px!important;
-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;
}
header{
min-height: 180px;
padding:2rem 1rem;
margin:15px auto 0!important;
border-bottom: 10px solid  #E87511!important;
background-color: #a52a2a;
  	
 text-shadow: 4px 4px 2px rgba(158, 83, 9, 0.27);
}
.foto{
 	display: inline-block;
	margin:14px 0 0 14px;
}
header h1{
	display:block;
	color:#ffd700!important;
	font-family: 'Gravitas One', sans-serif;
	text-transform: uppercase;
	line-height:3rem;
	font-size:3rem!important;
	text-align: center;
	margin:30px auto 0;
	padding-left: 10px;

}
 header h1 span{
 line-height: 50px;
	color:#f0e68c !important;
	font-size:1.5rem!important;
	
	

}
#logo-header{
	height: 170px;
	width: 156px;
	text-indent:-9999px;
	background-image: url(../images/erb-borkovice.png);
	background-position: top  center;
	background-repeat: no-repeat;
 	display: block;
	margin: 10px auto 0;
}	
@media screen and (max-width: 39.9375em) { 
	
	/* Small only */
	#logo-header{
	height: 170px;
	width: 156px;
	text-indent:-9999px;
	background-image: url(../images/erb-borkovice.png);
	background-position: top  center;
	background-repeat: no-repeat;
 	display: block;
	margin: 10px auto 0;
}	
	img.foto{
	display: none!important;
	}
	header h1{
		font-size:1.3rem!important;;
		line-height: normal;
		color:black!important;;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;
	}
	header h1 span{
		color:black!important;;
		font-size:1.3rem!important;;
		color:black;
		line-height: normal;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;
	}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	/* medium only */
	#logo-header{
	height: 70px;
	width: 160px;
	text-indent:-9999px;
	background-image: url(../images/logo-css-70x160.png);
	background-position: top  center;
	background-repeat: no-repeat;
 	display: block;
	margin: 10px auto 0;
}	
	
	header h1{
		font-size:1.1rem!important;;
		line-height: normal;
		color:black!important;;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;
	}
	header h1 span{
		color:black!important;;
		font-size:1.1rem!important;;
		color:black;
		line-height: normal;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;
	}}


#col-left{
	margin: 0 0 0 0;
	padding: 1rem;
	background-color: #343434;
}

#col-right{
	padding:1.5rem .5rem .5rem 1.5rem;
	font-size:0.8rem!important;

	
}
#col-right  ul li {
	/*list-style:none;*/
	list-style-image: url(../images/pg-body-li.jpg);
	list-style-position: outside;
	}
/*****************/
#col-right h2,h3,h4{
	text-align: center!important;
}
#col-right  h2{font-size:1.8em!important;}
#col-right  h3{font-size:1.6em!important;}
#col-right  h4{font-size:1.4em!important;}
#col-right  h5{font-size:1.2em!important;}
#col-right  h6{font-size:1.0em!important;}
#col-right a{
	font-size: 1.2em!important;
	font-weight: bold!important;
	color: #4169E1 !important;
	text-decoration: underline!important;
}
#col-right a:hover{ color: #FE13FF!important;}
/*****************/	
.nadpisDokumentu{
	color:#E97512;
	margin:0;
}
.nadpisDokumentu a{
	color:#E97512!important;
	text-decoration: underline;
	margin:0;
}
.nadpisDokumentu a:hover{
	color:blue!important;
	margin:0;
}
footer{
	background:rgba(34, 34, 34,.6);
	border-top:8px solid rgba(34, 34, 34,.6);
	border-bottom:8px solid rgba(51, 51, 51,.6);
	color:#fefefe;
/*	border-radius: 0 0 8px 8px*/;
}
.nu-active{
	font-weight:800;
	color: white!important;
	background-color: #832121;
	padding:4px;
	border: 4px solid rgba(165, 42, 42, .2);

} 
footer ul {margin:5px 0;padding:0;list-style:none;}
footer ul li,footer p {line-height:normal;}
footer a:link,footer a:visited {color:#f1f1f1!important;}
footer a:hover {color:#00bfff !important;}
footer .columns{border-right:1px solid #333333!important;}
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.urHod td{
 border: 0 0 0 1px;
 color:white;
 background-color:#222222!important;
 font-size: 0.95rem!important;
 
 }
  th.left-border, td.left-border{ 
 	border-left:1px solid #bbb;
 }
/********************* 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: rgba(254, 254, 254, .3);
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%);
}
.hide, .hidden{
position:absolute;
left:-9999px;}



li.nolist  {
	list-style: none !important;
}
.clear{
	clear:both;
}
.small{
	font-size: 0.8em;
}


	
	/* easy drop shadow
================================== */
/****************************** 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;
}

.img-wrapper {
 background:url(/images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(/images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(/images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
.f-l{
	float: left;
}
.center, .c {
	text-align: center;
}
.j{
	text-align: justify;
}
.r{
	text-align: right;
}
.l{
	text-align: center;
}
.block-c{
	display: block;
	margin: 10px auto!important;
	text-align: center;
}
.datum{
display:block;
	color:#b61031;
	font-size:1em;
	float:right;
	margin-left: 5px;
	text-decoration: none!important;
}
/******************************** CLANKY*************************/
.clanky-header {
 width:100%;
 display: inline-block;
}
.clanky-header h4{
	font-size:12px;
	display: inline;
	color: #5b6875;
}
.clanky-body{
	width:100%;
	/*padding-bottom: 1em;*/
	margin-bottom: 5px;
	/*border-bottom: dotted 1px #9C9C9C*/

}	
.clanky-body-inner{
		height:70px;
		overflow:hidden;
}
.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: #fff;
	border: solid 1px #d0d0d0;
	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;
}
/************************************ 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 ***********************/

#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;
	}
/************ kontaktni formular ******************/
form{
 width: 80%;
 margin:10px auto;
}
form *{
	font-size: 13px;
	
}
fieldset { 
	margin:0.5em auto;
	border:1px solid #808059;
	background: #ddd;
	padding: 5px;
	border: 1px solid #E1E1E1;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 6px #323232;
	-webkit-box-shadow: 0 0 6px #323232;
	box-shadow: 0 0 6px #323232;
}

input[type="text"],textarea{
 /*float: left;*/
 text-align: left;
 margin-right:10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 4px  #323232;
	-webkit-box-shadow:0 0 4px  #323232;
	box-shadow:0 0 4px  #323232;

}
 
legend {
	background: #D9D2C3;
 	padding: 0.2em 0.5em;
	border:1px solid #808059;
	color:black;
	font-size:95%;
	text-align:right;
	margin-bottom: 10px;
}
label {
   color: Black;
	float:left;
  	width:30%;
  	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
  	font-weight:bold;
}
/**************** konec kontaktni formular *******************/
/************************************ listDOC****************************/
.listDoc {
	width: 98%;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: .2rem .5rem .1rem;
	margin: 0.3rem .1rem ;
	display: block;
}

.listDoc a{
		color:black!important;
		text-decoration: none!important;
	}
.listDoc a:hover{
	color: #0000CD!important;
		text-decoration: underline!important;
		background-color:transparent!important;
	}
.even{
	background-color: white!important;
}
.odd{
	background-color: #ececec !important;
}	
.listDoc h4{
	font-size:0.85rem;
	font-weight: bold;
}
.listDoc .datum{
	color: #505050;
}
a i{
	font-size:20px!important;
	cursor: pointer!important;
	color:red;
}
a i:hover{

	color:#a60f2d;
}
#info,.info{
	text-align: left;
	display: block;
	width:50%;
	min-height: 35px;
	_height: 35px;
	margin: 2em auto;
	padding: 1em;
	padding-left:35px;
	border: solid 1px #87CEEB;
	background-color: #F0FFFF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 6px #888;
	-webkit-box-shadow:inset 0 0 3px#888;
	box-shadow:inset 0 0 3px #888;
}	
/*************************** 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;
}
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}