/* CSS Document - APPPROJECT*/
/* Definování fontů*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


body {
	text-align:center;
	font-family:  "Ubuntu", Geneva, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin:0;
	background-repeat: repeat-x;
	color:#3a3a3c;
		}
body a {color: #666;
	text-decoration: underline;}
body a:hover {
	color: #999;
	text-decoration: none;
}
#layer {
	font-size:100%;
	text-align:center;
	position:relative;
	margin:auto;
	color:#3a3a3c;
	width:1040px;
	
	
	 }
#layer1 {
	font-size:100%;
	text-align:center;
	position:relative;
	margin:auto;
	color:#3a3a3c;
	width:100%;
	
	
	 }
.space {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.text ul {
	width:98% !important;
	max-width:98%;
	list-style-type: disc !important;
	padding-left:2%;
}
.text ul li {
	width:100% !important;
	list-style-type: disc !important;
	max-width:100%;
}
#header img {
	border:none;
	width:100%;
	height:auto;

	}	
#right_column img {
	border:none;
	width:100%;
	height:auto;
	}		
h1 {
	font-size: 130%;
	font-weight: bold;
	color:#000;
	margin:0;
}
h2 {
	font-size: 130%;
	font-weight: bold;
	color:#000;
	margin:0;
}
h3 {
	font-size: 115%;
	font-weight: bold;
	color:#000;
	margin:0;
	margin-bottom:1%;
}
#header h1 {
	display:none;
}
.news h3 {
	font-size: 130%;
}
.linka_small {
	float:left;
	width:100%;
	height:2px;
	background-image: url(../images/bod.png);
	background-repeat: repeat-x;
	margin-top:12%;
	margin-bottom:12%;
	}
.linka_big {
	float:left;
	width:100%;
	height:2px;
	background-image: url(../images/bod.png);
	background-repeat: repeat-x;
	margin-top:3%;
	margin-bottom:3%;
	}
.linka_the_big {
	float:left;
	width:100%;
	height:2px;
	background-image: url(../images/bod.png);
	background-repeat: repeat-x;
	margin-top:0.8%;
	margin-bottom:0.8%;
	}
#header {
	float:left;
	width:100%;	
	margin: 0% auto 2% auto;
	}
.width_content
{
	width:1040px;
		
}
.cmbs {
	float: left;
	width: 20%;
	margin: 20px 0% 0 0%;
}
.cmbs img {
	width:100px !important;
	height:100px !important;
	object-fit: contain;
}
.link {
		 -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.link:hover{
	opacity:0.7;
	 -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sekce {
	float: left;
	width: 20%;
	margin: 0 0% 0 6.666%;
}

#content {
	float:left;
	width:100%;
	text-align:left;
	
	}
#content  p{
	
	text-align:left;
	
	}
#central_column
{
	float:left;
	width:76%;
	
	overflow:hidden;
}
#slideshow
{
	float:left;
	width:100%;
	
	overflow:hidden;
}
#slideshow1 {
	margin: 2% 0;
		display:none;
		text-align:center;
	
	 }
.main_news {
	float:left;
	width:100%;
	font-weight:bold;
	font-size:120%;
	margin: 1% 0;
}
.main_news1 {
	float:left;
	width:100%;
	font-weight:bold;
	font-size:100%;
	margin: 1% 0;
}
#right_column
{
	float:right;
	width:20%;
	
	overflow:hidden;
}
.sponzor
{
	width:100%;
	margin-bottom:5%;
 -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}
.sponzor a
{
	text-decoration: none;	
}
.sponzor:hover
{
	opacity:0.7;
	 -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sponzor1
{
	width:100%;
	margin-bottom:5%;
 
	text-align:center;
}
.sponzor1 a
{
	text-decoration: none;	
}

.news {
	float:left;
	width:43.5%;
	background-color:#f4f4f6;
	min-height:250px;
     height:auto !important;
     height:250px;
	 padding-left:2%;
	 padding-right:2%;
	 padding-top:2%;
	 padding-bottom:2%;
	 text-align:left;
	}
.news_t {
    float: left;
    width: 100%;
    margin-top: 2%;
    color: #333;
}
.article_thumbnail {
    float: left;
    width: 25%;
    border: medium none;
    margin-right: 2%;
	margin-bottom:2%;
	border: thin solid #999;
		-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.article_thumbnail:hover {
	opacity:0.8;
    	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.foto_s {
 float: left;
    width: 25%;
	margin: 0 2% 1% 0;	
}
.foto_s img {
width:100%;	
border: thin solid #999;
}
.ikona {
    float: left;
    margin-top: 0px;
    margin-right: 8px;
}
.gallery img {
	width:100%;	
	border: thin solid #999;
}
.gallery {
	float:left;
	width:45%;
	margin: 1% 2.5% 1% 2.5%;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
		
}
.gallery:hover{
	 -moz-transform: scale(1.1) ;
     -webkit-transform: scale(1.1); 
	   transform: scale(1.1);
	     -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.malep {
    font-size:90%;
}
.malep1 {
    font-size:90%;
    margin-left: 20px;
}
.malep2 {
    font-size:90%;
    margin-left: 40px;
}
.malep3 {
    font-size:90%;
    margin-left: 60px;
}
.malep4 {
    font-size:90%;
    margin-left: 80px;
}
.margin_top {
	margin-top:2%;
	}
.nright {
	width:95%;
	float:left;
	padding:2rem;

	}
#footer{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	}
.registration a
{
	float:left;
	width:auto;
	margin: 0;
	font-size: 90%;
	font-weight:bold;
	margin-bottom:2%;
	color:#ec1b23;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* formulář */
