/* CSS Document */
body {
  background: rgb(222,184,135);
  background-image: url(../images/pozadi.jpg);
  background-position: left top;
  background-repeat: repeat;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin:0;
  padding:0;
  text-align:center;
  
  font-size: 11px;
}
a {
  font-family: arial;
  font-size: 11px;
  text-decoration: underline;
  font-weight: normal;
  /* color: #0F2F7E; */
  color: red;
}
a:hover {
  text-decoration: none;
}
a.red {
  color: red;
}
a.red:hover {
  color: #0F2F7E;
}
a.normal {
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color:black;
  text-decoration: none;
  font-weight: normal;
}
a.normal:hover {
  text-decoration: underline;
}
ul {
  padding-left: 35px;
}
li {
  /*list-style-image: url(../images/sipka.png);*/
  background: transparent url(../images/sipka.png) no-repeat scroll left center;
  list-style-type: none;
  padding: 1px 0 1px 10px;
  position: relative;
  float: left;
}
#telo li {
  width: 100%;
}
ul.ulsluzby li {
  float:none;
}
.slide ul {
  padding-left: 32px;
}
.slide li {
  list-style-image: url(../images/sipka-gs.png);
  background-image: url();
  padding:1px 0;
}
.slide li a {
  font-weight: normal;
}
#main {
  margin: auto;
  position:relative;
  text-align:left;
  width:980px;
}
#head {
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  width: 964px;
  height: 232px;
  background: transparent url(../images/head_bg.png) no-repeat scroll 0px bottom;
}
#head #logo {
  position: absolute;
  float: left;
  width: 268px;
  height: 62px;
  top: 90px;
  left:45px;
}
#head #modelka1 {
  position: absolute;
  float: left;
  top: 0px;
  left: 318px;
  background: transparent url(../images/modelka.png) no-repeat scroll left bottom;
  width: 243px;
  height: 225px;
  z-index: 3;
}
#head #modelka2 {
  position: absolute;
  float: left;
  top: 0px;
  left: 310px;
  background: transparent url(../images/modelka2.png) no-repeat scroll left bottom;
  width: 260px;
  height: 225px;
  z-index: 3;
}
#head #modelka3 {
  position: absolute;
  float: left;
  top: 0px;
  left: 300px;
  background: transparent url(../images/modelka2.png) no-repeat scroll left bottom;
  width: 290px;
  height: 225px;
  z-index: 3;
}



#head #lang {
  background: transparent url(../images/lang_bg.png) no-repeat scroll left top;
  position: relative;
  float: left;
  width: 75px;
  height: 47px;
  left: 50px;
  top:0px;
}
#head #lang a {
  position: relative;
  float: left;
  top: 19px;
  left: 0px;
  margin-left: 5px;
  display: block;
  width: 28px;
  height: 16px;
}
#head #lang a span {
  left:0px;
  top: 0px;
  position: absolute;
  display: block;
  background: transparent url(../images/vlajky1.png) no-repeat scroll left top;
  width: 28px;
  height: 16px;
}
#head #lang a:hover span.cl2 {
  background: transparent url(../images/vlajky1.png) no-repeat scroll left top;
}
#head #lang a span.cl2 {
  background: transparent url(../images/vlajky2.png) no-repeat scroll left top;
}

#head #lang a.en span {
  left:0px;
  top: 0px;
  position: absolute;
  display: block;
  background: transparent url(../images/vlajky1.png) no-repeat scroll right top;
  width: 28px;
  height: 16px;
}
#head #lang a:hover.en span {
  background: transparent url(../images/vlajky2.png) no-repeat scroll right top;
} 
#head #lang a.en span.cl2 {
  background: transparent url(../images/vlajky2.png) no-repeat scroll right top;
}



#head #menu-top {
  background: transparent url(../images/menu_top_bg.png) no-repeat scroll left top;
  position: relative;
  float: left;
  width: 302px;
  height: 35px;
  left: 540px;
  top:0px;
  z-index: 3;
  padding-left: 6px;
}
#head #menu-top a {
  color:#b1b1b1;
  text-decoration: none;
  font-family: arial;
  font-size: 10px;
  padding: 8px 5px 4px 26px;
  margin: 0;
  display: block;
  float: left;
}
#head #menu-top a:hover {
  text-decoration: underline;
  color: black;
}
#head #menu-top a.it1 {
  background: transparent url(../images/ico-home.png) no-repeat scroll left top;
}
#head #menu-top a.it2 {
  background: transparent url(../images/ico-mapa.png) no-repeat scroll left top;
}
#head #menu-top a.it3 {
  background: transparent url(../images/ico-napiste.png) no-repeat scroll left top;
}
#head #menu-top a:hover.it1 {
  background: transparent url(../images/ico-home_ac.png) no-repeat scroll left top;
}
#head #menu-top a:hover.it2 {
  background: transparent url(../images/ico-mapa_ac.png) no-repeat scroll left top;
}
#head #menu-top a:hover.it3 {
  background: transparent url(../images/ico-napiste_ac.png) no-repeat scroll left top;
}
/*
#head .obr {
  position: absolute;
  float: left;
  background: transparent url() no-repeat scroll left top;
  z-index: 2;
}
#head .obr.obr1 {
  background-image: url(../images/top-london-obr1.png);
  width: 182px;
  height: 260px;
  left:765px;
  top:116px;
  position: absolute;
}
#head .obr.obr2 {
  background-image: url(../images/top-london-obr2.png);
  width: 151px;
  height: 197px;
  left:652px;
  top:58px;
  position: absolute;
}
#head .obr.obr3 {
  background-image: url(../images/top-london-obr3.png);
  width: 355px;
  height: 211px;
  left:580px;
  top:0px;
  position: absolute;
}
#head .obr.obr4 {
  background-image: url(../images/top-london-obr4.png);
  width: 413px;
  height: 198px;
  left:435px;
  top:27px;
  position: absolute;
}
*/

