/*behavior: url(./include/iepngfix.htc);*/
* {  
  margin: 0;
  padding: 0; 
}

body {  
  background: #8badda url(../layout/bg-body.jpg) repeat-x 0 0px;  
  position: relative;
  font-size: 100%;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  color: #333333;
  text-indent: 0 !important;
  padding: 15px 0 0px;  
}

div#hlavicka {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  height: 246px;
  background: transparent url(../layout/bg-hlavicka.jpg) no-repeat left bottom;
  z-index: 1;  
}

/*** paticka ***/
#paticka {
  margin: 0px auto;
  padding: 10px 0;
  color: #fff;
  background: #4c678f url() no-repeat 0 0px;
  width: 1000px;
  overflow: hidden;
  position: relative;
}
#paticka * {
  color: #fae4d1;
}
#paticka strong,
#paticka strong a {
  color: #faeadf;
}
#paticka p {
  line-height: 160%;
  padding: 5px 20px; 
  text-align: center;
  font-size: 70%;
}
#paticka img {
  padding: 0 5px;
  border: none;
}

a#logo {
  left: 64px;
  position: absolute;
  top: 63px;
  z-index: 111;
}
a#logo img {
  border: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
}
div#menu {
  position: relative;
  top: 0;
  left: 0;
  background: #4c6890 url(../layout/bg-menu-repeat.jpg) repeat-y 0 0;  
  padding: 0 15px 20px;
}

div#menu ul {
  margin: 0;
  padding: 0;
  background: url() transparent;    
}
div#menu ul li {
  padding: 0;
  margin: 0;
  background: transparent url(../layout/bg-menu-li.gif) no-repeat left bottom;  
  list-style: none url();
}

div#menu ul li a {
  display: block;
  padding: 2px 15px 2px;
  color: #fff;
  text-decoration: none;
  width: 170px;
  background: transparent url(../layout/bg-menu-li-a.gif) no-repeat 5px 13px;
  
}
div#menu ul li a:hover {
  color: #f9e941;  
}

div#menu ul li.aktivni a,
div#menu ul li.aktivni li.aktivni a {
  font-weight: bold;
  text-decoration: underline;
  color: #f9e941;  
}


/*** 2 uroven ***/
div#menu ul ul {
  padding: 0 0 10px;
}
div#menu ul ul li {
  background: url() ;
  padding: 0 0 0 10px;
}
div#menu ul ul li a,
div#menu ul li.aktivni li a {
  text-decoration: none;
  font-weight: normal;
  font-size: 110%;
  background-position: 5px 10px;
  color: #fff;
}
div#menu ul ul li a:hover {
  color: #f9e941;  
}

div#menu-bottom {
  height: 9px;
  width: 230px;
  background: transparent url(../layout/bg-menu-bottom.jpg) no-repeat left top;
}

/*  uvodní strana ****/
div#telo {  
  padding: 246px 0 15px;  
  background-color: #fff;
}




/**** obal ***/
div#obal {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 0px;    
}

/*** pravy blok ***/
div#pravy-blok {
  float: right;
  width: 230px;
  padding: 0 0px 0 0;
}
/*** levy blok ****/
div#levy-blok {
  float: left;
  width: 760px;
  padding: 0 0 0 10px;
  position: relative;  
  left: 0;
  top: 0;
  z-index: 100;
}
div#pravy-blok p,
div#pravy-blok address,
div#aktualne p,
div#aktualne address {
  padding: 0 0 10px;
  line-height: 180%;
  text-align: justify; 
}

div#levy-blok-pravy {
  position: relative;
  float: right;
  width: 498px;
  padding: 0 16px 0 0;
  top: -30px;  
}

div#levy-blok-levy {
  float: left;
  width: 230px;
  padding: 0;
}

/*** drob nav ***/
#drobeckova-navigace {
  font-size: 70%;
  margin: 0 0;
  padding: 0 0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 900;
}


/*** rychly kontatk **/
div#rychly-kontakt {
  padding: 0px 0 20px;
  background: #d7e7f7 url(../layout/bg-rychly-kontakt-bottom.jpg) no-repeat left bottom;  
}
div#rychly-kontakt h2 {
  height: 37px;
  background: #9d1212 url(../layout/bg-rychly-kontakt-nadpis.jpg) no-repeat 0 0;
  color: #fff;
  font-size: 120%;
  padding: 12px 15px 0;
}
div#rychly-kontakt .box-text {
  padding: 10px 15px 0;
}
div#rychly-kontakt label {
  font-weight: bold;
}
div#rychly-kontakt address {
   border-bottom: dotted 1px #abbbca;
   padding: 0px 0 7px;
   margin: 0 0 7px;
}
div#rychly-kontakt p {
  padding: 0 0 7px;
}
div#rychly-kontakt h3 {
   border-top: dotted 1px #abbbca;
   padding: 7px 0 0;
   margin: 0 0 0;
}

