/*  
hrensko.cz, inPage 04 ZARA, #F0FFF0, C0E9FF
*/

body {
  font: 90%/1.5 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color:#2F2F2F;
  background:#F0FFF0;
  padding: 20px 0;
} 

tbody.rozpocet td {
  padding-left: 10px;
} 

.rowhighlight {
  background-color: rgba(0, 0, 0, .06);
} 

hr.style-02 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*  
C O N T A I N E R  */
#container {
  width: 960px;
  padding-top: 530px;
  background-color: transparent;
}

/* 
L  C O L U M N   */
#lcolumn {
  width: 245px;
  background: transparent;
  margin:0;
  padding:0;
  border:none;
}

/* R  C O L U M N   */
#rcolumn {
  width: 710px;
  min-height : 350px;
  background: #fff;
}

/*  
C O N T E N T  */
#content {
  padding-right:3px;
  min-height:350px;
}

#content ul li {
  background: transparent;
  padding:0;
}
#content p {
  padding-right: 15px;
}

/* M E N U  */
#menu, #submenu {
  display: none;
}

/* 
H O R N Í  S K U P I N A   */
/* 
horní menu, začátek */
#horni-skupina {
  position:absolute;
  top: 25px;
  left: 255px;
}
#h-menu-01 {
  text-align: left;
  width: 490px;
}
#h-menu-01 {
  text-align: left;
  margin-left: 35px;
}
#h-menu-01 .link a {
  float: left;
  padding: 4px 10px 2px 3px;
  background-color: transparent;
  display: block;
  margin-right: 1px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
}

#h-menu-01 .link a:hover {
  background-color: transparent;
  color: #009340;
  font-weight: bold;
} 
/* 
horní menu, konec */

/* 
jazyky 16px, začátek */
#lang-ic-16 {
  margin-left: 545px;
  margin-top: 4px;
  width: 165px;
  height: 16px;
}

.cz-lang-ic-16 {
  padding: 0;
  margin: 0;
  width: 24px;
  height: 16px;
}

.de-lang-ic-16 {
  padding:0; 
  margin-left:34px;
  margin-top:-16px; 
  width: 24px;
  height : 16px;
}

.pl-lang-ic-16 {
  padding:0; 
  margin-left:68px;
  margin-top:-16px; 
  width: 24px;
  height: 16px; 
}

.en-lang-ic-16 {
  padding: 0; 
  margin-left: 102px;
  margin-top: -16px; 
  width: 24px;
  height: 16px;
}

.ru-lang-ic-16 {
  padding:0;
  margin-left:136px;
  margin-top:-16px;
  width: 24px;
  height: 16px;
} 
/* 
jazyky 16px, konec */

/*  
H L A V N Í  M E N U  */
#nav {
  position: absolute; 
  top: 71px; 
  left:0; 
  font-family:Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #333;
  list-style: none;
  font-weight: bold;
  margin-bottom: 10px;
  float: left;
  background: #009340;
  width: 960px;
  z-index: 9999;
}

#nav li {
  float:left;
  margin-right:3px;
  position:relative;
}

#nav a {
  display: block;
  padding: 5px;
  color: #fff;
  background: #009340;
  text-decoration: none;
}

#nav a:hover {
  color:#fff;
  background:#009340;
}

#nav ul {
  background:#fff;
  background:#009340;
  list-style:none;
  position:absolute;
  left:-9999px;
}

#nav ul li {
  padding-top: 1px;
  float:none;
}
#nav ul a{
  white-space:nowrap;
}

#nav li:hover ul {
  left:0; 
}
#nav li:hover a {
  background:#009340;
  text-decoration:underline;
}

#nav li:
hover ul a {
  text-decoration:none;
}
#nav li:hover ul li a:hover {
  background:#009340;
  text-decoration:underline;
}
/*  
hlavní menu, konec */

/* 
T H E M E ]  */

#theme {
  width:960px;
  height: 70px;
  border:none;
  background : transparent;
  z-index:-1;
}

#theme-02 {
  position: absolute; 
  overflow: hidden; 
  top: 105px; 
  left: 0;
  width: 960px;
  height:400px;
  padding:0; 
  margin:0; 
  background : transparent;
}

/* -----------------------------------------------------------------  Ú Ř A D  ---------------------------------------------------*/

.pdf-icon-position-1  {
  width: 50px;
  height: 17px;
  padding-right: 5px; 
}

