body {
	font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
  margin: 0 auto;
	padding: 40px 0;
	background: #DADADA url('http://ceskekurzy.cz/obrazky/pozadi.jpg') repeat-x top center;
	font-size: 14px;
	color: #4B4E4D;
	position: relative;
}
/*******************************************************************************
 * Zakladni styly
 */
a:link {
  color: #003984;
}
a:visited {
  color: #003984;
}
a:hover {
  color: #006AD9;
}
a:active {
  text-decoration: none;
}
img {
  border: none;
}
acronym {
  border-bottom: 1px dotted #CCC;
  cursor: help
}
abbr {
  border-bottom: 1px dashed #CCC;
  cursor: help
}
.none {
  display: none;
}
.clear {
	clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.pul {
  width: 400px;
}
.block {
  display: block;
}
table th {
  vertical-align: top;
  text-align: left;
  font-weight: bold;
}
p {
  margin: 0 0 0.5em 0;
}
.zavislosti {
  color: red;
  font-style: italic;
}
.br {
  color: red !important;
  font-weight: bold;
}
/*******************************************************************************
 * Layout a graficke prvky
 */
.stranka {
  background: #fff;
	position: relative;
	z-index: 0;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 1020px;
}
#kurz_cena {
  display: block;
  position: absolute;
  right: 0;
  padding: 5px 20px;
  border-top: 1px solid #a0a0a0;
}
#kurz_cena span {
  font-weight: bold;
  font-size: 26px;
}

/*******************************************************************************
 * Zahlavi a prihlaseni
 */
.zahlavi {
	margin: 0 10px 30px;
	z-index: 0;
	height: 75px;
	background: #143354 url('http://ceskekurzy.cz/obrazky/zahlavi.jpg') repeat-x center top;
	color: #fff;
  position: relative;
}

#logo {
  position: absolute;
  top: -20px;
  left: 20px;
  background: #fff;
  text-align: center;
  padding: 20px 30px;
  -webkit-box-shadow:  0px 10px 15px -10px #000000;
     -moz-box-shadow:  0px 10px 15px -10px #000000;
          box-shadow:  0px 10px 15px -10px #000000;
  behavior: url(PIE.htc);
  z-index: 999;
}
#logo p {
  font-size: 36px;
  text-align: left;
  margin: 0 auto;
  padding: 0 0 0 10px;
  text-transform: uppercase;
  border-left: 1px solid #999;
  line-height: 36px;
}
#logo a {
  text-decoration: none;
}
#logo .ceske {
  color: #1876DC;
  display: block;
  margin: 0 0 -5px 0;
}
#logo .kurzy {
  color: #FF0B0B;
}
#logo .tecka_cz {
  font-size: 18px;
  color: #999;
  margin: 0 0 0 -5px;
  line-height: 18px;
}

/* @viz styly/Prihlas.php */

/*******************************************************************************
 * Komponenta a obsah
 */
#levy {
  position: relative;
  float: left;
  right: 200px;
  margin: 0 0 0 -600px;
  width: 200px;
}
#pravy {
  position: relative;
  float: left;
  width: 200px;
  margin-right: -210px;
}

.obsah #komponenta {
  float: none;
  width: auto;
	margin: 10px;
}

.obsah {
  padding: 0;
}

.obsah_moduly {
  padding: 0 220px;
}

.obsah_moduly #komponenta {
  float: left;
  width: 580px;
	margin: 0 10px 0 0;

  position: relative;
	border: 0;
	display: block;
}


.nadpis {
  color: #143354;
  font-size: 22px;
  font-weight: bold;
  padding: 0px;
  margin: 0;
  padding-bottom: 5px;
}
.podnadpis {
  color: #143354;
  font-size: 18px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 2px;
  margin-bottom: 6px;
  padding-top: 11px;
}
.podnadpis a {
  text-decoration: none;
}
.podpodnadpis {
  font-size: 10.2pt;
  margin-left: 5px;
  margin-bottom: 3px;
}

#editor_div {
  padding-left: 0px;
  padding: 0 220px 5px;
  background: #DFDFDF;
}

textarea#editor {
  height: 500px;
}

div#editor {
  padding-left: 5px;
  padding-right: 5px;
}


/*******************************************************************************
 * Administrace
 */