div#box-pocasi {
  padding: 20px 0;
}

#uvodni-text-levy {
  float: left;
  width: 140px;
}
#uvodni-text-pravy {
  float: right;
  width: 350px;
}

/**** US ***/
#boxy-us {
  background: transparent url(../layout/bg-border-1.gif) repeat-x 0 0;
  padding: 15px 0;
}
#boxy-us p {
  font-size: 70%;
  padding: 0 1px 10px;
  text-align: justify;
  line-height: 160%;
}
#boxy-us h3 {
  font-size: 75%;
  padding: 8px 1px 5px;  
}
#boxy-us p.datum {
  color: #666;
  background: transparent url(../layout/bg-kalendar.jpg) no-repeat 1px 1px;
  padding: 0 0 10px 20px;
}
#boxy-us h2 {
  height: 36px;
  padding: 3px 0 0;
  text-align: center;
  color: #fff;
  font-size: 130%;
  font-weight: normal;
  letter-spacing: 0px;
}

/**** aktualní informace */
#box-informace {
  float: left;
  width: 243px;
}
#box-informace h2 {
  background: #4c6890 url(../layout/bg-aktualni-informace-nadpis.jpg) no-repeat 0 0;
}
#box-informace h3 {
  text-align: justify;
  background: transparent url(../layout/bg-border-1.gif) repeat-x left top;
  color: #D11919;  
}
#box-informace .box-informace-polozka-prvni h3 {
  background: url();
}

/** poslední dokumenty ****/
#box-dokumenty {
  float: right;
  width: 243px;
}
#box-dokumenty h2 {
  background: #4c6890 url(../layout/bg-posledni-dokumenty-nadpis.jpg) no-repeat 0 0;
}
#box-dokumenty h3 span {
  font-weight: normal;
  font-size: 90%;
}
#box-dokumenty h3 {
  text-align: justify;
  background: transparent url(../layout/bg-border-1.gif) repeat-x left top;  
}
#box-dokumenty .box-dokumenty-polozka-prvni h3 {
  background: url() ;
}
#box-dokumenty p.datum {
  color: #666;
  background: transparent url(../layout/bg-kalendar.jpg) no-repeat 1px 1px;
  padding: 0 0 10px 20px;  
}

ul#link-archiv {
  padding: 10px 0;
  margin: 0 0 10px 0px;
}
ul#link-archiv li {
  list-style: none url();
  background-color: #e9f5ff;
  width: 229px;
  padding: 0 7px;
  text-align: right;
}
ul#link-archiv #link-archiv-aktualit {
  float: left;
}
ul#link-archiv #link-uredni-deska {
  float: right;
}


/**** pravý sloupec ***/
#pravy-blok .box {
  background-color: #fff;
  margin: 0 0 15px;  
}
#pravy-blok h2 {
  height: 41px;
  background: #4c6890 url(../layout/pravy-blok-nadpis-foto.jpg) no-repeat 0px 0px;
  color: #fff;
  font-size: 110%;
  letter-spacing: 0px;
  padding: 16px 8px 0;  
}
#pravy-blok .box-text {
  border: solid 1px #d7e7f7;
  border-top: none;
  padding: 0 8px 3px;
  width: 202px;  
}
#box-nejnovejsi-fotogalerie p,
#box-nejnovejsi-fotogalerie h3 {
  font-size: 70%;
}
#box-nejnovejsi-fotogalerie .datum {
  color: #666666;
  background: transparent url(../layout/bg-kalendar.jpg) no-repeat 1px 2px;
  padding: 0 0 5px 20px;  
}

/***** doporučujeme ***/
#pravy-blok #box-doporucujeme .box-text {
  background-color: #d7e7f7;
}
  
#pravy-blok #box-doporucujeme h2 {
  background: #4c6890 url(../layout/pravy-blok-nadpis-foto-2.jpg) no-repeat 0px 0px;
}
div#pravy-blok p#upoutavka-detske-hriste {
  background: url("../layout/bg-vybudovani-hriste.jpg") no-repeat scroll 0 0 transparent;
  height: 147px;
  margin: 5px auto 10px;
  padding: 0 13px;
  position: relative;
  width: 174px;
  text-align: left;  
}
p#upoutavka-detske-hriste a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  left: 0;
  line-height: 140%;
  position: relative;
  top: 105px;
}
div#pravy-blok p#upoutavka-oprava-kaplicky {
  background: url("../layout/bg-oprava-kaplicky.jpg") no-repeat scroll 0 0 transparent;
  height: 153px;
  margin: 0px auto 10px;
  padding: 0 13px;
  position: relative;
  width: 174px;
  text-align: left;    
}
p#upoutavka-oprava-kaplicky a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  left: 0;
  line-height: 140%;
  position: relative;
  top: 110px;
}