/* hlavička */
#theme-urad {
  position: absolute; 
  overflow: hidden;
  top: 95px; 
  left: 0;
  width: 960px;
  height: 400px; 
  padding-bottom: 450px;    /* aktuality 1(2)  */
  background : transparent;
}
.urad-head-img {
  padding: 20px 0px 0px 0px;
}

/* pravý sloupec - obsah stránky */
#container.article-139694 #rcolumn, /* kontaktni-udaje */
#container.article-139693 #rcolumn, /* vedeni-obce */
#container.article-354625 #rcolumn, /* rozpocet */
#container.article-539240 #rcolumn, /* poplatky-ceniky */
#container.article-532625 #rcolumn, /* formulare */
#container.article-139639 #rcolumn, /* verejne-zakazky */
#container.article-415476 #rcolumn, /* vymezeni-zastaveneho-uzemi-hrensko */
#container.article-415426 #rcolumn, /* program-rozvoje-obce-hrensko-na-obdobi-let-2016-2024 */
#container.article-139642 #rcolumn, /* projekty-eu */
#container.article-417072 #rcolumn, /* dotace a projekty */
#container.article-139691 #rcolumn, /* hospodarska-cinnost */
#container.article-139673 #rcolumn, /* statistika */
#container.article-139689 #rcolumn, /* mesicnik */
#container.article-139690 #rcolumn, /* vyhlasky */
#container.article-379736 #rcolumn, /* gpdr */
#container.article-582690 #rcolumn, /* vos */
#container.article-139692 #rcolumn  /* obecni-policie */
{
  margin-top: 450px;   /* aktuality 2(2) */
}

/* levé menu */
#container.article-139694 #portamento_container, /* kontaktni-udaje */
#container.article-139693 #portamento_container, /* vedeni-obce */
#container.article-354625 #portamento_container, /* rozpocet */
#container.article-539240 #portamento_container, /* poplatky-ceniky */
#container.article-532625 #portamento_container, /* formulare */
#container.article-139639 #portamento_container, /* verejne-zakazky */
#container.article-415476 #portamento_container, /* vymezeni-zastaveneho-uzemi-hrensko */
#container.article-415426 #portamento_container, /* program-rozvoje-obce-hrensko-na-obdobi-let-2016-2024 */
#container.article-139642 #portamento_container, /* projekty-eu */
#container.article-417072 #portamento_container, /* dotace a projekty */
#container.article-139691 #portamento_container, /* hospodarska-cinnost */
#container.article-139673 #portamento_container, /* statistika */
#container.article-139689 #portamento_container, /* mesicnik */
#container.article-139690 #portamento_container, /* vyhlasky */
#container.article-379736 #portamento_container, /* gpdr */
#container.article-139692 #portamento_container  /* obecni-policie */
{
  top: 390px;
}
/* aktuality úřadu - pod hlavičkou */
#urad-aktuality {
  margin-left: 240px;
}
.urad-oznameni-nadpis {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #009340;
  padding: 3px 3px 3px 10px;
  margin-top: 9px;
  margin-bottom: -10px; 
  border-color: #FF0000;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
}
.urad-oznameni {
  height: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 10px 10px 15px 10px;
  margin-left: 0px;
  margin-bottom: 10px; 
  background : #fff;
  border-color: #FF0000;
  border-style: solid;
  border-width: 0px 0px 0px 5px;
}

.urad-oznameni-02 {
  height: auto;
  font: 100%/1.5 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  padding:10px;
  margin-left: 0px;
  margin-bottom: 15px; 
  background : #009340;
  border-width: 0px 0px 0px 8px;
}
.urad-oznameni-03 {
  height: auto;
  font: 100%/1.8 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color: #ff0000;
  padding:10px;
  margin-left: 0px;
  margin-bottom: 10px; 
  background : #fff;
  border-color: #009340;
  border-style: solid;
  border-width: 0px 8px 0px 8px;
}

.urad-oznameni-04 {
  height: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding:10px;
  margin-left: 0px;
  margin-bottom: 10px; 
  background : #fff;
  border-color: #FF0000;
  border-style: solid;
  border-width: 0px 0px 0px 8px;
  background-color: #FCEDB5;
}

.urad-oznameni-05 {
  height: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding:10px;
  margin-left: 0px;
  margin-bottom: 10px; 
  background : #fff;
  border-color: #FF0000;
  border-style: solid;
  border-width: 0px 0px 0px 6px;
  background-color: transparent;
}