.zalozky {
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #a9a9a9;
}
.zalozky a {
  display: block;
  border: 1px solid #a9a9a9;
  float: left;
  color: #000;
  font-size: 14px;
  padding: 5px 10px;
  margin: 4px -1px -1px 0;
  text-decoration: none;
  background: #f0f0f0;
}
.zalozky a:hover {
  background: #fff;
}
.zalozky a.aktivni {
  font-size: 17px;
  margin: 0 -1px -1px 0;
  background: #fff;
  color: #000;
  border-bottom: 1px solid #fff;
}

/* @viz styly/Drobecky.php */

/*******************************************************************************
 * Vypisy
 */
.vypis, .vypis_bez, .tabulka {
  color: #000;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

.vypis a {
  color: #000;
}

a.pridej, a.odstran {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin: 5px 0 5px 5px;
  text-decoration: none;
}

a.odstran {
  color: red;
  font-size: 14px;
}

.vypis tr th {
  background-color: #DADADA;
  text-align: left;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #626262;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
}

.vypis tr td,.vypis_bez tr td {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #d7d7d7;
}

.vypis_bez tr td {
  border: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.vypis tr .tdDiv,.vypis_bez tr .tdDiv {
  text-overflow: ellipsis;
  overflow: hidden;
}

.vypis .sudyRadek {
  background-color: #f9f9f9;
}

.vypis .lichyRadek {
  background-color: #ffffff;
}

.vypis .zapati td {
  background-color: #f3f3f3;
  color: #626262;
}

.vypis_bez .zapati td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.vypis .zapati a {
  color: #626262;
}

.vypis .stranky,.vypis_bez .stranky {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.vypis .nastranku,.vypis_bez .nastranku {
  display: none;
  position: absolute;
  padding-top:1px;
}

.vypis .akce td {
  border: 0px;
  padding: 10px 0 10px;
}

.vypis .akce a {
  font-size: 14px;
  padding: 3px 4px;
  color: #444;
  margin: 5px 0 5px 5px;
  text-decoration: none;
  border: 1px solid #A9A9A9;
  background: #f0f0f0;
}

.vypis .akce a:hover {
  background: #e0e0e0;
  border: 1px solid #999;
}

.vypis_bez .akce td {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 7px;
  padding-right: 7px;
}

.vypis .akce td .vybertyp,.vypis_bez .akce td .vybertyp {
  color: #626262;
  font-size: 9pt;
}

.vypis .akce td .vybertyp a,.vypis_bez .akce td .vybertyp a {
  color: #626262;
  font-size: 8pt;
}

.vypis_bez .akce td .vybertyp, .vypis_bez .akce td .vybertyp a, .vypis_bez .zapati td, .vypis_bez .zapati a {
  --color: white;
}

.vypis .akce td select.vyberakce,.vypis_bez .akce td select.vyberakce {
  font-size: 14px;
  padding: 3px 4px;
  border: 1px solid #A9A9A9;
}

.vypis .akce td .left,.vypis_bez .akce td .left {
  position: relative;
  left: -4px;
}

.vypis .akce td .right,.vypis_bez .akce td .right {
  position: relative;
  left: 4px;
}

.razenityp {
  float: right;
}

.razenityp a {
  text-decoration: none;
}

.razeni a {
  color: #626262;
  text-decoration: none;
  display: block;
  width: 100%;
}

.razeni.razeni_hover {
  background-color: #e9e9e9;
}

.razeni0 {
  background: url('http://ceskekurzy.cz/obrazky/smer0.gif') no-repeat right;
}

.razeni1 {
  background: url('http://ceskekurzy.cz/obrazky/smer1.gif') no-repeat right;
}

.prihlaseni0, .zverejnic0, .zverejnik0, .zverejnih0, .vychozic0,.zpristupni0 {
  padding-left: 20px;
  background: url('http://ceskekurzy.cz/obrazky/zverejni0.png') no-repeat right;
  text-decoration: none;
}

.prihlaseni1, .zverejnic1, .zverejnik1, .zverejnih1, .vychozic1,.zpristupni1 {
  padding-left: 20px;
  background: url('http://ceskekurzy.cz/obrazky/zverejni1.png') no-repeat right;
  text-decoration: none;
}

.vypis_kurz {
  border-top: 1px solid #d9d9d9;
  margin: 10px 0;
  padding: 10px 0 0;
  clear: right;
}

dl.kurz_info {
	margin: 10px 0;
	padding: 0;
}

.kurz_info dt {
  display: block;
  float: left;
  clear: left;
	width: 6.5em;
	font-weight: bold;
}

.kurz_info dd {
	margin: 0 0 0 7em;
	display: block;
}


/*******************************************************************************
 * Formulare
 */
 form {
   position: relative;
 }

.label {
  float: left;
  width: 15em;
  text-align: left;
  margin: 2px 0 5px;
}

.labelSmall {
  float: left;
  width: 11.4em;
  text-align: left;
  padding-top: 3px;
}

.tareaLabel {
  vertical-align: top;
}

.cboxLabel {
  vertical-align: 2px;
}

.rboxLabel {
  vertical-align: 2px;
}

.submit, .button {
  border: 1px solid #000;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  font-size: 9pt;
  color: #ffffff;
  background: #56a1e7 url('http://ceskekurzy.cz/obrazky/gradient_tlacitko.jpg') repeat-x;
  height: 22px;
  padding-bottom: 2px;
}

.submit {
  margin-top: 10px;
}

.datum, .datumod {
  width: 65px;
}

.povinne {
  font-weight: bold;
  color: #400;
}

.chyba {
  color:red;
}

.vykricnik {
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 100;
  background: url('http://ceskekurzy.cz/obrazky/form_ko.png');
}

body .ui-datepicker {
  font-size: 12px;
}

body .ui-dialog {
  font-size: 13px;
}

.bublina {
  color: #000;
  font-size: 12px;
  position: absolute;
  z-index: 100;
  padding: 0 10px;
  white-space: nowrap;
}

.bublina_horni {
  background: #fdd;
  height: 5px;
  border: 1px solid #f99;
  border-bottom: 0;
  margin: 0 0 0 10px;
}

.bublina_stredni {
  background: #fdd;
  padding: 0 10px 5px;
  margin: 0 0 0 10px;
  border: 1px solid #f99;
  border-top: 0;
}

.bublina_dolni {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #f99 transparent;
  margin: -10px 0 0 0;
}

/*******************************************************************************
 * Strankovani
 */
.strankovani {
  text-align: center;
}

.strankovani li {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}
.strankovani li:before,
.strankovani .active ~ li:before {
  border-left-color: #ddd;
  border-right-color: #ddd;
}
.strankovani .active {
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}
.strankovani .active:after,
.strankovani .active:before {
  border-left-color: #ccc;
  border-right-color: #ccc;
}
.strankovani a {
  color: #444;
  font-size: 15px;
  text-decoration: none;
}
.strankovani .active a { color: #000; font-weight: bold; }
.strankovani span { color: #999; cursor: default;  }
.strankovani li:hover a { color: #D00606; }

/*
 * Basic style
 */
.strankovani { text-align: center; }
.strankovani ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.strankovani li {
  border-right:10px solid transparent;
  border-bottom-width: 13px;
  border-top-width: 13px;
  border-style: solid;
  border-left: 0;
  height: 0;
  float: left;
  margin-right: 3px;
  position: relative;
}
.strankovani li:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-width: 13px 10px 13px 0;
  border-style: solid;
  position: absolute;
  content: '';
  left: -10px;
  height: 0px;
  top: -13px;
  width: 0px;
}
.strankovani .active ~ li:before {
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-width: 13px 0 13px 10px;
  right: -10px;
  left: auto;
}
.strankovani .active ~ li {
  border-left:10px solid transparent;
  border-right: 0;
}
.strankovani .active  {
  border-right: 0;
  border-left: 0;
}
.strankovani .active:after,
.strankovani .active:before {
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-width: 13px 10px 13px 0;
  border-style: solid;
  position: absolute;
  content: '';
  height: 0px;
  width: 0px;
  top: -13px;
  left: -10px;
}
.strankovani .active:after {
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-width: 13px 0 13px 10px;
  right: -10px;
  left: auto;
}
.strankovani span,
.strankovani a {
  line-height: 28px;
  margin-top: -13px;
  display: block;
  height: 26px;
  width: 25px;
}
.strankovani .next a,
.strankovani .prev a {
}
.strankovani .next {
  border-right: 0;
}
.strankovani .prev span,
.strankovani .prev a { text-indent: 4px; }

/*******************************************************************************
 * Nezname styly
 */
.clanky {
  padding: 5px;
}

.clanky .popis {
  padding: 3px;
}

.clanky a {
  font-weight: bold;
  font-size: 11pt;
}

.clanky .informace {
  padding-top: 5px;
}

.clanky .informace, .clanky .informace a {
  font-weight: normal;
  font-size: 8pt;
}

.w200 {
  width: 200px !important;
}
.w100 {
  width: 100px !important;
}
.main_paddB {
  display: block;
  float: left;
  padding-bottom: 20px;
  overflow: hidden !important;
}
.paddB {
  padding-bottom: 1em;
}