.obr {
  position: absolute;
  float: left;
  background: transparent url() no-repeat scroll left top;
  z-index: 0;
}
/* ********************************************************************************* */
.obr.obr1 {
  background-color: transparent;
  background-image: url(../images/top-london-obr1.png);
  width: 182px;
  height: 260px;
  left:765px;
  top:116px;
  position: absolute;
  z-index: 3;
}
.obr.obr5 {
  background-color: transparent;
  background-image: url(../images/top-usa-obr1.png);
  width: 182px;
  height: 260px;
  left:765px;
  top:116px;
  position: absolute;
  z-index: 3;
}
.obr.obr9 {
  background-color: transparent;
  background-image: url(../images/top-austr-obr1.png);
  width: 182px;
  height: 260px;
  left:765px;
  top:116px;
  position: absolute;
  z-index: 3;
}
/* ********************************************************************************* */
.obr.obr2 {
  background-image: url(../images/top-london-obr2.png);
  width: 151px;
  height: 197px;
  left:652px;
  top:58px;
  position: absolute;
  z-index: 4;
}
.obr.obr6 {
  background-image: url(../images/top-usa-obr2.png);
  width: 151px;
  height: 197px;
  left:652px;
  top:58px;
  position: absolute;
  z-index: 4;
}
.obr.obr10 {
  background-image: url(../images/top-austr-obr2.png);
  width: 151px;
  height: 197px;
  left:652px;
  top:58px;
  position: absolute;
  z-index: 4;
}
/* ********************************************************************************* */
.obr.obr3 {
  background-image: url(../images/top-london-obr3.png);
  width: 355px;
  height: 211px;
  left:580px;
  top:0px;
  position: absolute;
  z-index: 2;
}
.obr.obr7 {
  background-image: url(../images/top-usa-obr3.png);
  width: 355px;
  height: 211px;
  left:580px;
  top:0px;
  position: absolute;
  z-index: 2;
}
.obr.obr11 {
  background-image: url(../images/top-austr-obr3.png);
  width: 355px;
  height: 211px;
  left:580px;
  top:0px;
  position: absolute;
  z-index: 2;
}
/* ********************************************************************************* */
.obr.obr4 {
  background-image: url(../images/top-london-obr4.png);
  width: 413px;
  height: 198px;
  left:435px;
  top:27px;
  position: absolute;
  z-index: 1;
}
.obr.obr8 {
  background-image: url(../images/top-usa-obr4.png);
  width: 413px;
  height: 198px;
  left:435px;
  top:27px;
  position: absolute;
  z-index: 1;
}
.obr.obr12 {
  background-image: url(../images/top-austr-obr4.png);
  width: 413px;
  height: 198px;
  left:435px;
  top:27px;
  position: absolute;
  z-index: 1;
}
/* ********************************************************************************* */






