/* CSS Document */
html,body,ul,ol,menu,li,img,table,h2,h1,h3,form,fieldset,input,textarea {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Tahoma, sans-serif; 
}

html, body {
height: 100%;
}
body>#page {
height: auto;
}

a {
  color: #B33334;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
  color: #3986B0;
}
a:active {
	outline: none !important;
}
a img {
  border: 0 !important;
}
.align_center {
  text-align: center;
}
hr, .hide {
  display: none;
  clear: both;
}
.cr {
  clear: both;
  line-height: 1px;
  height: 1px;
  font-size: 1px;
}

body {  
  font-size: 70%;
  text-align: center; 
}

#page {
  width: 750px;
  color: #000;
  margin: 0 auto;
  text-align: left;
  height: 100%;
  min-height: 100%;
  position: relative;
}

.header-column {
  width: 750px;
  height: 196px;
  position: relative;
  margin: 0 0 10px 0;
}
.header-column .logo {
  width: 208px;
  height: 196px;
  position: absolute;
  top: 0; left: 46px;
  z-index: 3;
  background: #990E1E url('../images/sys/page/logo-bg.png') no-repeat;
}
h1 {
  overflow: hidden;
  z-index: 0;
  width: 208px;
  height: 196px;
  position: relative;
  display: block;
  background: url('../images/sys/page/logo-bg.png') 0 0 no-repeat;
}
h1 a {
  overflow: hidden;
  text-indent: -500px;
}
h1 span {
  overflow: hidden;
  position: absolute;
  left: 0; top: 0;
  display: block;
  width: 208px;
  height: 196px;
  z-index: 1;
  background: url('../images/sys/page/logo-bg.png') 0 0 no-repeat;
  cursor: pointer;
}
.header-column .info {
  float: right;
  width: 496px;

}
.header-column .info .scopes {
  float: left;
  width: 200px;

  line-height: 1.5em;
  padding: 30px 0 0 10px;
  color: #447894;
  font-weight: 600;


}
.header-column .info .address {
  float: right;
  text-align: right;
  width: 244px;
  height: 111px;
  padding: 10px 5px 0 0;
  font-size: x-small;
}
.header-column .info .address span {
  font-weight: 600;
}
.header-column .info .address .lang {
  padding: 0;
}
.header-column .info .address .lang img {
  float: right;
  margin: -5px 0 2px 5px;
}
.header-column .info .submenu {
  float: right;
  text-align: right;
  width: 265px;
  height: 121px;
}

.header-column .info .submenu ul {
  list-style-type: none;
  float: right;
}
.header-column .info .submenu ul li {
  display: block;
  float: left;
  text-align: center;
  width: 86px;
  height: 28px;
  line-height: 24px;
  background: #1E658A url('../images/sys/page/admin-submenu-bg-blue.png') no-repeat;
}
.header-column .info .submenu ul li.red {
  background: #8B1E23 url('../images/sys/page/admin-submenu-bg-red.png') no-repeat;
}
.header-column .info .submenu ul li a {
  color: #FFF;
  text-decoration: none;
}
.header-column .info .submenu ul li a:hover {
  font-weight: 900;
}


