body {
	margin: 0px;
	padding: 0px;
	font-family: Calibri, 'Geneva CE', lucida, sans-serif;
	font-size: 0.9em;
	/*background-color: black;*/
	background: #000 url(clouds.gif) no-repeat;
  background-attachment: fixed;
  background-position: top center;
	color: black;
  text-align: center;
}

input, option, select, textarea {
	font-family: Calibri, 'Geneva CE', lucida, sans-serif;
	font-size: 100%;
}

img {
  border: none;
}

a {
  color: #235E8A;
  font-weight: normal;
}

a:hover {
  color: #AA1515;
}

form {
  margin: 0px;
  padding: 0px;
}

table {
}

td {
}

label {
  cursor: pointer;
}

h2 {
  font-size: 130%;
  margin: 5px 0px 5px 0px;
}

h3 {
  font-size: 110%;
  margin: 5px 0px 5px 0px;
}

h4 {
  font-size: 100%;
  margin: 5px 0px 5px 0px;
}

hr {
  height: 1px;
  border: solid 1px gray;
}

.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
}

.imageRight {
  margin-left: 10px;
}

.imageLeft {
  margin-right: 10px;
}

.white {
  color: white;
}

.white a {
  color: white;
}

.imp {
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 110%;
}

.red {
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 110%;
  color: red;
}

.red2 {
  font-weight: bold;
  color: red;
}

.border {
  border: 2px white solid;
}

#page {
  width: 780px;
  position: relative;
  text-align: left;
  margin: auto;
  /*background-color: rgb(252,173,36);*/
  background: #FCD947 url(bg_menu.jpg) repeat-y left;
}

#logoPexeso {
  position: absolute;
  width: 260px;
  height: 103px;
  top: 55px;
  left: -40px;
  z-index: 1;
  font-size: 100%;
  background-color: black;
  color: white;
}

#logoPexeso a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 10px;
}

#logoPexeso .headline {
  font-size: 80%;
  font-weight: normal;
}

#logoPexeso img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

/*********************************************************/
/********************* leve menu *************************/
/*********************************************************/

#menuTopSpacing {
  height: 40px;
}

#menuLeft {
  float: left;
  width: 200px;
  /*background-color: rgb(252,173,36);*/
  background: #FCD947 url(bg_menu.jpg) repeat-y top;
}

#searchBox {
  margin: 10px 0px 0px 10px;
}

#searchBox .inputItem {
  width: 80px;
}

#searchBox .label {
  display: block;
}

#searchBox .button {
  background-color: rgb(238,96,8);
  border: solid 2px rgb(238,96,8);
  color: white;
}

#menuLeftUL {
  margin: 130px 10px 10px 10px;
  padding: 0px;
  list-style: none;
}

#menuLeftUL li {
  border-bottom: white solid 1px;
}

#menuLeftUL li a {
  display: block;
  color: black;
  padding: 20px 5px 5px 5px;
  text-decoration: none;
  font-size: 85%;
  letter-spacing: 1px;
}

#menuLeftUL li a:hover {
  /*background-color: #aa0000;*/
  background-color: #E85543;
  color: white;
}

#menuLeftUL li a .rd {
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 110%;
  color: red;
}

#menuLeftUL li a:hover .rd{
  color: white;
}

#mainPageTop .photo {

}

#menuLeft .infoColumn {
  border-top: solid white 3px;
  padding: 10px;
  /*background-color: rgb(104,172,138);*/
  background: #5093BE url(bg_infocolumn.jpg) repeat-y top;
}

#menuLeft .infoUvod {
  padding: 10px 10px 0px 15px;
}

#menuLeft .infoColumn .eventCalendar {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuLeft .infoColumn .eventCalendar li {
  margin-bottom: 10px;
}

#menuLeft .infoColumn .eventCalendar h3 {
  margin: 0px;
  padding: 0px;
}

#menuLeft .infoColumn .eventCalendar .date {
  color: #aa0000;
}

#menuLeft .infoColumn a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

#menuLeft .infoColumn a:hover {
  /*color: rgb(252,173,36);*/
  color: #E85543;
}

#menuLeft .infoColumn .white a {
  color: white;
}

#menuLeft .infoColumn .white a:hover {
  color: #E85543;
}

#menuLeft .infoColumn .more {
  display: block;
  text-align: right;
  margin-right: 10px;
}

#menuBottom {
  margin-left: 15px;
  margin-right:10px;
  margin-top:30px;
  text-align: center;
}

#menuBottom A{
  /*font-size: 115%;*/
  font-weight: bold;
  color: black;
  text-decoration: none;
}

#menuBottom a:hover {
  /*color: #aa0000;*/
  color: #E85543;
}



/************************************************************************/
/********************* hlavni obsah uvodni stranky **********************/
/************************************************************************/

#mainPageContentGroup {
  clear: none;
  border-left: solid white 3px;
  float: right;
  background-color: #5093BE;
}

#mainPageContent {
	background: #5093BE url(bg.jpg) repeat-x top;
  /*background-color: rgb(104,172,138);*/
  padding: 10px;
  width: 557px;
  height: 630px; /*bylo 610*/
  border-top: solid 3px white;
}

#mainPageContent .leftColumn {
  float: left;
  width: 191px;
  border-right: 1px white solid;
  margin: 0px;
}

#mainPageContent .middleColumn {
  float: left;
  width: 325px; 
  padding-left: 8px;
}

#mainPageContent .middleColumn .prave{
  border-bottom: 1px white solid;
}
/*#mainPageContent .middleColumn,.rightColumn P {
  font-size: 115%;
}

#mainPageContent .middleColumn P B{
  font-size: 120%;
}*/

