*{
  padding: 0px;
  margin: 0px;
  font-family: "Arial", sans-serif;
}
body{
  text-align: center;
  background: url(decor/body.png) 0 0 repeat-x #111111;
  font-size: 12px;
  padding-bottom: 20px;
  color: #ffffff;
  behavior: url(csshover.htc); 
}
#centered{
  text-align: left;
  margin: auto;
  width: 940px;
  position: relative;
}
h1{
  height: 299px;
}
h1 a{
  display: block;
  height: 299px;
}
h1 span{
  display: none;
}
#top{
  height: 299px;
  background: url(decor/top.jpg) 0 0 no-repeat;
}
.absolventu{
  display: block;
  width: 48px;
  height: 44px;
  position: absolute;
  top: 249px;
  left: 457px;
  background: url(decor/absolventu.png) 0 0 no-repeat;
  display: block;
}
#middle{
  background: url(decor/middle.png) 0 0 repeat-x #000000;
  padding-bottom: 20px;
}
#kostky{
  height: 85px;
  background: url(decor/kostky.jpg) 0 0 no-repeat;
}
#rychloinfo{
  padding: 0px 170px 0px 100px;
  font-weight: bold;
  color: #6A6969;
}
#vitejte,#upoutavka{
  width: 310px;
  float: left;
  background: url(decor/vitejte.gif) 30px 22px no-repeat;
  position: relative;
}
#rychloinfo div div{
  padding: 0px 0px 0px 150px;
}
#vitejte a.certodkaz{
  display: block;
  width: 90px;
  height: 110px;
  position: absolute;
  top: 22px;
  left: 30px;
}
#upoutavka{
  float: right;
  background: url(decor/upoutavka.jpg) 0 0 no-repeat;
}
h6{
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 10px;
}
h6 span{
  font-weight: normal;
  font-size: 18px;
}
#rychloinfo a.rychloodkaz, a.tlacitko, form input.subm{
  width: 162px;
  height: 25px;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
  background: url(decor/tlacitko.png) 0 0 no-repeat;
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  margin: 10px 0px 10px 0px;
}
#rychloinfo a.rychloodkaz:hover, a.tlacitko:hover{
  font-size: 16px;
}
a.tlacitkosir, a.tlacitkosirr{
  background: url(decor/tlacitkosir.png) 0 0 no-repeat;
  width: 200px;
  margin-right: 20px;
}
a.tlacitkoprej{
  background: url(decor/tlacitkonejr.png) 0 0 no-repeat;
  width: 300px;
  margin: 10px 0px 20px 0px;
}
a.tlacitkonejr{
  background: url(decor/tlacitkonejr.png) 0 0 no-repeat;
}
#menu{
  background: url(decor/menu.jpg) 295px 18px no-repeat;
  height: 350px;
  position: relative;
  top: -20px;
}
#menu a{
  display: block;
  position: absolute;
  width: 142px;
  height: 21px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
  vertical-align: middle;
}
#menu a:hover{
  font-size: 14px;
}
#menu a span{
  display: none;
}
#menu a:hover span{
  width: 147px;
  height: 68px;
  background: url(decor/bublina.png) 0 0 no-repeat;
  _background: url(decor/bublina.gif) 0 0 no-repeat;
  display: block;
  position: relative;
  top: -84px;
  left: 42px;
  z-index: 5;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding-top: 2px;
}
#menu a.zelena_vys:hover span{
  top: -100px;
  left: 42px;
}
#menu a.modra{
  background: url(decor/o_modra.png) 0 0 no-repeat;
}
#menu a.cervena{
  background: url(decor/o_cervena.png) 0 0 no-repeat;
}
#menu a.zluta{
  background: url(decor/o_zluta.png) 0 0 no-repeat;
}
#menu a.oranz{
  background: url(decor/o_oranz.png) 0 0 no-repeat;
}
#menu a.seda{
  background: url(decor/o_seda.png) 0 0 no-repeat;
}
#menu a.zelena{
  background: url(decor/o_zelena.png) 0 0 no-repeat;
}
#menu a.zelena_vys{
  background: url(decor/o_zelena_vys.png) 0 0 no-repeat;
  height: 38px;
  line-height: 19px;
}
#menu a.zelena_tm{
  background: url(decor/o_zelena_tm.png) 0 0 no-repeat;
}
#menu a#o1{
  left: 399px;
  top: 0px;
}
#menu a#o2{
  left: 402px;
  top: 298px;
}
#menu a#o3a{
  left: 193px;
  top: 40px;
}
#menu a#o3{
  left: 179px;
  top: 70px;
}
#menu a#o4{
  left: 167px;
  top: 100px;
}
#menu a#o5{
  left: 157px;
  top: 130px;
}
#menu a#o6{
  left: 151px;
  top: 160px;
}
#menu a#o7{
  left: 157px;
  top: 190px;
}
#menu a#o8{
  left: 167px;
  top: 220px;
}
#menu a#o9{
  left: 179px;
  top: 250px;
}
#menu a#o9b{
  left: 193px;
  top: 280px;
}
#menu a#o10{
  left: 191px;
  top: 282px;
}
#menu a#o11{
  left: 608px;
  top: 48px;
}
#menu a#o11b{
  left: 618px;
  top: 79px;
}
#menu a#o12{
  left: 628px;
  top: 110px;
}
#menu a#o13{
  left: 638px;
  top: 141px;
}
#menu a#o13:hover strong{
  display: none;
}
#menu a#o14{
  left: 638px;
  top: 172px;
}
#menu a#o15{
  left: 628px;
  top: 203px;
}
#menu a#o16{
  left: 618px;
  top: 234px;
}
#menu a#o17{
  left: 608px;
  top: 265px;
}
#menu a#o18{
  left: 598px;
  top: 293px;
}
#tabs{
  text-align: center;
  padding-top: 70px;
}
#tabs #intabs{
  width: 843px;
  margin: auto;
}
#tabs a{
  display: block;
  width: 90px;
  _width: 1860px;
  height: 45px;
  float: left;
  padding: 0px 10px 0px 90px;
}
#tabs a img{
  border: none;
}
#bottom{
  height: 66px;
  line-height: 66px;
  vertical-align: middle;
  background: url(decor/bottom.png) 0 0 repeat-x;
  color: #6A6A6A;
  padding: 0px 45px 0px 45px;
}
#bottom span{
  text-transform: uppercase;
  color: #3364A2;
}
#dev{
  float: right;
  width: 200px;
  text-align: right;
}
#dev a{
  color: #6A6A6A;
  text-decoration: none;
}
#dev a:hover{
  color: #3364A2;
  text-decoration: underline;
}
#obsah, #clanek, #clanky{
  padding: 20px 60px 30px 60px;
  color: #DFDFDF;
}
#obsah div{
  margin: 20px 0px 20px 0px;
  line-height: 20px;
}
#obsah .mez20{
  padding: 0px 0px 20px 0px;
}
#obsah .mez40{
  padding: 0px 0px 40px 0px;
}
h2{
  font-size: 30px;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
  color: #FF6C00; /* oranz */
  color: #BA0D28; /* cervena */
  color: #366BAD; /* modra */
  color: #347907; /* zelena */
  color: #1E4D00; /* tmzelena */
  color: #C99313; /* zluta */
}
h3{
  color: #C40D0D;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  margin: 20px 0px 10px 0px;
}
h4{
  font-size: 20px;
  font-weight: normal;
  margin: 30px 0px 10px 0px;
  color: #366BAD; /* modra */
}
#clanek h4{
  margin: 0px 0px 10px 0px;
}
.hr{
  margin: 30px 0px 10px 0px;
  padding: 20px 0px 0px 0px;
}
#obsah form div div.hr{
  border-bottom: 2px solid #444444;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