.header-column .menu {
  background: #19597B url('../images/sys/page/menu-bg.png') left top repeat-x;
  text-align: right;
  margin: 0 0 -5px 0;
  line-height: 40px;
  clear: right;

}
.header-column .menu .menu-cornor {
  background: url('../images/sys/page/menu-bg-left.png') left top no-repeat;
  margin: 0 0 -5px 0;
  padding: 0 0 5px 0;
  height: 40px;
}
.header-column .menu ul {
  list-style-type: none;
  background: url('../images/sys/page/menu-bg-right.png') right top no-repeat;
  padding: 0 20px 5px 0;
  margin: 0 0 -5px 0;
}
.header-column .menu ul li {
  display: inline;
}
.header-column .menu ul li a {
  padding: 6px 8px 6px 8px;
  color: #FFF;
  text-decoration: none;
  font-weight: 900;
  
}
.header-column .menu ul li.uvod a:hover, .header-column .menu ul li.uvod-active a  {
  /*border: 1px solid #164D6A;
  background: #739AAF url('../images/sys/menu-a_hover-bg.gif') left 45% repeat-x;
  margin: 0 -1px 0 -1px; */
  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat left center;
}
.header-column .menu ul li.studijni-obory a:hover, .header-column .menu ul li.studijni-obory-active a {  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat -43px center;}
.header-column .menu ul li.prijimaci-rizeni a:hover, .header-column .menu ul li.prijimaci-rizeni-active a {  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat -135px center;}
.header-column .menu ul li.akce-skoly a:hover, .header-column .menu ul li.akce-skoly-active a {  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat -232px center;}
.header-column .menu ul li.dokumenty a:hover, .header-column .menu ul li.dokumenty-active a {  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat -309px center;}
.header-column .menu ul li.kontakt a:hover, .header-column .menu ul li.kontakt-active a {  background: #739AAF url('../images/sys/page/menu-button-bg.png') no-repeat right center;}

.bar-column {
  float: left;
  width: 206px;
  margin: 0 0 100px 47px;
  _display: inline;
}
.bar-column h2 {
  background: #2C759D url('../images/sys/page/bar-h2-bg-blue.png') no-repeat;
  font-size: 1.1em;
  color: #FFF;
  display: block;
  line-height: 30px;
  padding: 0 10px 0 15px;
}
.bar-column .h2-two {
  background: #972127 url('../images/sys/page/bar-h2-bg-red.png') no-repeat;
}
.bar-column .navigation ul {
  list-style-type: none;
  text-align: right;
  margin: 0 10px 0 0;
}
.bar-column .navigation ul li {
  border-bottom: 1px solid #DFECF2;
  margin: 0 5px 0 15px;
}
.bar-column .navigation ul li a {
  background: url('../images/sys/page/navigation-point-blue.png') right center no-repeat;
  line-height: 22px;
  color: #1A3E51;
  text-decoration: none;
  font-weight: 600;
  padding: 0 20px 0 0;
   
}
.bar-column .navigation ul .active a {
  background: url('../images/sys/page/navigation-point-red.png') right center no-repeat;
  color: #7A1A1F; 
}
.bar-column .navigation ul .active a:hover {
  background: url('../images/sys/page/navigation-point-red.png') right center no-repeat;
  color: #7A1A1F;
  text-decoration: line-through;
}

.bar-column .navigation ul li a:hover {
  background: url('../images/sys/page/navigation-point-red.png') right center no-repeat;
  color: #7A1A1F;
}
.bar-column .box {
  margin: 0 0 10px 0;
}
.bar-column .box ul {
  text-align: right;
  list-style-type: none;
  margin: 0 10px 0 10px;
  color: #1A3E51;
}
.bar-column .box ul li {
  padding: 2px;
}
.bar-column .box ul .dark {
  background: #F3F8FC;
}
.bar-column .box ul li a {
  color: #1A3E51;
  text-decoration: none;
}
.bar-column .box ul li a:hover {
  color: #B33334;
}
.bar-column a img.banner {
  border: 0;
  text-align: center;
  margin: 5px 0 5px 29px;
}


.text-column {
  float: left;
  width: 497px;
  line-height: 150%;
  margin:  0 0 130px 0;
  font-size: 110%;
  _overflow: hidden;
}
.text-column .content {
  margin: 0 28px 10px 28px;
}

.text-column h2 {
  color: #B33334;
  font-size: 170%;
  letter-spacing: 1px;
  margin: 0 0 1em 0;
  font-weight: 300;
}
.text-column h3 {
  color: #3986B0;
  font-size: 110%;
  font-weight: 900;
  margin: 0 0 5px 0;
  padding: 0 0 1px 0;
  
  background: url('../images/sys/page/h3-bg.png') repeat-x left bottom;
}
.text-column p {
  margin: 10px 0 10px 0;
}
.text-column cite {
  border: dashed 1px #CECECE;
  background: #ECECEC;
  padding: 1px 3px 1px 3px;
  color: #151515;
}
.text-column ul {
  margin: 5px 0 5px 30px;
  list-style-type: square;
}
.text-column ol {
  margin: 5px 0 5px 30px;
}
/*
.text-column .third-column {
  
  width: 200px;
  float: right;
  padding: 0 0 0 7px;
  margin: 0 0 0 7px;
  color: #464646;
  border-left: 1px solid #DAECED;
  border-bottom: 2px solid #DAECED;
}

  background: #F5F5F5 url('../images/sys/page/third-column-bg.png') repeat-y;

.text-column .third-column-top {
  background: url('../images/sys/page/third-column-bg-top.png') left top no-repeat;
}
.text-column .third-column-bottom {
  background: url('../images/sys/page/third-column-bg-bottom.png') left bottom no-repeat;
  padding: 10px 10px 15px 10px;
}
*/
.text-column .third-column h3 {
  text-align: center;
}
.text-column .third-column ul {
  line-height: 100%;
  list-style-type: none;
  margin: 0 3px 0 0px;
}
.text-column .third-column ul li {
  padding: 5px 0 7px 5px;
}
.text-column .third-column ul li.dark {
  background: #DAECED;
}
.text-column .third-column ul li a {
  font-weight: 600;
  color: #464646;
  text-decoration: none;
}
.text-column .third-column ul li a:hover {
  color: #8C8C8C;
}

.text-column .profesor_list {
  margin: 0 5px 0 5px;
  padding: 0;
  width: 200px;
  float: left;
  list-style-type: none;
}
.text-column .profesor_list .profesor_click {
  padding: 0 3px 0 3px;
}
.text-column .profesor_list .profesor_click_on {
  background: #246C93 url('../images/sys/page/cross.png') no-repeat right center;
  color: #FFF;
  padding: 2px 22px 2px 3px;
  text-decoration: none;
}
.text-column .profesor_list ul.profesor_detail {
  margin: 0 0 3px 0;
  padding: 3px;
  border: solid 1px #246C93;
  background: #F1F1F1;
  color: #4B4B4B;
  list-style-type: none;
  display: none;
}
.text-column .profesor_list ul.profesor_detail li.log {
  text-align: right;
}
.text-column .profesor_list ul.profesor_detail a img {
  margin: 0 -3px -3px 0;
  border: 0;
}
.text-column .strana {
  background: #FFF url('../images/sys/page/stranky-bg.png') no-repeat center center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: center;
  margin: 40px 0 0 0;
}

.text-column .strana strong, .text-column .strana a {
  text-align: center;
  margin: 0 15px 0 0;
  color: #F5BB00;
  font-weight: 900;
  text-decoration: none;
}
.text-column .strana strong {
  color: #AA262C;
  text-decoration: underline;
}
.text-column .strana a:hover {
  color: #AA262C;
}



fieldset {
  border: none;
  padding: 0;
}
.text-column fieldset label {
  float: left;
  display: block;
  width: 150px;
  background: #E5EFFD;
  padding: 1px 0 1px 5px;
  font-weight: 900;
  color: #0F364B;
  _margin: 0 0 2px 0;
}
.text-column fieldset .required {
  background: #E5EFFD url('../images/sys/page/star.png') no-repeat 145px 3px !important;
}

.text-column fieldset .input {
  width: 200px;
  border-top: solid 1px #ABC6DD;
  border-right: solid 1px #ABC6DD;
  border-bottom: solid 1px #ABC6DD;
  border-left: solid 3px #ABC6DD;
  padding: 1px;
  color: #2B2B2B;
  margin: 0 0 2px 0;
  _margin: 0 0 2px -3px !important;
  _clear: both;
}
.text-column fieldset .checkbox {
  border-top: solid 1px #ABC6DD;
  border-right: solid 2px #ABC6DD;
  border-bottom: solid 1px #ABC6DD;
  border-left: solid 3px #ABC6DD;
  background: #E5EFFD;
  padding: 1px;
  color: #2B2B2B;
  height: 1.5em;
  width: 2em;
  margin: 0 0 2px 0;
  _margin: 0 0 2px -3px !important;
}
.text-column .inputread {
  width: 95%;
  padding: 1px;
  color: #2B2B2B;
  background: #FFF;
  border: none;
  margin: 1px 5px 1px 0;
  _margin: 1px 0 1px -3px !important;
}
.text-column fieldset /*input*/ .short {
  width: 150px !important;
}
.text-column fieldset .textarea {
  clear: both;
  width: 100%;
  margin: 0 0 5px 0;
}
.text-column fieldset .textarea2 {
  width: 100%;
  border-top: solid 1px #ABC6DD;
  border-right: solid 1px #ABC6DD;
  border-bottom: solid 1px #ABC6DD;
  border-left: solid 3px #ABC6DD;
  padding: 1px;
  color: #2B2B2B;
  margin: 0 0 2px 0;
  _margin: 0 0 2px -3px !important;
  _clear: both;
}
.text-column fieldset .submit {
  border: solid 2px #ABC6DD;
  background: #E5EFFD;
  margin: 0 5px 5px 0;
  padding: 3px 12px;
  overflow: visible;
  color: #0F364B;
  font-weight: 900;
}
.text-column fieldset .uploadpole {
  float: left;
  width: 200px;
}
.text-column fieldset .uploadbutton {
  width: 100px;
  margin: 0 0 0 150px !important;
}
.text-column fieldset small {
  color: #777777;
  position: relative;
  bottom: 3px;
  margin: 0 0 0 3px;
}
.text-column fieldset small.infoexample {
  margin: 0 0 0 155px;
  display: block;
  position: static !important;
}


.text-column .prispevek {
  border: solid 1px #DADADA;
  background: #F5F5F5 url('../images/sys/page/alert-bg.png') repeat-y right top;
  color: #181818;
  padding: 5px;
  margin: 10px auto 10px auto; 
}
.text-column .prispevek span {
  padding: 0 0 2px 0;
  border-bottom: solid 1px #DADADA;
}

.text-column .alert {
  border: solid 1px #DADADA;
  background: #F5F5F5 url('../images/sys/page/alert-bg.png') repeat-y right top;
  color: #181818;
  padding: 5px 0 5px 0;
  margin: 10px auto 10px auto; 
}
.text-column .alert h2 {
  color: #5A5A5A;
  font-size: 110%;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 0 5px;
}
.text-column .alert p {
 margin: 5px 5px 0 5px;
 color: #181818; 
}
.text-column .ico_alert {
  margin: 0 5px -3px 5px;
}

.text-column .question {
  margin: 0 20px 0 20px;
  text-align: right;
}
.text-column .question a {
  padding: 3px 10px 3px 10px;
  line-height: 3em;
  height: 3em;
  border: solid 1px #808080;
  background: #575757;
  color: #FFF;
  text-decoration: none;
}
.text-column .question a:hover {
  color: #AAA;
}
.text-column .table {
  border-top: solid 3px #DCEAEB;
}
.text-column .table tr.light {
  background: #DCEAEB;
}

.text-column .preview_photo, .screenshot_list, .photo {
  padding: 1px;
  background: #EEEEEE;
  border: solid 5px #DCEAEB;
}
.text-column .preview_photo, .screenshot_list {
  float: left;
  margin: 0 0 10px 20px;
}
.screenshot_list {
  width: 171px;
  text-align: center;

}
.screenshot_list img {
  margin: 0 0 2px 0;
}

.text-column .r_align {
  text-align: right;
}
.text-column .par {
  margin: 0 0 20px 0;
}
.text-column .anketa_div {
  width: 180px;
  float: right;
  padding: 0 0 10px 5px;
  margin: 0 -5px 5px 5px;
  border-left: 3px solid #105c85;
}
.text-column .anketa_div h3 {
  background: none;
  text-align: center;
}
.text-column .anketa_div strong, .text-column .anketa_div small {
  text-align: left;
  padding: 6px;
  display: block;
}
.text-column .anketa  {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.text-column .anketa li {
  clear: both;
  display: block;
  padding: 5px;
}
.text-column .anketa li.light {
  background: #DCEAEB;
}
.text-column .anketa li .empty {
  height: 14px;
  width: 165px;
  display: block;
  background: #DCEAEB;
  border: solid 2px #FFF;
}
.text-column .anketa li .full {
  height: 14px;
  width: 0%; 
  display: block;
  background: #3F7C9D;
  color: #FFF;
  text-indent: 5px;
  font-size: 70%;
  line-height: 1.5em;
  overflow: hidden;
}

.text-column .anketa li a, .text-column .anketa li em {
  
}



.bottom-column {
  clear: both;
  width: 750px;

}
.bottom-column .content {
  position: absolute;
  bottom: 0; 
  left: 0;
  display: block; 
  width: 750px;
  background: #E7E7E7 url('../images/sys/page/bottom-bg.png') left top no-repeat;
}
.bottom-column .content .box {
  margin: 15px 0 5px 190px;
  height: 40px;
  padding: 4px 0 0 70px;
  background: url('../images/sys/page/bottom-sosik.png') left top no-repeat;
}