/**** box bannery ***/
#pravy-blok #box-bannery {
  padding: 0 10px 0 0;
}
#pravy-blok #box-bannery p {
  text-align: center;
}
#pravy-blok #box-bannery div {

  
}
#pravy-blok #box-bannery div form {
  margin: 0 auto;
  width: 198px;
  background: url(http://www.ziveobce.cz/addons/images/bg.png) repeat-x;
  border: 1px solid #999999;
  padding: 4px;
}
/**********************
 *     OBECNÉ         *
 **********************/ 

a.sipka {
  background: transparent url(../layout/bg-li.gif) no-repeat 0px 3px;
  padding-left: 12px;
}
ul {
  margin: 0 0 10px 3px;
  line-height: 160%;
}
p,
address,
div#telo li {
  font-size: 80%;
}

div.text ul li {
  padding: 0 0 5px 13px;
  background: transparent url(../layout/bg-li.gif) no-repeat 0px 8px;  
  list-style: none url();
  line-height: 160%;  
}
.text table {
  line-height: 150%;
  border-collapse: collapse;
  border: none;  
  border-top: dotted 1px #000;
  border-bottom: dotted 1px #000;
  width: 100%; 
  font-weight: normal; 
  margin-bottom: 15px;
  font-size: 80%;
}
.text table td {
  text-align: left;
  border: none;
  border-bottom: dotted 1px #000;  
}
.text table th {
  border: none;
  text-align: left;
  font-weight: bold;  
  border-bottom: dotted 1px #000;
}
.cleaner {
  clear: both;
}
.bold {
  font-weight: bold;
}
.no-bg {
  border: none !important;
}
a {
  color: #d11919;  
}
a:hover {
  text-decoration: none;
}

h1 {
  color: #333;
  font-size: 150%;
  line-height: 160%;
  padding: 20px 0 0;
  margin: 0;
  font-weight: normal;    
}
h1.hidden,
h2.hidden {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
hr.hidden {
  display: none;
}

h2 {
  color: #d11919; 
  font-size: 110%;
  font-weight: normal;  
  padding: 5px 0 8px;
  margin: 0; 
  line-height: 160%;       
}
h3 {
  color: #333; 
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 5px;
  line-height: 160%; 
  text-transform: none;  
}


p, address {
  line-height: 180%;
  padding-bottom: 15px;
  font-style: normal;
}
a img,
.clanek-foto,
div.text img,
img.border  {
  border: solid 1px #999999;
  padding: 4px;
}

div.text {
  text-align:justify;
  padding: 15px 0 0;
  margin: 0;
  position: relative;
  z-index: 90;
}


.italic {
  font-style: italic;
}

/* ------------------- formulare -------------------------*/
input.text, textarea.text {
  border: solid 1px #CCCCCC;
  background: #fff;
  padding: 2px 4px;
  color: #111;
  font-size: 90%;
  font-family: Arial, Tahoma, Helvetica, sans-serif;  
}
input.text {
  /*background: #fff url(../layout/bg-text.gif) repeat-x left top;*/
}
select.text {
  border: solid 1px #CCCCCC;
  background: #fff;
  color: #B6B6B6; 
  padding: 2px 4px; 
  font-size: 90%;
  font-family: Arial, Tahoma, Helvetica, sans-serif;  
}
input.submit {
  border-top: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background: #fff url() repeat-x left top;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  padding: 1px 3px;
  color: #333;
  font-weight: bold;
  font-size: 90%;
  cursor: pointer;
  margin-top: 5px;  
}
input.submit:hover {
  background-position: 0 -19px;
}
input.povinny, select.povinny, textarea.povinny {
  border-color: #BD0900;
}

div.formular p.label {
  padding: 0 0 0px 0; 
}
div.formular p label {
  font-weight: bold;
}
div.formular p.input {
  position: relative;
  padding: 0 0 7px 0;
}
div.formular h2 {
  margin-top: 15px;
}

.maly {
  width: 100px;
}
.stredni {
  width: 200px;
}
.velky {
  width: 400px;
}
.vetsi {
  width: 500px;
}

/**** halseni ***/
div.hlaseni-chyby {
  background:#F0F0F0 url(../layout/error.png) no-repeat scroll 5px 4px;
  border:1px solid #555;
  color:#000;
  margin:5px 0 15px;
  padding:5px 5px 5px 27px;
  font-size: 80%;
}
div.hlaseni-ok {
  background: #F0F0F0 url(../layout/ok.png) no-repeat scroll 5px 4px;
  border:1px solid #555;
  color:#000;
  margin:5px 0 15px;
  padding:5px 5px 5px 27px;
  font-size: 80%;  
}

.povinne {
  color: #f1a700;
}

.info-povinne {
  background: url("../layout/bg-border-1.gif") repeat-x scroll left top transparent;
  padding: 5px 0px; 
  margin: 10px 0px 20px 0px;  
}

div.strankovani {
   background: url() repeat-x scroll 0 0 #4C678F;
/*  border-top: dotted 1px #99AABA;*/
  padding: 5px 10px;
  line-height: 20px; 
  text-align: center;
  margin: 10px 0px 0 0px;  
  font-size: 80%;
  color:#fff;  
}
div.strankovani b {
  padding: 1px 5px 1px 4px;
  background-color: #fff;
  color: #333;   
}
div.strankovani a,
div.strankovani span
 {
  /*background-color: #54A8D4;*/
  color:#fff;
  padding: 1px 5px 1px 4px;
  text-decoration: none;
}
div.strankovani a:hover {
  background-color: #fff;
  color: #333;  
}
div.strankovani .predchozi,
div.strankovani .dalsi {
  color: #fff;
}

.ukryte {
  display: none;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.center {
  text-align: center !important;
}

:focus {
  outline: none;
}


/**** aktuality ****/

div#aktuality .obsah {
  float: right;
  width: 100%
}
div#aktuality .levy {
  float: left;
  width: 65px;
  padding: 2px 0 15px 0;
}
div#aktuality .pravy {
  width: 428px;
}
div#aktuality h2,
div.vzkazy-polozka h2 {
  padding: 10px 0 5px;
  background: url("../layout/bg-border-1.gif") repeat-x scroll left bottom transparent;
}
div#aktuality .datum,
div.vzkazy-polozka .datum {
  background: url("../layout/bg-border-1.gif") repeat-x scroll left bottom transparent;
  padding: 2px 0;  
  margin: 0 0 5px;  
}
div#aktuality .datum span,
div.vzkazy-polozka .datum span {
  background: url("../layout/bg-kalendar.jpg") no-repeat scroll 1px 0px transparent;
  color: #666666;
  padding: 0px 0 5px 20px;
}
div#aktuality .prvni .hlavicka {
  background: url() ;
}


