body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
	margin-bottom: 70px;
}

h1 {
	color: #3484D2;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

html.js .jshidden {
	display: none;
}

div#main-menu-wrapper ul.menu, div#main-menu-wraper ul.menu li ul.menu{
    /**border-bottom: 3px solid #11742E;*/
    color: #FFFFFF;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#main-menu-wrapper ul.menu li {
    /**border-right: 1px solid #11742E;*/
    margin: 0;
    margin-right: 2px;
    margin-left: 2px;
    display: block;
    float: left;
    height: 42px;
    position: relative;
}

div#snippet--dependencies ul.menu {
    /**border-bottom: 3px solid #11742E;*/
    color: #FFFFFF;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#snippet--dependencies ul.menu li {
    /**border-right: 1px solid #11742E;*/
    margin: 0;
    margin-right: 2px;
    margin-left: 2px;
    display: block;
    float: left;
    height: 42px;
    position: relative;
}

#rt-header {
    background-color: #fff;
				border-bottom: 1px solid #eeeeee;
    margin: 20px 0;
    padding-bottom: 15px;
}

.gf-menu.l1 > li > .item {
    font-size: 17px;
    height: inherit;
    line-height: 1.1;
    margin: 15px 15px 12px 15px;
    position: relative;
    text-align: center;
				border: 0;
				background-color: #fff;
				color: black;
				display: inline-block;
}
.gf-menu.l2 > li > .item {
    color: #818181;
}

.gf-menu.l1 > li > .item:hover,
.gf-menu.l1 > li.active > .item:hover,
.gf-menu > li > .item:hover{
/*    background: #b0356a none repeat scroll 0 0;*/
    color: #DD0060;
}

.gf-menu.l1 > li.menu-level-0::after {
    content: '';
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0.5rem;
    background-color: #DD0060;
    transition: width 0.2s ease-out;
}

.gf-menu.l1 > li.menu-level-0:hover::after {
    left: 0;
    width: 100%;
}


.gf-menu.l1 > li.active > .item {
/*				color: #b0356a;*/
/*				font-weight: bold;*/
}

.gf-menu.l1 > li.menu-level-0 {
    float: left;
				border-left: 1px solid #d1d1d1;
}

.gf-menu.l1 > li.menu-level-0:first-child {
				border-left: none;
}

body .rt-container .logo-block {
    width: 200px;
}

div#main-menu-wrapper > ul.gf-menu {
    display: inline-block;
/*    margin: 27px 5px 10px 45px;*/
}

body .rt-container .rt-grid-7 {
    width: 660px;
}

header#rt-header.header div.rt-container center {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #b0356a;
}

#rt-mainbody {
    color: #666;
				background: none;
    border: none;
}

h2 {
    color: #b0356a;
    font-size: 30px;
    text-transform: uppercase;
				margin-bottom: 30px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #e9e9e9;
    border: 1px solid #d1d1d1;
				border-bottom: none;
    box-shadow: none;
				color: #666;
				border-radius: 0;
				margin-bottom: 10px;
}

div#filtr.filtr, div#filter.filter {
				margin-bottom: 25px;
				border-bottom: 1px solid #d1d1d1;
				padding-bottom: 15px;
}

input.rowCheckbox {
    margin-top: 0;
}

table {
    font-size: 13px;
}

div#snippet--select table.table.table-condensed thead {
    background: #e9e9e9;
}

div#snippet--select table.table.table-condensed thead th {
    padding: 9px 5px;
}

div#snippet--select div.paginator {
    font-size: 13px;
				margin-bottom: 15px;
}

div.paginator a.filterajax {
    border: 1px solid #d1d1d1;
    display: inline;
    padding: 5px 10px;
}

div.paginator span.current {
    padding: 5px 10px;
				margin: 0 3px;
				font-weight: bold;
}

#rt-mainbody a {
    color: #b0356a;
				font-weight: bold;
}

table.ui-datepicker-calendar tbody tr td a.ui-state-default, div.ui-datepicker-header, .ui-datepicker table, table.ui-datepicker-calendar thead tr th span {
    font-size: 12px;
}