#head #logo h1 {
  position: relative;
  float: left;
  overflow:hidden;
  display: block;
  width: 268px;
  height: 62px;
  margin: 0;
  padding: 0;
}
#head #logo h1 a span {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 268px;
  height: 62px;
  background: transparent url(../images/logo.png) no-repeat scroll left top;
}
/* -------- telo stranky ------------------------------------- */
#body {
  position: relative;
  float: left;
  width: 964px;
}
#body #body-back {
  margin-top: 84px;
  background: transparent url(../images/pozadi_big.png) repeat-y scroll 1px top;
}
#body #top {
  background: transparent url(../images/telo_top_bg.png) no-repeat scroll left top;
  position: relative;
  float: left;
  top:0px;
  left:0px;
  width: 920px;
  height: 84px;
  z-index: 0;
}
#body #top ul {
  position: absolute;
  top:0px;
  left:18px;
  margin: 0;
  padding: 0;
}
#body #top ul li {
  list-style-type: none;
  float: left;
  display: block;
  height: 40px;
  background-image: url();
  padding:1px 0;
}
#body #top ul li.div {
  background: transparent url(../images/menu_div.png) no-repeat scroll left -6px;
  width: 2px;
  height: 40px;
}
#body #top ul li a {
  display: block;
  color:#0f2f7e;
  height: 28px;
  padding:12px 7px 0;
  text-decoration: none;
  font-weight: bold;
}
#body #top ul li a.selected , #body #top ul li a:hover {
  color: white;
  background: transparent url(../images/menu_active.png) repeat-x scroll 3px top;
}
#body #menu-left {
  position: relative;
  float: left;
  background: transparent url(../images/menu_left_bg.png) repeat-y scroll 3px top;
  width: 220px;
  /* height: 736px; */
}
#body #menu-left h2 {
  background: transparent url(../images/kurzy_bg.png) no-repeat scroll left top;
  width: 184px;
  height: 45px;
  color: white;
  padding: 10px 0 0 10px;
  margin: 0 0 0 0;
  font-family: arial;
  font-weight: bold;
  font-size: 17px;
  position: relative;
  float: left;
  left: 21px;
}
#body #menu-left .menu {
  position: relative;
  float: left;
  left: 21px;
  background: transparent url(../images/ico-rozvrh.png) no-repeat scroll 15px top;
  display: block;
  width: 200px;
  height: 50px;
  padding-top: 8px;
  margin-bottom: 10px;
}
#body #menu-left .menu h3 {
  margin: 2px 0 0px 85px;
  padding: 0;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
}
#body #menu-left .menu h3.red {
  color: red;
}
#body #menu-left .menu h3 a {
  color: red;
  text-decoration: none;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 17px;
  background-image: url();
}
#body #menu-left .menu h3 a:hover {
  text-decoration: underline;
}
#body #menu-left span.tecky {
  float: left;
  left: 0px;
  display: block;
  width: 162px;
  height: 1px;
  margin: 0 0 0 40px;
  background: transparent url(../images/tecky-menu.png) repeat-x scroll left bottom;
}
#body #menu-left span.mezera {
  float: left;
  left: 0px;
  display: block;
  width: 162px;
  height: 20px;
  margin: 0 0 0 40px;
}
#body #menu-left a {
  position: relative;
  float: left;
  left: 0px;
  display: block;
  width: 162px;
  height: 24px;
  margin: 0 0 0 40px;
  padding: 5px 0 0 0px;
  background: transparent url(../images/tecky-menu.png) repeat-x scroll left bottom;
  color: #0F2F7E;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  z-index:1;
}
#body #menu-left a:hover , #body #menu-left a.selected {
  text-decoration: underline;
  color: red;
  z-index:1;
}
#body #menu-left a.whi , #body #menu-left a:hover.whi{
  color: white;
}
#body #menu-left a span {
  position: relative;
  display: block;
  width: 4px;
  height: 24px;
  background: transparent url(../images/sipka-menu.png) no-repeat scroll right 5px;
  float: left;
  margin-right: 8px;
  z-index:1;
}
#body #menu-left a span.cl1 , #body #menu-left a:hover span.cl1 {
  background:transparent url(../images/odkaz-seda.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  cursor: pointer;
}
#body #menu-left a span.cl2 , #body #menu-left a:hover span.cl2 {
  background:transparent url(../images/odkaz-modra.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}
#body #menu-left a span.cl3 , #body #menu-left a:hover span.cl3 {
  background:transparent url(../images/odkaz-cervena.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}
#body #menu-left a span.cl4 , #body #menu-left a:hover span.cl4 {
  background:transparent url(../images/odkaz-cerna.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}
#body #menu-left a span.cl5 , #body #menu-left a:hover span.cl5 {
  background:transparent url(../images/odkaz-zelena.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}
#body #menu-left a span.cl6 , #body #menu-left a:hover span.cl6 {
  background:transparent url(../images/odkaz-oranzova.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}
#body #menu-left a span.cl7 , #body #menu-left a:hover span.cl7 {
  background:transparent url(../images/odkaz-zelena2.png) no-repeat scroll left top;
  display:block;
  height:23px;
  width:162px;
  left:0;
  position:absolute;
  top:0;
  z-index:0;
  padding: 5px 0 0 15px;
  color: white;
  cursor: pointer;
}


#body #menu-left a:hover span {
  background-position: left 5px;
}
#body #menu-left h3.klienti {
  position: relative;
  float: left;
  margin: 15px 0 0 40px;
  padding: 0;
  background: transparent url(../images/tecky-menu.png) repeat-x scroll left bottom;
  color: #0F2F7E;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  width: 162px;
  height: 24px;
}
#body #menu-left h3.klienti a {
  background-image: url();
  margin: 0 0 0 10px;
}
#body #menu-left img.spokojeni-klienti {
  margin-left: 38px;
}
#body #hrbet {
  position: relative;
  float: left;
  background: transparent url(../images/hrbet_bg.png) repeat-y scroll left top;
  width: 50px;
  height: 736px;
}
/* *********** TELO ******************************************************************************************************************* */
#body #telo {
  position: relative;
  float: left;
  background: transparent url(../images/telo_bg.png) repeat-y scroll left top;
  width: 635px;
  /* height: 736px; */
  z-index: 3;
}
#body #telo p {
  margin: 5px 0 5px 20px;
  text-align: justify;
  width: 605px;
  position: relative;
  float: left;
}
#body #telo .slide {
  
}
body #body #telo .slide p {
  /* width: 560px; */
  width: auto;
  margin:5px 20px;
  position: relative;
  float: none;
}
#body #telo .slide p img {
  border: 1px #CECECE solid;
  margin: 2px 0;
}
#body #telo form {
  float:left;
  margin:5px 0 5px 20px;
  position:relative;
  width:605px;
}
#body #telo form#searchparamsform {
  margin:5px 0 5px 0;
}
#body #telo form p {
  margin: 5px 0 5px 0px;
  text-align: justify;
  width: 585px;
}
#body #telo ul.padesat {
  margin: 0 0 15px 0;
  float: left;
  position: relative;
}
#body #telo ul.padesat li {
  float: left;
  width: 275px;
  padding:1px 0 1px 10px;
}
#body #telo li.dotaz {
  margin: 4px 0;
  background-image: url();
  padding: 1px 0;
}
#body #telo li.dotaz a {
  /* color: #0F2F7E; */
  color: red;
}
#body #telo li.dotaz div a {
  color: red;
}
#body #telo li.dotaz div {
  margin: 6px 0 0 18px;
  width:567px;
  text-align: justify;
}
#body #telo .baner {
  margin: 0 0 0 20px;
  display: block;
  width: 601px;
  height: 126px;
}
#body #telo .baner a , #body #telo .baner a img {
  border-width:0px;
}
#body #telo .baner.cl1 {
  background: transparent url(../images/baner.jpg) no-repeat scroll left top;
}
#body #telo .baner.cl2 {
  background: #66A286 url() no-repeat scroll left top;
}
#body #telo .baner h2 {
  background: transparent url() no-repeat scroll left top;
  width: 560px;
  color: white;
  margin: 0;
  padding: 10px 20px;
  font-family: Comic Sans MS;
  font-weight: normal;
  font-size: 18px;
}
#body #telo .baner h3 {
  background: transparent url() no-repeat scroll left top;
  width: 560px;
  color: white;
  margin: 0;
  padding: 10px 20px;
  font-family: Comic Sans MS;
  font-weight: normal;
  font-size: 14px;
}

