*{
  font-family: Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
}

body{
  background-color: rgb(208,214,216);
}

#stin{
  background-image: url(../images/shadow.png);
  background-repeat: repeat-y;
  background-position: center;
}

#obal{
  width: 900px;
  margin: 0 auto;
}

/*-------------------hlavicka-------------------*/
#hlavicka{
  width: 900px;
  height: 140px;
  background-color: rgb(241,57,59);
  background-image: url(../images/header.jpg);
}

#hlavicka h1{
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
  color: white;
  padding-top: 43px;
  padding-left: 76px;
}

#hlavicka p{
  font-size: 15px;
  color: white;
  padding-top: 3px;
  padding-left: 94px;
}

#srdce{
  width: 120px;
  height: 160px;
  background-image: url(../images/heart.png);
  position: absolute;
  margin-left: 770px;
  top: 2px;
}

/*-------------------menu-------------------*/

#menu{
  width: 900px;
  height: 30px;
  background-color: rgb(41,41,41);
  font-size: 14px;
}

#navigace, #navigace ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative;
  line-height: 30px;
}
 
#navigace a:link, #navigace a:active, #navigace a:visited{
  display: block;
  padding: 0px 20px;
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

#navigace a:hover{
  background-color: white;
  color: black;
}

#navigace li{
  float: left;
  position: relative;
}

#navigace ul{
  position: absolute;
  width: 142px;
  top: 30px;
  display: none;
  background-color: rgb(41,41,41);
  border-left: 1px solid rgb(41,41,41);
  border-right: 1px solid rgb(41,41,41);
  border-bottom: 1px solid rgb(41,41,41);
  z-index: 10;
}

#navigace li ul a{
  width: 102px;
  float: left;
  padding: 0;
}

#navigace li:hover ul{
  display: block;
}

.pravyOkraj{
  border-right: 1px solid black;
}

.levyOkraj{
  border-left: 1px solid rgb(68,68,68);
}

#menu h3{
  display: none;
}

/*-------------------stred-------------------*/

#stred{
  width: 900px;
  min-height: 600px;
  background-color: white;
  background-image: url(../images/shadow2.png);
  background-repeat: repeat-x;
  background-position: top;
}

/*-------------------novinky-------------------*/

#novinky{
  width: 250px;
  float: right;
  margin-top: 25px;
  background-color: #E8E8E8;
  background-image: url(../images/shadow3.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

#article{
  margin-left: 205px;
  position: absolute;
  width: 32px;
  height: 32px;
  background-image: url(../images/article.png);
  background-repeat: no-repeat;
}

#novinky h3{
  font-size: 16px;
  color: white;
  font-weight: bold;
  padding-left: 15px;
  height: 20px;
  line-height: 20px;
  background-color: #201E1F;
  background-image: url(../images/news.png);
  background-repeat: no-repeat;
}

.datum{
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
}

.prvni{
  margin-top: 10px;
}

.dalsi{
  margin-top: 25px;
}

.nadpis{
  color: #8f121d;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}

.text{
  font-size: 11px;
  margin-left: 10px;
  margin-top: 5px;
  text-align: justify;
  margin-right: 15px;
}

.posledni{
  margin-bottom: 20px;
}

/*-------------------obsah-------------------*/

#obsah{
  width: 100%;
  font-size: 14px;
}

#obsah.sNovinkama{
  width: 650px;
}

#okraje{
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 50px;
}

#okraje2{
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
}

#obsah h2{
  font-size: 23px;
  font-weight: bold;
  color: #8f121d;
  margin-bottom: 15px;
}

#obsah p.odstavec{
  text-align: justify;
  text-indent: 20px;
  line-height: 130%;
  margin-bottom: 20px;
  margin-left: 5px;
}


/*-------------------paticka-------------------*/

#paticka{
  width: 900px;
  height: 20px;
  line-height: 20px;
  background-color: black;
  clear: both;
}

#paticka p{
  color: white;
  font-size: 12px;
  text-align: center;
}

#paticka a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

#paticka a:hover{
  color: white;
  text-decoration: underline;
}

/*-------------------tabulka - vybor-------------------*/

#tabulkaVybor{
  margin-top: 25px;
  width:100%;
  border-collapse: collapse;
  font-size: 13px;
}

#tabulkaVybor tr{
  padding-bottom: 10px;
  height: 40px;
}

#tabulkaVybor tr.stribrna{
  background-color: rgb(240,240,240);
}

#tabulkaVybor tr.bila{
  background-color: rgb(253,253,253);
}

.pracoviste{
  width: 290px;
}

.obrVybor1{
  width: 24px;
  height: 24px;
  background-image: url(../images/obrVybor.png);
}

.obrVybor2{
  width: 24px;
  height: 24px;
  background-image: url(../images/obrVybor2.png);
}

/*-------------------tabulka - konferecne-------------------*/

#tabulkaKonference{
  width: 100%;
  margin-bottom: 40px;
  margin-top: 25px;
  border-collapse: collapse;
}

#tabulkaKonference td{
  padding: 5px;
  border: 1px solid black;
}

#tabulkaKonference thead{
  border: 1px solid black;
}

#tabulkaKonference th{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;  
}

#tabulkaKonference tr{
  height: 45px;
}

#tabulkaKonference tr.stribrna{
  background-color: rgb(240,240,240);
}

/*-------------------Fotogalerie-------------------*/

.rok{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid rgb(241,62,62);
  margin-top: 25px;
  margin-bottom: 25px;
}

.oddil{
  margin-left: 10px;
  margin-bottom: 30px;
  
}

.ramecek{
  width: 180px;
  height: 180px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  background-image: url(../images/galerie.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-color: rgb(238,238,238);
  border: 1px solid silver;
}

.ramecek img
{
  border: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.ramecek img:hover
{
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}