html { 
	background: #efefef url(img/bg.png) repeat center top;
	overflow-y: scroll; 
}

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	color:#000000;
	margin:0;
	padding:0;
}

.datePickerTable {color:#000;}

p {	font-size: 14px;}

li {margin-bottom:6px;}

a {color: #0059a3;}
a:hover{color:#194081;}

#hldiv a {text-decoration:none;}

h2 {
 font-weight:normal;
 font-size:17px;
}

#header {
 height:120px;
 width:1200px;
 max-width: 100%;
 margin:auto;
 text-align:center;
}

#header a {
 color:#0072b6;
 text-decoration:none;
}

#header h1 {
	font-size: 43px;
}

#header h1 span{
 font-size:27px;
 display: block;
 padding-top: 6px;
}

.prechod {
  -webkit-transition: all 0.5s;  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s;  /* FF4+ */
  -ms-transition: all 0.5s;  /* IE10 */
  -o-transition: all 0.5s;  /* Opera 10.5+ */
  transition: all 0.5s;
}

#login {
  position: absolute;
	top:0;
	right:0;
  z-index:999;
  color:#000;
	text-align:right;
	padding: 10px;
	float:right;
	font-size: 12px;
	line-height:150%;
}

#login a:hover {
	color:rgba(255,255,255,0.9)!important;
}

#login .login_username{
 display:block;
 padding-bottom:5px;
 font-weight:bold;
}
@media only screen and (max-width: 980px) {
 #login { padding-top:5px;}
 #login .login_username{ display:inline; margin-left: 5px;}
}


#form_prihlaseni,.form_prihlaseni {
 background-color:#0072b6!important;
 width:320px;
 padding:25px;
 display:inline-block;
 color: #fff;
 margin: 40px auto 20px auto;
 display: block;
}

.form_prihlaseni {
 background-color:#1788cc!important;
}

#hldiv {
 margin:auto;
 width:1200px;
 max-width: 100%;
 padding-top:15px;
 background-color: #fff/*#e8f8fc*/;
}

#prihlaseni_wr {background-color:#494848;color:#ccc;font-family:Tahoma; width:112px; border:0;margin-top: 4px;}
#prihlaseni_show a:hover {color:#000!important;}


#locales {width: 1200px;max-width: 99%;height: 20px;text-transform: uppercase;margin: 0 auto;text-align: right;position:relative;}
#locales a {cursor:pointer;position: absolute;right: 0;top: -10px;text-decoration: none;}
#locales img {margin-bottom: 2px;}

/************* MENU */

#menu_container {
 display:none;
 width:1200px;
 max-width: 100%; 	
 background-color:#0072b6;
/* margin-bottom:20px;*/
 text-align:left;
 height: 51px; 	
}

@media only screen and (min-width: 980px) {
  #menu_container {
    display: block;
  }
}

#menu {	list-style-type:none;
 display:inline-block;
 width:100%;
}

#menu a{
 font-size:17px;
 color:#ffffff;
 text-decoration:none;
 line-height:50px;
 height:50px;
 padding-left: 12px;
 padding-right: 12px;
 text-align:left;
 vertical-align: middle;
 display: -moz-inline-block;
 display: inline-block;
}

#menu a:hover{
	color:#fff;
	background-color: #005d95;
}

#menu li:hover ul li:hover{
	color:#fff;
	background-color: #005d95;
}

#menu_right a{
	color:#000;
}

#menu_right a:hover{
	color:#fff;
	background-color: transparent;
}

#menu ul {
  margin:0px; 
  list-style-type:none;
  padding-left: 10px;
}

#menu li {
  display:inline;
  float:left;
  list-style: none;
  z-index:1;
 /* width: 133px;*/
  margin-top:0px;
  margin-left:0px;
  padding-left:10px;
  padding-right:10px;
  margin-bottom:1px;
  overflow:hidden;
  }

#menu li ul li {
  display: table;
  float:none;
  margin:0px;
  height: 32px;
  padding: 4px 8px !important;
  }

#menu li a {
  /*display:inline;*/
  float:left; 
  width: 100%;
  }

#menu li ul {
  visibility:hidden; position:absolute;
  padding-left:0px; padding-top: 50px; padding-right:0px; height:0; overflow:visible; 
  }

#menu li:hover ul, #menu li a:hover ul {
  visibility:visible; 
  height:0px;
  overflow:visible;
  z-index:999;
  padding-left:10px;
  }
#menu li:hover ul li a, #menu li a:hover ul li a { 
  display:table; 
  float:none;
  height:32px; 
  line-height:35px;
  }

#menu li:hover ul li, #menu li a:hover ul li {
 width: 100%; 
 padding-left:0;
 background-color: #459bcf;
}