#body #telo .rozcestnik {
  float: left;
  position: relative;
  margin: 20px 0 10px 3px;
}
#body #telo .rozcestnik a {
  position: relative;
  display: block;
  height: 44px;
  float: left;
  color: white;
  text-decoration: none;
  padding: 180px 0px 5px 6px;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
#body #telo .rozcestnik a:hover {
  text-decoration: underline;
}
#body #telo .rozcestnik a.od1 {
  width: 162px;
  background: transparent url(../images/kurzy-verejnost.png) no-repeat scroll left bottom;
}
#body #telo .rozcestnik a.od2 {
  width: 148px;
  background: transparent url(../images/kurzy-firmy.png) no-repeat scroll left bottom;
  padding-left: 0px;
  margin-right: 6px;
}
#body #telo .rozcestnik a.od3 {
  width: 147px;
  background: transparent url(../images/kurzy-individualni.png) no-repeat scroll left bottom;
  padding-left: 0px;
  margin-right: 6px;
}
#body #telo .rozcestnik a.od4 {
  width: 148px;
  background: transparent url(../images/kurzy-zkousky.png) no-repeat scroll left bottom;
  padding-left: 0px;
}
#body #telo h2 {
  position: relative;
  /* float: left; */
  font-family: arial;
  font-size: 17px;
  font-weight: bold;
  color:#0F2F7E;
  background: transparent url(../images/tecky-menu.png) repeat-x scroll left bottom;
  margin: 15px 0 15px 20px;
  padding: 4px 0 ;
  width: 605px;
}
#body #telo h2.float {
  float: left;
}
#body #telo #aktuality {
  position: relative;
  float: left;
  margin: 0px 0 0px 20px;
}
#body #telo #aktuality .aktualita {
  width: 292px;
  /* height: 100px; */
  float: left;
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
}
#body #telo #aktuality .odkaz {
  position: relative;
  float: left;
  width: 605px;
  height: 26px;
  text-align: right;
}
#body #telo #aktuality .odkaz a {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color: red;
  text-decoration: underline;
  margin: 0;
  padding: 11px 28px 0 0;
  background: transparent url(../images/odkaz.png) no-repeat scroll right top;
  display: block;
  height: 15px;
}
#body #telo #aktuality .odkaz a:hover {
  text-decoration: none;
}
#body #telo h3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  /* color:#0F2F7E; */
  color: red;
  margin: 5px 0 0 0;
  padding:0 35px 4px 0;
  width:245px;
  float: left;
}
#body #telo h3.info {
  background: transparent url(../images/ico-info.png) no-repeat scroll right top;
}
#body #telo h3.news {
  background: transparent url(../images/ico-news.png) no-repeat scroll right top;
}
#body #telo h3.alert {
  background: transparent url(../images/ico-alert.png) no-repeat scroll right top;
}
#body #telo #aktuality2 {
  margin: 0 0 0 0px;
  position: relative;
  float: left;
  width: 605px;
}
#body #telo #aktuality2 h3 , #body #telo h3 {
  margin: 0 0 0 20px;
  width: 569px;
}
#body #telo #aktuality2 h3 , #body #telo #aktualita h3 {
  line-height: 21px;
}
#body #telo #aktuality2 h3 span , #body #telo #aktualita h3 span {
  background:url("../images/tecky-menu2.png") repeat-x scroll left bottom transparent;
  display:block;
  width:605px;
}
#body #telo #aktuality h3 {
  width:245px;
  margin:0 0 0 0px;
}
#body #telo #aktuality h3 a {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color:#0F2F7E;
  text-decoration: none;
}
#body #telo #aktuality h3 a:hover {
  text-decoration: underline;
}
#body #telo h4 {
  margin: 0 0 0 20px;
  width: 569px;
  float: left;
}
#body #telo h4.long {
  width: 610px;
}
#body #telo .slide h4 {
  margin: 0 0 0 20px;
  width: 369px;
  float: none;
  font-size: 12px;
}
#body #telo form h3 , #body #telo form h4 {
  width: 575px;
  margin: 0;
  
}
#body #telo #aktuality2 img.right {
  float: left;
  margin: 0 10px 5px 0;
}
#body #telo .kontakt {
  width: 603px;
  /* height: 174px; */  
  float: left;
  position: relative;
  border: 0px #A7B7DF solid;
  margin: 0 0 0px 20px;
}
#body #telo div.mezera {
  width: 603px;
  height: 10px;  
  float: left;
  position: relative;
}
#body #telo .kontakt .adresa {
  float: left;
  width: 380px;
}
#body #telo .kontakt .adresa a {
  color: red;
}
#body #telo .kontakt .adresa p {
  width: 360px;
  margin: 0px;
}
#body #telo .kontakt .adresa p strong {
  color: #0F2F7E;
  line-height: 17px;
}
#body #telo .kontakt .foto {
  float: left;
  width: 223px;
  
}
#body #telo .kontakt .foto img {
  padding: 1px;
  border: 1px #0F2F7E solid;
  float: right;
  margin: 0px;
}
/* ************************************************************************************************ */
/* ************************************************************************************************ */
#body #telo .kosik {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../images/kosik_pozadi.png) no-repeat scroll left top;
  border:0px solid #C4D1F4;
  float:left;
  height:36px;
  margin:0px 0 10px 16px;
  padding:8px 5px 0;
  position:relative;
  top:0px;
  width:594px;
}
#body #telo .kosik p.big {
  color:white;
  font-family:arial;
  font-size:17px;
  font-weight:bold;
  margin:0;
  padding:0px;
  width: 245px;
  position: relative;
  float: left;
}
#body #telo .kosik p.cena {
  color: #0F2F7E;
  font-size:11px;
  margin:0;
  padding:0px;
  width: 175px;
  font-weight: bold;
  text-align: left;
  position: relative;
  float: left;
  left: 15px;
  top: 0px;
  z-index: 15;
}
#body #telo .kosik p.cena span {
  display: block;
  color: black;
  font-size:11px;
  margin:0;
  padding:0px;
  width: 90px;
  font-weight: normal;
  float: left;
  position: relative;
}
#body #telo .kosik p.cena strong {
  display: block;
  color: #0F2F7E;
  font-size:12px;
  margin:0;
  padding:0px;
  width: 85px;
  font-weight: bold;
  float: left;
  position: relative;
}
#body #telo .kosik a {
  background:transparent url(../images/tlac-kosik.png) no-repeat scroll left top;
  color:white;
  display:block;
  float:left;
  height:22px;
  position:relative;
  width:165px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding-top: 7px;
  z-index: 15;
}
#body #telo .kosik p.small {
  top:0;
  width:30px;
}
#body #telo .kosik p {
  float:left;
  position:relative;
  text-align:center;
  top:4px;
  width:388px;
  margin:3px 0 4px;
}
#body #telo table {
  border:0px solid #A3BEFF;
  border-collapse:collapse;
  color:#52544F;
  float:left;
  left:2px;
  position:relative;
  width:600px;
  margin: 0 0 0 20px;
}
#body #telo form table.no-border , #body #telo table.no-border , #body #telo table.no-border th, #body #telo table.no-border td{
  margin:0;
  border:0px solid #A3BEFF;
}
#body #telo tr.bgwhite {
  background-color: white;
}

