﻿body {background: #F3F6FC}
header .logo {
	color: #FFFFFF;
	font-size: 3rem;
	font-weight: 800;
}
#carousel {
	background: #f8f8f8;
}
#posl-clanky-block {
	XXXbackground: #f8f8f8;
}
#posl-clanky-block a:hover {
	text-decoration: none;
}
#posl-clanky-block ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}
#posl-clanky-block li {
	display: inline;
	margin-right: 10px;
}
#heading {
	padding: 2.5rem 1.25rem;
	background-color:#BDCCE9;
	text-align: center;
}
.blok-aktualne header {
	padding: 1.25rem 1.25rem;
	background-color:#5D93FF;
	text-align: center;
	color: white;
}
.blok-aktualne .article {
	background-color: #FBEDED;
}.covid header {
	padding: 1.25rem 1.25rem;
	background-color:#e73A3A;
	text-align: center;
	color: white;
}
.covid .article {
	background-color: #FBEDED;
}
.article {
	background-color: #F8F8FF;
	padding:2.5rem 0;
	min-height: 40rem;
}
#fotogalerie-block p {
	height: 50px;
	font-size: 0.9rem;
	text-align: center;
}
#fotogalerie-block img {
	/*max-height: 13.1vw;*/
	height: 15vw;
	max-height: 195px;
	margin: auto;
}
/* NAV */
nav {
	background: #0038a8;
	padding: 0.825rem 0;
}
.top-nav li a {color:#eeeeee; }
.top-nav li ul li a {
	background-color: #C5D8FF;
	color: #323232;
}
.top-nav li a:hover, .aside-nav li a:hover {background-color:#3A6AC9; color: #fff;}
.top-nav li i {display: block; margin:-0.4rem 0; color: #eeeeee; font-size: 1.5rem;}
.top-nav .active-item a {
  background:#002777;
  color: #EEEEEE;
}

.table-list p {height: 2.5rem;}
.table-list img {height: 2rem;}
.table-list .divider01::before{
	content: "|";
	margin: 0 0.2rem;
}

form.customform fieldset {
    padding-top: 1.25rem;
}
form.customform fieldset .input-wrap {position: relative;}
form.customform fieldset .input-wrap i {
	position: absolute;
	right: 0.7rem;
	top: 0.4rem;
	color: #0038a8;
	font-size: 1.5rem;
}
form.customform input.error, form.customform select.error, form.customform textarea.error {
	border: thin solid red;
}
.hodn-zakazky .popis {font-weight: bold;}
.reg-email-vysledek {
	background-color: #0038a8;
	text-align: center;
	color: white;
	padding: 0.6rem;
	margin: 10 0;
}

#paging .button {background-color: #035FBF;}
#paging .prvni {border-radius: 25px 0 0 25px; margin-right: 5px;}
#paging .posledni {border-radius: 0 25px 25px 0; margin-left: 5px;}
#paging .predchozi {margin-right: 5px;}
#paging .nasledujici {margin-left: 5px;}
#paging .cislo {padding: 0 0.3rem;}
#paging a.cislo:hover {background-color: #ADADAD;}

footer {
	background: #222;
	color: #999;
	padding: 3.5rem 0;
}
footer .tb-wrap {margin-bottom: 0.25rem;}
footer .tb-inwrap {display: table-row; margin-bottom: 0.5rem;}
footer .tb-cell-left {display: table-cell; padding-right: 10px; width: 120px;}	
footer .tb-cell-right {display: table-cell; vertical-align: middle;}	
footer i {padding: 1rem 1rem 0 0}
footer dl, footer li {font-size: 1.2rem;}
footer a, footer a:visited {color: inherit!important;}
footer a.button {color: #fff!important;}
footer h4 {
	color: #fff;
	font-size: 1.1rem;
	margin: 0 0 0.2rem 0;
}

.box {text-align: center;}
.box-error {background-color: red;}
.box-error p {color: white;}
.box-info {background-color: #F7F7A3;}
.box-info p {Xcolor: white;}

.textbox {background-color: #C5D8FF; padding: 0.625rem}

#to-top-button {
	display: inline-block;
	background-color: #0038A8;
	font-size: 2rem;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	padding-top: 2px;
}
#to-top-button:hover {
  cursor: pointer;
  background-color: #C5D8FF;
}
#to-top-button:hover i {color: #323232;}
#to-top-button:active {background-color: #555;}
#to-top-button.show {
  opacity: 1;
  visibility: visible;
}

form label.error {
	font-size: 0.8rem;
	color: red;
	display: block;
	margin-top: -1rem;
}
.tox { margin-bottom: 1.25rem; }/* TinyMCE editor - interface Class */

.text-bold {font-weight: bold;}
.padding-top {padding-top: 2.5rem!important;}
.padding-bottom {padding-bottom: 2.5rem!important;}
.margin-left {margin-left:1.25rem!important;}
.margin-right {margin-right:1.25rem!important;}
.clickable-row {cursor: pointer;}
.bgdefault {background-color: #f8f8f8;}

/* MEDIA */
@media screen and (max-width:1366px) {
}
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 790px) {
	XXXp {color: red}
	header .logo {
		font-size: 2rem;
		line-height: 1;
	}
	
	.table-list td {font-size: 1rem;}
	.article {min-height: 0;}
	.right {	float: none;}
	nav {
		XXXpadding: 10px 0;
		padding: 0;
		height: 60px;
	}
	.nav-text {	right: 0;}
	.top-nav	{background-color: #0038A8}
	.top-nav li a {
		color: #EEEEEE;
		background-color: #0038A8;
	}
	.top-nav li i {display: none;}
	.top-nav li img {display: none;}
	.top-nav .login-icon:after {content: "Přihlášení do G5I";}
	.top-nav .techem-icon:after {content: "Techem portál";}

	#fotogalerie-block p {
		font-size: 1rem;
	}
	#fotogalerie-block img {
		/*max-height: 30.5vw;*/
		height: 30.5vw;
		max-height: none;
	}
}
@media screen and (max-width:480px) {
	XXXp {color: green}
	.table-list td {font-size: 1rem;}
	.article {min-height: 0;}

	#fotogalerie-block img {
		/*max-height: 61.5vw;*/
		height: 61.5vw;
	}
}

.bgwhite {background-color: white;}
.bgred { background-color: red;}
.bgblue { background-color: blue;}
.bgyellow { background-color: yellow;}
.bggreen { background-color: green;}
.bginfo {background-color: #EDD972;}