/** dokumenty ***/
.dokumenty-polozka {
  background: url("../layout/bg-border-1.gif") repeat-x scroll left bottom transparent;
  padding: 0px 0 8px;
  margin: 0 0 8px;  
}

.dokumenty-polozka .nadpis {
  padding: 0px 0 2px;
}
.dokumenty-polozka .nadpis span {
  font-size: 90%;
  font-weight: normal;
}

.dokumenty-polozka .vzkaz {
  padding: 0px 0 2px;
}


/***** soubory *********/
.pdf {
  background: transparent url(../layout/soubory/icon_pdf.png) no-repeat 0 0;  
  padding-left: 20px;
}
.jpg {
  background: transparent url(../layout/soubory/icon_jpg.png) no-repeat 0 0;  
  padding-left: 20px;
}
.gif {
  background: transparent url(../layout/soubory/icon_gif.png) no-repeat 0 0;  
  padding-left: 20px;
}
.png {
  background: transparent url(../layout/soubory/icon_png.png) no-repeat 0 0;  
  padding-left: 20px;
}
.doc {
  background: transparent url(../layout/soubory/icon_doc.png) no-repeat 0 0;  
  padding-left: 20px;
}
.xls {
  background: transparent url(../layout/soubory/icon_xls.png) no-repeat 0 0;  
  padding-left: 20px;
}

/**** fotogalerie ****/
.box-galerie-prehled .galerie-foto {
  float: left;
}

.box-galerie-prehled h2 {
  color: #333;
  line-height: 150%;
  padding: 0 0px 10px;
  border: none;
  font-size: 110%;  
}
.box-galerie-prehled h2 a {
  color: #D53B17;
}
.box-galerie-prehled .kratky-text {  
  float: right;
  font-size: 80%;
  line-height: 160%;
  padding: 0 8px 0px;
  width: 380px;
}

.box-galerie-prehled {
  background: url("../layout/bg-border-1.gif") repeat-x scroll left bottom transparent;
  margin-bottom: 10px;

}
.box-galerie-prehled .galerie-paticka {
  padding: 7px 0 7px 20px;
  background: url("../layout/bg-kalendar.jpg") no-repeat scroll 1px 10px transparent;

}

/*** fotky ***/
div.galerie-fotky a {
  display: block;
  float: left;
  margin: 0 18px 10px 0px;
}

p.odkaz-zpet {
  background: url("../layout/bg-border-1.gif") repeat-x scroll left top transparent;
  padding: 5px 0 15px;
}