#body #telo th.th0 {
  width:40px;
}
#body #telo th.th1 {
  width:160px;
}
#body #telo th.th2 {
  width:109px;
}
#body #telo th.th3 {
  width:72px;
}
#body #telo th.th4 {
  width:152px;
}
#body #telo th.th5 {
  width:70px;
}
#body #telo th.th6 {
  width:80px;
}
#body #telo th.th7 {
  width:120px;
}
#body #telo th {
  /* background-color:#E2EAFF; */
  color: #0F2F7E;
  font-size: 12px;
}
#body #telo td {
  color: black;
}
#body #telo th, #body #telo td {
  border:0px solid #A3BEFF;
  border-collapse:collapse;
  padding: 0px;
  margin: 0px;
  text-align:left;
  height: 19px;
}
#body #telo td a.pridatkurz , #body #telo a.pridatkurz {
  background-image: url(../images/tlac-pridatkurz.png);
  background-position: left top;
  display: block;
  height: 15px;
  width: 95px;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 2px 0 0 0;
}
#body #telo td a.pridatkurz2 , #body #telo a.pridatkurz2 {
  background-image: url(../images/tlac-pridatkurz.png);
  background-position: left top;
  display: block;
  height: 15px;
  width: 95px;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 2px 0 0 0;
  float: left;
}
#body #telo td a.pridatkurz:hover , #body #telo a.pridatkurz:hover {
  background-position: left bottom;
  text-decoration: none;
}
#body #telo td a.pridatkurz2:hover , #body #telo a.pridatkurz2:hover {
  background-position: left bottom;
  text-decoration: none;
}
#body #telo td a , #body #telo td a img {
  border-width: 0px;
}
#body #telo p.odkazy3 {
  text-align:left;
}
#body #telo p.odkazy3, #body #telo p.odkazy4 {
  float:left;
  position:relative;
  width:288px;
}

