@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}


* {
	font-family: 'Open Sans', sans-serif;
}

body {
	height: auto;
	position: relative;
}

body.page-default,body.page-main {
	background: black;
}


.width-gt-980 .wrapper {
	width: 960px;
	margin: 0px auto;
}

.wrapper {
	position: relative;
	z-index: 2;
}

.clear {
	clear: both;
}

.content-separator {
	height: 30px;
}

/* LAYOUT */
#logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}
.width-lt-640 #logo {
	position: absolute;
	left: 10px;
}

#document-header {
	height: 100px;
	background: rgba(0,0,0,0.6);
	position: relative;
	z-index: 1000;
}

#document-header .wrapper {
	position: relative;
}

#document-footer {
	min-height: 61px;
	bottom: 0;
	background: black;
	width: 100%;
	position: relative;
	z-index: 2;
}
#page-main #document-footer {
	min-height: 61px;
	bottom: 0;
	background: black;
	width: 100%;
	position: fixed;
	z-index: 2;
}

#document-footer, #document-footer * {
	color: #7f7f7f;
	font-size: 11px;
	line-height: 17px;
}

.width-gt-980 #legal {
	width: 200px;
	margin: 0px auto;
	padding-top: 15px;
	text-align: center;
}

.width-lt-980 #legal {
	padding: 0px;
	text-align: center;
}

.width-gt-980 #lioweb {
	position: absolute;
	right: 20px;
	top: 15px;
	text-align: right;
}

.width-lt-980 #lioweb {
	padding-bottom: 10px;
	text-align: center;
}

#footer-logo {
	width: 250px;
	height: 89px;
	position: absolute;
	left: 355px;
}


/* MENU */
#menu-main {
	position: absolute;
	z-index: 1000;
}

.width-gt-980 #menu-main {
	left: 165px;
	top: 40px;
}

.width-lt-980 #menu-main {
	right: 0px;
	top: 25px;
	width: 100%;
	max-width: 400px;
}

#menu-main-mobile-button {
	position: absolute;
	right: 20px;
	top: -7px;
	width: 60px;
	height: 60px;
	background: url(../images/mobile-menu-button.png) no-repeat center center;
  border: 1px solid #c2cacc;
	cursor: pointer;
	border-radius: 5px;
}

#menu-main .content > ul.ll-responsive {
	margin-top: 75px;
}

#menu-main .content > ul > li {
	display: block;
	float: left;
	padding: 0px 15px;
	height: 60px;
}
#menu-main .content ul.ll-responsive li {
	float: none;
	padding: 0;
	height: auto;
	background: rgba(0,0,0,0.9);
}

#menu-main ul ul {
	background: rgba(0,0,0,.85);
	padding: 7px 0;
}

#menu-main ul.ll-responsive ul {
	padding: 0;
	background: #333;
	position: static;
}

#menu-main ul ul li {
	padding: 8px 15px;
}

#menu-main .ll-responsive .level-2 a {
	padding-left: 35px;
}

#menu-main .ll-responsive .level-3 a {
	padding-left: 55px;
}

#menu-main .ll-responsive .level-4 a {
	padding-left: 75px;
}

#menu-main a {
	color: #c2cacc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	text-transform: uppercase;
}
.width-lt-980 #menu-main a {
	font-size: 17px;
}

#menu-main .ll-responsive a {
	display: block;
	padding: 20px 15px;
	border-bottom: 1px solid #666;
}

#menu-main a:hover {
	color: #bca65d;
	transition: all .3s ease-in-out;
  	-moz-transition: all .3s ease-in-out;
  	-webkit-transition: all .3s ease-in-out;
  	text-decoration: none;
}

#menu-main .ll-responsive a:active {
	background: #666;
}

#menu-main a.selected {
	font-weight: bold;
	color: #bca65d;
}

#menu-main .buttonExpand {
	display: none;
}

#menu-main .ll-responsive .buttonExpand {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 57px;
	background: url(../images/war-big.png) no-repeat center center;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#menu-main .ll-responsive .buttonExpand.expanded {
	background: url(../images/wad-big.png) no-repeat center center;
}

/* SLIDER */
#slider {
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

#slider .slides {
	overflow: hidden;
	position: relative;
}

#slider img {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/* INFOIMAGE */
#infoImage {
}

/* BREADCRUMBS */
#breadcrumbs {
}

