html, body { margin: 0px; padding: 0px; font-family: Technika, Arial, sans-serif; position: relative;}
img { border: 0px;}

body {background: #e6e6e6 no-repeat top left; }
body{ background-image: url('/static/images/tpl/bg.jpg'); background-size: contain;}

.container {width: 94%; max-width: 1200px; margin: 0px auto; position: relative; box-sizing: border-box; padding: 0 14px;}
.mobile {display: none;}
.clearafter::after {content: ' '; clear: both; display: block;}

/*****************************************************************************/
/*                                  HEADER                                   */
/*****************************************************************************/

header {height: 190px;}
header .logo-cvut { color: white; font-size: 100px; position: absolute; top: 26px; overflow: hidden; left: 14px; height: 96px;}
header .logo-cvut .fa {top: -10px; position: relative; display: block; float: left; background-color: #007ac3; padding-bottom: 4px;}


header a {text-decoration: none;}
header h1 {padding: 0; margin: 0; font-weight: 900; font-size: 30px; text-transform: uppercase; position: absolute; left: 126px; top: 50px;}
header h1 a {color: #007ac3;}
header h2 {padding: 0; margin: 0; font-weight: bold; font-size: 18px; position: absolute; left: 126px; top: 94px;}
header h2 a {color: black; }
header h3 {padding: 0; margin: 0; font-weight: 300; font-size: 18px; font-style: italic; color: rgba(0,0,0,0.7); position: absolute; right: 0; top: 124px; right: 14px;}

header form.search { position: absolute; right: 14px; top: 26px; z-index:10;}
header form.search button {border: 0px none; background-color: #007ac3; color: white; padding: 3px 6px;}
header form.search .input { position: absolute; right: 28px; width: 0; overflow: hidden;}
header form.search input {border: 0px none; background-color: #007ac3; color: white; padding: 4px 6px; width: 100%;}

header nav.lang {position: absolute; top: 28px; right: 50px; font-weight: 300; text-transform: uppercase; font-size: 14px;}
header nav.lang  a { color: #007ac3;}
header nav.lang .active {font-weight: bold;}

header nav.topmenu {height: 52px; background: url('../images/tpl/bg-menu.png') repeat-x top; position: absolute; top: 150px; width: 100%;}
header nav.topmenu ul{padding: 0px; margin: 0px; list-style-type:none; text-align: center;}
header nav.topmenu li {padding: 0px; margin: 0px; display: inline; line-height: 42px; margin: 0 3.5%;}
header nav.topmenu li a {color: white; text-decoration: none; text-transform: uppercase; font-weight: bold;}
header nav.topmenu .container::after {content: ''; height: 10px; background-color: white; width: 100%; display: block; position: absolute; margin-left: -14px; z-index: -1;}
header nav.fullmenu {display: none;}

header button {cursor: pointer;}

@media all and (max-width: 1185px) {
	header nav.topmenu li { margin: 0 2%;}
}

@media all and (max-width: 902px) {
	header nav.topmenu li {margin: 0 1.5%;}
	.container {width: 96%;}
}

@media all and (max-width: 755px) {
	.container {width: 100%;}
	header nav.topmenu li {margin: 0 1.35%;}
}

@media all and (max-width: 715px) {
	header h1 { font-size: 24px; top: 58px;}
	header h2 { font-size: 16px; top: 84px;}
}

@media all and (max-width: 700px) {
	header nav.topmenu li {margin: 0 .9%; font-size: 90%;}
}

@media all and (max-width: 600px) {
	.mobile {display: initial;}
	.nonmobile {display: none;}
	.container {width: 100%;}
	header nav.topmenu {display: none;}
	header .logo-cvut { top: 16px;}
	header h1 {top: 34px; max-width: 349px;  line-height: 24px;}
	header h2 { top: 84px;}
	header h3 {display: none;}
	header .mnav {display: none; top: 0; left: 0; width: 100%; height: 30px; background: #e6e6e6;}
	body header {height: 132px;}
	header .menu-tg { border: 0px none; background-color: #007ac3; color: white; font-size: 40px; position: absolute; right: 16px; top: 16px; padding: 10px 16px;}
	header nav.lang {top: 0px;}
	header form.search {top: 0px;}
	
	
	header .fullmenu {margin-top: 20px;}
	header .fullmenu a{color: #007ac3; display: block; width: 100%; box-sizing: border-box;}
	header .fullmenu ul {list-style-type: none; padding: 0px 16px 0 16px; margin: 0; margin-left: 0px; font-weight: bold; font-size: 24px;}
	header .fullmenu ul li {padding: 10px 0px;}
	header .fullmenu ul ul {padding: 20px 0 0 20px; font-weight: normal; margin-bottom: 10px; font-size: 20px; display: none;}
	header .fullmenu ul ul.visible {display: block;}
	header .fullmenu ul li a {padding-left: 20px;}
	header .fullmenu ul li a::before {content:"\f054"; padding-right: 4px;font-family:FontAwesome; color: #818181; font-size: 20px; position: absolute; margin-left: -20px; margin-top: 6px;}

	body.visiblemenu  {background-attachment: scroll;}
	body.visiblemenu header .mnav {display: block; top: 120px; position: relative; padding-top: 20px;}
	body.visiblemenu>main>section, body.visiblemenu>footer, body.visiblemenu>main>.main {display: none;}
	.visiblemenu header {height: auto;}
	.visiblemenu header nav.fullmenu {display: initial; position: static;}
	.visiblemenu .container {padding: 0;}
	.visiblemenu .lang {text-align: center; position: static; clear: both;	margin: 20px 0;}
	.visiblemenu .search { position: static;padding: 0px 16px; margin-top: 30px;}
	.visiblemenu .search .input {display: inline !important; position: static; }
	.visiblemenu .search .input input{ box-sizing: border-box; padding-left: 40px; height: 30px;}
	.visiblemenu .search button {float: left;position: relative; z-index: 10; margin-top: -30px;}

}

@media all and (max-width: 515px) {
	header h1 {top: auto; bottom: -83px; max-width: 270px;}
	.visiblemenu header h1 {top: auto; bottom: -33px; max-width: 270px;}
}
@media all and (max-width: 470px) {
	header h1 {font-size: 20px;}
	header h2 { font-size: 14px; top: 86px;}
}

/*****************************************************************************/
/*                                 LEFT MENU                                 */
/*****************************************************************************/

.menu-left {float: left;}
.menu-left ul {list-style-type: none; padding: 0; margin: 0; margin-left: 0px; font-weight: bold;}
.menu-left ul ul {padding-left: 30px; font-weight: normal; margin-bottom: 10px;}
.menu-left a {text-decoration: none; color: #007ac3;border-bottom: 1px solid #999; padding-left: 2px; display: block; margin-top: 4px;}
.menu-left li li a {border: 0px none; margin-top: 6px;}

.menu-left .toggle_menu {text-decoration: none; border: none; position: absolute; left: 108px; top: 0px; font-weight: normal;}



/*****************************************************************************/
/*                                  FOOTER                                   */
/*****************************************************************************/

footer {position: static; bottom: 0px;background-color: #007ac3; width: 100%;}
footer a {color: white;}
footer .container {padding: 0;}
footer .foot {min-height: 120px;}
footer .foot .links { font-size: 18px;}
footer .foot .links ul {list-style-type: none; padding: 24px 0 0 0; margin: 0;}
footer .foot .links ul li {float: right; padding: 0 2%; margin: 0; font-weight: bold;}
footer .foot .links ul li a {text-decoration: none;}



footer .social a {width: 36px; height: 54px; display: block; float: left; text-align: center; font-size: 24px;}
footer .social .fa {padding-top: 20px;}
footer .social .rss	{background-color: #f7941d;}
footer .social .fb	{background-color: #3b5998;}
footer .social .gp	{background-color: #d14836;}
footer .social .tw	{background-color: #00aced;}
footer .social .li	{background-color: #007fb1;}
footer .social .yt	{background-color: #e62e30;}

footer .disclaimer {min-height: 50px; background-color: #005a93; font-size: 14px; color: white;}
footer .disclaimer p {margin: 0px; padding: 16px 0; float: left;}
footer .disclaimer .more {border: 1px solid white; float: right; text-transform: uppercase; text-decoration: none; line-height: 28px; padding: 0px 3%; margin: 10px 16px;}
footer .disclaimer .remove {position: absolute; right: 15px; font-size: 20px; bottom: 15px;}

/*****************************************************************************/
/*                                  SLIDER                                   */
/*****************************************************************************/

.slidercont { position: relative; width: 70%; float: left; height: 355px; overflow: hidden;}
.slider {width: 100%; height: 355px;position: relative; margin: 0;}
.slider .preview {height: 100%;}
.slider img { object-fit: cover; xwidth: 100%; height: 100%;}
.slider .text {background-color: rgba(0,68,108,.9); width: 100%; height: 30%; position: absolute; bottom: 0;}
.slider a {color: white; text-decoration: none;}
.slider h3 {font-size: 24px; padding: 12px 0px 0px 12px; margin: 0px; font-weight: bold; text-transform: uppercase; max-width: 80%;}
.slider p {display: none;}

.xjssor-loading-bg{filter: alpha(opacity=80); opacity: 0.8; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.xjssor-loading-data {position:absolute;display:block;background:url('../images/jssor/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.xjssor-slides {cursor: default; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}

.slider .arrow { font-size: 50px; z-index: 10;}
.slider .arrow a {color: rgba(255,255,255,.2);}
.slider .arrow a:hover {color: rgba(255,255,255,.8);}
.slider .nav.bullets {position: absolute; bottom: 7px; left: auto; width: auto; right: 15px; z-index: 2;}
.slider .nav.bullets .swiper-pagination-bullet { width: 10px; height: 10px; border: 2px solid rgba(255,255,255,.6); border-radius: 5px; box-sizing: border-box; cursor: pointer; background: none; opacity: 1;}
.slider .nav.bullets .swiper-pagination-bullet:hover {background-color: rgba(255,255,255,.6); border: 0px none;}
.slider .nav.bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: white; cursor: Default;}



/*****************************************************************************/
/*                                 CALENDAR                                  */
/*****************************************************************************/

.calcont .calendar {height: 100%; overflow: hidden;}
.calcont { position: relative; float: right; width: 30%; padding-left: 14px; box-sizing: border-box; height: 355px; overflow: hidden;}
.calconti {width: 100%; position: relative; height: 324px;  margin-top: 31px;}
.calcont p {background-color: #f4f4f4; padding: 0; margin: 0 0 0 0; padding: 0 0 0 56px; position: relative; height: 48px; overflow: hidden; font-size: 14px;}
.calcont p br {display: none;}
.calcont p .datum {position: absolute; top:0;  left: 0; display: block; width: 48px; height: 48px; background-color: #005689; color: white; font-weight: bold;}
.calcont p .datum .year {display: none;}
.calcont p .datum .od {position: absolute; left: 0; top: 0;    text-align: center; padding-top: 3px; width: 100%; height: 24px; box-sizing: border-box; background-color: #006eb0;}
.calcont p .datum .do {position: absolute; left: 0; top: 26px; text-align: center; padding-top: 1px; width: 100%; display: block;}
.calcont p a {display: block; padding-top: 6px; color: #00446c; text-decoration: none; font-weight: 500;}
.calcont .csl {height: 156px;}
.calcont .arrow {color: black; font-size: 18px;}
.calcont .arrow a{color: #007ac3;}
.calcont .swiper-button-disabled a{color: #bbbbbb;}

.calcont .nav {position: absolute; top:-31px; left:0; width: 100%; height: 31px;}
.calcont .nav h3 {color: black; text-align: right;padding: 6px 74px 0 0; text-transform: uppercase; font-size: 16px; font-weight: bold; margin: 0;}
.calcont .nav .more {position: absolute; top: 5px; right: 0; color: #007ac3; font-size: 18px;}

@media all and (max-width: 900px) {
	.slidercont { width: 100%;}
	.calcont {width: 100%; padding-left: 0;}
}


/*****************************************************************************/
/*                                   NEWS                                    */
/*****************************************************************************/

.index_news .container {padding-top: 20px;}
.index_news a {color: #007ac3; text-decoration: none;}
.index_news .akt-popis {display: none;}

.index_news .news_a .aktualita { width: 24.25%; float: left; margin-right: 1%; font-size: 16px;}	
.index_news .news_a .aktualita img { width: 100%;}
.index_news .news_a .aktualita:nth-child(4) {margin-right: 0;}
.index_news .news_a .akt-nadpis {padding: 6px; display: block;}
.index_news .news_a::after {content: ' '; clear: both; display: block; padding-top: 20px;}

.index_news .news_b, .index_news .news_c, .index_news .news_d {float: left; width: 33.333%; box-sizing: border-box; font-size: 14px;}
.index_news .news_b, .index_news .news_c {padding-right: 20px;}
.index_news .news_b .aktualita, .index_news .news_c .aktualita { clear: left; margin-top: 6px; overflow: hidden; width: 100%; height: 70px;}
.index_news .news_b .aktualita a, 				.index_news .news_c .aktualita a 				{ display: table; position: relative; height: 100%;}
.index_news .news_b .aktualita .akt-obr,	 		.index_news .news_c .aktualita .akt-obr	 	{ display: table-cell; width: 25%; overflow: hidden;}
.index_news .news_b img, 							.index_news .news_c img 						{width: 100%;}
.index_news .news_b .aktualita .akt-nadpis, 		.index_news .news_c .aktualita .akt-nadpis 	{ vertical-align: middle; display: table-cell; width: 75%; box-sizing: border-box; padding-left: 10px; padding-bottom: 12px;}

.index_news .aktualita .datum {display: none;}

.index_news .news_d {height: 200px; overflow: hidden; position: relative; padding-left: 12px;}
.index_news .news_d .aktualita::before {content:"\f054"; padding-right: 4px;font-family:FontAwesome; color: #818181; font-size: 12px; position: absolute; margin-left: -12px; margin-top: 3px;}
.index_news .more {float: right; clear: both; margin-top: 0px; margin-bottom: 40px;}


@media all and (max-width: 1185px) and (min-width: 900px) {
		.index_news .news_b .aktualita, .index_news .news_c .aktualita {  height: 120px;}
		.index_news .news_b .aktualita .akt-obr,	 		.index_news .news_c .aktualita .akt-obr	 	{  width: 40%;}
		.index_news .news_b .aktualita .akt-nadpis, 		.index_news .news_c .aktualita .akt-nadpis 	{  padding-bottom: 60px;}
		.index_news .news_d {height: 360px;}
}

@media all and (max-width: 900px) {
	.index_news .news_b, .index_news .news_c {width: 50%;}
	.index_news .news_d {width: 100%; margin-top: 20px;}
}

@media all and (max-width: 650px) {
	.index_news .news_b, .index_news .news_c {width: 100%;}
	.index_news .news_a .aktualita { width: 49.5%;}	
	.index_news .news_a .aktualita:nth-child(even) {margin-right: 0;}
	.index_news .news_b .aktualita, .index_news .news_c .aktualita {  height: 100px;}
	.index_news .news_d {height: 300px;}
}

@media all and (max-width: 400px) {
	.index_news .news_a .aktualita { width: 100%;margin-right: 0;}	
}

/*****************************************************************************/
/*                                BOTTOM NAV                                 */
/*****************************************************************************/

.index_nav .container {background-color: #013e66;}
.index_nav ul {list-style-type: none; margin: 0; padding: 0;}
.index_nav li>h3 { margin: 0; }
.index_nav ul a{color: white; text-decoration: none;}
.index_nav nav>ul>li {display: block; width: 16.666666%; float: left; padding: 22px 6px; box-sizing: border-box;}
.index_nav nav ul li a {font-weight: bold; font-size: 18px;}
.index_nav nav ul ul {padding-top: 22px;}
.index_nav nav ul li li {padding: 0 0 12px 12px; line-height: 12px;}
.index_nav nav ul li li a {font-weight: normal; font-size: 12px; color: #e4e4e4;}
.index_nav nav ul li li a::before {content:"\f054"; padding-right: 4px;font-family:FontAwesome; color: #818181; font-size: 12px; position: absolute; margin-left: -12px; margin-top: 3px;}

@media all and (max-width: 902px) {
	.index_nav nav>ul>li {width: 33.33333%;}
}
@media all and (max-width: 500px) {
	.index_nav nav>ul>li {width: 50%;}
	.index_nav nav>ul>li:nth-child(odd) { clear: both;}
}
@media all and (max-width: 360px) {
	.index_nav nav>ul>li {width: 100%;}
}



/*****************************************************************************/
/*                                 SECTIONS                                  */
/*****************************************************************************/


section .container, .container.main {background-color: white;}
.container.main::after {content: ' '; clear: both; display: block;}
.content {float: right;}
.responsibility {clear: both;}
x {padding-top: 100px;}









.content table, .content td, .content th { font-size: 12px;}
.content h1 { font-size: 18px; margin:0px; font-weight: bold; padding: 10px 0px;}
.content h2 { font-size: 16px; margin:0px; font-weight: bold; padding: 10px 0px;}
.content h3 { font-size: 16px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h4 { font-size: 14px; font-weight: bold; margin: 6px 0px; padding: 0px;}
.content h5 { font-size: 14px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h6 { font-size: 13px; font-weight: bold; margin: 3px 0px; padding: 0px;}