#body #telo .odkazy4 {
  text-align: right;
}
#body #telo .odkazy4 a {
  border-width:0px;
  float: right;
}
#body #telo p.odkazy1 {
  text-align:left;
  width: 288px;
  float: left;
  position: relative;
}
#body #telo p.odkazy2 {
  text-align:right;
  width: 288px;
  float: left;
  position: relative;
}
#body #telo p.nahled {
  background-color:#F5F5F5;
  border:1px solid #C4D1F4;
  float:left;
  margin-top:15px;
  padding:3px;
  position:relative;
  width:577px;
}
#body #telo p.nahled span {
  display: block;
  margin: 5px 0 0 10px;
  position: relative;
  float: left;
}
#body #telo p.nahled img {
  float:left;
  position:relative;
}
#telo input.tlacitko , #telo button.tlacitko {
  background-image:url(../images/tlac-pridatkurz.png);
  background-position: left top;
  border:0 solid #A3BEFF;
  color:white;
  font-weight:normal;
  height:17px;
  width:96px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  cursor: pointer;
}

#telo input.tlacitko:hover {
  background-position: left bottom;
}
#telo input.tlacitko2 {
  background-image:url(../images/nk-tlac-rpihlasit.png);
  border:0 solid #A3BEFF;
  color:white;
  font-weight:bold;
  height:29px;
  width:73px;
}
/***************************************************************************************************/
#body #tuzka {
  position: relative;
  float: left;
  background: transparent url(../images/tuzka_bg.png) repeat-y scroll -1px top;
  width: 59px;
  height: 736px;
}
#body #tuzka span {
  position: absolute;
  top: 88px;
  left: 20px;
  background: transparent url(../images/tuzka_bg_1.png) no-repeat scroll left top;
  display: block;
  width: 50px;
  height: 737px;
}
div.clear {
  clear:both;
  line-height:0;
}
/* -------- patricka ------------------------------------- */
#foot {
  position: relative;
  float: left;
  background: transparent url(../images/bottom_bg.png) no-repeat scroll 4px top;
  width: 964px;
  height: 120px;
}
#foot #menu {
  position: relative;
  float: left;
  left: 289px;
  top: 34px;
  width: 582px;
  height: 50px;
}
#foot #menu ul {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  top: 0px;
  left: 9px;
  height: 26px;
  background: transparent url(../images/bottom-tecky.png) repeat-x scroll left bottom;
  
}
#foot #menu ul li {
  float: left;
  list-style-type: none;
  margin: 0 13px;
  padding: 0;
  list-style-type: none;
  list-style-image: url();
  background-image: url();
}
#foot #menu ul li a {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #B1B1B1;
}
#foot #menu ul li a:hover {
  text-decoration: underline;
  color: black;
}
#foot #menu ul li.div {
  width: 1px;
  height: 17px;
  margin: 0px;
  background: transparent url(../images/bottom-div.png) no-repeat scroll left top;
}
#foot #menu #copy {
  position: relative;
  float: left;
  top: 6px;
  left: 20px;
  color: #b1b1b1;
  text-align: center;
  width: 540px;
}
#foot #menu #copy a {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #B1B1B1;
}
#foot #menu #copy a:hover {
  text-decoration: underline;
  color: black;
}

.error {
  color: red;
}
input , textarea {
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  border: 1px #AEA7AA solid;
}
td.width_form {
  width: 100px;
}
select.form {
  width: 160px;
  border:1px solid #AEA7AA;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}


ul.menu_urovne {
  position: relative;
  float: left;
  left: 20px;
  padding: 0;
  margin: 0;
}
ul.menu_urovne li , ul.menu_urovne2 li {
  list-style-image: url();
  list-style-type: none;
  background-image: url();
  width: 300px;
  text-align: left;
  height: 25px;
  text-decoration: none;
  padding:0px 0 1px 0;
  margin-top: 0px;
}
ul.menu_urovne li a img {
  border: 0px;
  float: left;
}
ul.menu_urovne li span {
  display: block;
  width: 100px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
ul.menu_urovne li a {
  position: relative;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding-top: 0px;
  margin-top: 0px;
  display: block;
  float: left;
  color: #0F2F7E;
}
ul.menu_urovne li a span {
  display: block;
  text-align: left;
  vertical-align: top;
}
ul.menu_urovne li a:hover {
  text-decoration: none;
}




ul.menu_urovne2 {
  position: relative;
  float: left;
  left: 20px;
  padding: 0;
  margin: 0;
}
ul.menu_urovne2 li {
  list-style-image: url();
  list-style-type: none;
  width: 300px;
  text-align: left;
  height: 25px;
  text-decoration: none;
  padding-top: 0px;
  margin-top: 0px;
}
ul.menu_urovne2 li a img {
  border: 0px;
  float: left;
}
ul.menu_urovne2 li span {
  display: block;
  width: 100px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
ul.menu_urovne2 li a {
  position: relative;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding-top: 0px;
  margin-top: 0px;
  display: block;
  float: left;
  color: #0F2F7E;
}
ul.menu_urovne2 li a span {
  display: block;
  text-align: left;
  vertical-align: top;
}
ul.menu_urovne2 li a:hover {
  text-decoration: none;
}



.slide div.slide-foto {
  position: relative;
  width: 167px;
  float: right;
  margin: 0 5px 5px 10px;
  /*
  display: block;
  height: 250px;
  */
}
.slide div.slide-foto img {
  border:1px solid #0F2F7E;
  position: relative;
  margin:0;
  padding:1px;
}
/* ********************************************************************* */
#body #telo div.border p {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 564px;
}
#body #telo p.option {
 margin-left: 5px;
}
#body #telo p.option span {
  float: left;
  display: block;
  /* width: 125px; */
  height: 30px;
  margin: 0 30px 0 3px;
}
#body #telo p.option span input {
  position: relative;
  top: 3px;
  border:0px solid #fff;
  background-color: #fff;
}
#body #telo p.option span.nadpis {
  float: left;
  display: block;
  width: 575px;
  height: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 10px;
  /* color: #BD0007; */
}
#body #telo p.option span.clear {
  float: left;
  display: block;
  width: 555px;
  height: 1px;
}
div.border {
  margin: 5px 10px 0 10px;
  position: relative;
  float: left;
  width: 569px;
  background-color: white;
  padding: 8px;
}
.dilek1 {
  line-height: 20px;
}
.dilek1 strong {
  display: block;
  width: 85px;
  position: relative;
  float: left;
}

