* {margin: 0; padding: 0; border: 0; }

a, a:link, a:visited
{
  color: #3030b0;
  text-decoration: none;
  border-bottom: 1px dotted #404020;
}

a:hover, a:active
{
  background-color:#6060c0;
  color: #ffffff;
  border: 0;
}

body
{ 
  font-family: sans-serif, helvetica, arial;
  font-size: small;
  _font-size: small;
  font-weight: normal;
  min-width: 804px;
  text-align: center;
  background: #abaca7 url('../img/okoli.jpg') top center repeat;
}

p.tisk
{
  margin-top: 1em;
  text-align: right;
  font-size: 95%;
  color: #f0ffff;
	font-variant: small-caps;
}

h2
{
  font-family: arial black, verdana bold, helvetica;
  font-size: 200%;
  letter-spacing: 0.05em;
  word-spacing: 0.07em;
  color: #505070;
  margin: 1em;
}

h3
{
  font-family: times, garamond, georgia;
  font-size: 170%;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0.05em;
  word-spacing: 0.07em;
  color: #505070;
  margin: 1em auto 0.3em auto;
}

h4
{
  font-family: arial, helvetica;
  font-style: italic;
  font-size: 100%;
  font-weight: bold;
  color: #404040;
  margin: 0.1em auto 0.1em auto;
}

#pozadi
{
  position: absolute; top: 30px; left: 50%; width: 804px;
  margin: 0 -402px;
  text-align: center;
}

#linka-horni
{
  position: relative; left: 0px; top: 0px; width: 804px; height: 3px;
  background: url('../img/linka_horni.gif') no-repeat;
}

#linka-dolni
{
  clear: both;
  padding-bottom: 10px;
  position: relative; bottom: 0px;
  background: url('../img/linka_dolni.gif') no-repeat;
}

#wrapper
{
  position: relative; top: 3px; left: 0px; width: 804px;
  overflow: hidden;
  display: inline-block;
  background: url('../img/linka_bocni.gif') repeat-y;
}

#boky
{
  margin: 0 3px;
  background: url('../img/gen_boky.jpg') repeat-y;
}

#okraj
{
  margin: 0 119px;
  display: inline-block;
  border-left: 6px solid #000000;
  border-right: 6px solid #000000;
}

#okraj2
{
  margin: 0 2px;
  display: inline-block;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  text-align: left;
}

#okraj-dolni
{
  clear: both;
  position: relative; left: 0; width: 804px; bottom: 0; height: 3px;
  overflow: hidden;
}

#okraj-lh
{
  position: absolute; top: 3px; left: 3px; width: 119px; height: 541px;
  background-position: top;
  background-repeat: no-repeat;
}

#okraj-ph
{
  position: absolute; top: 3px; right: 3px; width: 119px; height: 3px;
  background: url('../img/gen_kph.jpg') top no-repeat;
}

#okraj-ld
{
  position: absolute; top: 0px; left: 3px; width: 119px; height: 3px;
  background: url('../img/gen_kld.jpg') top no-repeat;
}

#okraj-pd
{
  position: absolute; top: 0px; right: 3px; width: 119px; height: 3px;
  background: url('../img/gen_kpd.jpg') top no-repeat;
}

#oddel-lh
{
  position: absolute; top: 3px; left: 122px; width: 10px; height: 3px;
  background: url('../img/oddel_lh.gif') top no-repeat;
}

#oddel-ph
{
  position: absolute; top: 3px; right: 122px; width: 10px; height: 3px;
  background: url('../img/oddel_ph.gif') top no-repeat;
}

#oddel-ld
{
  position: absolute; top: 0px; left: 122px; width: 10px; height: 3px;
  background: url('../img/oddel_ld.gif') top no-repeat;
}

#oddel-pd
{
  position: absolute; top: 0px; right: 122px; width: 10px; height: 3px;
  background: url('../img/oddel_pd.gif') top no-repeat;
}

#zahlavi
{
  width: 540px; height: 200px;
  background-position: bottom;
  background-repeat: no-repeat;
}

#logo-mff
{
  position: absolute; left: 631px; top: 20px; width: 157px; height: 189px;
  background: url('../img/logo_mff.gif') top left no-repeat;
}

#jazyky
{
  position: absolute; left: 170px; top: 0px;
  z-index: 500;
  font-family: arial black, verdana bold, helvetica;
  font-size: 12px;
  word-spacing: 3px;
  background: #ffffff;
  padding: 15px 8px 2px 8px;
  opacity: .80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
}

.aktivni-jazyk
{
  color: #101010;
}

#jazyky a, #jazyky a:link, #jazyky a:visited
{
  border: 0;
  color: #a8a8a8;
  text-decoration: none;
}

#jazyky a:hover, #jazyky a:active
{
  border: 0;
  background: none;
  color: #0000a0;
  text-decoration: none;
} 

#menu
{
  position: absolute; left: 682px; top: 250px; width: 119px;
}

#menu li
{
  font-family: arial black, verdana bold, helvetica;
	list-style-type: none;
}

#menu li a
{
  display: block;
  padding: 5px 7px 5px 3px;
  width: 109px;
  border: 0;
  color: #f0f0e0;
  text-decoration: none;
}

#menu li a:hover
{
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
  padding: 4px 7px 4px 3px;
  background-color: #ffffff;
  color: #404040;
  opacity: .70;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
} 