#mainPageContent .rightColumn {
  float: left;
  width: 200px; 
  border-left: 1px white solid;
  margin-left: 10px;
  padding-left: 10px;
}

/***pokus ul li

#mainPageContent .rightColumn li {
  border-bottom: white solid 1px;
}

#mainPageContent .rightColumn li a {
  display: block;
  color: black;
  padding: 20px 5px 5px 5px;
  text-decoration: none;
  font-size: 85%;
  letter-spacing: 1px;
}

#mainPageContent .rightColumnli a:hover {
  (background-color: #aa0000;)
  background-color: #E85543;
  color: white;
}

konec pokusu ul li***/

#mainPageContent h2 {
  margin: 0px 0px 10px 0px;
}

#mainPageContent h3 {
  font-size: 100%;
}

#mainPageContent ul {
  margin: 0px 10px 0px 0px;
  padding: 0px;
  list-style: none;
}

#mainPageContent a {
  color: black;
  /*color: #85898B;
    border-bottom: dashed 1px;*/
  text-decoration: none;
  font-weight: bold;
}

#mainPageContent a:hover {
  /*color: rgb(252,173,36);*/
  color: #E85543;
  /*border-bottom: dashed 1px;*/
}

#mainPageContent .white a {
  color: white;
}

#mainPageContent .white a:hover {
  color: #E85543;
}

#mainPageContent .more {
  display: block;
  text-align: right;
  margin-right: 10px;
}

#mainPageContent .eventCalendar li {
  margin-bottom: 10px;
}

#mainPageContent .eventCalendar h3, #mainPageContent .photogallery h3 {
  margin: 0px;
  padding: 0px;
}

#mainPageContent .eventCalendar .date {
  color: #aa0000;
}

#mainPageContent .photogallery li {
  margin-bottom: 10px;
}

#mainPageContent .photogallery img {
  float: left;
  border: solid 2px white;
  margin-right: 5px;
}

#mainPageContent .middleColumn .text {
  line-height: 1.5em;
  font-size: 110%;
}

/*********************************************************/
/********************* hlavni obsah **********************/
/*********************************************************/

#mainContent {
  font-size: 110%;
}

#mainContentPage {
  width: 780px;
  position: relative;
  text-align: left;
  margin: auto;
  background-color: white;
}

#mainContent .content {
  margin-left: 210px;
  margin-right: 10px;
}

#mainContent h1 {
  margin: 10px 0px 10px 20px;
  font-weight: bold;
  font-size: 150%;
  text-align: right;
  color: #5093BE;
  /*background-image: url(poster.jpg); */
}
#mainContent .date {
  margin: 0px 0px 10px 300px; 
  font-weight: normal;
  font-size: 90%;
  text-align: right;
  color: green;
}



#mainContent .articlePerex {
  font-style: italic;
  margin: 0px;
  margin-bottom: 10px;
  text-align: justify;
  width: 552px;
}

#mainContent .articleText {
  padding-bottom: 20px;
  line-height: 1.5em;
  text-align: justify;
}

#mainContent .sectionItem {
  border-bottom: solid silver 1px;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

#mainContent .sectionItem .perexImage {
  float: right;
}

#mainContent .sectionItem .articlePerex {
  font-style: normal;
  padding-bottom: 0px;
}

#mainContent .sectionItem .articlePublishDate {
  font-size: 80%;
}


#mainContent .sectionItem h2 {
	font-weight: bold;
	font-size: 110%;
	color: black;
}

#mainContent .sectionItem h2 a {
	font-weight: bold;
}


#mainContent h3 {
   margin-bottom: 5px;
}

#mainContent h4 {
   margin-bottom: 5px;
}

#mainContent p {
  margin-top: 0px;
}

#footer {
  clear: both;
  /*background-color: rgb(51,111,81);*/
  background-color: #85898B;
  text-align: center;
  color: white;
  padding: 5px 12px 9px 12px;
  border-top: solid white 3px;
  font-size: 85%;
}

#footer a {
  text-decoration: none;
  font-weight: normal;
  color: white;
}

#footer .address {
  float: left;
  width: 3000px;
  text-align: left;
}

#footer .developer {
  float: right;
  width: 300px;
  text-align: right;
  height: 2em; 
}

/******************************/
/********* section list *******/
/******************************/

#sectionList .articleItem {
  margin: 0px 0px 10px 0px;
  text-align: justify;
}

#sectionList .articleItem .articleTitle {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#sectionList .articleItem .articleTitle a {
  font-weight: bold;
}

#sectionList .articleItem .articleDate {
  color: gray;
}

#sectionList .articleItem .articleSection {

}

#sectionList .articleItem .articlePerex {
  font-style: normal;
  margin-top: 5px;
}


/*************************/
/********* form **********/
/*************************/

.label {
  font-size: 90%;
  margin-top: 10px;
}

.inputItem {
  width: 100%;
}

.buttonSend {
  width: 500px;
  text-align: center;
  margin-top: 10px;
}

/*******************************/
/********* search box **********/
/*******************************/

.searchBox {
  border-top: solid 1px #235E8A;
  border-bottom: solid 1px #235E8A;
  padding-bottom: 10px;
}

.searchBox .inputItem {
  width: 80px;
}

.searchBox .button {
  background-color: #235E8A;
  color: white;
  border: solid 1px #235E8A;
}

/*******************************/
/********* search result *******/
/*******************************/

.search .result {
  margin: 10px 0px 10px 0px;
}