/* CSS Document */

*
{ margin: 0; padding: 0; }

html, body
{ height: 100% }

body
{ font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #222; padding: 0; margin: 0;

}
#centruj
{ width: 1200px; margin: 0px auto; position: relative; min-height: 100%; padding-bottom: 300px;

}           
  /*-------------NAVIGACE----------------*/
  
#hlavicka
{ width: 480px; height: 170px; padding: 0; text-align: right; border-bottom: solid 9px silver;
  *height: 80px; margin: 0; *padding: 20px 0; float: left; position: fixed; background-color: #fff; z-index: 1;
}  
#hlavicka hr
{ display: none
}
h1
{ font-size: 35px;  letter-spacing: 0.05em; line-height: 1.1; margin: 23px 0 0 0;
}
h2
{ font-size: 250%; text-align: center; display: none;
}
h3
{ 
}
h4
{ color: #b02000; font-size: 110%; margin-bottom: 20px; margin-top: 5px;
}
#navigace
{ width: 720px; height: 170px; margin: 0; margin-left: 480px; padding: 0;
  border-bottom: solid 9px silver; text-align: center; position: fixed;  background-color: #fff; z-index: 1;
}
#navigace p
{ width: 680px; float: right; padding-bottom: 10px; position: relative; top: 35px; letter-spacing: 0.3em; 
}
#navigace hr
{ display: none
}
#kontakty
{ width: 680px; font-size: 85%; text-align: center; margin-top: 40px; padding-bottom: 20px; font-weight: bold;
  float: right; border-bottom: solid 2px silver; background-image: url(obrazky/bile_pozadi.png);
  position: relative; top: 9px; color: #0000b0; letter-spacing: 0.15em;
} 
#datum
{ display: block; width: 120px; position: relative; top: -4px; font-size: 80%;
  color: #111; background: silver; text-align: center;
}
.zdejsem
{ font-weight: bold; color: #0000b0; border-bottom: solid 9px #06f;
} 
#menu
{ width: 700px; margin: 160px 0 0 40px; list-style-type: none; font-size: 80%;
}
#menu a
{ width: 140px; color: #222; text-decoration: none; 
}
#menu a:hover
{ color: #06f;
}
#menu li
{ width: 140px; float: left; text-align: center; padding-bottom: 9px; position: relative; top: -14px
}
#menu li:last-child
{ width: 105px; text-align: right; padding-right: 15px
}

   /*-------------NAVIGACE konec----------------*/

#obsah, #obsah-neindex
{ width: 80%; padding: 225px 0px 0 0px; text-align: justify; clear: both; margin: 0 auto;
}
#obsah p
{ text-indent: 15px; line-height: 1.5;
}
#obsah-neindex p
{ text-indent: 15px; line-height: 1.5; margin: 10px 0 20px 0;
}
#obsah hr, #obsah-neindex hr
{ color: silver; 
}
#drobecky ul li
{ display: inline;
}
#drobecky ul li:before
{ content: " > ";
}
#drobecky ul li:first-child:before
{ content: "";
}
#drobecky a
{ text-decoration: none; color: #222; font-size: 110%; font-weight: bold;
}
#drobecky a:hover
{ text-decoration: underline; color: #f07000;
}
.prvni-nadpis-datum
{ font-weight: bold; border-bottom: solid 1px #ccc; margin-bottom: 15px; margin-top: 0;
}
.nadpis-datum
{ font-weight: bold; border-bottom: solid 1px #ccc; margin-bottom: 15px; margin-top: 30px;
}
.nadpis
{ font-size: 140%; font-family: Times New Roman, serif; font-weight: bold; color: #c30; margin-left: 15px;
}
.agitace
{ width: 360px; height: 760px; float: left; background: #fff; font-size: 80%; color: #33c;
}
.agitace #obrazek
{ width: 323px; height: 323px; margin-top: 5px; border: solid 1px #f07000; border-radius: 10px;
}
.agitace #esondy
{ width: 317px; height: 83px;}

.agitace-vpravo
{ width: 250px; height: 310px; float: right;
}
.agitace-vpravo img
{ width: 200px; height: 280px; margin: 20px 0px 0px 50px; border: solid 1px #f07000; border-radius: 10px;
}
.agitace-vpravo2
{ width: 360px; height: 360px; float: right; position: relative; top: 15px;
}
.agitace-vpravo2 img
{ width: 323px; height: 323px; margin: 0px 0px 0px 50px; border: solid 1px #f07000; border-radius: 10px;
}
.novinky
{ width: 300px; height: 200px; overflow: hidden; margin: 0px 20px 30px 0px;
  border: solid #f07000; padding: 15px; position: relative; top: 3px; left: 3px;
  border-width: 4px 0px 0px 0px;
}
.novinky hr
{ display: none; }

.novinky p
{ position: relative; top: -3px; left: -3px; 
}
ol li
{ margin: 6px 0 0 40px; padding: 0; list-style-type: decimal; line-height: 1.5;
}
ol ol li
{ list-style-type: lower-alpha;
} 
#tabulka-prilohy
{ width: 60%; border-spacing: 30px
}
#tabulka-prilohy td
{ text-align: right;
}
#tabulka-prilohy a
{ color: #222; text-decoration: none;
}
#tabulka-prilohy a:hover
{ color: #960; text-decoration: underline;
}
/* oheň
text-shadow: 0 0 4px #fff, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; */

  /*--------------------------- ZÁPATÍ ---------------------------*/
#zapati
{ width: 1200px; position: absolute; bottom: 0; left: 0; background-color: #0000b0; 
  border-radius: 10px 10px 0 0; color: #ddd; font-size: 85%; 
} 
#zapati a
{ color: #ddd; text-decoration: none; float: right;
} 
#zapati a:hover 
{ text-decoration: underline
}
#emaily
{ width: 1160px; margin: 20px 0 0 20px; padding-bottom: 20px;list-style-type: none; font-weight: bold;
  border-bottom: solid 1px #ddd;
} 
#emaily ul
{ text-align: left; padding: 0px 0 5px 0;  list-style-type: none;
} 
#emaily li
{ width: 330px; height: 18px; margin: 0 0 0 40px;
}
#odkazy
{ width: 1200px; height: 80px; margin-top: 25px; padding: 0 0 10px 0; font-weight: bold;
  text-align: center; list-style-type: none;
}
#odkazy li
{ width: 320px; height: 80px; float: left; background-repeat: no-repeat; text-align: left
}
#odkazy li a
{ position: relative; left: 7px; width: 230px; height: 80px; float: right;
}
#unios 
{ margin-left: 60px; background-image: url(obrazky/logo-unios.png)
}
#cmkos 
{ margin-left: 80px; background-image: url(obrazky/logo-cmkos.jpg)
}
#hmmc 
{ margin-left: 80px; background-image: url(obrazky/logo-hmmc.png)
}
#copyright
{ display: block; width: 1180px; height: 15px; padding: 2px 0 0 20px; margin-top: 13px; font-size: 90%;
  text-align: left; background-color: #000;
}