#nadpis
{
  position: relative; top: -25px; left: 0px; width: 500px; height: 1em;
  text-align: right;
  font-family: garamond;
  font-style: italic;
  font-size: 3em;
  letter-spacing: 0.04em;
  word-spacing: 0.04em;
  color: #a05020;
  border-bottom: 1px solid #b0b0b0;
  overflow: visible;
}

#clanek
{
  clear: both;
  position: relative; left: 20px; width: 500px;
  text-align: left;
  font-family: sans-serif, helvetica, arial;
  font-size: 1em;
  text-indent: 2em;
  letter-spacing: 0.008em; 
  word-spacing: 0.02em; 
	line-height: 1.4;
  color: #202020;
  background-color: #ffffff;
  overflow: hidden;
}

#clanek p
{
  margin-bottom: 1em;
}

#clanek li
{
	list-style-type: none;
	line-height: 1.6;
}

.prvni
{
  text-align: right;
  font-family: times, garamond, georgia;
  font-size: 1.4em;
  letter-spacing: 0.1em; 
  word-spacing: 0.05em; 
	line-height: 1.5;
  color: #803030;
  font-style: italic;
  padding: 0 15px 1.5em 10px;
}

#paticka
{
  clear: both;
  position: relative; left: 8px; width: 524px; 
  padding-top: 40px;
  padding-bottom: 6px;
  text-align: left;
  font-style: italic;
  font-size: 0.9em;
  letter-spacing: 0.008em; 
  word-spacing: 0.02em; 
  color: #b04030;
  background-color: #ffffff;
}

.sidebar
{
  float: right;
  width: 100px;
  text-indent: 0;
  text-align: center;
  font-size: 0.9em;
  margin: 3px;
  padding: 4px;
  background: #d0d0e0;
  border: 1px solid #a0a0c0;
}

#dny
{
  text-indent: 0;
  margin-left: 2em;
}

#dny h3
{
  margin: 1.5em auto 0 1em;
}

.prg-misto
{
  margin-top: 1.5em;
  font-style: italic;
  color: #606070;
  font-size: 90%;
}

.prg-nadpis
{
  font-family: arial black, verdana bold, helvetica;
  font-size: 120%;
  letter-spacing: 0.07em;
  word-spacing: 0.1em;
  color: #7070d0;
}

.prg-detail
{
  color: #303040;
}

#zalozky
{
  text-align: right;
  margin-right: 1em;
}

#zalozky ul
{
  list-style: none;
  display: inline;
}

#zalozky ul li
{
  padding: 0 0.2em;
  display: inline;
}

.login a
{
  background: none;
  border: 0;
  color: #b0b0b0;
  text-decoration: none;
}

.login a:hover
{
  color: #5050b0;
  background: none;
}

.construct
{
  color: #f02020;
  font-weight: bold;
  font-size: 130%;
  margin-top: 60px;
  height: 300px;
  min-height: 300px;
}

.loga
{
  text-align: center;
  text-indent: 0;
}

.loga a, .loga a:hover
{
  background: none;
  border: 0;
}

.img-center
{
  padding: 10px;
  vertical-align: middle;
}

.img-left
{
  padding: 10px;
  float: left;
}

.img-right
{
  padding: 10px;
  float: right;
}

#rocnik-nahled
{
  text-indent: 0;
  float: right;
  margin: 5px;
}

#rocnik-nahled img
{
  padding: 1px;
  background: #ffffff;
  border: 1px solid #303030;
}

#rocnik-zahlavi
{
  text-indent: 0px;
  width: 280px;
  margin-top: 20px;
  padding: 10px;
  color: #303030;
  border-left: 12px solid #8080c0;
  background-color: #e0e0ff;
}

.cara
{
  margin-top: 2em;
  height: 1px;
  width: 100%;
  background-color: #a0a0a0;
}

.brozura
{
  float: right;
  text-indent: 0px;
  margin: 10px 0 20px 20px;
  text-align: center;
}

.brozura img
{
  padding: 1px;
  background: #ffffff;
  border: 1px solid #303030;
}

.brozura a, .brozura a:hover
{
  border: 0;
}

.form-radek
{
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.form-radek input, .form-radek select
{
  background: #ffffc0;
  border-left: 1px solid #a0a030;
  border-top: 1px solid #a0a030;
  border-bottom: 1px solid #707030;
  border-right: 1px solid #707030;
  margin-right: 1em;
  padding: 0.1em;
}

.form-radek select
{
  width: 25em;  
}

.form-label
{
  float: left;
  width: 7em;
  padding-right: 1em;
  text-align: right;
  text-indent: 0; 
}

.form-tlacitka input
{
  font-weight: bold;
  color: #ffffe0;
  background: #5050a0;
  margin: 0.4em 1em 2em 0;
  padding: 0.1em 0.4em;
  border-left: 1px solid #a0a0ff;
  border-top: 1px solid #a0a0ff;
  border-bottom: 1px solid #303080;
  border-right: 1px solid #303080;
}

.form-tlacitka input:active
{
  background: #8080c0;
}


.nahled2-obal
{
  float: left; 
  width: 122px; height: 122px;
  border: 1px solid #b0c4de;
  background: #e4edf1;
  margin: 4px;
  padding: 6px;
  text-indent: 0;
  overflow: hidden;
}

.nahled2-obal img
{
  border: 1px solid #708090;
}

.nahled2-obal a, .nahled2-obal a:hover
{
  border: 0;
  background: none;
}

.nahled2-obal img a:hover
{
  background: #ff0000;
}