#right_column  input[type="text"], .reg input[type="text"] {
	display: block;
	margin: 0;
	width: 96%;
	font-size: 90%;
	appearance: none;
	box-shadow: none;
	
	margin-bottom:1.0%;
	
}
#right_column input[type="text"]:focus,  .reg input[type="text"]:focus{
  outline: none;
}
#right_column input[type="text"], .reg input[type="text"]{
  padding: 5px 0px 5px 5px;
  border: solid 1px #999;
  transition: box-shadow 0.3s, border 0.3s;
}
#right_column input[type="text"]:focus,
.reg input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
#right_column input[type="password"], .reg input[type="password"]{
	display: block;
	margin: 0;
	width: 96%;
	font-size: 90%;
	appearance: none;
	box-shadow: none;
	
	margin-bottom:1.0%;
	
}
#right_column input[type="password"]:focus,  .reg input[type="password"]:focus {
  outline: none;
}
#right_column input[type="password"], .reg input[type="password"] {
  padding: 5px 0px 5px 5px;
  border: solid 1px #999;
  transition: box-shadow 0.3s, border 0.3s;
}
#right_column input[type="password"]:focus,
.reg input[type="password"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
#right_column input[type="submit"], .reg input[type="submit"] {
	float:right;
	display: block;
	margin: 0;
	
	font-size: 90%;
	font-weight:bold;
	appearance: none;
	box-shadow: none;
	margin-bottom:2%;
	color:#FFF;
	background-color:#2b1700;
	padding: 5px;	
	border:none;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
}
#right_column input[type="submit"]:hover, .reg input[type="submit"]:hover
 {
	background-color:#0D0600;
	box-shadow: 0 0 5px 2px #969696;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	cursor: pointer;
	
}
.titadmin {
	width:100%;
	font-size:80%;
	float:left;
	font-weight: bold;
	
	}

.logout {
	float:left;
	display:block;
	margin-top:5px;
	
	
	}
.logout a{
	color: #779d7f;	
}
.mujucet {
	float:right;
	margin-top:5px;
	
	display:block;
	}
.mujucet a{
	color: #FF0000;
	
	}
/* formulář matrika */
fieldset{
	float:left;
	width:95%;
	font-size:90%;
	background-color:rgba(0,0,0,0.1);
	
	}
legend {
	font-weight: bold;
	color:#666;
}
.form_podklad {
	font-size:12px;
	text-align:left;
	margin-top:-20px;
	padding-left:10px;
	background-color:rgba(0,0,0,0.5);
	height:2000px;
	}
	.frameb {float:left;
	margin-left:-10px;
		
		}
#url {display: none;}
.send_form {display: none;}
progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;

  width: 250px;
  height: 20px;
}
	.bu {
	float:left;
	width:auto;
	height:50px;
	margin-right:10px;
	
	margin-bottom:10px;
	}
.ramtabl {
	float:left;
	width:45%;
	height:50px;
	margin-right:20px;
	margin:10px 0;
	}
.ramtabl_big {
	float:left;
	width:90%;
	height:auto;
	margin:10px 0;
	}
	.ramtabl_big {
	float:left;
	width:90%;
	height:auto;
	margin:10px 0;
	}

	.tlac {float:left;
	margin-top:20px;
	width:150px;
	height:50px;
	font-size:18px;}
.male {
    font-size: 70%;
}
.red {
	color: #FF0000;
}
.red a{
	color: #FF0000 !important;
}
.green {
	color: #009900;
}
.blue {
	color: #0000CC;
}
table {
	width: 100%;
	font-size:11px;
	
	}
	
th {
	font-weight:bold;
	padding-left: 5px;
	}
td {
	padding-left: 5px;
	color:#666;
	}
td a {
	display:block;
	
	
}
td a:link {
	text-decoration: none;
	color:#000;
	
}
td a:hover {
	background-color:#FFF;
	}
.tabtr {
	background-color: rgba(229,229,229,0.7);
	}
.cislo {width:10%}
.podminky {width:11%;
text-align:center;}
.jmenotab {width:34%}

 .seznamjm { font-size:100%;}

.seznamjm tr:nth-child(2n+1){
background:rgba(229,229,229,0.7);;
}

.seznamjm tr:nth-child(2n){
background:rgba(229,229,229,0.3);;
}
.seznamjm tr:hover{
	background-color:#9FC;
	cursor:pointer;
	color:#000;
	}