#breadcrumbs a.link, #breadcrumbs a.link span {
}

#breadcrumbs .separator {
}


/* GALLERY */
#gallery, #lioweb-files {
	margin-top: 40px;
}

#gallery {
	margin-left: -10px;
	margin-right: -10px;
}

#gallery .item {
	margin: 1%;
	width: 23%;
}

#gallery .item img {
	width: 100%;
	max-width: 100%;
}
#gallery .item {
	margin: 1%;
	width: 31%;
}

.width-gt-640 #gallery .item:nth-child(3n+1){
    clear:both;
}

.width-lt-640 #gallery .item {
	margin: 1%;
	width: 48%;
}

.width-lt-640 #gallery .item:nth-child(2n+1){
    clear:both;
}

.width-lt-400 #gallery .item {
	margin 1%;
	width: 98%;
	clear: both;
}
#gallery .item{
  transition: all .3s;
}
#gallery .item:hover{
  opacity: .8;
}

#gallery .item .title {
	text-align: center;
  margin-top: 10px;
  min-height: 17px;
  font-size: 16px;
}
.width-lt-400 #gallery .item .title {
  margin-top: 5px;
  margin-bottom: 15px;
}

/* NEWS */
#news {
}

#news .item {
}

/* FORM */
.form {
	padding: 20px 20px;
	background: rgba(0,0,0,0.6);
	border-radius: 10px;
	margin-top: 40px;
}

.form .section {
	margin: 0 !important;
	width: 430px !important;
}

.width-lt-640 .form .section {
	width: 100% !important;
}

.form table.fields {
	width: 100%;
}

.form .statusBar {
}

.form .statusBar .message {
	font-weight: bold;
}

.form .statusBar .message.success {
	color: green;
}

.form .statusBar .message.error {
	color: red;
}

.form .statusBar .errors {
	color: red;
}

.form .formContent {
	margin-top: 30px;
}

.form .required {
	color: red;
}

.width-lt-640 .form td,
.width-lt-640 .form tr,
.width-lt-640 .form table,
.width-lt-640 .form tbody {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.form td.title {
	width: 120px;
	text-align: right;
	padding-right: 10px;
	padding-top: 9px;
}

.width-lt-640 .form td.title {
	text-align: left;
}

.form .field {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	height: 30px;
	line-height: 20px;
	padding: 2px 5px;
  background: none;
  border: 1px solid #939393;
  color: white;
  transition: all .4s;
}
.form .field:hover {
  border: 1px solid #fff;
}
.form .field:focus {
	outline: none;
  border: 1px solid #bca65d;
}

.form .field.error {
	border: 1px solid red;
}

.form textarea.field-textarea {
	padding-top: 4px;
}

.form .field-submit {
	background: #bca65d none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    padding: 10px 17px;
    border: 0;
    height: auto;
    cursor: pointer;
    font-size: 14px;
}

.form .field-submit:hover {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	border: 0;
	background: #515151;
}

.form .submit-sending {
	background: url(../images/lioweb/ajax-preloader-32x32.gif) no-repeat left center;
	min-width: 32px;;
	height: 32px;
	display: none;
	line-height: 32px;
	padding-left: 43px;
	font-weight: bold;
}

.form .field.message {
	height: 260px;
}

.form .captcha-image {
	margin: 0 !important;
}

.form .captcha-reload {
	display: inline-block;
	width: 65px;
	height: 80px;
	background: url(../images/lioweb/captcha-reload.png) no-repeat center center;
	cursor: pointer;
	margin-bottom: 5px;
}

.form .captcha-reload.loading {
	background: url(../images/lioweb/ajax-preloader-32x32.gif) no-repeat center center;
}

.form .field-captcha {
	clear: both;
}

.form .colA {
	width: 410px;
	float: left;
}

.form .colB {
	width: 490px;
	float: left;
	margin-left: 20px;
}

.form .colA table, .form .colB table {
	width: 100%;
}

.form .colC {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

.form .value-info {
	color: #9A9A9A;
	font-style: italic;
}

.table-grid {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

/* TABLEGRID */
.table-grid td {
	padding: 0 !important;
	vertical-align: top;
}

.table-grid td.separator {
	width: 30px;
}

.table-grid td.p25 {
	width: 25%;
}

.table-grid td.p33 {
	width: 33.3333%;
}

.table-grid td.p50 {
	width: 50%;
}

.table-grid td.p66 {
	width: 66.6666%;
}

/* COLORED TABLE - Farebna tabulka*/
.coloredTable {
	border-spacing: 1px;
    border-collapse: separate !important;
}

.coloredTable tr, .coloredTable tr.rowA {
}

.coloredTable tr.rowB {
}

.coloredTable td, .coloredTable th {
	padding: 8px 20px !important;
	color: white;
}

/* Bunka defaultna + parna */
.coloredTable td, .coloredTable tr.rowA td {
}

/* Bunka neparna */
.coloredTable tr:nth-child(odd) td {
	background: #353535;
}

/* Bunka zvyraznena */
.coloredTable tr.rowB td {
	color: #efe2ba;
}

/* Hlavicka */
.coloredTable th {
	text-align: left;
	font-weight: bold;
	background: #bca65d;
}

/* CATALOG CATEGORY - SUBCATEGORIES */
#catalog-list-subcategories {
	width: 100%;
	margin-top: 20px;
}

#catalog-list-subcategories a {
	width: 206px;
	padding: 15px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#catalog-list-subcategories a:hover {
	color: white;
	text-decoration: none;
}

#catalog-list-subcategories a.last {
	margin-right: 0;
}