#menu .ulli_wr{
 column-count: 2;
 column-gap: 30px;
 background-color: #459bcf;
 padding: 0 0 4px 0;
 /*box-shadow: 2px 2px 5px #4e4e4e!important;*/
}
#menu .ulli_wr li{
 display: block!important;
 float: none!important;
 break-inside: avoid;
 height: 43px;
 /*box-shadow:none!important;*/
}

a.BigLink:hover{
	text-decoration:none;
}

td {
	font-size: 14px; vertical-align: top;
}

#vysledky_hledani td { padding: 20px; border-bottom: 1px solid #f0f7f9;}

@media only screen and (max-width: 650px) {
 #vysledky_hledani td { display: list-item; list-style-type: none;}
 .mesicbox td { display: list-item; list-style-type: none;}
 .mesicbox table {min-width:350px!important}    /* aby se tím přepsalo případné min-width:600 apod.*/
 #tdmiddle td { display: list-item; list-style-type: none;text-align: left !important;}
 .studentbox div.ikonka {margin-right:0!important; height:auto;margin-bottom: 10px;}
 .studentbox {padding-top: 15px;}
 * {max-width:100%}
}

td.PageHead{background-color:#3A6EA5;}

#tdmiddle td {vertical-align: middle; text-align:left;}

.SectionTitle{ 
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#636363;
}

.SubTitle{
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	background-color:#0195db;
    cursor:pointer;
    padding:10px 20px!important;
}

.SubTitle a {
	font-size: 14px;
	color: #fff;
    text-decoration:none;
}

td.SubTitle {
    border-right: 1px solid #27a5e0;
}

.Button{
	font-size: 13px;
	width:80px;
	height:32px;
}

.SmallText{
	font-size: 10px;
}
.LightLine{
	background-color:#fff;
	color: #000;
}
.DarkLine{
	background-color:#f0f7f9;
	color: #000;
}


input[type=text], input[type=password], select { color:#000; border: 1px solid #CCCCCC; /*height:18px; padding-left:3px;*/}
input[type=file] { padding: 8px!important; border: 1px solid #ccc;background-color: transparent;}

select {height:27px;background-color:#fff;}

input[type=text], input[type=password], input[type=file] { padding:4px;}

input[type=radio] {height:12px; margin-left:0px; margin-right:6px;}

option {padding:0.3em;}

textarea { border: 1px solid #CCCCCC;font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 14px; padding: 2px;color:#000; }


hr { height: 0px; border-width: 0; border-bottom: 1px solid #CCCCCC; }

table.Tdetail {border: solid 1px #CCCCCC; border-collapse: collapse; border-spacing: 0px; color: #000;}

table.Tdetail td {border: solid 1px #CCCCCC; text-align:left;}

table.bezCar {border: none; border-collapse: collapse; border-spacing: 0px; color: #000;}
table.bezCar td {border: none; text-align:left;}



#chyba { background-color: #f27281; font-size:9px; font-family: Tahoma, Helvetica, Arial; padding:2px; text-transform: uppercase;}

pre {border:1px solid silver;padding:5px;overflow:hidden;width:840px; max-width: 100%;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#footer {color:#acacac;
	padding:20px 0;
	font-size: 13px;
	margin-top:25px;
	}
#footer a {color:#acacac;}

.hvezda {color: #0072b6; font-weight: bold;}

.paginate {
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #0195db;
	text-decoration:none;
	color: #0195db;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #fff;
	color: #fff;
    background-color: #0195db;
}
.paginate span.current {
	margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #0195db;
	font-weight: bold;
	background-color: #0195db;
	color: #FFF;
}
.paginate span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #CECECE;
	color:#CECECE;
}
	
.sedygradient {
	background-color: #fff;
/*	background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 247, 251));
	background-repeat: repeat-x;
	/*border-radius: 4px 4px 4px 4px;*/
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
	border: 1px solid rgb(221, 221, 221);
}

.verttab td {vertical-align: middle;}

.kolecko {
	background: transparent url('img/kolecko.png') no-repeat top left;
	height: 41px;
	width: 52px;
	padding-left: 16px;
	color:#fff;
	font-size: 16px;
	float:left;
}

.koleckovy_nadpis {
	line-height: 41px;
	color:#0195db;
	font-size:14px
}

a.bighref {
 text-transform: uppercase; 
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 font-weight: bold;
 padding:8px;
 background-color:#86C127;
 color:#fff;
 text-decoration:none;
}

a.bighref:hover { background-color:#9FD34C;}

a.bighref.blue {
 background-color:#0093DD;
 cursor:pointer;
}

a.bighref.blue:hover { background-color:#07AEFF;}

a.bighref.grey {
 background-color:#DDDDDD;
}

.nastenka {
 text-align:left;
 padding: 25px; 
 display:inline-block;
/* min-width: 550px;*/
 max-width: 100%;
}


@media only screen and (max-width: 500px) {

 .nastenka {
  width: 100%;
 }

}

.nastenka_odkazy{
 float:left;
 margin-left: 25px;
 margin-top: 10px;
}

.nastenka_odkazy a {
 line-height:35px;
}

#kalendar_wr {margin-left: 25px; float: left;}

#ie-warning {background:#dc0032;padding:10px 20px;text-align:center;color:#fff}
#ie-warning a,#ie-warning h2 {color:#fff}

.obor {
 margin-top:3px;
 padding:6px;
 cursor:pointer;
}

.ssvs {
 margin-top:8px;
 padding:10px;
 cursor:pointer;
 border:1px solid #DDD;
}

.ssvs:hover {
 border:1px solid #000;
}

.ssvs.aktiv{
 cursor:default;
 border:1px solid #000;
 background-color: #CEE2FF;
}

.xpriorita1 {background-color:#E9E080!important;}

.regtable td:first-child {text-align:right!important;padding-right: 20px;}
.regtable input {padding:5px;}

.blueButton {
    background-color: #0072b6;
    color: #fff;
    padding: 15px;
    border: 0;
    font-size: 14px;
    cursor:pointer;
}

.blueButton:hover {background-color:#194081; transition: background-color 400ms linear;; color:#fff; }

.nezletili {display:none}
#search_result {padding:10px 0 10px 10px; max-height:250px; overflow:auto}



.menu-toggle {
/*  float: right;*/
  margin: 22px 15px;
}
.menu-toggle button {
  width: 36px;
  height: 36px;
  background-color: transparent;
  color: #0072b6;
  border: none;
  font-size: 40px;
  outline: none;
}
@media only screen and (min-width: 980px) {
  .menu-toggle {
    display: none;
  }
}


.menu-mobile {
  display: none;
  background-color: #0072b6;
  clear: both;
}
.menu-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-mobile ul li {
  border-top: 1px dotted #fff;
  margin: 0;
}
.menu-mobile ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  color: #fff;
  font-size:19px;
}


@media only screen and (max-width: 840px) {

.nomobile {display:none}

}



.stazbox {
 clear:both;
 padding: 15px;
 border: 1px solid #ccc; 
 margin-bottom: 20px;
 width:97%;
}

.stazbox h2{
 font-weight:bold;
 margin: 5px 0 22px 0;
}


/*.studentbox {vertical-align: middle;}*/
.studentbox {clear:both;}
.studentbox div {margin-right: 16px;display: inline-block; height: 75px;float: left;}
.studentbox div a {text-decoration: none;cursor:pointer;}


.topbox {text-align:right}
.topbox img {margin-left:20px;}

.mesicbox_wr {background-color:#f0f7fb;text-align:left;position:relative;}
.mesicbox_wr h3 {text-align:left;padding:10px; background-color:#b2d5e9;cursor:pointer;margin-bottom: 0;font-size: 166%;font-weight: normal;}
.mesicbox {display:none}
.mesicbox .colCaption {color:#7e7e7e;margin-bottom: 12px;}


.max600 {width:100%;}

@media only screen and (min-width: 600px) {
 .max600 {width:600px;}
}


.hideOnMobile {display:revert}

@media only screen and (max-width: 600px) {
 .hideOnMobile {display:none}
}


.showOnMobile {display:none}

@media only screen and (max-width: 600px) {
 .showOnMobile {display:revert}
}



#userPhoto {position:relative;}

#userPhoto .userPhotoLink {
 display:none;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 padding:8px;
 background-color:rgba(0,0,0,0.5);
 text-align:center;
}

#userPhoto:hover .userPhotoLink {display:block;}
#userPhoto .userPhotoLink a {text-transform:uppercase; text-decoration:none;font-size:13px;color:#fff;cursor:pointer;}
#userPhoto .userPhotoLink a:hover {color:#75b6ec;}

div.hp_student_staze {float: right;max-width: 765px;}

@media only screen and (min-width: 1200px) {

 div.hp_student_staze {width:965px;max-width:965px;}

}

.btn_wr {position:absolute; right:20px; top:17px; /*width:150px;*/height:70px;text-align:center;}

#rozsirene {margin-bottom:15px;}

.onHover {display:none; cursor:pointer;}
.showHover:hover .onHover {display:inline;}
.showHover {position:relative}

table.firstTDright td:first-child {text-align:right!important;}

#newNews {display:none; text-align: left; padding-left: 20px;}
#newNews textarea {width:810px;}
table.news {margin-bottom:5px;padding:0;min-width: 810px;}
table.news td {padding:5px; border-bottom: 1px solid #ccc;font-size:13px;vertical-align: middle;}
table.news td:first-child {min-width:200px; font-size:16px;}

td.priorita1 {color:#df7777;}
td.priorita2 {color:#d02f2f;}
td.priorita3 {color:#fff;background-color:#d02f2f;}
td.priorita4 {color:#fff;background-color:#e60000;}
.SubTitleLog {cursor: pointer; }
.SubTitleLog a { font-size: 15px; color: #797979; text-decoration: none;}
.log_filtr {width:958px;padding:10px 20px;border: 1px solid #CCC;}

tr.trgrey td {background-color:#fff9e5;}

#header_letopocet {font-style: normal; display:block}

.rozsirene {display:none}
.sediva {color:#8f8f8f;}


#searchBoxes {
 position:relative;
 height:0;
}

#searchBoxes2 {
 width: 1030px;
 position:absolute;
 height:0px;
 top:-32px;
 right:0;
}

.searchBox {
display:inline-block;
float:right;
padding-right:15px;
}
#searchBoxes2:first-child {  /*kvůli locales*/
  padding-right: 35px;
}

.searchBox input {
 font-size:14px;
 height:22px;
 width: 170px;
}

#prehled_top {
 width:1200px;
 background-color: #edf8ff;
 padding: 6px;
 text-align:center;
 margin-bottom: 30px;
 color: #0072b6;
 max-width: 100%;
}

.hp_block{
 text-align:left;
 padding:15px;
 display: inline-table;
 margin:15px;
 background-color:#fbdd7b;
 font-size:15px;
 max-width: 950px;
}
.hp_block h2{
 margin-top:0;
 /*font-weight:bold;*/
}
.hp_block.foto{
 position:relative;
 width: 100%;
 max-width: 100%;
 height: 196px;
 display: block;
 overflow: hidden;
}
.hp_block.foto .href_vice{
 cursor:pointer;
 position:absolute;
 bottom:12px;
 right:10px;
 background-color:#fbdd7b;
 padding:3px;
 display:inline-block;
}

.konference_blok {
  text-align: left;
  padding: 15px 20px 35px 20px;
  background-color: #edf8ff;
  margin-bottom: 30px;
}
.konference_blok_in{
 padding-left:30px;
 padding-top:10px;
}

.file_span {display:inline-block; padding:10px; background-color:#fff;margin:3px 10px 3px 0;}

.option_item {
 /*max-width: 500px;*/
 text-align: left;
 margin-bottom: 20px;
 display:table-row;
}

.option_name {
 display: table-cell;
 width: 190px;
 text-align: right;
 padding-right: 20px;
 padding-bottom: 20px;
 vertical-align: top;
}
.option_val {
 display: table-cell;
 padding-bottom: 20px;
 width: 360px;
}

table.tab001 td{
 border-bottom:1px dotted #a8e1ff;
 padding:10px 0;
}
table.tab001 tr:last-child td{
 border-bottom:0;
}
.zbyva{
 font-size:13px;
 color:#757575;
}

/* add to bootstrap notify: */
.alert {box-shadow: 6px 6px 6px #8b8b8b;}
.alert-success { border-color: #3c763d; }
.alert-danger { border-color: #a94442; }
.alert-warning { border-color: #856404; }

.alert a {
  color: #0072b6 !important;
}

.done10003 {
 font-weight:bold;
 font-size:28px;
 float:left;
 margin-right: 8px;
 color: #0195db;
}

a.btn_blue {
  cursor: pointer;
  width: 188px;
  height: 34px;
  display: inline-block;
  background: rgb(1,65,136);
  background: linear-gradient(0deg, rgba(1,65,136,1) 0%, rgba(67,147,218,1) 100%);
  text-align: center;
  margin: 10px 20px 10px 0;
  font-size: 18px;
  padding-top: 4px;
  color:#fff;
  border-radius: 5px;
}

a.btn_blue.disabled {
 cursor: default;
 background: rgb(98,98,98);
 background: linear-gradient(0deg, rgba(98,98,98,1) 0%, rgba(200,200,200,1) 100%);
}

img[title="Upravit"]:hover, img[title="Upravit stáž"]:hover, img[title="Kopírovat do nového záznamu"]:hover, img[title="Smazat"]:hover, img[title="Zaslat e-mail"]:hover, img[title="Upravit informace o studentovi"]:hover {
  filter: brightness(1.1) saturate(1.1);
}