#filtr .chosen-container-single .chosen-single,
#filter .chosen-container-single .chosen-single {
    background: #e9e9e9;
    border: 1px solid #d1d1d1;
				border-bottom: none;
    border-radius: 0;
    color: #444;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
				font-size: 12px;
				/*margin-bottom: 10px;*/
}
#frm-pokladna .chosen-container-single .chosen-single {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #e9e9e9 none repeat scroll 0 0;
    border-color: #d1d1d1 #d1d1d1 -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #444;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
/*    margin-bottom: 10px;*/
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

#detail-okno .chosen-container-single .chosen-single,
#frm-klientForm .chosen-container-single .chosen-single{
    background: #e9e9e9;
    border: 1px solid #d1d1d1;
				border-bottom: none;
    border-radius: 0;
    color: #444;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
				font-size: 12px;
/*				margin-bottom: 10px;*/
}
#frm-klientForm .chosen-container-single {
    margin-bottom: 10px;
}

div#snippet--detail div#detail-okno .chosen-container.chosen-container-single {
    width: 100% !important;
}

.chosen-container div.chosen-drop,
.chosen-container.chosen-container-single div.chosen-drop {
    color: black !important;
				box-shadow: none !important;
				border-radius: 0;
                                font-weight: 700;
/*				border: none;*/
}

.btn-primary {
    background: #444;
    border: none;
    color: #fff;
    text-shadow: none;
				border-radius: 0;
				font-weight: bold;
				font-size: 13px;
}

input[type="submit"] {
    background: #444;
    border: none;
    color: #fff;
    text-shadow: none;
				border-radius: 0;
				font-weight: bold;
				font-size: 13px;
				padding: 5px 15px;
} 

input[type="submit"]:hover {
    background: #555;
}

input[type="submit"].btn-danger {
    background: #fff;
    border: 1px solid #d1d1d1;
    color: #666;
    text-shadow: none;
				border-radius: 0;
				font-weight: bold;
				font-size: 13px;
}

input[type="file"] {
				font-weight: bold;
				font-size: 11px;
				margin-bottom: 7px;
}

div#detail-okno input[name="send"]  {
				margin-bottom: 15px;
}

li.menu-level-0:hover div.dropdown.hide {
				display: block;
				position: absolute;
				z-index: 105;
                                margin-top: 0.5rem;
}

li.menu-level-0:hover div.dropdown.hide ul {
    margin-left: 0;
    padding: 5px 15px;
}

li.menu-operator.menu-provozovatel.menu-level-1 a:hover {
/*    text-decoration: underline;*/
}

div#snippet--detail {
    clear: both;
}

div#dependencies-menu {
    display: block;
    height: 30px;
    margin-bottom: 10px;
    position: relative;
}

div#dependencies-menu.menu-block div#snippet--dependencies {
    left: -40px;
    position: absolute;
    top: -20px;
}

div#dependencies-menu .gf-menu.l1 > li > .item {
    background-color: #fff;
    border: 0 none;
    color: #666;
    display: inline-block;
    font-size: 13px;
    height: inherit;
    line-height: 1.1;
    padding: 15px 15px 12px;
    position: relative;
    text-align: center;
}

div#dependencies-menu .gf-menu.l1 > li {
    list-style: none;
}

div#dependencies-menu li.active a.item.active { 
    color: #b0356a;
}

.button.active, .button:hover, .button:focus, .readon.active, .readon:hover, .readon:focus, button.validate.active, button.validate:hover, button.validate:focus, p.readmore a.active, p.readmore a:hover, p.readmore a:focus, #member-profile a.active, #member-profile a:hover, #member-profile a:focus, #member-registration a.active, #member-registration a:hover, #member-registration a:focus, .formelm-buttons button.active, .formelm-buttons button:hover, .formelm-buttons button:focus, .controls .btn.active, .controls .btn:hover, .controls .btn:focus, .logout-button .btn.active, .logout-button .btn:hover, .logout-button .btn:focus, #gantry-totop.active, #gantry-totop:hover, #gantry-totop:focus, .pagenav a.active, .pagenav a:hover, .pagenav a:focus, .sprocket-mosaic-header li.active, .sprocket-mosaic-header li:hover, .sprocket-mosaic-header li:focus, .sprocket-readmore.active, .sprocket-readmore:hover, .sprocket-readmore:focus, .sprocket-mosaic-loadmore.active, .sprocket-mosaic-loadmore:hover, .sprocket-mosaic-loadmore:focus, .sprocket-lists-title .indicator.active, .sprocket-lists-title .indicator:hover, .sprocket-lists-title .indicator:focus, .roksearch_results a.clr.active, .roksearch_results a.clr:hover, .roksearch_results a.clr:focus, #k2Container .k2ReadMore.active, #k2Container .k2ReadMore:hover, #k2Container .k2ReadMore:focus, #k2Container #submitCommentButton.active, #k2Container #submitCommentButton:hover, #k2Container #submitCommentButton:focus {
    background: none;
    background-image: none;
}