.urad-sipka-1 {
  color: #000;
  font-weight: bold;
  padding-left: 10px;
}

.styl-03-aktuality {
  width: 100%;
  margin-top: 0px;
  padding: 30px 10px 0px 30px;
  border-color: #FF0000;
  border-style: solid;
  border-width: 0px 0px 0px 8px;
}

/* Dotace a projekty */
.urad-dotace-1, .urad-dotace-2 {
  width: 96%;
  color: #000;
  padding: 10px;
  margin-bottom: 25px;
  background-color: #F0FFF0;
  border-color: #EBEBEB;
  border-style: solid;
  border-width: 0px 0px 0px 8px;
}

.urad-dotace-1 {
  margin-top: 30px;
}

.urad-dotace-1 p {
  padding: 0px;
}

/* Formuláře, ke stažení v PDF */
.urad-formulare-1, .urad-formulare-2 {
  width: 96%;
  color: #000;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #F0FFF0;
  border-color: #EBEBEB;
  border-style: solid;
  border-width: 0px 0px 0px 8px;
}
.urad-formulare-1 a, .urad-formulare-2 a {
  color: #000;
  letter-spacing: .01em;
  font-weight: 400;  
}  

.urad-formulare-1 {
  margin-top: 30px;
}
.urad-formulare-2 {
  margin-top: 5px;
}
.urad-formulare-1 p {
  padding: 0px;
}

#theme-03 {
  position: absolute; 
  overflow: hidden; 
  top: 105px; 
  left: 0;
  width:960px;
  height:430px;
  padding:0; 
  margin:0; 
  background: #F0FFF0;
}

/* počasí */
#theme-04 {
  position: absolute; 
  overflow: hidden; 
  top: 105px; 
  left: 0;
  width:960px;
  height:400px;
  padding:0; 
  margin:0; 
  background: transparent;
}

#theme-05 {
  position: absolute; 
  overflow: hidden; 
  top: 105px; 
  left: 0;
  width:1010px;
  height:430px;
  padding:0; 
  margin:0;
  background: transparent;
}

#theme-06 {
  position: absolute; 
  overflow: hidden; 
  top: 600px; 
  left: 250px;
  width:710px;
  height:450px;
  padding:0; 
  margin: 0;
  background : #F0FFF0;
}

/* T H E M E  0 7  -  Turistika/Rysí stezka ... */
#theme-07 {
  position: absolute;
  overflow: hidden;
  top: 105px;
  left: 0;
  width:960px;
  height:540px;
  padding:0;
  margin: 0;
  background : #F0FFF0;
}

.article-340497 #portamento_container {
  position:absolute;
  left:0;
  top: 680px;
}

.article-340497#container {
  width: 960px;
  padding-top: 680px;
  background-color: transparent;
}

/* ---[ LOGO ]-------------------------------- */
#logo {
  width: 205px; 
  height: 61px;
  top: -5px; 
  left: -4px;
  z-index:9999; 
}


/* ---[ FOOTER ]------------------------------ */

.modal-cookies .btn-primary {
  color: #fff;
  background-color: hsl(146, 100%, 29%) !important;
}

#footer {
  height: 35px; 
  padding: 0;
  text-align: left; 
  background:transparent;
}
#footer-main {
  background:#009340;
  height: 30px;
  width: 960px;
  margin:0; 
  padding:0; 
}
#footer-text-01 {
  color:#fff;
  font-weight: bold;
  padding-left:15px; 
}

/* -------------------------------------  SUBMENU V LEVÉM SLOUPCI, začátek */

/* sidebar-fix */
#sidebar-fix {
  width:240px; 
  padding:0; 
  background: #eee; 
  height:0; 
  position: absolute; 
  left:0; 
  top:0;
}

#portamento_container {
  position:absolute; 
  left:0; 
  top:550px;
}

#portamento_container #sidebar-fix.fixed {
  position:fixed; 
  left:auto; 
  top: auto;
} 

/* nadpis submenu  */
.nadpis-submenu-01 {
  margin-left: 10px;
  padding-left: 5px;
  padding-top: 3px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  height: 26px;
  background-color: #009340; 
}

/* sub-menu-01  */
#sub-menu-01 {
  width: 240px; 
  position:absolute; 
  left: -10px; 
  top:0;
  padding:0;
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#sub-menu-01 a {
  color: #000;
  text-decoration:none;
}
#sub-menu-01 a:hover {
  color:#435369;
}
#sub-menu-01 li {
  background-color: #fff;
}
#sub-menu-01 li.current {
  background-color: #000;
}
#sub-menu-01 li a.active {
  font-weight:bold;
}