.pismena 
{
	font-size:120%;
	font-weight:bold;
}

/* anketa */
.filtr_neaktivni {
	
	height:auto;
	background-color: #F2F2F2;
	margin: 5px;
	padding: 5px;
	border: 1px solid #999;
	
	
	
}

.filtr a{
	display:block;
	height:auto;
	background-color: #F2F2F2;
	margin: 5px;
	padding: 5px;
	border: 1px solid #999;
	text-decoration: none;
}
.filtr a:hover{
	background-color: #000;
	color:#FFF;
}
.survey {
	float:left;
	padding:10px 0 10px 0;
	background-color:#81EFA5;
	text-indent:5px;
	color:#000
}
.sur {
	float:left;
	width:99%;
	border: 1px solid #999;
	margin-bottom:20px;
	background-color: #F5F5F5;
	text-indent:5px;
	padding:5px 0 0 0
}
.voter a{
	float:right;
	display:block;
	width:90px;
	height:auto;
	border: 1px solid #999;
	color:#FFF;
	padding:5px;
	background-color: #060;
	text-align:center;
	text-decoration: none;	
	font-weight:bold;
	margin-right:5px;
}
/* nové formuláře */
.form_c {
	float:left;
	/* max-width:250px; */
	margin-right:20px;
	margin-bottom:10px;
	
	
}
.big
{
width:100%;	
}
.min {
	width:100px !important;
}
.twin {
	float:left;
width:30% !important;

}
.fsmall
{
	width: 100px;
}
.form_c input[type="text"] {
	display: block;
	margin: 0;
	width: 100%;
	font-size: 100%;
	appearance: none;
	box-shadow: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:1.0%;
	text-indent:10px;
	
}
.form_c input[type="text"]:focus {
  outline: none;
}
.form_c input[type="text"] {
  padding: 5px 0 5px 0;
  border: solid 1px #999;
  transition: box-shadow 0.3s, border 0.3s;
}
.form_c  input[type="text"]:focus,
.form_c  input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.form_c input[type="email"] {
	display: block;
	margin: 0;
	width: 100%;
	font-size: 100%;
	appearance: none;
	box-shadow: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:1.0%;
	text-indent:10px;
	
}
.form_c input[type="email"]:focus {
  outline: none;
}
.form_c input[type="email"] {
  padding: 5px 0 5px 0;
  border: solid 1px #999;
  transition: box-shadow 0.3s, border 0.3s;
}
.form_c  input[type="email"]:focus,
.form_c  input[type="email"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.form_c input[type="number"] {
	display: block;
	margin: 0;
	width: 100%;
	font-size: 100%;
	appearance: none;
	box-shadow: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:1.0%;
	text-indent:10px;
	
}
.form_c input[type="number"]:focus {
  outline: none;
}
.form_c input[type="number"] {
  padding: 5px 0 5px 0;
  border: solid 1px #999;
  transition: box-shadow 0.3s, border 0.3s;
}
.form_c  input[type="number"]:focus,
.form_c  input[type="number"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.form_c select {
	display: block;
	margin: 0;
	width: 100.5%;
	height:30px;
	font-size: 100%;
	appearance: none;
	box-shadow: none;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:1.0%;
	border: 1px solid #999999;
	
	
	
}
.form_c textarea {
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, Geneva,  Helvetica, sans-serif;
	/* width: 96%; */
	/* height:260px; */
	margin:0;
	font-size: 110%;
	border: solid 1px #999;
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:3%;
	 padding: 2%;
	 margin-bottom:10px;	
}
.form_c textarea:focus,
.form_c textarea.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
.note {
	height:130px !important;
}
.form_c  input[type="submit"], .form_c  input[type="submit"] {
	float:left;
	display: block;
	margin: 0;
	
	font-size: 120%;
	appearance: none;
	box-shadow: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:2%;
	color:#FFF;
	background-color:#2b1700;
	padding: 10px;	
	border:none;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	
}
.form_c  input[type="submit"]:hover, .form_c  input[type="submit"]:hover
 {
	background-color:#0D0600;
	box-shadow: 0 0 5px 2px #969696;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	cursor: pointer;
	
}
#showB, #showC, #showD, #showE, #showF, #showG {
    visibility: hidden;
    display: none;
}
/* cookies */
.eu-cookies {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #E9E9E9;
	background-color: #333333;
	z-index: 1000;
	padding: 10px 0 10px 0;
	margin-top:10px;
}

.eu-cookies button {
	background: #ec1c24;
	color: white;
	font-weight:bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	padding: 4px 8px;
}
.eu-cookies a
{
	color:#fff;
	text-decoration: none;	
	    font-weight: bold;
}
.eu-cookies a:hover
{
	color:#fff;
	text-decoration: underline;
}
.cook2 {display:none}
@media only screen and (min-width: 0px) and (max-width: 1023px) {

.cook1 {display:none}
.cook2 {display: block; width:100%}     
}	
.restu { width:auto;}