#catalog-list-subcategories a span {
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	padding: 10px 0 0 0;
	overflow: hidden;
}

#catalog-list-subcategories img {
	display: block;
}

/* CATALOG CATEGORY - PRODUCTS */
#catalog-list-products {
	width: 100%;
	margin-top: 20px;
	-webkit-display: flex;
	-webkit-flex-wrap: wrap;
	-moz-display: flex;
	-moz-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}

.width-lt-980 #catalog-list-products {
	text-align: center;
}

#catalog-list-products h2 {
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 15px;
	overflow: hidden;
}

.width-lt-640 #catalog-list-products h2 {
	font-size: 18px;
}

#catalog-list-products h2 a {
	word-break: break-all;
}

#catalog-list-products div.item {
	display: inline-block;
	margin-right: 20px;
	/*float: left;*/
	margin-bottom: 20px;
	overflow: hidden;
	box-sizing: border-box;
}

.width-lt-980.width-gt-640 #catalog-list-products div.item:nth-child(2n+2) {
	margin-right: 0;
}

#catalog-list-products div.item.last {
	margin-right: 20px;
}

.width-gt-980 #catalog-list-products div.item:nth-child(3n+3) {
	margin-right: 0;
}

#catalog-list-products .imageContainer {
	display: block;
	width: 266px;
	height: 205px;
	text-align: center;
}

/* GALLERY LIST */
#galleryList .album {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid black;
	padding: 14px;
}

#galleryList .album.first {
	clear: both;
	margin-left: 0;
}

#galleryList .album .title {
	text-align: center;
	font-weight: bold;
}



#page-main-text {
	/*
	position: absolute;
	bottom: 61px;
	width: 546px;*/
	max-width: 100%;
	margin-top: 20%;
	box-sizing: border-box;
}

.width-lt-640 #page-main-text .wrapper {
  display: none; /*
	height: 81px;
	background: url(../images/slogan-640.png) no-repeat; */
}


.width-lt-400 #page-main-text .wrapper {
  display: none; /*
	height: 50px;
	background: url(../images/slogan-400.png) no-repeat; */
}

.width-gt-640 #page-main-text .wrapper {
	height: 124px;
  position: fixed;
  bottom: 61px;
  left: 50%;
  margin-left: -480px;
	background: url(../images/slogan-980.png) no-repeat left;
}


.width-gt-980 #facebook-like {
	position: absolute;
	top: 15px;
	left: 0;
}

.width-lt-980 #facebook-like {
	padding-top: 10px;
  padding-bottom: 5px;
	text-align: center;
}

#content {

}


.template-car {
	position: relative;
	background: rgba(0,0,0,0.6);
	border-radius: 10px;
	display: block;
	padding: 20px;
	margin-bottom: 30px;
	width: 31%;
  height: auto !important;
	max-width: 100%;
	padding-bottom: 50px;
}

.width-lt-980 .template-car {
	width: 48%;
}

.width-lt-640 .template-car {
	width: 100%;
}

.template-car img {
	display: block;
	width: 100%;
	min-height: 80px;
}