#system-message .alert {
    background: #e9e9e9;
    border: none;
				border-radius: 0;
    box-shadow: none;
    text-shadow: none;
				color: #b0356a;
				font-size: 13px;
				font-weight: bold;
				margin: 0;
}

#system-message .alert::before {
    float: none;
}

#system-message {
    margin: 0;
    padding: 0;
				margin: 0;
}

input.formCheckbox.FormFilter {
    float: left;
    margin-right: 7px;
}
 
table.form-horizontal tbody tr td label[for="frmExbPrekladyFilterformFilter-filter_neprelozeno"] {
    font-size: 13px;
				margin-top: 1px;
}

#rt-mainbody-surround div#content-detail {
    background: #fff;
    border: none;
    border-radius: 0;
    display: none;
				color: #666;
}

a {
    color: #b0356a;
}

a:hover, .background-overlay-dark a:hover {
    color: #b0356a;
}

div.hide-lower.pull-right {
    background: #e9e9e9;
    position: absolute;
    right: 0;
    top: 0;
}

div.hide-lower.pull-right:hover {
    background: #d1d1d1;
}

a#siudBack span.icon-remove-circle {
    display: inline-block;
    font-size: 27px;
    padding: 10px;
				color: #666666;
}

div#detail-okno table th.control-label {
    float: left;
    padding-right: 10px;
    padding-top: 2px;
    text-align: right;
    width: 160px;
				font-size: 13px;
}

div#detail-okno table label {
				font-size: 13px;
}

div#snippet--detail h3 {
    color: #666;
    font-size: 25px;
    font-weight: normal;
}

div#snippet--signIn div#user-wrapper {
    color: #666;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: right;
				margin-right: 5px;
}

div#header-sign-in-wrapper.header-sign-in-wrapper {
    display: inline-block;
    margin-top: 5px;
    width: 150px;
}

div#signin-wrapper div#signout-wrapper {
				text-align: right;
}

div#signin-wrapper div#signout-wrapper .btn-warning, div#signin-wrapper .btn-warning {
    background: #444 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 12px;
    text-align: right;
    text-shadow: none;
}
div#signin-wrapper .login-btn {
    font-size: 17px;
    height: inherit;
    line-height: 1.1;
    padding: 15px 15px 12px 15px;
    position: relative;
    text-align: center;
    border-radius: 0;
    font-weight: normal;
    border: 0;
    display: inline-block;
    background: #b0356a none repeat scroll 0 0;
    color: #FFFFFF;
}
div#signin-wrapper{margin-top: 7px;}

div#signin-wrapper div#signout-wrapper .sign-out.btn-warning {
    padding: 0 43px 0 15px;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    background-color: transparent;
    background-image: linear-gradient(to right, black 50%, #818181 50%);
    background-size: 202% 100%;
    background-position-x: 100%;
    position: relative;
}
div#signin-wrapper div#signout-wrapper .sign-out.btn-warning::after {
    height: 25px;
    width: 28px;
    background-color: transparent;
    background-image: linear-gradient(to right, black 50%, #818181 50%);
    background-size: 202% 100%;
    background-position-x: 100%;
    content: url('../images/chevron-right.svg');
    display: inline;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 3px;
}
div#signin-wrapper div#signout-wrapper .sign-out.btn-warning:hover {
    background-position-x: -28px;
    transition: background-position 0.2s linear;
}
div#signin-wrapper div#signout-wrapper .sign-out.btn-warning:active::after {
    background-position-x: 0;
    transition: background-position 0.2s linear;
}


