/* SIDEBAR-LEFT */
.ffuk_submenu_widget h3, .ffuk_submenu_widget h3 a
{
    font-size: 18px;
    font-weight: 400;
    color: #525b65;
	text-decoration: none
}

.ffuk_submenu_widget a
{
    display: block;
    padding: 7px 30px 7px 10px;
    text-decoration: none;
    color: #135079;
}

.ffuk_submenu_widget dd:hover > a,
.ffuk_submenu_widget .accordion dd.active > a
{
    color: #fff;
    background: #a74747; /* tochange */
}

.ffuk_submenu_widget .accordion .accordion-navigation > a, .ffuk_submenu_widget .accordion dd > a {
	display: block;
    padding: 7px 30px 7px 10px;
    text-decoration: none;
    color: #135079;
	font-size: 13px;
	background: none;
	font-family: 'Open Sans', sans-serif;
}

.ffuk_submenu_widget .accordion .accordion-navigation:hover > a, .ffuk_submenu_widget .accordion dd:hover > a {
	color: #fff;
    background: #a74747; /* tochange */
}

.ffuk_submenu_widget .accordion > dd
{
    border-bottom: 1px solid #c2c2c2;
	position: relative;
}

.ffuk_submenu_widget dd:first-child
{
    border-top: 1px solid #c2c2c2;
}

.ffuk_submenu_widget .accordion > dd > a.menu-item
{
    position: relative;
}
.ffuk_submenu_widget .accordion > dd > a.menu-item:after
{
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    top: 4px;
    right: 10px;
    content: '\f105';
}