.template-car .imageWrapper {
	width: 100%;
	height: auto;
	display: block;
	background: url(../images/logo-elc.png) no-repeat center center;
	margin-bottom: 15px;
	max-width: 100%;
}

.template-car .description {
	margin-bottom: 20px !important;
}

.template-car .price {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
}

.template-car .button {
	position: absolute;
	bottom: 20px;
	left: 50%;
  margin-left: -55px;
}

.template-car .button, button.submit {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display: inline-block;
	background: #bca65d;
	padding: 10px 17px;
	color: white;
	border: 0;
	hegiht: auto;
	cursor: pointer;
}

.template-car .button:hover, button.submit:hover {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	opacity: 1;
	color: white;
	background: #515151;
}

#newsletter {
	background: rgba(0,0,0,0.6);
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 30px;
    padding-top: 25px;
    padding-bottom: 35px;
    margin-top: 20px;
	font-size: 14px;
	color: white;
	position: relative;
}
.width-lt-640 #newsletter {
	line-height: 25px;
	font-size: 16px;
}

#newsletter button.submit {
	position: absolute;
	top: 30px;
	right: 30px;
	text-transform: uppercase;
}

.width-lt-980 #newsletter button.submit {
	position: static;
	margin-top: 20px;
}

#newsletter .email {
	position: absolute;
	position: absolute;
	top: 34px;
	right: 170px;
	line-height: 28px;
	height: 28px;
	border: 1px solid #939393;
	background: none;
	color: #939393;
	padding: 0px 5px;
	width: 235px;
}

.width-lt-980 #newsletter .email {
	position: static;
	margin-top: 20px;
}

#newsletter .title {
	color: #ddbd82;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#newsletter .messages .error {
	position: absolute;
	left: 543px;
	font-weight: bold;
	color: #FF6868;
	top: 78px;
}

.width-lt-980 #newsletter .messages .error {
	position: static;
	margin-top: 10px;
}

#newsletter .messages .ok {
	color: #62c462;
	font-weight: bold;
	position: absolute;
	left: 543px;
	top: 48px;
}

.width-lt-980 #newsletter .messages .ok {
	position: static;
	margin-top: 10px;
}

#newsletter .ajax-loader {
	left: 518px;
    position: absolute;
    top: 41px;
}

.width-lt-980 #newsletter .ajax-loader {
	display: block;
	position: static;
	margin-top: 20px;
}


/* TABLE GRID */
.table-grid {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: hide;
}

.table-grid td {
	padding: 0 !important;
	vertical-align: top;
}

.table-grid td:empty {
	display: none !important;
}

.table-grid td.separator {
	width: 2%;
}

.table-grid td img {
	max-width: 100%;
	max-height: 100%;
}

.table-grid td.p25 {
	width: 23.5%;
}

.table-grid td.p33 {
	width: 32.66666666666667%;
}

.table-grid td.p50 {
	width: 49%;
}

.table-grid td.p66 {
	width: 65.33333333333333%;
}

/* TABLE GRID - Responsivity*/
.width-lt-400 .table-grid-50-50  tr,
.width-lt-640 .table-grid-33-33-33 tr,
.width-lt-640 .table-grid-25-25-25-25 tr {
	display: block;
}

.width-lt-400 .table-grid-50-50 td.p50,
.width-lt-640 .table-grid-33-33-33 td.p33 {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	content: "cmd(hide-if-empty|reset-height)";
}

.width-lt-400 .table-grid-50-50 td.separator,
.width-lt-640 .table-grid-33-33-33 td.separator,
.width-lt-640 .table-grid-25-25-25-25 td.separator {
	display: none;
}

.width-lt-640 .table-grid-25-25-25-25 td.p25 {
	width: 49%;
	display: block;
	float: left;
	margin-bottom: 20px;
}

.width-lt-400 .table-grid-25-25-25-25 td.p25 {
	width: 100%;
	display: block;
	float: none;
	clear: both;
}

.width-lt-640 .table-grid-66-33 td.p33,
.width-lt-640 .table-grid-66-33 td.p66,
.width-lt-640 .table-grid-33-66 td.p33,
.width-lt-640 .table-grid-33-66 td.p66 {
	width: 100%;
	display: block;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

.width-lt-640 .table-grid-66-33 td.separator, .width-lt-640 .table-grid-33-66 td.separator  {
	display: none;
}