div#signin-popup {
    background: #fff;
    border: 0;
    border-radius: 0;
    height: auto;
/*    left: inherit !important;*/
    margin: 0 auto;
    overflow: visible;
    padding: 10px;
    position: absolute;
    top: 50px;
    z-index: 1002;
}

form#frm-signIn.form-sign-in th.control-label label, form#frm-restoreForm label, form#frm-obnoveniForm label {
    color: #999999;
				font-size: 13px;
}

div#snippet--signIn a.btn.btn-link {
    color: #999999;
				font-size: 13px;
}

div.sign-in-form-div form#frm-signIn.form-sign-in tr.required th.control-label {
    width: 130px;
}

input#frmsignInForm-send.btn.btn-warning {
    float: right;
}

body .rt-container .rt-grid-8 {
    width: 760px;
}

th label {
    font-weight: bold;
}
.zakaznikInfo{
    color: #999;
    white-space: nowrap;
}
.homepage-text{
    width: 75%;
    float: left;
    color: #666;
    margin-left: -30px;
    padding: 0 15px;
}
.homepage-bannery{
    width: 25%;
    float: left;
    text-align: right;
}
.banner-image{width: 240px;}
.banner-container{padding-bottom: 5mm;}

.kontaktniformular-left{
    float: left;
    width: 40%;
}
.kontaktniformular-right{
    float: left;
    width: 60%;
    font-size: 17px;
}
form#frm-registrationForm .form-horizontal .control-label {width: 250px;}

form#frm-registrationForm tr.required th label::after{content: " *";}

ul.menu-provozovatel.l1{ width: 830px; }

div.statistiky-filter-form-pair{ float: left; width: calc(100%/8);}
div.statistiky-filter-form-container form > :first-child{ float: left; width: calc(100%/4);}
div.statistiky-filter-form-label label{ color: #333; width: 100%;}
div.statistiky-filter-form-input input, div.statistiky-filter-form-input select{ width: 90%;}
div.statistiky-filter-form-input .chosen-container-single .chosen-single {
	border-radius: 0; 
	background: none; 
	height: 26px; 
	border: 1px solid #aaa; 
	color: #666;
}
div.statistiky-filter-form-input input.formDate{
	border: 1px solid #aaa; 
	height: 26px; 
	background-color: #fff;
}
div.statistiky-filter-result-container{ clear: both; color: #333; }

li.menu-provozovatel div.dropdown,
li.menu-partner div.dropdown{ z-index:1000; background-color: #fff; }
.rt-container{padding: 0 20px;width: 1160px;}
.rt-container.container{width:auto; max-width: 1160px;}

#objednani-za-zakaznika select, 
#objednani-za-zakaznika textarea, 
#objednani-za-zakaznika input[type="text"], 
#objednani-za-zakaznika input[type="password"], 
#objednani-za-zakaznika input[type="datetime"], 
#objednani-za-zakaznika input[type="datetime-local"], 
#objednani-za-zakaznika input[type="date"], 
#objednani-za-zakaznika input[type="month"], 
#objednani-za-zakaznika input[type="time"], 
#objednani-za-zakaznika input[type="week"], 
#objednani-za-zakaznika input[type="number"], 
#objednani-za-zakaznika input[type="email"], 
#objednani-za-zakaznika input[type="url"], 
#objednani-za-zakaznika input[type="search"], 
#objednani-za-zakaznika input[type="tel"], 
#objednani-za-zakaznika input[type="color"], 
#objednani-za-zakaznika .uneditable-input {
    color: #555;
}



h1, h2, h3, h4, h5, h6 { color: #DD0060; }

div#snippet--select table.table.table-condensed thead {
    background: rgb(55,165,140);
    color: white;
    font-family: 'BrixSans';
}
div#snippet--select table.table.table-condensed thead th {
    vertical-align: top;
}
div#snippet--select table.table.table-condensed thead th a {
    color: white;
}


