/* Created by TopStyle Trial - www.topstyle4.com */
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	height: 100%;
	background-image: url(obr/pozadi_stranka_03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
}
.cistic{
	clear: both;
	margin: 0;
	padding: 0;
}
.maly{
	font-size: 0.5em;
}
.kontejner01{
	width:1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
.titul_horni{
	margin-top: 5px;
}
.logo{
	width: 196px;
	height: 81px;
	background-image: url(obr/logo.png);
	float: left; 
}
.menu_horni{
	float: right;
	width: 804px;
	height: 81px;
}
.menu_polozka{
	margin: 55px 45px 5px 25px;
	float: left;
}
.menu_polozka a{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #373737;
}
.menu_polozka a:hover{
	text-decoration: underline;
}
#carousel{	
	width: 1000px;
	height: 340px;
	margin-top:0px;
	background-color: transparent;
   clear: both;
   overflow: hidden;
	
}
#carousel img {
   visibility:hidden; /* hide images until carousel can handle them */
   cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}

.split-left {
   width:400px;
   float:left;
}
.split-right {
   width:400px;
   float:left;
   margin-left:10px;
}
#callback-output {
   height:250px;
   overflow:scroll;
}
.ovladanoCarousel{
	width: 40px;
	position: absolute;
	bottom: 8px;
	right: 0px;
}
#prev{
	width: 16px;
	height: 16px;
	background-image: url(obr/backward_16.png);
	float: left;
	cursor: pointer;
}
#next{
	width: 16px;
	height: 16px;
	background-image: url(obr/forward_16.png);
	float: right;
	cursor: pointer;
}
#texty{
	position: absolute;
	top: 120px;
	left:10px;
}
.hlavni_text{
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top:10px;
}
.dalsi_text{
	font-size: 0.875em;
}
.menu_spodni{
	width: 100%;
	height: 62px;
	margin-top: 10px;
}
.menu_leve{
	display: block;
	width: 100%;
	font-size: 1.750em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;	
}
.menu_leve:hover{
	text-decoration: underline;
}
.leve00{
	color: #555555;
}
.leve01{
	color: #2267b4;
}
.leve02{
	color: #ef0221;
}
.leve03{
	color: #288f00;
}
.leve04{
	color: #00198f;
}
.leve05{
	color: #e23300;
}
.menu_tlac{
	display: block;
	width: 240px;
	height: 42px;
	float: left;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: white;
	padding-top: 20px;
	text-decoration: none;
}
.menu_tlac:hover{
	color: #ffeb42;
}
.tlac01{
	background-image: url(obr/tlac01p.png);
	margin-right:13px;
}
.tlac02{
	background-image: url(obr/tlac02p.png);
	margin-right:14px;
}
.tlac03{
	background-image: url(obr/tlac03p.png);
	margin-right:13px;
}
.tlac04{
	background-image: url(obr/tlac04p.png);
}
.textove_boxy{
	width:100%;
	margin-top: 10px;
}
.textovy_box{
	display: block;
	width: 240px;
	float: left;
	font-size: 0.750em;
	text-align: justify;
	color: #373737;
}
.textbox01, .textbox03{
	margin-right:13px;
}
.textbox03{
	margin-left: 14px;
}
.odkaz{
	color: #164983;
	text-decoration: none;
}
.odkaz_odstavec{
	text-align: right;
	display: block;
	font-size:1.167em;
	margin-top: 5px;
}
.paticka{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.patickaTop{
	width:1000px;
	height: 5px;
	background-image: url(obr/patickaTop.png);
}
.patickaMiddle{
	width: 1000px;
	background-image: url(obr/patickaMiddle.png);
	background-repeat: repeat-y;
}
.patickaBottom{
	width:1000px;
	height: 5px;
	background-image: url(obr/patickaBottom.png);
}
.kontakt{
	color: white;
	font-size: 0.750em;
	padding: 5px;
	padding-left: 10px; 
	float: left;
}

.patickaMiddle a{
	color:#ffeb42;
}
.adresa_nadpis{
	font-size: 1.167em;
	margin-bottom: 5px;
}
.tvorba_webu{
	float: right;
	padding-top: 8px;
	padding-right: 15px;
	color: white;
	font-size: 0.750em;
	text-align: right;
}
h1{
	font-size: 2em;
}
h2, h3{
	color: #373737;
	padding: 5px 0px;
}
.textovy_box_velky{
	font-size: 0.875em;
	width: 746px;
	float: right;
}
.blok_kurz{
  display: block;
  position: relative;
  padding: 5px;
  margin: 5px 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: white;	
  text-decoration: none;
}
a.blok_kurz :hover{
	color: #ffeb42;
}
.nazev_obce{
	font-size: 2em;
	width: 25%;
}
.nadpis_tabulky{
	font-size: 2em;
	padding: 5px;
}
.odkazFirmy{
   display: none;
	position: absolute;
	top:23px;
	right: 17px;
	color: white;
	text-decoration: underline;
}
.odrazky{
	list-style-position: inside;
}
p{
	padding-bottom: 5px;
	padding-top: 5px;
}
.maly_obr{
	border: 2px solid #2267b4;
	box-shadow: 3px 3px 10px 0px #373737;
}
.zeleny_obr{
	border: 2px solid #288f00;
}
.vpravo{
	float: right;
	margin: 2px 2px 5px 5px;
}
.hlavni{
	height: 30px;
	text-align: center;
	font-size: 1.78em;
	font-weight: bold;
}
.hlavicka{
	
	color: white;
	font-weight: bold;
}
.hlavicka td{
	padding: 5px;
}
.cervena{
	background-color: #dd1c02;
}
.radek_cervena_01{
	background-color:#fd6c54;
}
.radek_cervena_02{
	background-color: #fca597;
	color:#373737;
}
.hneda{
	background-color: #a94a0a;
}
.radek_hneda_01{
	background-color: #c66728;
}
.radek_hneda_02{
	background-color: #edc5aa;
	color:#373737;
}
.zelena{
	background-color:#288f00;
}
.radek_zelena_01{
	background-color:#6eb751;
}
.radek_zelena_02{
	background-color: #bce8ab;
	color:#373737;
}
.seda{
	background-color: #595959;
}
.radek_seda_01{
	background-color: #898989;
}
.radek_seda_02{
	background-color: #d2d2d2;
	color: #373737;
}
.modra{
	background-color:#2267b4;
}
.radek_modra_02{
	background-color: #b7d1ee;
	color:#373737;
}
.radek_modra_01{
	background-color: #7aace4;
}
.prvni_bunka{
	width:295px; 
	text-align:left;
	padding-left: 5px;
}
.info_bunka{
   text-align:left;
	padding-left: 5px;	
}
.odstavec_obrazek{
	text-align: center;
}
#divProfesni, #divAudit{
	cursor: pointer;
}
#profesni, #audit{
	display: none;
}
.zdurazneni{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
#divPrihlaska{
	background-color:#00198f;
	padding: 15px 10px;
}
.odUcebnice{
	margin-top: 10px;
}
.mezeraHorni{
	margin-top: 10px;
}
#domaciUkol{
	width:746px;
	height: 1000px;
}
.openDU{
	width: 157px;
	height: 12px;
	background-color: transparent;
	border: none;
	background-image: url(obr/ang_odkaz.png);
	cursor: pointer;
	text-indent: -9999px;
}
.boxLektori{
	width:365px;
	height: 174px;
	background-image: url(obr/kontaktbox.png);
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tabLektori{
	width: 94%;
	height: 94%;
}
.tabLektori td{
	text-align: center;
	vertical-align: middle;
}
td.jmenoLekotra{
   vertical-align: bottom;
	height: 30px;
}
.jmenoLekotra a{
	color: #6199d7;
	font-size:1em;
	font-weight: bold;
}
.urovenPrvni{
	list-style: circle;
	list-style-position: inside;
	font-weight: bolder;
}
.urovenDruha{
	list-style: square;
	list-style-position: inside;
	font-weight:normal;
	margin-left: 15px;
}
.divProfese{
	width: 726px;
	background-image: url(obr/pozadi_profese.png);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 10px;
}
#rozbal01, #rozbal02{
	color: #2267b4;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
#obrRozbal01{
	display: none;
}
#obrRozbal01, #obrRozbal02{
	cursor: pointer;
}
.flying_information{
	width: 1000px;
	height: 108px;
	margin-top:0px;
	background-color: transparent;
   clear: both;
   overflow: hidden;
}
#flying_bubo{
	height: 108px;
	width: 550px;
	position: absolute;
	left: -600px;
	background-image: url(obr/flying_bubo.png);
	opacity: 0;
}
#fying_flags{
	height: 108px;
	width: 436px;
	position: absolute;
	left: 0px;
	background-image: url(obr/vlajky.png);
	opacity: 0;
}
.add{
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: none;
	background-image: url(obr/add_16.png);
	cursor: pointer;
	text-indent: -9999px;
}
.oknoPozadi{
	position: absolute;
	background-image: url(obr/pozadi_bile_pruhledne.png);
	width: 100%;
	height: 100%;
	z-index: 160;
}
.formular{
	position:absolute;
	width:700px;
	padding: 20px;
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
  -moz-border-radius: 5px;	
  -moz-box-shadow: 3px 3px 7px #444;
  -webkit-box-shadow: 3px 3px 7px #444;
   box-shadow: 3px 3px 7px #444;
   left: 50%;
   margin-left: -370px;
   top: 100px;
   z-index: 200;
}
.normal{
	width: 220px;
}
.maly_form{
	width: 100px;
}
.dlouhy_form{
	width:639px;
}
.podminky{
	padding:5px;
	width: 682px;
	height: 200px;
	overflow: auto;
	border: 1px solid #373737;
	background-color: white;
}
.check{
	width: 48px;
	height: 48px;
	background-color: transparent;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url(obr/check_48.png);
}
.delete{
	width: 48px;
	height: 48px;
	background-color: transparent;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url(obr/delete_48.png);
}
.hlaska{
	position: absolute;
	width: 300px;
	padding: 10px;
	border: 1px solid #373737;
	left:50%;
	margin-left: -160px;
	top:300px;
	background-color: white;
	border-radius: 5px;
  -moz-border-radius: 5px;	
  z-index: 200;
  text-align: center;
}
.krizek02{
	position: absolute;
	top:5px;
	right: 10px;
	width: 16px;
	height: 16px;
	background-image: url(obr/close_16.png);
	cursor: pointer;
}
.sleva{
	width: 206px;
	height: 205px;
	background-image: url(obr/sleva.png);
	position: absolute;
	top: 97px;
	right: -12px;
	z-index: 150;
	background-color: transparent;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.sleva2{
	width: 260px;
	height: 259px;
	background-image: url(obr/sleva2.png);
	position: absolute;
	top: 97px;
	right: -12px;
	z-index: 150;
	background-color: transparent;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.cislovani{
	list-style-position: inside;
}
#casomira{
  position:fixed;
  background-color:white;
  top:0px;
  right:0px;
  width:300px;
  height:120px;
  border:1px solid gray;
  border-radius: 4px;
  box-shadow: 2px 10px 15px #555555;
  z-index:10;
}
#gr_timer{
  position: absolute;
  top: 50px;
  left:45px;
  width:200px; 
  height:15px; 
  border:1px solid #7aace4;
}
#gr_timer_cas{
  background-color:#7aace4; 
  height:15px;
  width:0px;
}
#timer{
  position: absolute;
  top: 10px;
  left:113px;
  font-size: 30px;
  color:#7aace4; 
}
#tlac_timer{
    display: block;
    width: 130px;
    height: 27px;
    position: absolute;
    top: 81px;
    left: 83px;
    font-weight: bold;
    background-color: #164983;
    color: white;
    border-radius: 4px;
}