#p-brana {
  position: relative;
  margin-bottom: 300px;
  margin-left:10px;
}

/* skupina tlačítek - funkce zpět a pozicování stránky nahoru  */
#navpack-01 {
  position: relative; 
  top:25px; 
  left:10px; 
}
/* button-back */
.button-back {
  margin-top:0;
  width: 42px;
  height: 42px; 
}
.button-back a {
  display: block; 
  width: 42px; 
  height: 42px; 
  overflow: hidden;
}
.button-back a:hover {
  text-indent: -42px;
}
.button-back a img {
  border: none;
}

/* button-top */
#button-top {
  margin-left: 50px;
  margin-top:-42px;
  width: 42px;
  height: 42px; 
}
#button-top a {
  display: block; 
  width: 42px; 
  height: 42px; 
  overflow: hidden;
}
#button-top a:hover {
  text-indent: -42px;
}
#button-top a img {
  border: none;
}

/* ----------------------------------------------------------------  Ú V O D  ---------------------------------------------------*/


/*  horní pruh; logo + kruhový odkaz + jazyky  */
#horni-pruh-bg {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 140px;
  background-image: radial-gradient( transparent 60%, rgba(256, 256, 256, .4) 90%);
}
/*  logo  */
#logo-02-uvod-cz {
  position: absolute; 
  top: 10px; 
  left: 0; 
  width: 318px;
  height : 90px;
}
/*  kruhový odkaz + jazyky  */
#skup-jaz-menu {
  position: absolute;
  right: 0; 
  top: 60px;
}
/*  kruhový odkaz  */
#uvod-menu-01 {
  position:absolute; 
  left:600px; top:20px; 
}
.menu-01 a {
  display:block; 
  height:103px; 
  width:103px; 
  overflow:hidden; 
}
.menu-01 a:hover {
  display: block; text-indent:-103.5px; 
}

/*  jazyky, cz, de, en, pl, ru  */
#lang-ic-25 {
  width: 220px;
  height : 27px; 
  z-index: 10; 
}
.cz-lang-ic, .de-lang-ic, .en-lang-ic, .pl-lang-ic, .ru-lang-ic {
  float: left;
  padding: 0; 
  width: 38px;
  height : 27px;
  margin-left: 5px; 
}


/*  pozadí stránky, full slide  */
#full-slide-02 {
  position: relative;
  height : 643px;
  z-index : -1;
}
#full-slide-02 IMG {
  position : absolute;
  top : 0;
  left : 0;
  z-index : 8;
}
#full-slide-02 IMG.active {
  z-index : 10;
}
#full-slide-02 IMG.last-active {
  z-index : 9;
}
#full-slide-02 img {
  min-height: 100%;
  width: 100%;
  min-width: 1500px;
  height: auto;
  position: fixed;
  top: 0;
  right : 0;
}


/* RYCHLÉ ZPRÁVY rubric-22054 , začátek */
#container.rubric-22054 h1 {
  display:none;
}
#container.rubric-22054 {
  padding-top: 90px;
}
#container.rubric-22054 #portamento_container {
  position: absolute;
  left:0; 
  top:140px;
}
#rs-blok {
  width: 685px; 
  height: auto; 
}

/* RYCHLÉ ZPRÁVY rubric-22054 , konec */

/* O HŘENSKU article-139684 , začátek */
/* sub - HŘENSKO V MEDIÍCH rubric-22045 , začátek */
#container.rubric-22045 h1 {
  color:#000;
}
#container.rubric-22045 {
  padding-top: 115px;
}
#container.rubric-22045 #portamento_container {
  position: absolute; 
  left:0; 
  top:67px;
}
#container.rubric-22045 #sub-menu-01 li a.active {
  font-weight: bold;
}
.thumb {
  background-color: transparent; 
}


/* sub - POČASÍ  article-140145 , začátek */
#container.article-140145 h1 {
  color:#000;
}
#container.article-140145 {
  padding-top: 120px;
}
#container.article-140145 #portamento_container {
  position: absolute; 
  left:0; 
  top:140px;
}
/* sub - POČASÍ  article-140145 , začátek */
/* O HŘENSKU article-139684 , konec */