.homepage-content .homepage-logged-in .homepage-image,
.homepage-content .homepage-logged-out .homepage-image{
    width: 701px;
    display: table-cell;
    position: relative;
}
.homepage-content .homepage-logged-in .homepage-image .whitebox {
    display: none;
    color: black;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: white;
    padding: 15px;
}
.homepage-content .homepage-logged-in .homepage-image:hover .whitebox {
    display: block;
}
.homepage-content .homepage-logged-in .homepage-image .whitebox h4 {
    color: black;
}

.homepage-content .homepage-logged-out .homepage-form-widget,
.homepage-content .homepage-logged-in .homepage-skoleni-widget {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget h4 {
    color: black;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .homepage-skoleni-detail {
    margin-top: 10px;
    padding-left: 15px;
    border-top: #d9d9d9 solid 2px;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-img {
    width: 36%;
    margin-right: 4%;
    float: left;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-img img {
    width: 100%;
    height: auto;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text {
    width: 60%;
    float: right;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text span.skoleni-datum {
    font-size: 13px;
    color: #b0b0b0;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text h5 {
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text p.skoleni-typy {
    color: #818181;
    font-size: 14px;
    line-height: 16px;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text a {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}
.homepage-content .homepage-logged-in .homepage-skoleni-widget .skoleni-text a:hover {
    text-decoration: underline;
}

.homepage-content .homepage-logged-out .homepage-form-widget {
    color: #b0b0b0;
}
.homepage-content .homepage-logged-out .homepage-form-widget .sign-in-form-column:first-child input {
    width: 180px;
}
.homepage-content .homepage-logged-out .homepage-form-widget .sign-in-form-column {
    width: 50%;
    float: left;
    white-space: nowrap;
}
.homepage-content .homepage-logged-out .homepage-form-widget .btn-login,
.green-rehau-btn {
    margin-top:25px;
    padding: 0 43px 0 15px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    background-color: transparent;
    background-image: linear-gradient(to right, black 50%, #37A58C 50%);
    background-size: 202% 100%;
    background-position-x: 100%;
    position: relative;
    width: 100%;
}
.homepage-content .homepage-logged-out .homepage-form-widget .btn-login::after,
.green-rehau-btn::after {
    height: 25px;
    width: 28px;
    background-color: transparent;
    background-image: linear-gradient(to right, black 50%, #37A58C 50%);
    background-size: 202% 100%;
    background-position-x: 100%;
    content: url('../images/chevron-right.svg');
    display: inline;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 3px;
}
.homepage-content .homepage-logged-out .homepage-form-widget .btn-login:hover,
.green-rehau-btn:hover {
    background-position-x: -28px;
    transition: background-position 0.2s linear;
}
.homepage-content .homepage-logged-out .homepage-form-widget .btn-login:active::after,
.green-rehau-btn:active::after {
    background-position-x: 0;
    transition: background-position 0.2s linear;
}
.homepage-content .homepage-logged-out .homepage-form-widget .secondary-buttons{
    margin-top: 33px;
}
.homepage-content .homepage-logged-out .homepage-form-widget .btn.btn-link.login-form {
    color: white;
    background-color: #b0b0b0;
    padding: 2px 10px;
}
.homepage-content .homepage-logged-out .homepage-form-widget .top-benefits-header {
    color: black;
    font-size: 24px;
    line-height: 28px;
}
.homepage-content .homepage-logged-out .homepage-form-widget .top-benefits {
/*    background-color: #f2f2f2; */
}
.homepage-content .homepage-logged-out .homepage-form-widget .top-benefits .benefit-image {
    float: left;
    width: 190px;
    padding: 0 20px 20px 0;
}

.homepage-content .homepage-signin-form{
    width: 220px;
    display: block;
    float: left;
}
.homepage-content .homepage-signin-form ul.errors li{
    color: red;
}
.homepage-content .homepage-signin-form .homepage-form-title h3{
    color: black;
    font-weight: normal;
}
.homepage-content .homepage-signin-form label{
    color: #aaa;
}
.homepage-content .homepage-signin-form input#frmsignInForm-send{
    width: 100%;
    background: #b0356a none repeat scroll 0 0;
    float: none;
    font-size: 17px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
}
.homepage-content .homepage-signin-form .homepage-form-buttons a{
    display: inline-block;
    width: 49%;
    padding: 5px 0;
    color: white;
    background-color: #ccc;
    text-shadow: none;
    border: 0;
}
.homepage-text{
    width: 75%;
    float: left;
    color: #666;
    margin-right: -30px;
    padding: 0 15px;
}
.homepage-bannery{
    width: 25%;
    float: left;
    text-align: right;
}
.banner-image{width: 240px;}
.banner-container{padding-bottom: 5mm;}

.kontaktniformular-left{
    float: left;
    width: 40%;
}
.kontaktniformular-right{
    float: left;
    width: 60%;
    font-size: 17px;
}
form#frm-registrationForm .form-horizontal .control-label {width: 250px;}

form#frm-registrationForm tr.required th label::after{content: " *";}



footer.footer {
    width: 100%;
    margin-top: 40px;
}

footer.footer .footer-gray {
    background-color: #d7d7d7;
    height: 30px;
}
footer.footer .footer-green {
    background-color: #37A58C;
    height: 100px;
}
footer.footer .footer-green img {
    float: right;
    height: 40px;
    margin: 30px 140px;
}
footer.footer .footer-black {
    background-color: black;
    color: white;
    padding: 40px 0 40px 0;
}
footer.footer .footer-black .footer-black-column {
    display: block;
    float: left;
    width: 33%;
}
footer.footer .footer-black .footer-black-column h5 {
    color: white;
}
footer.footer .footer-black .footer-black-column p {
    margin: 0;
}
footer.footer .footer-black .footer-black-column a {
    color: white;
}
body {
    margin-bottom: 0;
}

footer div.footer-black-column div.social-media ul#social-media-list {
    list-style: none;
    text-align: right;
}
footer div.footer-black-column div.social-media ul#social-media-list li,
footer div.footer-black-column div.social-media ul#social-media-list li i.facebook,
footer div.footer-black-column div.social-media ul#social-media-list li i.youtube,
footer div.footer-black-column div.social-media ul#social-media-list li i.iconweb {
    width: 40px;
    height: 40xp;
    display: inline-block;
}
footer div.footer-black-column div.social-media ul#social-media-list li i.facebook::before {
    content: url('../images/fb_icon_black.svg');
}
footer div.footer-black-column div.social-media ul#social-media-list li i.facebook:hover::before {
    content: url('../images/fb_icon_white.svg');
}
footer div.footer-black-column div.social-media ul#social-media-list li i.youtube::before {
    content: url('../images/yt_icon_black.svg');
}
footer div.footer-black-column div.social-media ul#social-media-list li i.youtube:hover::before {
    content: url('../images/yt_icon_white.svg');
}
footer div.footer-black-column div.social-media ul#social-media-list li i.iconweb::before {
    content: url('../images/www-ikona_black.svg');
}
footer div.footer-black-column div.social-media ul#social-media-list li i.iconweb:hover::before {
    content: url('../images/www-ikona_white.svg');
}
/*
[data-component="slideshow"] .slide {
	display: none;
        text-align: center;
        width: 700px;
        height: 525px;
        transition: ease-in-out 2s;
}
[data-component="slideshow"] .slide img {
    max-width: 100%;
    max-height: 100%;
}

[data-component="slideshow"] .slide.active {
	display: block;
}
*/
[data-component="slideshow"] {
    width: 700px;
    height: 525px;
    overflow: hidden;
    position: relative;
}
[data-component="slideshow"] .slide {
    position: absolute; 
    text-align: center;
    width: 700px;
    height: 525px;
    top: 0; 
    left: 100%;
    animation: 12s slideshow infinite ease-in-out; /* 12s => 4 obrazku po 3s */
}
[data-component="slideshow"] .slide img {
    max-width: 100%;
    max-height: 100%;
}
@keyframes slideshow {
  0% {left: 100%} /* zacatek */
  4% {left: 0%} /* najeti */
  25% {left: 0%} /* zacatek odjeti (25% protoze jsou 4 obrazku, tedy po 3s zmena) */
  29% {left: -100%} /* konec odjeti */
  100% {left: -100%} /* priprava na dalsi najeti */
}
[data-component="slideshow"] > div .slide:nth-child(1) {animation-delay: 0s} /* je 5 obrazku, proto se animace spousti po 3s pro kazdy */
[data-component="slideshow"] > div .slide:nth-child(2) {animation-delay: 3s}
[data-component="slideshow"] > div .slide:nth-child(3) {animation-delay: 6s}
[data-component="slideshow"] > div .slide:nth-child(4) {animation-delay: 9s}
/* [data-component="slideshow"] > div .slide:nth-child(5) {animation-delay: 12s} */