h5{
  font-size: 16px;
  margin: 30px 0px 10px 0px;
  color: #BA0D28; /* cervena */
  color: #1E4D00; /* tmzelena */
  color: #347907; /* zelena */
}
#clanek h5{
  margin: 0px 0px 10px 0px;
}
ul{
  list-style-type: none;
  margin: 10px 0px 30px 0px;
}
ul.term{
  margin-bottom: 0px;
}
ul ul{
  margin: 0px;
}
ul li{
  list-style-type: none;
  padding: 4px 0px 0px 20px;
  background: url(decor/li.png) 7px 11px no-repeat;
  line-height: 20px;
}
ul.absolventi{
  width: 500px;
  position: relative;
}
ul.absolventi li{
  padding: 0px;
  background: none;
  line-height: auto;
  display: block;
  float: left;
  width: 100px;
  height: 150px;
  text-align: center;
}
ul.absolventi li div{
  display: none;
}
ul.absolventi li:hover div{
  display: block;
}
ul.absolventi li:hover div{
  display: block;
  position: absolute;
  left: 500px;
  width: 300px;
  background: url(decor/body.png) 0px -300px repeat-x #111111;
  cursor: hand;
  z-index: 2;
  margin: 0px;
  padding: 0px;
}
ul.absolventi li:hover ul li{
  display: block;
  height: auto;
  width: 280px;
  _width: 300px;
  border: none;
  padding: 6px 10px 6px 10px;
  border-bottom: 1px solid #444444;
}
ul.term li{
  width: 560px;
  height: 21px;
  _height: 26px;
  line-height: 22px;
  padding-bottom: 4px;
  border-bottom: 1px solid #0F0F0F;
}
ul.term li span.obs{
  color: #FF6C00;
  font-weight: bold;
  float: right;
  display: block;
  width: 100px;
  text-align: left;
  height: 20px;
}
ul.term li span.dat{
  float: left;
  display: block;
  width: 180px;
}
ul.term li em{
  float: left;
  padding-left: 40px;
  font-style: normal;
  width: 150px;
  _width: 190px;

  _position: relative;
  &position: relative;
}
ul.term li em a{
  text-decoration: none;
  position: absolute;
  _position: relative;
  &position: relative;
  font-weight: bold;
}
ul.term li em a em{
  display: none;
  float: none;
  color: #DFDFDF;
  width: 147px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  height: 58px;
  _height: 68px;
  background: url(decor/bublina.png) 0 0 no-repeat;
  _background: url(decor/bublina.gif) 0 0 no-repeat;
  position: absolute;
  top: -64px;
  left: -86px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
}
ul.term li em a:hover em{
  display: block;
}
#obsah div.fll, #obsah div.flr{
  width: 410px;
  float: left;
  margin: 0px;
  padding: 0px;
}
#obsah div.flr{
  float: right;
}
#clanek .imgr{
  float: right;
  margin: 0px 0px 10px 20px;
}
#clanek p{
  margin: 0px 0px 25px 0px;
}
#obsah a, #clanky a, #clanek a, .norma{
  color: #749ECF;
}
#obsah a:hover, #clanky a:hover, #clanek a:hover, .norma:hover{
  color: #366BAD; /* modra */
}
#clanky h5 a{
  color: #C99313;
  font-size: 20px;
}
#clanky h5 a:hover{
  text-decoration: none;
  color: #C99313;
}
#obsah a img{
  border: none;
}
#obsah a.tlacitko, #obsah a.tlacitko:hover, #clanky a.tlacitko, #clanky a.tlacitko:hover{
  color: #ffffff;
  float: left;
}
#obsah a.tlacitkor, #obsah a.tlacitkor:hover, #clanky a.tlacitkor, #clanky a.tlacitkor:hover{
  float: right;
  margin: 0px; 
  padding-right: 200px;
  _width: 362px;
}
#obsah a.tlacitkonejr, #obsah a.tlacitkonejr:hover, #clanky a.tlacitkonejr, #clanky a.tlacitkonejr:hover{
  margin: 5px 0px 0px 0px;
  width: 300px;
  float: right;
}
#obsah form div{
  margin: 0px;
  padding: 0px 0px 20px 0px;
  _padding: 0px;
  &padding: 0px;
  width: 500px;
}
#obsah form div div{
  padding: 0px;
  clear: both;
}
#clanky div{
  margin-bottom: 50px;
  line-height: 18px;
  text-align: justify;
}
#clanky div div{
  width: 550px;
  border-bottom:1px solid #0F0D0D;
  margin:0px 0px 10px 0px;
  padding-bottom: 10px;
}
#clanky div div.cl{
  width: 550px;
  border-bottom: none;
  margin:0px;
  padding-bottom: 0px;
}
#clanek{
  text-align: justify;
}
#clanek div.uvod{
  border-bottom: 1px solid #0F0D0D;
  margin:0px 0px 20px 0px;
  padding-bottom: 20px;
}
form label{
  width: 200px;
  display: block;
  float: left;
}
form input, form select, form textarea, form span.input{
  width: 242px;
  _width: 250px;
  padding: 0px 4px 0px 4px;
  display: block;
  float: right;
  border: none;
  background: #444444;
  color: #DFDFDF;
  line-height: 20px;
  height: 20px;
  font-size: 12px;
}
form span.input{
  height: auto;
  font-weight: bold;
  padding: 2px 4px 2px 4px;
}
input.rad, form input.rad{
  width: 10px;
  height: 10px;
  margin: 4px 10px 0px 0px;
  display: block;
  float: left;
}
input.unvib, form input.unvib{
  visibility: hidden;
}
form textarea{
  height: 120px;
}
.shop{
  margin-right: 100px;
}
.fotogal a{
  display: block;
  border: 3px solid #161616;
  float: left;
  padding: 3px;
  margin: 0px 10px 10px 0px;
}
#obsah .fotogal a img{
  margin: 0px;
}
table{
  margin-bottom: 20px;
  border-bottom: 1px solid #111111;
  border-right: 1px solid #111111;
  border-collapse: collapse;
  width: 400px;
}