/* Rychlé zprávy , začátek article-232876, #container.article-451258 */
#container.article-232876,#container.article-451258 {
  padding-top: 130px; 
}
#container#.article-232876 #lcolumn, #container#.article-451258 #lcolumn {
  width: 0; 
}
#container.article-232876 #rcolumn, #container.article-451258 #rcolumn  {
  width: 960px; 
}
#container.article-232876 #content, #container.article-451258 #content  {
  min-height:450px;
}
/* Rychlé zprávy , konec */

#screenshot {
  position: absolute;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
}

.hyper01 a {
  color: #349829;
  font-weight:bold;
  text-decoration:none; 
}
.hyper01 a:hover {
  color:#000; 
}

#upr-01 {
  position: absolute; 
  top:110px; 
  right: -55px; 
}

/* Kam do okolí , začátek article-139655 */
#container#.article-139655 #lcolumn {
  width: 0; 
}
#container.article-139655 #rcolumn {
  width: 980px; 
}
#container.article-139655 #content {
  min-height:450px;  
}
#container.article-139655 #navpack-01 {
  display: none; 
} /* Kam do okolí , konec */


/* ---------------------------------------------------  S O U T Ě S K Y  -  i n f o ------------------------------------------------  */


.nadpis-soutesky {
  color: #fff;
  width: 655px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 3px 10px 3px 5px;
  border: 1px solid;
  background-color: #009340;
  vertical-align: middle;
  border-color: #009340;
}

.tab-00-infos {
  width: 670px;
  margin-top: -20px;
  padding: 10px;
  border: 1px solid;
  border-color: transparent;
  background-color: transparent;
  vertical-align: middle;
}

.tab-02-infos, .tab-02-infos a {
  width: 670px;
  margin: 0;
  padding: 10px;
  background-color: #009340;
  font-size: 12pt;
  line-height: 22pt;
  color: #fff; text-align: left;
  vertical-align: middle;
}

.tab-02-1-infos, .tab-02-1-infos a {
  width: 670px;
  margin: 0;
  padding: 10px;
  background-color: #F0FFF0;
  font-size: 12pt;
  line-height: 18pt;
  color: #000; text-align: left;
  vertical-align: middle;
  border-color: #009340;
  border-style: solid;
  border-width: 0px 0px 0px 4px;
}

.tab-03-infos {
  width: 670px;
  margin: 0;
  padding: 10px;
  border: 1px solid; border-color: #eee;
  background-color: #eee;
  font-size: 12pt;
  color: #000; text-align: left;
  vertical-align: middle;
}

.tab-04-infos {
  width: 670px;
  margin-top: 30px;
  padding: 10px;
  border: 1px solid; border-color: #eee;
  background-color: #eee;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.tab-provozni-rad {
  width: 670px;
  margin-top: 40px;
  padding: 10px;
  border: 1px solid; border-color: #EEEEEE;
  background-color: #EEEEEE;
  font-size: 12pt;
  line-height: 22pt;
  color: #000; text-align: left;
  vertical-align: middle;
}

.tab-05-infos, .tab-05-infos a {
  width: 670px;
  margin-top: 40px;
  padding: 10px;
  border: 1px solid; border-color: #009340;
  background-color: #009340;
  font-size: 12pt;
  line-height: 22pt;
  color: #fff; text-align: left;
  vertical-align: middle;
}

.tab-td-01-infos {
  width: 670px;
  font-size: 16pt;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.tab-td-02a-infos {
  width: 670px;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.tab-td-02b-infos {
  width: 470px;
  font-size: 12pt;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.tab-td-02c-infos {
  min-width: 159px;
  padding: 0;
  font-size: 12pt;
  color: #000;
  text-align: right;
  vertical-align: middle;
}

.tab-td-02d-infos {
  width: 670px;
  padding: 0;
  font-size: 11pt;
  color: #000;
  text-align: left;
  vertical-align: middle;
}
.tab-td-02e-infos {
  width: 670px;  
  padding: 0;
  font-size: 11pt;
  font-weight: bold;
  color: #000;
  text-align: left;
}

.tab-td-03-infos {
  width: 360px;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.tab-tbody-infos {
  border-left: 3px solid #ff0000;
  background: #000;
}

/* tab-10-infos */

.tab-10-infos {
  width: 670px;
  margin-top: 30px;
  padding: 10px;
  border: 1px solid; border-color: #eee;
  background-color: #eee;
  font-size: 12pt;
  font-weight: normal;
  color: #000;
  text-align: left;
  vertical-align: middle;
}