.ffuk_submenu_widget .accordion > dd > a.arrow {
	padding: 0
}
.ffuk_submenu_widget .accordion > dd > a.arrow span:after
{
	font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 10px;
    content: '\f0d7';
	display: block;
}
.ffuk_submenu_widget .accordion > dd.active > a.arrow span:after
{
	color: #fff;
	-webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.ffuk_submenu_widget .accordion > dd > div.active > a.menu-item-has-children,
.ffuk_submenu_widget .accordion .accordion-navigation.active > a {
	background: #a74747; /* tochange */
	color: #fff;
}

.accordion dd > .content.active {
	background: #ebecec;
	padding: 0;
	margin: 0;
}

.accordion .content ul li {
	padding: 0;
}
.accordion .content ul li:before {
	display: none;
}


.ffuk_submenu_widget .sub-menu a
{
    position: relative;
    padding: 7px 20px;
    border: none;
    background: #ebecec;
}

.ffuk_submenu_widget .sub-menu a:before
{
    position: absolute;
    top: 14px;
    left: 10px;

    display: block;

    width: 5px;
    height: 5px;

    content: '';
    vertical-align: top;

    border-radius: 2.5px;
    background: #135079;
}

.ffuk_submenu_widget .sub-menu a:hover,
.ffuk_submenu_widget .sub-menu > .active > a:hover,
.ffuk_submenu_widget .sub-sub-menu > .active > a:hover{
    background: #a74747; /* tochange */
	color: #fff;
}
.ffuk_submenu_widget .sub-menu > .active > a,
.ffuk_submenu_widget .sub-sub-menu > .active > a
{
    background: #c2c2c2;
}
.ffuk_submenu_widget .sub-menu a:hover:before{
    background: #fff;
}body > header {background: #002d56}
nav.primary {background: #002445}
.main-menu .sub-menu a {background: #002445}
.index h2.block-title a {color: #002445}
.ffukhead.search-field {display: none}.footer-social .mail, #email span, #email a {display: none}#phone span, #phone a {display: none}.footer-social .fb {display: none}.footer-social .gp {display: none}.footer-social .tw {display: none}.footer-social .yt {display: none}footer .pre-footer {background: #eeeeee; border-color: #dadbdc;color: #767779}
footer .footer {background: #dadbdc;color: #767779}
footer a {color: #135079}
footer .pre-footer ul li:before {background: #135079}

.title-part button {background: #002445}
.content h3 {color: #002445}
a.btn, #nav-single .btn a, .wrapper form input[type="submit"] {background-color: #002445}
table td.isevent, table td.isevent > div {background-color: #002445}
input[type='submit'].search-submit {background-color: #002445}
.directory a:after {background: #002445}
.calendar-header {background: #002445}
.slide-info {background: #002445}
.slider-control button:hover {background: #002445}
.messages .tabs a:hover, .messages .tabs .active a {background: #002445}
.article-info .category-type.type-2 {background: #002445}
.sidebar-left-menu a:hover, .sidebar-left-menu > .current_page_item > a, .sidebar-left-menu > .current_page_ancestor > a, .sidebar-left-menu > .current_page_parent > a {background: #002445}
.sidebar-left-menu .sub-menu a:hover, .sidebar-left-menu .sub-menu .current_page_item a {color: #002445}
.sidebar-left-menu .sub-menu a:hover:before {background: #002445}
.footer-social .mail {background: #002445}
.footer-social .mail:hover:before {color: #002445}
.article-info .category {background: #002d56}
.ffukhead.search-field span {background: #002445}

.ffuk-ics-calendar table.calendar td.isevent {background: #002445}
.ffuk-ics-calendar table.calendar td.isevent > div {background: #002445}
.quick-links .sub-menu a {background: #002445}
button:hover, button:focus, .button:hover, .button:focus {background: #002445}
.main-menu a {background: #002445}

.wrapper.index > .row:first-child {padding-top: 13px}
.wrapper.index > .row {margin-bottom: 30px}

.banner {position: relative; background-size: 100% 100%; height: 290px; cursor: pointer}
.banners {position: relative; height: 290px; }
.banner-info {position: absolute; top: 0; width: 100%; color: #fff; padding-top: 50px}
.banner-info h2 {color: #fff; font-size: 30px; margin-bottom: 30px}
.banner-info p {width: 70%; margin: 0 auto 30px auto}

.banners li:first-child {width: 65%; height: 290px;}
.banners li:first-child:last-child {width: 100%; height: 290px; top: 13px}
.banners li:nth-child(2) {width: 33%; right: 0; position: absolute; top: 13px; height: 135px; display: block; overflow: hidden}
.banners.hasslides li:nth-child(2) {top: 0px;}
.banners li:nth-child(2):last-child {top: 13px; height: 290px;}
.banners li:last-child {width: 33%; top: 167px; right: 0; position: absolute; height: 135px; display: block; overflow: hidden}
.banners.hasslides li:last-child {top: 154px;}
.banner:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */;}

.banners li:nth-child(2) .banner-info {color: #fff; padding: 1em; text-align: left}
.banners li:nth-child(2) .banner-info h2 {color: #fff; font-size: 20px; margin-bottom: 10px}
.banners li:nth-child(2) .banner-info p {width: 100%;}
.banners li:nth-child(2) .banner-info a {display: none}
.banners li:last-child .banner-info {color: #fff; padding: 1em; text-align: left}
.banners li:last-child .banner-info h2 {color: #fff; font-size: 20px; margin-bottom: 10px}
.banners li:last-child .banner-info p {width: 100%;}
.banners li:last-child .banner-info a {display: none}
.banners li:first-child:last-child .banner-info {position: absolute; top: 0; width: 100%; color: #fff; padding-top: 50px; text-align: center;}
.banners li:first-child:last-child .banner-info h2 {color: #fff; font-size: 30px; margin-bottom: 30px}
.banners li:first-child:last-child .banner-info p {width: 70%; margin: 0 auto 30px auto}
.banners li:nth-child(2):last-child .banner-info {position: absolute; top: 0; width: 100%; color: #fff; padding-top: 50px; text-align: center;}
.banners li:nth-child(2):last-child .banner-info h2 {color: #fff; font-size: 23px; margin-bottom: 20px}
.banners li:nth-child(2):last-child .banner-info p {width: 70%; margin: 0 auto 30px auto}
.banners li:nth-child(2):last-child .banner-info a {display: inline-block}

a.btn, .content .btn a {text-decoration: none}
.content .btn a:after {display: none}

h2.block-title {font-size: 23px; font-weight: 300; margin: 0; margin-bottom: 20px; padding-bottom: 12px; text-indent: 12px; border-bottom: 1px solid #c2c2c2; }
h2.block-title a {font-size: 23px; font-weight: 300; text-decoration: none; color: #767779}

.link-big a {font-size: 16px;}
.institute-logo img {width: 200px; max-width: 200px}
.institute-logo span {margin-left: 215px}
.institute-logo small {margin-left: 215px}
@media (max-width: 800px) {
	.banner-info p {width: 90%}
	.banner-info {padding-top: 30px;}
	.banners li:nth-child(2) .banner-info h2 {font-size: 18px}
}
@media (max-width: 500px) {
	.institute-logo img {display: none}
	.institute-logo span {margin-left: 0px; font-size: 20px;}
	.institute-logo small {margin-left: 0px}
	body.topmenu > header {height: 120px}
	.banners, .banner {height: auto;}
	.banner {margin-bottom: 10px;}
	.banner-info {position: relative; padding-top: 20px; padding-bottom: 20px;}
	.banners li:first-child, .banners li:nth-child(2), .banners li:last-child {width: 100%; float: none; height: auto; position: relative; top: 0}
	.banners li:first-child:last-child {height: auto;}
	.banners.hasslides li:last-child {top: 0px;}
	.banners li:first-child:last-child .banner-info {position: relative;}
}
.site-logo {height: 120px; margin-top: -10px}
.site-logo div {color: #fff; display: block; max-width: 320px; margin-bottom: 10px; font-size: 23px}
.site-logo span {color: #fff; display: block; max-width: 320px; margin-bottom: 10px;}

.menu-hlavni-menu-container {position: relative}
.menu-hlavni-menu-container .search-field {position: absolute; right: 0px; left: auto; top: 7px; width: 195px; padding-left: 0}
.ffukhead.search-field input[type='search'] {width: 110px; float: right; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.ffukhead.search-field input[type='search']:focus {width: 160px;}

.index h2.block-title {text-align: center; border: none; background: url(../img/block-title.png) repeat-x 60% 40%}
.index h2.block-title span {background: #fff; padding: 0 20px; color: #002445; font-weight: 400}
.index h2.block-title span a {font-weight: 400}
.index .more {font-size: 16px; text-decoration: none}
.index .more span {text-decoration: underline}
.index article {margin-bottom: 20px}

.index .widgets > .columns {margin-bottom: 3em}

.speaker {float: left; text-align: center; background: #ebecec; margin-top: 45px; margin-bottom: 1em; padding: 40px 1em 1em 1em; position: relative}
.two-speakers:after, .three-speakers:after, .four-speakers:after {content: ' '; display: table; clear: both}
.speaker h3 {font-size: 15px; font-weight: bold; margin-top: 0}
.speaker img {position: absolute; top: -45px; left: 0; right: 0; border-radius: 50%; margin-left:auto; margin-right:auto; border: 4px solid #fff}
.speaker hr {display: block; width: 70%; margin: 0 auto 1em; color: #c2c2c2}
@media only screen and (min-width: 40.0625em) {
	.two-speakers .speaker {width: 48%; margin-left: 1%; margin-right: 1%;}
	.three-speakers .speaker {width: 31%; margin-left: 1%; margin-right: 1%;}
	.four-speakers .speaker {width: 23%; margin-left: 1%; margin-right: 1%;}
}

h3.bigger {font-size: 23px; }
.box {border: 1px solid #c2c2c2; border-radius: 20px; padding: 1.5em 1.5em 1.5em 1.5em}
iframe {max-width: 100%; }

.wpcf7 [role=alert] {display: block; font-size: 0.66667rem; font-style: italic; font-weight: normal; margin-bottom: 0.88889rem; margin-top: -1px; padding: 0.33333rem 0.5rem 0.5rem; background: #f04124; color: #FFFFFF;} 
.wpcf7 .wpcf7-mail-sent-ok[role=alert] {background: #249024;}
.screen-reader-response ul {display: none;}
.wpcf7 form {padding: 1.5em 2em}
.wpcf7 form p {font-size: 15px; line-height: 1.5em;}
.wpcf7 .required {font-weight: bold}
.wpcf7 label {font-size: 15px; line-height: 1.5em; margin-bottom: 1em}
.wpcf7 label input {margin-top: 0.4em;}
.institute-logo img {width: 100px;}