table td{
  padding: 5px;
  border-left: 1px solid #111111;
  border-top: 1px solid #111111;
}

table.elkurz{
  border: none;
  background: #474747;
  border-collapse: collapse;
  width: 700px;
  margin-bottom: 20px;
}
table.elkurz tr td{
  padding: 5px 10px 5px 10px;
  border: none;
  text-align: center;
  vertical-align: top;
  color: #ffffff;
}
table.elkurz tr.bblack td{
  padding: 1px 10px 3px 10px;
  background: #000000;
}
table.elkurz tr.bblack{
  background: #000000;
}
table.elkurz tr td.bred{
  background: #C40D0D;
  width: 120px;
}
table.elkurz tr td span.obs{
  font-weight: bold;
  color: #FF0000;
  padding: 0px;
  margin: 0px;
  display: block;
  text-align: center;
}



.vyr{
  color: #FF6C00;
}
.em14{
  font-size: 1.3em;
}
.bold{
  font-weight: bold;
}
.cl{
  clear: both;
}



/********* carousel *********/
div.carousel{
  padding-top: 10px;
  background: url('elektronickykurz/decor/video.png') 0 0 repeat-x;
  margin-top: 30px;
}
#carousel{
  clear: both;
  display: block;
  position: relative;
  height: 205px;
}
#carousel li{
  display: block;
  width: 137px;
  height: 180px;
  list-style-type: none;
  background: none;
  padding: 0px;
  margin: 0px;
  height: 150px;
  overflow: hidden;
}
#carousel li a.all{
  display: block;
  text-decoration: none;
  position: relative;
}
#carousel li a.all img{
  border: none;
  position: absolute;
}
.jcarousel-skin-kolafa .jcarousel-container-horizontal {
  width: 400px;
  padding: 0px 0px 0px 0px;
}
.jcarousel-skin-kolafa .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-kolafa .jcarousel-clip-horizontal {
    width: 400px;
  height: 205px;
}
.jcarousel-skin-kolafa .jcarousel-item {
  width: 137px;
}
.jcarousel-skin-kolafa .jcarousel-item-horizontal {
	margin-left: 0;
  margin-right: 0px;
}
.jcarousel-skin-kolafa .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/*  Horizontal Buttons */
.jcarousel-skin-kolafa .jcarousel-next-horizontal {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 40px;
    height: 24px;
    cursor: pointer;
    background: transparent url(decor/foto_right.png) no-repeat 0px 0;
}

.jcarousel-skin-kolafa .jcarousel-next-horizontal:hover,
.jcarousel-skin-kolafa .jcarousel-next-horizontal:focus {
    background-position: 0px 0px;
}
.jcarousel-skin-kolafa .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 40px;
    height: 24px;
    cursor: pointer;
    background: transparent url(decor/foto_left.png) no-repeat 0px 0;
}
.jcarousel-skin-kolafa .jcarousel-prev-horizontal:hover,
.jcarousel-skin-kolafa .jcarousel-prev-horizontal:focus {
    background-position: 0px 0;
}