div.homepage-content div.homapage-block {
    margin-bottom: 30px;
}
div.homepage-content div.homapage-block .block-left {
    float: left;
}
div.homepage-content div.homapage-block .block-right {
    float: right;
}
.full-width-block {
    margin: 0 calc((100vw - 1160px) / -2);
    padding: 0 calc((100vw - 1160px) / 2);
    padding-top: 20px;
}
div.homepage-content div.homapage-block .block-with-text {
    padding: 20px;
    width: calc(55% - 40px);
}
div.homepage-content div.homapage-block .block-with-text.half {
    width: calc(49.9% - 40px);
}
div.homepage-content div.homapage-block .block-with-img {
    width: 40%
}
div.homepage-content div.homapage-block h3 {
    margin: 15px 0;
    display: block;
}
div.homepage-content div.homapage-block p {
    margin: 20px 0;
    display: block;
    color: rgb(129,129,129);
}
[data-component="slideshow"],
[data-component="slideshow"] .slide{
    width: 460px;
    height: 270px;
}
.purple-color {
    color: rgb(221,0,96) !important;
}
.white-color {
    color: white !important;
}
.purple-button {
    color: white;
    background-color: rgb(221,0,96);
    padding: 10px 20px;
    display: inline-block;
}
a.purple-button:hover {
    color: rgb(176,176,176);
}
.white-button {
    color: rgb(55,165,140);
    background-color: white;
    padding: 10px 20px;
    display: inline-block;
}
.gray-button {
    color: white;
    background-color: rgb(176,176,176);
    padding: 10px 20px;
    display: inline-block;
}
.purple-button img {
    display: inline-block;
    width: 20px;
    margin-right: 15px;
    margin-top: -3px;
}
.background-overlay-dark div.homapage-block a.purple-button:hover{
    background-color: black;
    color: white;
}
.background-overlay-dark div.homapage-block a.purple-button:hover span {
    text-decoration: underline;
}
.background-overlay-dark div.homapage-block a.white-button:hover{
    background-color: black;
    color: rgb(55,165,140);
}
.background-overlay-dark div.homapage-block a.white-button:hover span {
    text-decoration: underline;
}
.text-center {
    text-align: center;
}
.green-background {
    background-color: rgb(55,165,140);
}
.gray-background {
    background-color: rgb(240,240,240);
}
.homepage-skoleni-wrapper {
    padding: 40px 0 20px 0;
}
.homepage-skoleni-wrapper .homepage-skoleni-detail {
    width: calc(50% - 35px);
    float: left;
    margin: 0 15px 0 20px;
}
.homepage-skoleni-wrapper .homepage-skoleni-detail .skoleni-img{
    float:left;
    width:40%;
}
.homepage-skoleni-wrapper .homepage-skoleni-detail .skoleni-text{
    float:left;
    width: calc(59.9% - 40px);
    padding: 0 30px 10px 10px;
}
.homepage-skoleni-wrapper .homepage-skoleni-detail .skoleni-text p{
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.2;
}
div#snippet--signIn a.btn.btn-link{
    color: white;
}
div#signin-wrapper a.green-rehau-btn {
    margin-top: 0;
    margin-left: -35px;
    display: inline-block;
}

.p0 {
    padding: 0;
}

.mb-0 {
    margin-bottom: 0;
}
/* Social channels tile on homepage (#5415) */
.social-channels-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
}
.social-channels-wrapper .social-channel-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-channels-wrapper .social-channel-item img {
    height: 48px;
    width: auto;
    transition: opacity 0.2s;
}
.social-channels-wrapper .social-channel-item:hover img {
    opacity: 0.75;
}
.social-channels-wrapper .social-channel-item img.logo-wide {
    height: 38px;
}