/* ************* TEST ******************************************* */

.tabs {
  
}
.tabs ul#nextinfo {
  margin: 0;
  padding: 0; 
}
.tabs ul#nextinfo li {
  position: relative;
  float: left;
  list-style-image: url();
  list-style-type: none;
  background: transparent url(../images/uroven.png) no-repeat scroll left top;
  display: block;
  width: 97px;
  height: 17px;
  margin: 0 4px 5px 0; 
  text-align: center;
  padding-top: 5px;
}
.tabs ul#nextinfo li a {
  text-decoration: none;
}
.tabs ul#nextinfo li a:hover , .tabs ul#nextinfo li a.active {
  text-decoration: none;
  color: red;
}
.tabs div.test-body {
  background-color: white;
  position: relative;
  float: left;
  width: 595px;
}
#body #telo form .tabs div.test-body h3 {
  position: relative;
  margin: 10px 0px 5px 10px;
}
#body #telo form .tabs div.test-body h4 {
  position: relative;
  margin: 1px 0px 1px 10px;
}
#body #telo form .tabs div.test-body p {
  position: relative;
}
.tabs div.test-body div.pageContainer-top {
  position: absolute;
  top: 0px;
  left:0px;
  background: white url(../images/uroven-bg-top.png) no-repeat scroll left top;
  display: block;
  height: 6px;
  width: 595px;
}
.tabs div.test-body div.pageContainer-bottom {
  position: relative;
  bottom: 0px;
  left:0px;
  background: white url(../images/uroven-bg-bottom.png) no-repeat scroll left top;
  display: block;
  height: 6px;
  width: 595px;
  float: left;
}
.skryto {
  display: none;
}
.borderno {
  border-width: 0px;
}
div.proc_stud {
  width: 500px;
  float: right;
  margin: 0;
  margin-right: 15px;
}
#body #telo div.proc_stud p {
  width: 500px;
  margin:5px 0 5px 0px;
}
#body #telo div.proc_stud h2 {
  width: 500px;
  margin:5px 0 5px 0px;
}
#body #telo div.proc_stud ul {
  padding-left: 15px;
  margin-bottom: 2px;
}
#body #telo div.odkaz_proc {
  width: 620px;
  margin:5px 0 0px 20px;
  float:left;
}
#body #telo div.odkaz_proc a {
  display: block;
  width: 80px;
  height: 86px;
  background: transparent url(../images/proc_studovat.png) no-repeat scroll left top;
  float: left;
}
#body #telo div.odkaz_proc a:hover {
  background-position: right top;
}

.width1 {
  display: block;
  float: left;
  width: 110px;
  line-height: 20px;
}
.width2 {
  display: block;
  float: left;
  width: 600px;
  line-height: 20px;
}
.input_form {
  display:block;
  margin-top:2px;
}

/************************************************************************************************/

#body #telo table#hlavicka-dochazka {
  float: left;
  width: 150px;
  /*
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 1px black solid;
  */
  left:0px;
}
#body #telo table#hlavicka-dochazka th,
#body #telo table#hlavicka-dochazka td {
  padding: 0 3px;
}
#div-dochazka {
  display:block;
  width:385px;
  margin-left: 0px;
  overflow-x: auto;
  overflow: -moz-scrollbars-horizontal;
  height: auto;
  
  /*border: 1px solid black;*/
}
#body #telo table#table-vysledek {
  width: 50px;
  margin: 0;
  border-right:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

#body #telo #div-dochazka form {
  margin: 0;
}
#body #telo #div-dochazka table {
  margin-left: 0px;
  left: 0px;
}

