@charset "utf-8";
/* CSS Document */

body,html
{
	text-align:center;
	margin:0px;
	/*background-color:#069;*/
	height:100%;
	font-family:'Montserrat', sans-serif;font-weight:400;color:#fff;font-size:0.875em;letter-spacing:0.063em;
	background-image: linear-gradient(to right top, #5325d6, #3e4de3, #346aeb, #3f83ed, #5a99ec, #5ba9f1, #65b8f4, #74c6f6, #65d4fd, #5ae1ff, #56efff, #5ffbfb);
	background-attachment: fixed;
}

.feature-box{width: 100%;padding:10px 0px 10px 0px;background:rgba(0,0,0,0.20);overflow:hidden;text-transform: uppercase;}
.zahlavi_div{font-size:10px;text-transform:lowercase;margin-top:8px;}

#oddil2 {color:black;text-align: left;}
#oddil2 a {color:black;}

#wrapper
{
	display: table;
	text-align:center;
	margin:0px auto;
	width:calc(100% - 0px);
	overflow: hidden;
	height:calc(100% - 91px);
}
.bg_login{
	/*background-image: url(../img/macy.jpg); */
	overflow: hidden; 
	background-size:cover;

}
.obsah            
{
	text-align: center;
	
	padding-top: 1px;
	padding-bottom: 25px;

}
.modal{color:black;text-align: center;margin:0px auto;}
.modal a {color:black;}
a {color:#fff;text-decoration: none;}
a:hover{color:#CFC7C8;text-decoration: underline;}

.polozka1{ width:100%;margin-left:0px;padding:0px;color:#fff; margin:0px auto;margin-bottom:0px;}
h3       {font-weight:normal;  margin:0px 0px 10px 0px; padding:5px;}
.uprostred{margin-left:0px;margin-right:0px;text-align: justify;}

.PrilozenyObrazek{width:100%; height:auto; border-radius:35px;}

h2,h5             {text-align: left; margin:0px 5px 0px 0px;}
h2 a              {text-decoration:none; font-weight:normal;}
h2 a:hover 
{
	text-decoration: underline;
}

@media screen and (max-width: 2560px) {
	#wrapper	{width:calc(100% - 40%);}
	
}
@media screen and (max-width: 1920px) {
	#wrapper	{width:calc(100% - 40%);}
	
}
@media screen and (max-width: 1366px) {
	#wrapper	{width:calc(100% - 20%);}
	
}
@media screen and (max-width: 760px) {
	#wrapper	{width:calc(100% - 20%);}
	
	
}
@media screen and (max-width: 360px) {
	#wrapper	{width:100%;}
	h2 {margin-left: 10px;}
	.zarazeni,.tjp    {margin-right:10px;}
	
	
}


h1 {
	margin-bottom:20px;
	color:white;
}

.loginform
{
	height:45px;
	width:320px;

	background-color:#fff;
	font-size:36px;
	margin-bottom:20px;
	border:none;
	text-align:center;
}
.tlacitko
{
	height:45px;
	width:320px;

	font-size:36px;
	margin-top:10px;
	padding-bottom: 47px;
	
	background-color:#069;
	cursor:pointer;
	color:#fff;
}
.inform
{
	height:25px;
	width: calc(100% - 3px);
	background-color:#fff;
	font-size:16px;
	margin:0px;
	padding:0px;
	text-align:center;
	border:1px solid black;
}
.inform_select
{
	height:125px;
	width:100%;
	background-color:#fff;
	font-size:16px;
	margin:2px;
	border:1px solid #069;
	text-align:center;
}
.area
{
	height:180px;
	resize: none;
}
.inform_long
{
	height:25px;
	width:100%;
	background-color:#fff;
	font-size:16px;
	margin:2px;
	border:1px solid #069;
}
.tlacitko_in
{
	height:30px;
	width:100%;

	font-size:16px;
	border:none;
	background-color:#1EBC2B;
	cursor:pointer;
	color:#fff;
}

.tlacitko_in:hover
{
	
	
	background-color:#017E0F;

}


.aktivni
{
	background-color:#006699;
	padding:5px;

	color:#fff;
}



.rozcestnik       {margin-left:0px;margin-bottom:35px;margin-top:20px;text-align: left; display: block;}
.tlacitko:hover   {background-color:#06C;}

.spravceobsah     {padding-top:10px;padding-bottom:35px;}
.zahlavi          {text-align:right;}
.tjp              {font-size:18px;text-transform: uppercase;}
.zarazeni         {font-size:12px;}



.clear            {clear:both;}

.skryvany         {display: none;padding-top:3px; text-align: left;}
.neskryvany       {display: block;padding-top:3px; text-align: left;}
.neskryvany a       {color:black}
.links            {cursor:pointer;text-align:left;margin:20px 0px 10px 30px; width:300px;}
img               {border:0px;}
/*background-image:url(../img/plus.jpg);background-size:80px 80px;background-repeat:no-repeat;height:80px; background-position:center;width:100px;padding:30px 0px 0px 15px;*/ 
table             {margin:20px 0px 0px 5px;width: calc(100% - 15px);border-left:none;border-bottom:none; border-collapse: collapse;
  border-radius: 1em; overflow: hidden;}
td                { padding: 1em 0.2em 1em 0.2em; border-bottom: 1px solid white; }
.prvniradek  { color:white;}
tr               {}
tr:hover         {}
.prvniradek:hover  { color:white;}
.hihi,.haha       {float:right;}
select            {width:220px;font-size:14px;color:#fff;background-color:#65b8f4;border:1px solid white;height:35px;}
.kdodelal         {font-size:16px;margin:0px;}

.td2              {min-width:260px;}

.tablestudent     {border:none;text-align:left;margin:35px 0px 20px 35px;}
.tablestudent td  {border:none;text-align:left;}
.zmenahesla       {text-align:center;width:370px;margin:0px auto;margin-top:75px;}
.oznacenitrue     {background-color:#3C3;font-size:16px;}
.oznacenifalse    {background-color:#FF0033;font-size:16px;}

span              {padding:0px 3px 0px 3px;}
.radek {height:30px; border-radius: 15px;}
.radek:hover {background-color:#1BC123;}
.zeleny_radek {background:#1BC123;}
/*textarea          {width: calc(100% - 75px);height:150px;}*/