/* --- css stylesheet --- */
/* --- global --- */
html , html * , body , body * {
  font-family: "arial ce", arial, "tahoma ce", tahoma, "helvetica ce", helvetica, sans-serif;
}
html, body {
  height: 100%;
}
html {
  background: repeat-x left top url(/pics/body_bg.gif) #7d7d7d;
}
body {
  background: repeat-x url(/pics/body_bg_top.gif);
  margin: auto;
  padding: 0px;
  color: #000000;
  text-align: center;
  font-size: 75%;
  line-height: 150%;
}
a {
  color: #ffce06;
  text-decoration: underline;
}
a:hover {
  color: #ffce06;
  text-decoration: none;
}
.wrapper.home a {
}
.wrapper.home a:hover {
}
form {
  padding: 0px;
  margin: 0px;
}
input, textarea, select {margin: 0px;}
ul {
  margin: 0px 0px 0px 18px;
  padding: 0px;
}
ol {
  margin: 0px 0px 0px 32px;
  padding: 0px;
}
li {
  margin: 0px 0px 0px 4px;
  padding: 0px;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  padding: 0px;
  margin: 0px;
  color: #000000;
  text-align: left;
  line-height: 100%;
  font-weight: normal;
}
.wrapper.home .content h1 , .wrapper.home .content h2 , .wrapper.home .content h3 , .wrapper.home .content h4 , .wrapper.home .content h5 , .wrapper.home .content h6 {
  color: #ffffff;
}
h1 {
  font-size: 250%;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.red h1 {
  color: #d80034;
}
.violet h1 {
  color: #af04f7;
}
.orange h1 {
  color: #ff7706;
}
.green h1 {
  color: #64ad03;
}
.blue h1 {
  color: #0497e4;
}
h1 , h1 * {}
h2 {
  font-size: 130%; 
  margin-bottom: 8px;
  font-weight: bold;
}
h2 , h2 * {}
.wrapper.home h2 {
  font-size: 240%; 
  margin-bottom: 21px;
  font-weight: normal;
}
h3 {
  font-size: 120%;
  margin-bottom: 8px;
  font-weight: bold;
}
h3 , h3 * {}
h4 {}
h4 , h4 * {}
h5 {}
h5 , h5 * {}
h6 {}
h6 , h6 * {}
table {
  border: 0px none;
  margin: 0px;
  border-collapse: collapse;
}
table td {padding: 0px;}
img {border: 0px none;}
.content p {margin: 0px 0px 18px 0px;}
.content a {color: #777;}
/* --- common --- */
.clear , .f-c {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.float-left, .f-l {float: left !important;}
.float-right, .f-r {float: right !important;}
.align-left, .a-l {text-align: left !important;}
.align-center, .a-c {text-align: center !important;}
.align-right, .a-r {text-align: right !important;}
.align-top, .a-t {vertical-align: top !important;}
.align-middle, .a-m {vertical-align: middle !important;}
.align-bottom, .a-b {vertical-align: bottom !important;}
.error , .error * {color: #FF0000 !important;}
.error input {border: 1px solid #FF0000 !important;}
.warning , .warning * {color: #008000 !important;}
.warning input {border: 1px solid #008000 !important;}
.hidden {display: none;}
.block {display: block;}
.print {display: none;}
.invisible {visibility: hidden;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
/* --- form --- */
.text {
  border: 1px solid #808080;
  background: none #FFFFFF;
  padding: 1px 2px 0px 2px;
}
input.text {
  height: 17px;
}
.button {
  border: 1px solid #0000FF;
  background: none #0080FF;
  color: #000000;
  line-height: 12px;
  height: 18px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
a.button {
  display: block;
  float: right;
  padding: 0px 15px 0px 15px;
}
/* --- mask --- */
div.web-all {
  background: repeat-y center top url(/pics/body_shadows.png);
  min-height: 100%;
}
* html .web-all { 
  height: 100%;
}
div.web-all-in {
  background: none #5c5c5c;
  width: 1000px;
  margin: auto;
  text-align: left;
}
/* --- header --- */
.header {
  height: 96px;
  background: no-repeat left bottom url(/pics/header_bg.gif) #ffffff;
  padding: 10px 37px 0px 42px;
}
.logo {
  display: block;
  float: right;
  position: relative;
  z-index: 99;
}
.top-menu {
  float: left;
  width: 772px;
  padding: 30px 0px 0px 0px;
}
.top-menu ul {
  margin: 0px;
  padding: 0px;
}
.top-menu ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: none;
  float: left;
}
.top-menu ul li a {
  display: block;
  text-transform: uppercase;
  color: #999999;
  font-size: 140%;
  line-height: 28px;
  padding: 0px 16px;
  background: no-repeat right center url(/pics/topmenu_separate.gif);
  text-decoration: none;
  font-weight: bold;
} 
.top-menu ul li.last a {
  background: none;
}
.top-menu ul li a:hover, .top-menu ul li a.active {
  text-decoration: none;
  color: #ffffff;
  background: none #5c5c5c;
}
/* ---  --- */
.wrapper {
  background: repeat-y right top url(/pics/wrapper_bg.gif) #5c5c5c;
  padding: 0px 0px 27px 0px;
  margin: 0px 0px 22px 0px;
}
.wrapper.home {
  background: repeat-y left top url(/pics/homecontent_separate.gif) #5c5c5c;
  padding: 0px 0px 27px 0px;
  margin: 0px 0px 22px 0px;
}  
/* ---  --- */
.content { 
  width: 529px;
  float: right;
  padding: 0px 23px 0px 23px;
  text-align: justify;
}
.wrapper.home .content {
  width: 466px;
  padding: 0px 11px 0px 22px;
  color: #ffffff;
}
.content-in { 
  padding: 20px 0px 0px 0px;
}
.wrapper.home .content-in {
  position: relative;
  z-index: 999;
  padding: 0px;
  margin-top: -12px;
}
/* ---  --- */
.kontakt-right {
  width: 237px;
  float: right;
}
.kontakt-left {
  width: 228px;
  float: left;
  margin-left: 1px;
}
/* ---  --- */
.drobek {
  width: 575px;
  margin: 0px -23px;
  height: 27px;
  background: repeat-x url(/pics/drobek_bg.gif);
  font-size: 90%;
}
.drobek a { 
  display: block;
  float: left;
  line-height: 27px;
  background: no-repeat right center url(/pics/drobek_separate.gif);
  padding: 0px 21px 0px 6px;
  color: #000000;
  text-decoration: underline;
}
.drobek a.home { 
  background: none;
  padding: 0px;
}
.drobek span {
  padding: 0px 21px 0px 6px;
  color: #000000;
  line-height: 27px;
  display: block;
  float: left; 
  background: none;
}
.drobek img { 
  display: block;
}
.drobek a:hover { 
  color: #000000;
  text-decoration: none;
}            
/* ---  --- */
.banner {
  width: 1000px;
  height: 378px;
  background: no-repeat url(/pics/banner.jpg);
  margin-left: -522px;
  margin-top: -37px;
  position: relative;
  z-index: 0;
}
/* ---  --- */
.submenu {
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 7px;
}
.submenu table {
  width: 100%;
}
.submenu table td {
  vertical-align: middle;
  background: no-repeat left center url(/pics/submenu_separate.gif);
  padding: 0px 15px 0px 15px;
  text-align: center;
  height: 60px;
}
.submenu td a {
  text-transform: uppercase;
  color: #727272;
  line-height: auto;
  text-decoration: none;
  font-weight: bold;
  height: 60px;
  font-size: 100%;
  display: inline;
}
.submenu td.first {
  padding: 0px 15px 0px 0px;
  background: none;
} 
.submenu td.last {
  padding: 0px 0px 0px 15px;
}
.submenu td a:hover, .submenu td a.active {
  text-decoration: none;
  color: #727272;
}
.red .submenu td a:hover, .red .submenu td a.active {
  color: #d80034;
}
.violet .submenu td a:hover, .violet .submenu td a.active {
  color: #af04f7;
}
.orange .submenu td a:hover, .orange .submenu td a.active {
  color: #ff7706;
}
.green .submenu td a:hover, .green .submenu td a.active {
  color: #64ad03;
}
.blue .submenu td a:hover, .blue .submenu td a.active {
  color: #0497e4;
}
/* ---  --- */
.left-col {
  width: 425px;
  float: left;
  position: relative;
  z-index: 999;
}
.wrapper.home .left-col {
  width: 499px;
}
.left-col .menu {
  background: repeat-x url(/pics/menu_bg.gif);
  position: relative;
  z-index: 999;
}
.wrapper.home .left-col .menu {
  background: none;
}
.left-col .menu-in {
  background: repeat-y right top url(/pics/content_shadow.png);
  min-height: 294px;
  padding: 17px 0px 0px 31px; 
}
.wrapper.home .left-col .menu-in {
  background: none;
}
.left-col .menu ul {
  margin: 0px;
  padding: 0px;
  position: relative; 
}
.left-col .menu ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: none;
}
.left-col .menu ul li a {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 240%;
  line-height: 53px;
  padding: 0px 0px 0px 43px;
  text-decoration: none;
  white-space: nowrap;
}
.left-col .menu ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.menu ul li.red a {
  background: no-repeat 0px 19px url(/pics/red_list.png);
}
.menu ul li.violet a {
  background: no-repeat 0px 19px url(/pics/violet_list.png);
}
.menu ul li.orange a {
  background: no-repeat 0px 19px url(/pics/orange_list.png);
}
.menu ul li.green a {
  background: no-repeat 0px 19px url(/pics/green_list.png);
}
.menu ul li.blue a {
  background: no-repeat 0px 19px url(/pics/blue_list.png);
}
.left-col .menu ul li ul {
  display: none;
  position: absolute;
  left: 198px;
  top: -17px;
  width: 196px; 
  padding: 7px 0px 0px 0px;
  height: 303px;
  overflow: hidden;
  z-index: 999;
}
.left-col .menu ul li:hover ul {
  display: block;
}
.left-col .menu ul li ul li { 
  float: left;
} 
.left-col .menu ul li ul a {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 115%;
  line-height: 120% !important;
  margin: 0px 0px 0px 30px;
  padding: 10px 10px 10px 0px;
  width: 170px;
  text-decoration: none;
  white-space: normal;
  font-weight: bold;
} 
.left-col .menu ul li.red ul {
  background: no-repeat right 0px url(/pics/red_pmenu.png) !important;
}
.left-col .menu ul li.violet ul {
  background: no-repeat right 0px url(/pics/violet_pmenu.png) !important;
}
.left-col .menu ul li.orange ul {
  background: no-repeat right 0px url(/pics/orange_pmenu.png) !important;
}
.left-col .menu ul li.green ul {
  background: no-repeat right 0px url(/pics/green_pmenu.png) !important;
}
.left-col .menu ul li.blue ul { 
  background: no-repeat right 0px url(/pics/blue_pmenu.png) !important;
}       
.menu ul li.red ul a {
  border-bottom: 1px solid #EEABA2;
  background: none;
}
.menu ul li.violet ul a {
  border-bottom: 1px solid #DE95FD;
  background: none;
}
.menu ul li.orange ul a {
  border-bottom: 1px solid #ff9944;
  background: none;
}
.menu ul li.green ul a {
  border-bottom: 1px solid #B7FC58;                                       
  background: none;
}
.menu ul li.blue ul a {
  border-bottom: 1px solid #7BCFFD;
  background: none;
}
.menu ul li ul a:hover {
  color: #000000 !important;
}
/* ---  --- */ 
.news {
}
.left-col .news {
  padding: 20px 28px 0px 31px;
}
.news div {
  padding: 0px 0px 10px 0px;
}
.left-col .news div {
  color: #ffffff;
  text-align: justify;
  padding: 0px 0px 29px 0px;
}
.left-col .news p {
  margin: 0px;
}
.left-col .news h3 {
  font-size: 200%;
  margin-bottom: 8px;
  color: #ffffff;
  font-weight: normal;
}
.left-col .news h3 a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 30px;
}
.news h2 {
  color: #000000;
}
.news h2 a {
  color: #000000;
  text-decoration: none;
  padding: 0px 0px 0px 30px;
  background: url(/pics/uni_list_small.png) no-repeat left 2px;
}

.news h3 a {background: no-repeat left 6px;}

.news h3 a:hover, .news h2 a:hover {
  text-decoration: underline;
}
.news h3 a.red, .news h2 a.red {
  background-image: url(/pics/red_list_small.png);
}
.news h3 a.violet, .news h2 a.violet {
  background-image: url(/pics/violet_list_small.png);
}
.news h3 a.orange, .news h2 a.orange {
  background-image: url(/pics/orange_list_small.png);
}
.news h3 a.green, .news h2 a.green {
  background-image: url(/pics/green_list_small.png);
}
.news h3 a.blue, .news h2 a.blue {
  background-image: url(/pics/blue_list_small.png);
}
.news h3 a.red:hover, .news h2 a.red:hover {
  color: #d80034;
}
.news h3 a.violet:hover, .news h2 a.violet:hover {
  color: #af04f7;
}
.news h3 a.orange:hover, .news h2 a.orange:hover {
  color: #ff7706;
}
.news h3 a.green:hover, .news h2 a.green:hover {
  color: #64ad03;
}
.news h3 a.blue:hover, .news h2 a.blue:hover {
  color: #0497e4;
}

.news h3.seminar {background: url(/pics/seminar.png) no-repeat 26px 3px;}
.news h3.seminar a {padding-left: 95px;}

.news h2.seminar {background: url(/pics/seminar.png) no-repeat 26px -1px;}
.news h2.seminar a {padding-left: 95px;}


.archiv { 
  background: no-repeat url(/pics/archiv_off.png);
  display: block;
  float: left;
  width: 107px;
  height: 28px;
  margin-top: -8px;
} 
.archiv:hover { 
  background: no-repeat url(/pics/archiv_on.png);
}
.back { 
  background: no-repeat url(/pics/back_off.png);
  display: block;
  float: left;
  width: 107px;
  height: 28px;
  xmargin-top: -8px;
} 
.back:hover { 
  background: no-repeat url(/pics/back_on.png);
}
 
.filtr {
  padding: 16px 0px 11px 0px;
  margin: 0px 0px 10px 0px;
  text-align: right;
  border-bottom: 1px solid #f0f0f0;
}
.filtr a {
  display: block;
  float: left;
  line-height: 27px;
  padding: 0px 7px 5px 7px;
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-size: 95%;
  margin: 0px 10px 0px 0px;
  font-weight: bold;
}
.filtr a.red:hover {
  color: #ffffff; 
  background: no-repeat center bottom url(/pics/filtrsipka_red.gif) #d80034;
}
.filtr a.violet:hover {
  color: #ffffff;  
  background: no-repeat center bottom url(/pics/filtrsipka_violet.gif) #af04f7;
}
.filtr a.orange:hover { 
  color: #ffffff; 
  background: no-repeat center bottom url(/pics/filtrsipka_orange.gif) #ff7706;
}
.filtr a.green:hover { 
  color: #ffffff; 
  background: no-repeat center bottom url(/pics/filtrsipka_green.gif) #64ad03;
}
.filtr a.blue:hover { 
  color: #ffffff; 
  background: no-repeat center bottom url(/pics/filtrsipka_blue.gif) #0497e4;
}
/* ---  --- */
.footer {
  border-top: 4px solid #696969;
  margin: 0px 10px 0px 12px;
  padding: 4px 0px 7px 0px;
  font-size: 90%;
}
.footer .copy {
  float: left;
  color: #cccccc;
  margin: 0px;
}
.footer .copy a {
  color: #cccccc;
  text-decoration: none;
}
.footer .copy a:hover {
  color: #cccccc;
  text-decoration: underline;
}
.footer .created {
  float: right;
  color: #999999;
  padding: 0px 3px 0px 0px;
  margin: 0px;
}
.footer .created a {
  color: #ffce06;     
  text-decoration: underline;
}
.footer .created a:hover {
  color: #ffce06;
  text-decoration: none;
}


/* registrace */

.regform {}
.regform fieldset {background-color: #E8E8E8; border: solid 1px #D6D6D6; padding: 0px 18px 0 18px; margin-bottom: 32px;
position: relative; 
    margin-top:1em;
    padding-top:.75em;}
.regform legend {background-color: #ED1C24; color: #FFF; font-weight: bold; font-size: 11px; padding: 0 6px; line-height: 19px; height: 18px; 
  position:absolute; top: -1em; left: 17px;
  text-transform: uppercase;
}

.regform label {width: 77px; display: block; float: left;}
.regform .req {color: #ED1C24; }
.regform input.text {border: solid 1px #C9C9C9; display: block; float: left;}

.regform input.submit,
.regform input.reset {float: left; border: solid 1px #C7C7C7; background: #D53238 url(/pics/submit.gif) repeat-x; line-height: 16px; height: 20px; padding: 0 8px;
color: #FFF; font-weight: bold; font-size: 11px;}

.regform input.reset {background: #676767 url(/pics/reset.gif) repeat-x;}


.regform .input {height: 20px; line-height: 20px; margin-bottom: 10px; clear: both;}
.regform .inputblock {margin-top: 23px; margin-bottom: 21px;}
.regform .login {height: 20px; line-height: 20px; margin-bottom: 10px; clear: both;}
.regform .login input.text {width: 115px; margin-right: 20px;}
.regform .login label {width: auto; margin-right: 6px;}

.regform fieldset p {font-weight: bold; line-height: 15px; margin-top: 1em;}
.regform fieldset p em {font-weight: normal; font-style: italics; display: block; margin-top: 2px;}

.regform label.checkbox {display: inline; float: none; width: auto; position: relative; top: -1px;}
.regform input.checkbox {margin-right: 6px;}

.regform label.long {width: 100px;}

.regform .submit input.submit {margin-left: 130px;}
.regform .submit input.reset {margin-left: 20px;}

.regform .error {padding-left: 1em;} 

.messages span {display: block; padding: 4px; margin-bottom: 2em; font-weight: bold;}
/*
.messages span.ok {border: solid 1px blue;}
.messages span.err {border: solid 1px red;}
*/

.paging {}
.paging a {margin: 0 0.5em; color: #777;}
.paging a.active {color: #000; font-weight: bold; text-decoration: none;} 
.paging a:hover {color: #000; }