#body #telo #div-dochazka table tr.bgwhite {
  background-color:white;
}
#body #telo #div-dochazka table th,
#body #telo #div-dochazka table td {
  border-right: 1px solid black;
  padding: 0 3px;
}
#body #telo #div-dochazka table th.noborder ,
#body #telo #div-dochazka table td.noborder {
  border-right: 0px solid black;
}
#body #telo #div-dochazka table td.jmeno {
  /*width: 200px;*/
}
#body #telo #div-dochazka table td.date {
  /*width: 45px;*/
}
#body #telo #div-dochazka table td.vyhodnoceni {
  /*width: 100px;*/
}
#body #telo #div-dochazka table td input {
  /*border-width:0px;*/
}


div.top-bila {
  background:url("../images/uroven-bg-top.png") no-repeat scroll left top white;
  bottom:0;
  display:block;
  float:left;
  height:6px;
  left:0;
  position:relative;
  width:595px;
  margin-left: 20px;
}
div.bottom-bila {
  position: relative;
  bottom: 0px;
  left:0px;
  background: white url(../images/uroven-bg-bottom.png) no-repeat scroll left top;
  display: block;
  height: 6px;
  width: 595px;
  float: left;
  margin-left: 20px;
}
div.bg-bila {
  background-color: white;
  background-color:white;
  float:left;
  width:595px;
  margin-left: 20px;
}



/***************************************************************************************/
#body #telo #border-vyuka span.span {
  display: block;
  float: left;
  
}
#body #telo #border-vyuka .width50 { width: 50px; }
#body #telo #border-vyuka .width60 { width: 60px; }
#body #telo #border-vyuka .width70 { width: 70px; }
#body #telo #border-vyuka .width80 { width: 80px; }
#body #telo #border-vyuka .width90 { width: 90px; }
#body #telo #border-vyuka .width100 { width: 100px; }
#body #telo #border-vyuka .width120 { width: 120px; }

#body #telo #border-vyuka table {
  /*width:595px;*/
  margin: 5px 0 ; 
  left:0;
}
#body #telo #border-vyuka table tr.bgwhite {
  background-color: white;
}
#body #telo #border-vyuka table tr {
  background-color: #f8f7f8;
}
#body #telo #border-vyuka table th {
  padding: 5px 2px 5px 4px;
  background-color: #0e6de5;
  color: white;
}
#body #telo #border-vyuka table td {
  padding: 0px 1px 0px 4px;
  color: #0e6de5;
  line-height: 20px;
}
#body #telo #border-vyuka table td a {
  font-weight: normal;
  text-decoration: none;
}
#body #telo #border-vyuka table td a:hover {
  text-decoration: underline;
}



/*****************************************************************************/
/*      BLOG       */
#body #telo div.blog {
  width:656px;
  margin:5px 0 20px 20px;
  float:left;
}
#body #telo div.blog div.blogfoto {
  width: 90px;
  height: 80px;
  float: left;
}
#body #telo div.blog h3 , #body #telo div.blog p {
  width:485px;
  margin: 0 0 0 5px;
  padding: 0px; 
}
#body #telo div.bg-bila p {
  width:555px;
}
#body #telo div.blog div.bg-bila p {
  width:485px;
  margin: 0 0 0 20px;
  padding: 0px;
}
#body #telo div.blog p.blogdatum {
  color: #0F2F7E;
}
#body #telo div.blogtext {
  width:605px;
  margin:5px 0 5px 20px;
}
#body #telo div.blogtext a img {
  margin-right:6px;
  border:1px solid #0F2F7E;
}
#body #telo div.blog div.blogfoto img {
  padding: 1px;
  border:1px solid #0F2F7E;
}
#body #telo div.blogtext p {
  /*text-align: justify;*/
}
#body #telo div.bg-bila form span#mce_editor_0_parent {
  display:block;
  float:left;
  width:332px;
}
#body #telo div.bg-bila form span#mce_editor_0_parent table {
  width: 350px;
}
#body #telo div.bg-bila form span#mce_editor_0_parent table td {
  padding:0 4px 4px 4px;
}
hr.bloghr {
  color: gray;
  display: block;
  height: 0px;
  /*border:1px solid gray;*/
  float:left;
  margin-left:20px;
  margin-top: 5px;
  margin-bottom: 10px;
  position:relative;
  width:560px;
}

#body #telo div.bg-bila form span#mce_editor_0_parent table tr.mceFirst td.mceToolbar.mceCenter.mceFirst.mceLast {
  width:495px;
  white-space: normal;
  /*white-space: nowrap;*/
}
#body #telo div.bg-bila form span#mce_editor_0_parent table tr.mceFirst td.mceToolbar.mceCenter.mceFirst.mceLast a ,
#body #telo div.bg-bila form span#mce_editor_0_parent table tr.mceFirst td.mceToolbar.mceCenter.mceFirst.mceLast table
{
  float: left;
}
div.slide ul.no-style.no-pad,
ul.float-ul
{
  float:left;
  padding-left:32px;
  width:380px;
}

div#telo div.abcteam table td {
  /* text-align: center !important; */
  margin:0px;
  vertical-align: top;
}
div#telo div.abcteam table td h3 {
  width: auto !important;
  margin:0 0 0 0px !important;
}
div#telo div.abcteam table td p {
  width: auto !important;
  margin:0px  !important;
  
}