* {
padding: 0px;
margin : 0px;
}
html,
body {
height : 100%;
margin : 0;
padding: 0;
}
.bg {
background-image : url('/img/stavoinvest.png');
background-repeat : no-repeat;
background-position : center center;
-webkit-background-size: contain;
-moz-background-size : contain;
-o-background-size : contain;
background-size : contain;
width : 100%;
height : 100%;
}
* {
padding : 0px;
margin : 0px;
-webkit-overflow-scrolling: touch;
}
html.lam-home {
height: 100%;
}
body {
height : 100%;
margin : 0;
padding: 0;
}
/*
.bg {
background-image : url('/images/lesamed-maintenance.jpg');
background-repeat : no-repeat;
background-position : center center;
-webkit-background-size: contain;
-moz-background-size : contain;
-o-background-size : contain;
background-size : contain;
width : 100%;
height : 100%;
}
*/
.lam-uvod-nologin {
background-image : url('/images/lesamed-maintenance.jpg');
background-repeat : no-repeat;
background-position : center center;
-webkit-background-size: contain;
-moz-background-size : contain;
-o-background-size : contain;
background-size : contain;
width : 100%;
height : 100%;
padding : 0px;
}
.lam-uvod-sekce {
height : 100%;
min-height: 100%;
display : table;
width : 100%;
}
/* TABLE OF CONTENTS */
/*
1. GENERAL STYLES
A. HOME
2. HEADER
3. BANNER
4. BESTSELLERS
5. MAPA
6. FOOTER
B. HOUSES
7. HOUSES
C. TEXT
8. TEXT
9. CATEGORIES
D. CONTACT
10. FORM
11. INFO ICONS
E. SEARCH RESULTS
12. ARTICLES
*/
/* 1. GENERAL STYLES */
::-moz-selection {
background-color: #eeb741;
color : white;
}
::selection {
background-color: #eeb741;
color : white;
}
html {
position : relative;
min-height: 100%;
}
body {
padding-top: 0px;
margin : 0 0 0px;
}
html,
body {
overflow-x: hidden;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
textarea,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
address,
section,
video,
audio {
font-family : inherit;
font-size : 100%;
font-style : inherit;
font-weight : inherit;
line-height : inherit;
border : 0;
outline : 0;
-webkit-font-smoothing: antialiased;
-ms-word-wrap : break-word;
word-wrap : break-word;
}
a,
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
.nastred {
text-align: center;
}
/* A. HOME */
/* 2. HEADER */
.navbar-collapse {
/*
border-top: #fff solid 2px;*/
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav {
float: right;
}
.navbar-collapse {
padding-right: 0px;
}
.list-inline.top-menu li {
font-weight: bold;
}
.top-menu-item.tmi2 {
margin-right: 0px;
}
header {
font-family : sans-serif;
position : relative;
margin-bottom: 100px;
}
header ul.top-menu li {
cursor : pointer;
position : relative;
box-shadow : -7px 7px 0 0 #B2B2B2;
border-radius: 0px;
font-size : 13px;
margin-right : 15px;
margin-bottom: 15px;
}
header ul.top-menu li.cart {
padding : 10px 12px 10px 35px;
background-color: #FF505D;
}
header ul.top-menu li.cart:before {
content : "";
background-image : url("images/cart.svg");
background-repeat : no-repeat;
background-position: center;
background-size : contain;
width : 20px;
height : 20px;
position : absolute;
left : 10px;
top : 50%;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
header ul.top-menu li.cart:after {
content : "";
background-image : url("images/arrow.svg");
background-repeat : no-repeat;
background-position: center;
background-size : contain;
width : 10px;
height : 6px;
position : absolute;
right : 5px;
top : 50%;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
header ul.top-menu li.top-menu-item {
padding : 10px 25px 10px 25px;
background-color: #F9BD46;
}
header ul.top-menu li a,
header ul.top-menu li a:link,
header ul.top-menu li a:visited,
header ul.top-menu li a:hover,
header ul.top-menu li a:active {
color: white;
}
header .main-menu-wrapper {
/* margin-top: 10px; */
}
header .main-menu-wrapper>div {
padding: 0;
}
header .main-menu-wrapper .main-menu {
right: 0;
}
header .main-menu-wrapper .main-menu nav {
margin-bottom : 0;
border : none;
/*margin-right: -5%;*/
}
header .main-menu-wrapper .main-menu nav button {
float : none;
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
margin : 16% 0 0 0;
}
header .main-menu-wrapper .main-menu nav button span {
background-color: #ffffff;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li:hover {
background-color: transparent;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.active a {
color : #eeb741 !important;
text-decoration: none !important;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li a,
header .main-menu-wrapper .main-menu nav #main-menu-items li a:link,
header .main-menu-wrapper .main-menu nav #main-menu-items li a:visited,
header .main-menu-wrapper .main-menu nav #main-menu-items li a:hover,
header .main-menu-wrapper .main-menu nav #main-menu-items li a:active {
background-color: transparent;
color : #ffffff;
text-decoration : none;
font-weight : bold;
font-size : 14px;
text-align : center;
}
.kategorie li a {
color : #ffffff;
background-color: transparent;
text-decoration : none;
font-weight : bold;
font-size : 14px;
text-align : center;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.search {
position: relative;
height : 50px;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.search i {
cursor : pointer;
color : #11A4ED;
font-size : 20px;
position : absolute;
top : 50%;
left : 50%;
-webkit-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
z-index : 2;
-webkit-transition: all .25s;
transition : all .25s;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.search .search-bar {
-webkit-transition: all .25s;
transition : all .25s;
width : 0;
border : none;
padding : 0;
height : 20px;
position : absolute;
top : 50%;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
background-color : white;
z-index : 1;
border-radius : 10px;
color : #11A4ED;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.search .search-bar:focus {
outline: none;
}
.search-icon-active {
right : 15px !important;
left : auto !important;
-webkit-transform: translateY(-50%) !important;
-ms-transform : translateY(-50%) !important;
transform : translateY(-50%) !important;
}
.search-bar {
width : 100% !important;
padding: 15px 10px !important;
border : 1px solid #11A4ED !important;
display: none;
}
.search-bar-active {
display: block;
}
/* 3. BANNER */
.banner {
font-family : sans-serif;
margin-bottom: 20px;
}
.banner #main-slider {
margin : 0 auto !important;
float : none;
min-height : 418px;
padding-bottom: 20px;
}
.banner #main-slider ol {
margin-bottom: 0;
bottom : 0;
}
.banner #main-slider ol li {
background-color: #F7C263;
border-radius : 0;
border : none;
}
.banner #main-slider ol li.active {
background-color: #55DBFF;
}
.banner #main-slider article h3 {
color : #443e3b;
font-weight: 700;
font-size : 51px;
}
.banner #main-slider article p {
color : #443e3b;
font-weight: 400;
font-size : 23px;
text-align : left;
}
.banner #main-slider article .image-wrapper {
position : relative;
max-height: 418px;
}
.banner #main-slider article .image-wrapper img {
max-height : 350px;
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.banner #main-slider article .slider-button {
display : inline-block;
background-color: #FF505D;
border-radius : 10px;
padding : 10px 25px 10px 25px;
box-shadow : -7px 7px 0 0 #B2B2B2;
color : white;
margin-bottom : 25px;
}
.banner #main-slider .carousel-control {
background : none;
opacity : 1;
height : 34px;
width : 19px;
top : 40%;
-webkit-transform: translateY(-40%);
-ms-transform : translateY(-40%);
transform : translateY(-40%);
}
.banner #main-slider .carousel-control.left {
-webkit-transform: scaleX(-1) translateY(-40%);
-ms-transform : scaleX(-1) translateY(-40%);
transform : scaleX(-1) translateY(-40%);
}
.banner #main-slider h3 {
margin-top : 10px;
margin-bottom: 20px;
}
/* 4. BESTSELLERS */
.bestsellers {
background-color: #93b156;
text-align : center;
font-family : sans-serif;
padding : 50px 15px 150px 15px;
}
.bestsellers.more-products h2 {
font-size : 49px;
font-weight: 700;
text-align : center;
display : block;
}
.bestsellers.more-products h2::after {
display: none;
}
.bestsellers.more-products h5 {
margin: 20px 0;
}
.bestsellers.more-products article.book.more-products {
position : relative;
padding-bottom: 85px;
}
.bestsellers.more-products .btn {
border-radius : 10px;
color : white;
padding : 10px 15px;
box-shadow : -7px 7px 0 0 #B2B2B2;
position : absolute;
bottom : 25px;
left : 50%;
font-weight : 900;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.bestsellers.more-products .btn#btn1 {
background-color: #11A4ED;
}
.bestsellers.more-products .btn#btn2 {
background-color: #644595;
}
.bestsellers.more-products .btn#btn3 {
background-color: #FCC859;
}
.bestsellers.more-products .btn#btn4 {
background-color: #43AC33;
}
.bestsellers.more-products .carousel-control {
opacity : 1;
background : none;
width : 15px;
height : 26px;
top : 50%;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
.bestsellers.more-products .carousel-control.left {
-webkit-transform: scaleX(-1) translateY(-50%);
-ms-transform : scaleX(-1) translateY(-50%);
transform : scaleX(-1) translateY(-50%);
}
.bestsellers h2 {
font-size : 40px;
font-weight : 400;
color : white;
position : relative;
display : inline-block;
padding-bottom: 5px;
margin-bottom : 60px;
}
.bestsellers h2:after {
content : "";
position : absolute;
bottom : -7px;
left : 0;
height : 3px;
width : 100%;
background-color: white;
}
.bestsellers article.book {
background-color: white;
border-radius : 10px;
padding : 25px;
box-shadow : -7px 7px 0 0 #1990B8;
position : relative;
max-width : 323px;
min-height : 363px;
display : block;
margin : 0 auto 30px auto !important;
}
.bestsellers article.book img {
border : 1px solid #B2B2B2;
box-shadow: 3px 3px 0 0 #B2B2B2;
position : relative;
min-height: 246px;
margin : 0px auto;
}
.bestsellers article.book .divider {
margin : 25px 0 20px 0;
height : 5px;
width : 100%;
position : absolute;
left : 0;
/*top : 74%;*/
-webkit-transform: translateY(-74%);
-ms-transform : translateY(-74%);
transform : translateY(-74%);
}
.bestsellers article.book .divider.more-products {
top: auto;
}
.bestsellers article.book h4 {
margin-top : 50px;
color : #443e3b;
font-weight: 700;
font-size : 24px;
height : 110px;
}
.bestsellers article.book h5 {
color : #443e3b;
font-size : 26px;
font-weight: 400;
}
.bestsellers article.book .notice {
background-color: #1F5098;
width : 100%;
height : 79%;
border-radius : 10px 10px 0 0;
position : absolute;
top : 0;
left : 0;
text-align : center;
}
.bestsellers article.book .notice .info {
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
.bestsellers article.book .notice .info h5 {
font-weight : 300;
color : white;
font-size : 26px;
margin-bottom: 60px;
}
.bestsellers article.book .notice .info .zobrazit {
font-weight : 900;
color : #443e3b;
background-color: white;
box-shadow : -7px 7px 0 0 #16386A;
padding : 15px 5px;
border-radius : 10px;
}
.bestsellers article.book#book1 .divider {
background-color: #00A4FF;
}
.bestsellers article.book#book2 .divider {
background-color: #644595;
}
.bestsellers article.book#book3 .divider {
background-color: #FCC859;
}
.bestsellers article.book#book4 .divider {
background-color: #44AC35;
}
.bestsellers article.book#book5 .divider {
background-color: #1F5098;
}
.bestsellers article.book#book5 h4 {
margin-top: 200%;
}
.bestsellers .carousel-control.main {
background : none;
opacity : 1;
width : 175px;
position : absolute;
top : auto;
bottom : -60px;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.bestsellers .bestsellers-next {
box-shadow : -7px 7px 0 0 #1990B8;
padding : 10px 5px;
background-color: #F9BD46;
border-radius : 10px;
text-shadow : none;
}
#bestsellers-slider div.col-md-2 {
width: 10%;
}
/* 5. MAPA */
.mapa {
font-family : sans-serif;
padding : 50px 15px 65px 15px;
background-image : url("/images/mapa.png");
background-repeat : no-repeat;
background-position: top center;
background-size : cover;
}
.dodani-platba .polozky-radek div.link .tlacitko {
width : 88px;
text-align: center;
margin : 0px;
}
@media (max-width: 1024px) {
.mapa {
background-image: url("/images/mapa1000.png");
}
}
.mapa h2 {
color : #443e3b;
font-weight : 400;
font-size : 45px;
padding-bottom: 5px;
display : inline-block;
position : relative;
margin-bottom : 40px;
}
.mapa h2:after {
content : "";
position : absolute;
bottom : -7px;
left : 0;
height : 3px;
width : 100%;
background-color: #443e3b;
}
.mapa p {
font-size : 23px;
color : #494949;
font-weight: 400;
}
.mapa span.accent {
color : #93b156;
font-weight: 700;
}
.mapa img {
margin: 0 auto;
}
.mapa .btn-left,
.mapa .btn-right {
box-shadow : -7px 7px 0 0 #B2B2B2;
padding : 10px 20px;
border-radius: 10px;
display : inline-block;
color : white;
font-weight : 700;
cursor : pointer;
}
.mapa .btn-left {
background-color: #FF505D;
margin : 60px 15px 15px 0;
}
.mapa .btn-right {
background-color: #93b156;
margin : 60px 0 0 0;
}
.mapa span.close {
color : #FF505D;
padding : 5px 10px;
border : 2px solid #FF505D;
border-radius: 5px;
opacity : 1;
font-weight : bold;
}
.mapa .content-change-zvolte div {
padding: 0;
}
.mapa .content-change-zvolte .content-change-zvolte-title {
margin-bottom: 40px;
}
.mapa .content-change-zvolte h3 {
color : #11BAED;
font-weight : 900;
font-size : 25px;
text-transform: uppercase;
margin : 0;
}
.mapa .content-change-zvolte p {
text-align : left;
color : #6E7278;
font-weight: 700;
font-size : 20px;
line-height: 1.5;
}
.mapa .content-change-zvolte .payment {
border : 2px solid #FF505D;
padding : 5px 20px;
color : #6E7278;
border-radius: 10px;
cursor : pointer;
position : relative;
margin-bottom: 45px;
}
.mapa .content-change-zvolte .payment h5 {
font-size : 21px;
font-weight: 700;
font-style : italic;
}
.mapa .content-change-zvolte .payment .arrow {
position : absolute;
right : 0px;
top : 50%;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
background-color : #FF505D;
height : 102%;
width : 55px;
border : 2px solid #FF505D;
border-radius: 0px 5px 5px 0px;
}
.mapa .content-change-zvolte .payment .arrow img {
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
.mapa .content-change-text {
text-align: left;
}
.mapa .content-change-text>div:first-child {
padding: 0 15px 0 0;
}
.mapa .content-change-text>div:last-child {
padding: 0 0 0 15px;
}
.mapa .content-change-text p {
color : black;
font-size : 15px;
font-weight: 400;
}
.mapa .content-change-text span.close {
position: absolute;
top : -30px;
left : -30px;
}
.content-change-zvolte-title h3 span:not(.zpet) {
line-height: 33px;
float : left;
}
.mapa span.zpet {
color : transparent;
background-color: transparent;
padding : 0;
border : 0px solid #FF505D;
border-radius : 0px;
opacity : 1;
font-weight : normal;
cursor : pointer;
height : 22px;
width : 22px;
display : inline-block;
margin-right : 10px;
}
/* 6. FOOTER */
footer {
background-image : url('/img/stavo-footer.png');
background-repeat : repeat-x;
background-position: left top;
padding : 10px 15px;
font-family : sans-serif;
position: absolute;
bottom : 0;
width : 100%;
min-height: 130px;
}
footer img {
margin: 10px auto;
}
footer h5 {
font-weight : bold;
color : white;
font-size : 16px;
position : absolute;
margin : 0;
top : 50%;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
footer img.osdsa {
position: absolute;
margin : 0;
top : 25%;
}
footer h5.footer-left {
padding-bottom: 5px;
position : relative;
display : inline-block;
}
footer h5.footer-left:after {
content : "";
height : 2px;
width : 100%;
background-color: white;
position : absolute;
bottom : -3px;
left : 0;
}
/* B. HOUSES */
/* 7. HOUSES */
.houses {
margin-bottom : 100px;
font-family : sans-serif;
position : relative;
background-color: #93b156;
}
.houses h1 {
color : #443e3b;
font-size : 49px;
font-weight : 700;
margin-bottom: 80px;
}
.houses ol li {
text-align: justify;
}
.houses ol li {
font-weight: 400;
color : #443e3b;
font-size : 20px;
}
.houses .contact-wrapper {
position: relative;
}
.houses .contact {
padding-left: 30px;
}
.houses .contact h3 {
font-size : 20px;
font-weight: 900;
color : #443e3b;
}
.houses .contact h4 {
font-size : 20px;
color : #443e3b;
font-weight: 400;
}
.ostatni-cinnost {
/* background-color: #93b156;*/
text-align : center;
font-family : sans-serif;
padding : 30px 15px 0px 15px;
margin-bottom : 0px;
}
.nadpisy.title h1 {
padding-left: 0px;
}
.nadpisy h2 {
text-align : center;
text-transform: uppercase;
font-size : 22px;
font-weight : bold;
color : #443e3b;
}
.dodani-platba .nadpisy h2 {
text-align: left;
font-size : 30px;
font-weight : normal;
color : #443e3b;
padding-left : 80px;
text-transform: none;
}
.registrace-sekce {
text-align : center;
margin-bottom: 50px;
}
.registrace h2 {
background-color: #FCC859;
margin : 0px;
border-radius : 0px;
padding : 10px 20px 10px 20px;
color : white;
font-size : 36px;
}
.registrace h2.prvni {
/*border-radius: 8px 8px 0px 0px;*/
}
section.stranka {
padding-bottom: 70px;
}
.registrace {
border : #FCC859 1px solid;
background-color: #FFFFFF;
text-align : left;
font-family : sans-serif;
/*padding : 0px 25px 70px 25px;*/
margin-bottom : 30px;
font-size : 21px;
margin : 0px auto 0px auto;
background-color: #FFFFFF;
width : 90%;
border-radius: 0px;
display : inline-block;
}
div.pole {
margin: 20px 35px;
}
div.pole .col-md-4 {
padding-left : 0px;
margin-bottom: 20px;
}
div.pole label {
display : block;
color : #443e3b;
margin-bottom: 10px;
}
div.pole label.platce {
display : inline-block;
color : #443e3b;
padding-bottom: 10px;
}
div.pole input,
div.pole select,
.kontakt select {
border : #93b156 1px solid;
border-radius: 0px;
padding : 10px;
margin-bottom: 20px;
width : 310px;
}
.kontakt select {
padding-left: 5px;
color : #443e3b;
}
.registrace h2 input[type='checkbox'] {
width : 25px;
height : 25px;
border-radius: 10px;
margin-right : 20px;
}
.registrace div.pole input[type='checkbox'] {
width : 25px;
height : 25px;
border-radius: 10px;
margin-right : 20px;
display : inline;
margin-bottom: 0px;
margin-top : 0px;
float : left;
}
a.tlacitko {
background-color: #FFFFFF;
width : 90%;
margin : 45px 0px 0px 0px;
box-shadow : -6px 6px 0 0 #3B90B5;
padding : 30px 20px;
border-radius : 0px;
display : inline-block;
color : #1F5098;
font-weight : 700;
cursor : pointer;
font-size : 49px;
}
.bila-placka {
font-size : 21px;
margin : 45px 0px 0px 0px;
box-shadow : -4px 4px 0 0 #3B90B5;
padding : 30px 10px;
background-color: #FFFFFF;
width : 90%;
box-shadow : -6px 6px 0 0 #3B90B5;
padding : 30px 20px;
border-radius: 10px;
display : inline-block;
}
.bila-placka p {
text-align : center;
font-size : 23px;
color : #443e3b;
font-weight: 400;
padding : 30px 65px 30px 65px;
}
img.img-mz {
margin: 20px auto 20px auto;
width : 90%;
}
section.kontakt div.row {
margin: 0px 60px;
}
section.blue {
background-color: #93b156;
margin-bottom : 40px;
}
.form .send.orang {
background-color: #F9BD46;
box-shadow: -7px 7px 0 0 #3683A4;
}
.reg-souhlas {
color : #443e3b;
font-size : 16px;
/*padding-top: 25px;*/
}
.konec-formu {
height : 80px;
padding: 10px;
}
.orang {
background-color : #FCC859;
box-shadow : -4px 4px 0 0 #B2B2B2;
border-radius : 7px;
padding : 10px 15px;
color : white;
font-size : 17px;
font-weight : 600;
display : inline-block;
margin : 0 auto;
cursor : pointer;
text-align : center;
position : absolute;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
a.mc {
color: #F9BD46;
}
a.kc {
color: #FF505D;
}
a.sm {
color: #93b156;
}
.center {
text-align: center;
}
/* C. TEXT */
/* 8. TEXT */
.main-text {
border-radius: 0px;
padding : 30px;
color : black;
font-family : sans-serif;
}
.main-text h3 {
font-weight: 900;
font-size : 14px;
}
.main-text p {
font-weight: 400;
font-size : 18px;
}
.main-text ul li {
font-weight: 400;
font-size : 18px;
line-height: 1.5;
}
.main-text img {
margin-bottom: 20px;
}
/* 9. CATEGORIES */
.title {
padding : 0;
font-family: sans-serif;
}
.title h1 {
font-size : 49px;
color : #443e3b;
background-color: white;
margin-top : 0;
padding-bottom : 30px;
/* padding-left : 60px;*/
width : 100%;
font-weight : 700;
text-align : center;
}
.title h1 span.term {
font-weight: normal;
}
.categories {
padding : 50px 15px 30px 15px;
font-family : sans-serif;
margin-bottom: 0px;
}
.categories aside {
background-color: white;
border-radius : 0px;
box-shadow : -7px 7px 0 0 #627D33;
padding : 15px;
padding-top : 0;
margin-top : 30px;
}
.categories aside h3 {
font-size : 29px;
color : #443e3b;
font-weight : 400;
margin-bottom: 20px;
}
.categories aside li {
font-size: 28px;
}
.categories aside .products article {
padding : 0;
text-align: center;
position : relative;
}
.categories aside .products article:not(:last-child) {
margin-bottom: 20px;
}
.categories aside .products article div {
padding: 0;
}
.categories aside .products article img {
margin: 0 auto;
}
.categories aside .products article .product-title {
position : absolute;
top : 50%;
right : 0;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
.product-title a {
color : #443e3b;
font-weight: bold;
}
.categories aside .products article p {
color : #443e3b;
font-size : 20px;
margin-bottom: 0;
margin-left: 10px;
}
.categories .category1 {
color: #11A4ED;
}
.categories .category2 {
color: #644595;
}
.categories .category3 {
color: #FCC859;
}
.categories .category4 {
color: #44AC35;
}
.categories .category5 {
color: #1F5098;
}
.categories ul {
list-style-type: square;
padding-left : 17px;
margin-bottom : 0;
}
.categories li a,
.categories li a:link,
.categories li a:visited,
.categories li a:hover,
.categories li a:active {
text-decoration: none;
}
.categories .divider {
height : 1px;
background-color: #BABABA;
width : 100%;
margin : 20px 0;
}
@media (min-width: 992px) {
section.categories.articles .col-md-9 {
width : 74%;
margin-right: 0%;
}
section.categories.articles .col-md-9.video-sloupec {
width : 73%;
margin-right: 2%;
}
section.categories div.col-md-9.main-text {
width : 68%;
margin-right: 4%;
margin-left : 2%;
}
.bestsellers.more-products article.book .divider {
top: 38%;
}
}
/* D. CONTACT */
/* 10. FORM */
h1.kontakt-h {
text-align : left;
padding-left: 40px;
padding-top : 40px;
}
.form input {
color: #443e3b;
}
.form {
background-color: #eeb741;
padding : 60px 15px 60px 15px;
font-family : sans-serif;
color : #443e3b;
}
.form input,
.form textarea {
font-weight : normal;
font-size : 16px;
border : none;
border-radius: 0px;
margin-bottom: 30px;
padding : 10px;
}
.form .send {
background-color : #443e3b;
box-shadow : -5px 5px 0 0 #AE7E10;
border-radius : 0px;
padding : 10px 15px;
color : white;
font-size : 17px;
font-weight : 600;
display : inline-block;
margin : 0 auto;
cursor : pointer;
text-align : center;
position : absolute;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.pov-pole {
font-size : 16px;
color : white;
text-align : right;
padding-top: 15px;
}
/* 11. INFO-ICONS */
.info-icons {
padding : 50px 15px 110px 15px;
text-align : center;
font-family: sans-serif;
}
.info-icons h4 {
color : #443e3b;
font-size : 15px;
font-weight : 700;
margin-bottom: 50px;
}
.info-icons img {
margin : 0 auto;
/* margin-bottom: 50px; */
}
/* E. SEARCH RESULTS */
/* 12. ARTICLES */
.articles {
font-family: sans-serif;
}
.articles article {
text-align : center;
margin-bottom: 40px;
}
.articles article img {
/* min-height: 231px; */
}
.articles article .main-text {
position : relative;
z-index : 1;
padding-bottom: 85px;
}
.articles article .main-text .copy {
position : absolute;
left : 50%;
bottom : 30px;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
margin-bottom : 41px;
}
.articles article .main-text .notice {
background-color: #FCC859;
height : 67%;
width : 100%;
position : absolute;
left : 0;
top : 0;
border-radius : 20px 20px 0 0;
}
.articles article .main-text .notice#notice-blue {
background-color: #1F5098;
}
.articles article .main-text .notice#notice-blue .info .zobrazit {
box-shadow: -7px 7px 0 0 #16386A;
}
.articles article .main-text .notice .info {
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
.articles article .main-text .notice .info h5 {
font-weight : normal;
color : white;
font-size : 26px;
margin-bottom: 60px;
}
.articles article .main-text .notice .info .zobrazit {
font-weight : 900;
color : #443e3b;
background-color: white;
box-shadow : -7px 7px 0 0 #B08C3E;
padding : 20px 5px;
border-radius : 10px;
cursor : pointer;
}
.articles article .main-text img {
max-height: 340px;
margin : 0 auto 60px auto;
}
.articles article .main-text .divider {
position: absolute;
top : auto;
left : 0;
width : 100%;
height : 6px;
z-index : 2;
padding : 0 15px;
}
.articles article .main-text .divider#div1 {
background-color: #00A4FF;
}
.articles article .main-text .divider#div2 {
background-color: #644595;
}
.articles article .main-text .divider#div3 {
background-color: #FCC859;
}
.articles article .main-text .divider#div4 {
background-color: #1F5098;
}
.articles article .main-text .divider#div5 {
background-color: #44AC35;
}
.articles article .main-text .divider#div6 {
background-color: #1F5098;
}
.articles article img {
border : 1px solid #B2B2B2;
box-shadow : -4px 4px 0 0 #B2B2B2;
margin-bottom: 60px;
}
.articles article h3 {
font-size : 25px;
color : #443e3b;
font-weight: 700;
margin-top : 50px;
height : 80px;
}
.articles article h4 {
color : #443e3b;
font-size : 29px;
font-weight: 400;
margin : 20px 0;
}
.articles article .button {
display : inline-block;
color : white;
font-size : 15px;
font-weight : 900;
padding : 10px 15px;
border-radius: 0px;
box-shadow : -5px 5px #B2B2B2;
}
/*.articles article .button#btn1, .articles article .button#btn2, .articles article .button#btn3, .articles article .button#btn4, .articles article .button#btn5 {*/
.articles article .button {
position : absolute;
bottom : 25px;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
width : 132px;
}
.articles article .button#btn1 {
background-color: #00A4FF;
}
.articles article .button#btn2 {
background-color: #644595;
}
.articles article .button#btn3 {
background-color: #FCC859;
}
.articles article .button#btn4 {
background-color: #1F5098;
}
.articles article .button#btn5 {
background-color: #44AC35;
}
.articles article .button#btn6 {
background-color : #1F5098;
width : 132px;
position : absolute;
bottom : 25px;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
select.pocet_ks,
div.pole select.pocet_ks {
/*border : #1EACF2 1px solid;*/
border : #1EACF2 0px solid;
background-color: #EFEFEF;
border-radius : 8px;
padding : 10px;
margin-bottom : 20px;
width : 60%;
line-height : 2;
text-indent : 10px;
padding-left : 0px;
font-size : 17px;
min-width : 80px;
}
select.pocet_ks *,
div.pole select.pocet_ks * {
text-indent: 10px;
line-height: 2;
}
div.pole select.pocet_ks {
line-height : 2.2;
margin-bottom: 0px;
}
input[type="number"].pocet_kss::-webkit-inner-spin-button {
right: 0px;
}
.registrudaje {
text-align : center;
margin-bottom: 40px;
}
.registrudaje form .registrace div.pole>div,
.uzivatel-popis form .registrace div.pole>div,
.registrace form div.pole>div {
position: relative;
width : 310px;
}
.logudaje form .registrace div.pole>div {
position: relative;
width : 100%;
}
.registrace form div.pole div {
position: relative;
}
.registrace form div.pole.prihlaseni>div {
margin: 0 auto;
width : 100%;
}
.registrace form#frm-delivery-login-form .registrace-sekce {
margin-bottom: 0px;
}
form.ajax label {
display : block;
clear : left;
margin-bottom: 5px;
color : #443e3b;
font-size : 25px;
font-family : sans-serif;
}
form.ajax input,
div#snippet-lostPassword-body {
font-family: sans-serif;
}
form.ajax div.alert.alert-danger {
font-family: sans-serif;
}
form.ajax .tlacitko {
font-weight: 600;
font-size : 15px;
}
form.ajax>div {
position: relative;
}
#frm-toCart-form span.help-block.text-danger {
position: absolute;
}
.registrudaje form .registrace span.help-block.text-danger,
form.ajax span.help-block.text-danger,
.uzivatel-popis form .registrace span.help-block.text-danger,
.registrace form span.help-block.text-danger {
color : #FF505D;
font-size : 15px;
position : absolute;
font-style : italic;
z-index : -10;
margin-top : 0px;
top : 0px;
right : 0px;
left : unset;
margin-bottom: -21px;
display : block;
z-index : 0;
font-family : sans-serif;
}
.registrace form#frm-delivery-login-form span.help-block.text-danger {
position: relative;
top : -12px;
}
h4.modal-title {
color : #443e3b;
font-size : 35px;
font-family: sans-serif;
}
/*
form.ajax span.help-block.text-danger {
line-height: 25px;
}
*/
@media (min-width: 768px) {
.articles article.col-sm-4 {
width : 30%;
margin-right: 3%;
}
}
/*aaa*/
@media (min-width: 992px) {
.kategorie {
display: none;
}
}
@media (min-width: 400px) and (max-width: 991px) {
.skryt-sloupec {
display: none;
}
.articles article .main-text .divider {
top: 59%;
}
.title h1 {
/*zoom: 0.8;*/
padding-left: 0px;
text-align: center;
}
}
.navbar-collapse {
padding-right: 0;
padding-left : 0;
}
/* OBJEDNÁVKA */
.drobek {
background-color: #93b156;
border : #ffffff 3px solid;
padding : 0px;
}
.drobeckovka {
text-align: center;
}
.drobek h2 {
font-family: sans-serif;
font-size : 20px;
color : #ffffff;
margin : 20px 0px;
padding : 0px;
}
.drobek.aktivni {
background-color: #fcc859;
}
.drobek.aktivni:after {
background-image : url("./images/troj.svg");
background-repeat : no-repeat;
background-position: center top;
background-color : #ffffff;
content : " ";
display : block;
width : auto;
margin : 0px auto;
height : 32px;
}
.objednavka {
border: #93b156 1px solid;
}
.registrace-sekce.hlaska {
font-family: sans-serif;
font-size : 18px;
color : #8b8b8b;
text-align : left;
margin : 15px 0px 0px 5%;
content : "Pokud není stanoveno jinak, uvedené ceny jsou včetně DPH.";
font-style : italic;
}
.registrace.objednavka {
margin-top: 5px;
position : relative;
}
.polozky-tabulka {
display: table;
/*width: inherit;*/
}
.polozky-radek {
display: table-row;
}
.polozky-radek .popisek {
font-size : 16px;
font-style: italic;
}
.cena-polozky-celkem {
text-align: right;
}
.cena-polozky {
text-align: right;
}
.dopravce-radek .cena-polozky {
text-align: center;
}
.cena-polozky,
.cena-polozky-celkem,
.cena-polozky {
white-space: nowrap;
}
.linka {
display : block;
border-bottom: #93b156 1px solid;
width : 100%;
width : 96%;
position: absolute;
left: 2%;
}
.linka.zelena {
border-bottom: #68C950 1px solid;
}
.historie-objednavek .polozky-tabulka {
table-layout: fixed;
}
.historie-objednavek .link {
text-align: right;
}
.dodani-platba .polozky-radek div .tlacitko {
display : inline-block;
color : white;
font-size : 15px;
padding : 10px 15px;
border-radius: 0px;
box-shadow : -5px 5px #B2B2B2;
position : relative;
font-family : sans-serif;
}
.dodani-platba .polozky-radek div {
padding: 20px;
}
.dodani-platba .t-table.polozky-radek div {
padding: 20px 50px;
}
.polozky-radek div {
display : table-cell;
padding : 20px;
vertical-align: middle;
color : #443e3b;
font-size : 23px;
}
.odebrat img {
min-width: 20px;
}
.polozky-radek div.stav,
.polozky-radek div.nazev {
font-weight: bold;
}
.polozky-radek div.stav {
white-space: nowrap;
/*min-width: 270px;*/
}
.polozky-radek div.radek-vtab {
padding: 0px;
}
.polozky-radek div.pocet input {
/*width : 80px !important;*/
background-color: #EFEFEF;
border : #fff 0px none;
margin : 0px;
position : relative;
min-width : 50px;
}
h2.slevy-kody {
font-size : 30px;
color : #443e3b;
background-color: white;
text-align : center;
font-weight : 500;
}
.potvrzeni-souhlas {
margin-top: 20px;
font-size : 20px;
}
.potvrzeni-souhlas a {
text-decoration: underline;
}
.ilblock {
display: inline-block;
}
.prihlaseni {
padding-bottom: 30px;
}
.uzivatel-popis .tilte {
padding-bottom: 10px;
}
.uzivatel-popis .title p {
text-align : center;
line-height: 1.5;
color : #443e3b;
font-size : 21px;
}
.uzivatel-popis .title h1 {
padding-left : 0px;
padding-bottom: 10px;
}
.uzivatel-popis .objednavka {
border: #93B156 1px solid;
}
.m20 {
margin-top : 20px;
margin-bottom: 20px;
}
.prihlaseni+.linka+.pole {
padding-top: 30px;
}
.vline {
border-right: #93b156 1px solid;
}
.prihlaseni h3 {
color : #443e3b;
font-size : 35px;
margin-bottom: 20px;
}
a.reset-pass {
float : right;
color : #93b156;
font-size : 15px;
line-height : 32px;
vertical-align: text-bottom;
}
.registrace-text {
color : #443e3b;
font-size : 21px;
margin-bottom: 20px;
margin-top : 40px;
}
.registrace-text span {
display : block;
padding : 10px 0px;
line-height: 1.2;
}
.sleva-kod {
text-align: left;
padding : 8px !important;
color : #443e3b;
font-style: italic;
}
.tlacitko {
display : inline-block;
color : white;
font-size : 15px;
padding : 10px 15px;
border-radius: 0px;
box-shadow : -5px 5px #B2B2B2;
position : relative;
font-family : sans-serif;
}
.pole.prihlaseni .tlacitko {
font-weight: bold;
}
.tlacitko.registrace {
background-color: #F9BD46;
box-shadow : -7px 7px 0 0 #3683A4;
display : inline-block;
color : white;
font-size : 15px;
padding : 10px 15px;
border-radius: 0px;
box-shadow : -5px 5px #B2B2B2;
position : relative;
font-family : sans-serif;
font-weight : 600;
margin : 0 auto;
cursor : pointer;
text-align : center;
}
.pole.prihlaseni .tlacitko {
width: 140px;
}
.pridat {
font-size: 12px;
top : -5px;
left : 10px;
}
.souhrn-tlacitka {
margin: 30px auto 0px auto;
width : 90%;
}
.tucne {
font-weight: bold;
}
.modre {
background-color: #93b156;
}
.zelene {
background-color: #93B156 !important;
}
.zacatek-formu .reg-souhlas {
padding-top: 15px;
margin-top : 0px;
}
.adresat-popisek {
float : left;
display : block;
padding-left: 30px;
font-style : italic;
color : #443e3b;
padding-top : 10px;
}
#adresat {
float: left;
}
.mrow {
display: flex;
}
.vzkaz {
border: #93B156 1px solid;
padding : 10px;
margin-bottom: 20px;
width : 450px;
height : 150px;
font-style : italic;
color : #443e3b;
}
.zacatek-formu {
margin-top: 10px;
}
h2.modre {
background-color: #93b156;
font-size : 32px;
}
h2.modre {
font-size: 34px;
}
.pad0 {
padding: 0px;
}
.oranzove {
background-color: #FCC859;
}
.zpet,
.dalsi {
padding : 20px;
font-size: 25px;
}
.doleva {
text-align: left;
}
.doprava {
text-align: right;
}
.zpet {
float: left;
}
.polozky-radek div.skladem {
color: #62A947;
}
.polozky-radek div.na-objednavku {
color: #FCC859;
}
.polozky-radek div.neni-skladem {
color: #FF0000;
}
.polozky-radek div.obr {
width: 150px;
}
.skladem {
width: 10%;
}
.polozky-radek div.obr img {
border : 1px solid #B2B2B2;
box-shadow: 3px 3px 0 0 #B2B2B2;
}
.souhrn {
text-align : right;
margin-bottom : 30px;
font-size : 24px;
margin : 0px auto 0px auto;
background-color: #FFFFFF;
width : 90%;
border-radius : 10px;
display : inline-block;
font-family : sans-serif;
line-height : 1.5;
color : #443e3b;
}
.souhrn .souhrn-celkem {
font-size : 30px;
line-height: 2.5;
}
/* F. PRODUCTS */
/* 13. PRODUCT DETAILS */
.product-details {
font-family : sans-serif;
color : #443e3b;
margin-bottom: 20px;
}
.product-details img {
border : 1px solid #B2B2B2;
box-shadow: -5px 5px 0 0 #B2B2B2;
}
.product-details h1 {
font-weight: 700;
font-size : 38px;
}
.product-details .info {
margin: 30px 0;
}
.product-details .info h3 {
font-size : 30px;
font-weight: 700;
}
.product-details .info h4 {
font-size : 21px;
font-weight: 400;
}
.product-details input[type=number]::-webkit-inner-spin-button,
.product-details input[type=number]::-webkit-outer-spin-button,
.polozky-radek div.pocet input[type=number]::-webkit-inner-spin-button,
.polozky-radek div.pocet input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.product-details .buttons,
.polozky-radek div.pocet input {
text-align: center;
padding : 0;
}
.product-details .buttons div {
padding: 0;
}
.number {
text-align: left;
}
.product-details .buttons .number input,
.polozky-radek div.pocet input {
width : 60%;
border : none;
background-color: #EFEFEF;
border-radius : 5px;
text-align : center;
padding : 10px 0px 10px 10px;
color : #443e3b;
font-weight : 400;
font-size : 17px;
}
.product-details .buttons .number input:focus,
.polozky-radek div.pocet input:focus {
outline: none;
}
.product-details .buttons .button {
padding : 10px 15px;
background-color: #eeb741;
border-radius : 0px;
color : white;
font-weight : 600;
font-size : 15px;
box-shadow : -4px 4px 0 0 #B2B2B2;
cursor : pointer;
display : inline-block;
}
.product-details .divider {
height : 1px;
width : 100%;
background-color: #443e3b;
margin-top : 20px;
}
.product-details ul {
list-style : none;
padding-left: 0;
}
.product-details ul li h4 {
display : inline;
font-size : 19px;
font-weight: bold;
color : #443e3b;
line-height: 1.5;
}
.product-details ul li span {
margin-left: 5px;
color : #eeb741;
font-weight: 400;
font-size : 19px;
}
.product-details .popis {
font-size: 20px;
padding : 0px;
position : relative;
}
.product-details .popis:before {
/* content : "Popis";
font-size : 29px;
font-weight: 700;
position : absolute;
top : -40px;
*/
}
.product-details .popis p {
font-size : 14px;
font-weight: 700;
}
.product-details .popis h2 {
font-size : 25px;
font-weight: 700;
}
footer img.osdsa {
right: 15px;
}
.polozky-radek div.obr {
width: 15%;
}
.polozky-radek div.nazev {
width: 20%;
}
.polozky-radek div.pocet {
width: 10%;
}
.polozky-radek div.stav {
width: 15%;
}
.polozky-radek div.cena-polozky {
width: 15%;
}
.polozky-radek div.cena-polozky-celkem {
width: 15%;
}
.polozky-radek div.odebrat {
width: 8%;
}
/* HISTORIE OBJEDNÁVEK */
.historie-objednavek .polozky-tabulka {
width: 98%;
}
.historie-objednavek .polozky-radek div.stav {
font-weight: normal;
}
.historie-objednavek .polozky-radek div.cislo {
width: 10%;
}
.historie-objednavek .polozky-radek div.datum {
width: 20%;
}
.historie-objednavek .polozky-radek div.stav {
width: 55%;
}
.historie-objednavek .polozky-radek div.link {
width: 15%;
}
.alert-info {
background-color: #FF505D;
border-color : transparent;
color : #fff;
font-family : sans-serif;
}
.alert {
padding : 15px;
margin-bottom: 20px;
border : 1px solid transparent;
border-radius: 1px;
}
.alert-info .fa {
font-size : 20px;
margin-right: 10px;
}
/* OBJEDNÁVKA */
.objednavka.hlaska {
padding: 30px 15px 30px 15px;
color : white;
}
.objednavka.mkosik.hlaska {
padding : 20px 0px 0px 0px;
border : #93b156 0px solid;
color : #8b8b8b;
font-size : 18px;
font-style: italic;
}
.mb10 {
margin-bottom: 10px !important;
}
.stav.objednavka {
border: #93b156 0px solid;
}
.mkosik.objednavka {
padding: 10px;
}
.objednavka .row {
font-size : 25px;
padding : 0px 30px;
line-height: 1.3;
}
.objednavka .row span.vmail {
color: #ffcc73;
}
#stat {
line-height: 2;
}
/* MEDIA QUERIES */
@media screen and (min-width: 400px) {
.mapa img {
max-width: 360px;
}
.articles article .main-text .divider {
top: auto;
}
}
@media screen and (min-width: 500px) {
header ul.top-menu {
float: right;
}
header ul.top-menu li {
margin-right: 20px;
}
header ul.top-menu li.cart {
margin-right: 60px;
}
header .main-menu-wrapper .main-menu nav ul.top-menu {
float: right;
}
}
@media screen and (max-width: 767px) {
ul.nav.navbar-nav li:last-child a {
padding-bottom: 20px;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li.active a {
color : white !important;
text-decoration: underline !important;
box-shadow : inset 0px 0px 0px 0px #eeb741;
}
.souhrn-tlacitka .doleva,
.souhrn-tlacitka .doprava,
.potvrzeni-souhlas {
text-align: center;
}
h3.mmtop {
margin-top: 50px;
}
.registrace-text {
margin-top: 20px;
}
.vline {
border-right: #93b156 0px solid;
}
}
@media screen and (max-width: 768px) {
form#frm-delivery-login-form div.pole.prihlaseni>div.row>div,
form#frm-login-form div.pole.prihlaseni>div.row>div {
width : 280px;
margin: 20px auto !important;
float : none;
}
.reg-souhlas {
font-size : 14px;
padding : 5px;
padding-bottom: 10px;
}
.dodani-platba .polozky-radek div,
.polozky-radek div {
padding: 10px;
}
.polozky-radek div {
font-size: 17px;
}
.souhrn,
.souhrn .souhrn-celkem {
font-size: 20px;
}
.souhrn-tlacitka .tlacitko {
float : none;
margin-bottom: 20px;
}
.registrace h2 {
font-size: 24px;
}
div.pole label {
font-size: 18px;
}
.registrace h2 input[type='checkbox'],
.registrace div.pole input[type='checkbox'] {
width : 20px;
height: 20px;
}
.reg-souhlas {
padding-top: 60px;
}
.konec-formu {
height: 120px;
}
.registrace {
margin-top: 20px;
}
div.pole input,
div.pole select {
width : 100%;
margin-bottom: 10px;
}
.registrudaje form .registrace div.pole div,
.uzivatel-popis form .registrace div.pole div,
.registrace form div.pole div {
width: 100%;
}
section.categories div.col-md-9.main-text.video {
margin-top: 30px !important;
}
.bestsellers.more-products h2 {
font-size : 26px;
font-weight : 700;
text-align : center;
margin-bottom: 20px;
}
.articles article .main-text {
min-height: 280px;
}
div#main-menu-items {
/* height : 195px;*/
margin-bottom: 0px;
}
ul.nav.navbar-nav {
margin-bottom : 0px;
margin-left : 10px;
margin-right : 10px;
/* margin-top: 15px;*/
}
button {
float: right;
}
.categories aside {
max-width : 320px;
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.articles article .main-text {
max-width : 320px;
left : 50%;
-webkit-transform: translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
}
.product-details {
/*max-width: 320px;*/
margin: 0 auto;
}
.bila-placka p {
font-size: 16px;
padding : 20px 10px 20px 10px;
}
section.kontakt div.row {
margin: 0px 0px;
}
h1.kontakt-h {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.modal-dialog {
width : 500px;
margin: 30px auto;
}
.mapa img {
max-width: 100%;
}
.search-bar-active {
width: 200px !important;
}
/*
header .main-menu-wrapper .main-menu nav #main-menu-items li:first-child.active {
margin-right: 40px; }
*/
.banner #main-slider article .slider-button {
margin-top: 85px;
}
.col-xs-11 {
width: 98%;
}
.slider-button {
font-weight: bold;
}
.bestsellers article.book.more-products {
height: 532px;
}
.bestsellers article.book .notice {
height: 63%;
}
.bestsellers article.book .divider {
top : 58%;
-webkit-transform: translateY(-61%);
-ms-transform : translateY(-61%);
transform : translateY(-61%);
}
.bestsellers article.book .divider.more-products {
top: 52%;
}
.bestsellers article.book#book5 h4 {
margin-top: 175%;
}
.mapa .content-change-zvolte .payment {
width: 90%;
}
.houses .image-houses {
position : absolute;
right : 0;
top : 50%;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
}
.categories aside {
margin-top: 0;
}
.articles article .main-text .copy {
margin-bottom: 26px;
}
.articles article .main-text .notice {
height: 47%;
}
.articles article .main-text .divider {
top: 36%;
}
.articles article .main-text .copy {
bottom: 63px;
}
}
@media screen and (min-width: 992px) {
.product-details img {
max-height: 300px;
margin : 0 auto;
}
.product-details.video img {
max-height: none;
margin : 0 auto;
}
.bestsellers.more-products .carousel-control.left {
left : 60px;
-webkit-transform: scaleX(-1) translateY(-50%);
-ms-transform : scaleX(-1) translateY(-50%);
transform : scaleX(-1) translateY(-50%);
}
.bestsellers.more-products .carousel-control.right {
right: 60px;
}
.bestsellers article.book {
min-height: 368px;
padding : 10px;
}
.bestsellers article.book.more-products {
height: 454px;
}
.bestsellers article.book .notice {
height: 52%;
}
.bestsellers article.book img {
min-height: 116px;
}
.bestsellers article.book .divider {
top : 45%;
-webkit-transform: translateY(-45%);
-ms-transform : translateY(-45%);
transform : translateY(-45%);
}
.bestsellers article.book .divider.more-products {
top: 38%;
}
.bestsellers article.book#book5 h4 {
margin-top: 212px;
}
.articles article img {
/*min-height: 166px;*/
}
.articles article .main-text .copy {
margin-bottom: 41px;
}
.articles article .main-text .notice {
height: 46%;
}
.articles article .main-text .divider {
top: 38%;
}
.articles article .main-text .copy {
bottom: 47px;
}
.bestsellers.more-products {
padding-top: 0px;
}
}
@media (max-width: 1200px) {
.adresat-popisek {
display : none;
padding-left : 0px;
margin-bottom: 15px;
font-size : 17px;
}
.bestsellers.more-products .btn,
.product-details .buttons .button,
.mapa .btn-left,
.mapa .btn-right,
.bestsellers .bestsellers-next {
border-radius: 0px;
}
.bestsellers.more-products .btn,
.product-details .buttons .button {
padding : 10px 10px;
box-shadow: -3px 3px 0 0 #B2B2B2;
}
}
@media screen and (min-width: 1200px) {
.product-details .popis {
margin-top: 10px;
}
.product-details img {
max-height: none;
margin : 0 auto;
}
.bestsellers article.book {
min-height: 400px;
padding : 25px;
}
.bestsellers article.book.more-products {
height: 500px;
}
.bestsellers article.book .notice {
height: 54%;
}
.bestsellers article.book img {
min-height: 165px;
}
.bestsellers article.book .divider {
top: 48%;
}
.bestsellers.more-products article.book .divider {
top: 40%;
}
.bestsellers article.book .divider {
top : 48%;
-webkit-transform: translateY(-48%);
-ms-transform : translateY(-48%);
transform : translateY(-48%);
}
.bestsellers article.book .divider.more-products {
top: auto;
}
.bestsellers article.book#book5 h4 {
margin-top: 217px;
}
.articles article.col-sm-4 img {
min-height: 220px;
max-height: 220px;
}
.articles article .main-text .notice {
height: 50%;
}
.articles article .main-text .divider {
top: 46%;
}
.articles article .main-text .copy {
bottom: 47px;
}
}
.odebrat-male {
display: none;
}
/* Responsive */
@media (min-width: 1201px) {
.articles article .main-text {
min-height: 551px;
}
}
@media (min-width: 992px) {
#main-slider .carousel-inner>.item.active {
height: 350px;
}
header .main-menu-wrapper .main-menu nav #main-menu-items li a {
padding: 35px 20px;
}
}
@media (max-width: 991px) {
.pole.prihlaseni {
margin: 0px 0px 20px 0px !important;
}
.pole.prihlaseni div.row,
.pole.prihlaseni div.row .col-xs-12 {
margin : 0px !important;
padding : 0px !important;
padding-top: 20px !important;
}
.polozky-radek div.pocet {
width: 22%;
}
.polozky-radek div.stav {
width: 25%;
}
.polozky-radek div.cena-polozky {
width: 20%;
}
.polozky-radek div.cena-polozky-celkem {
width: 20%;
}
.polozky-radek div.odebrat {
width: 8%;
}
div.pole {
/* margin: 20px 15px; */
margin : 20px;
}
.registrace {
width: 96%;
}
.obr {
display : none !important;
/*display: block;
position : relative;*/
}
.polozky-radek div.nazev {
display : table-caption;
position: realtive;
width : 99%;
}
.polozky-tabulka {
width : 97%;
/*width: inherit; */
}
.dopla.polozky-tabulka {
width: 96%;
}
.polozky-radek {
display: table;
width : 100%;
}
.mkosik .polozky-radek {
width: inherit;
}
.dopravce-radek.polozky-radek {
display: table-row;
}
.nazev-polozky-cell {
display : table-cell;
vertical-align: middle;
width : inherit;
}
.odebrat-velke {
display: none !important;
}
.souhrn,
.souhrn-tlacitka {
width: 96%;
}
.polozky-radek div {
font-size: 17px;
}
.souhrn-tlacitka .tlacitko {
font-size: 18px;
padding : 15px;
}
#main-slider .carousel-inner>.item.active {
height: 420px;
}
.articles article .main-text {
min-height: 470px;
}
.articles article h3 {
font-size: 24px;
}
.drobek.aktivni:after {
display: none;
}
.articles article .main-text .divider {
top: 45%;
}
}
@media (max-width: 1200px) and (min-width: 993px) {
#main-slider,
.main-menu {
/*zoom: 0.9;*/
}
.bestsellers article.book .notice .info .zobrazit {
padding : 10px 10px;
font-size: 80%;
margin : 0px 10px;
}
.bestsellers article.book .notice .info h5,
.bestsellers article.book h4 {
font-size: 20px;
}
.articles article .main-text {
min-height: 460px;
}
.articles article .main-text .divider {
top: 41%;
}
.articles article h3 {
font-size: 19px;
}
.articles article h4 {
font-size: 20px;
margin: 10px 0;
}
}
@media (max-width: 992px) and (min-width: 768px) {
#main-slider,
.main-menu {
/*zoom: 0.68;*/
}
header .main-menu-wrapper .main-menu nav #main-menu-items li a,
header .main-menu-wrapper .main-menu nav #main-menu-items li a:link {
/* font-size: 10px;
padding : 10px;*/
}
ul.nav.navbar-nav {
/*margin-top : 7px;*/
margin-bottom: 0px;
margin-right : 0px;
}
ul.top-menu {
zoom: 0.75;
}
.bestsellers.more-products article.book .divider {
top: 52%;
}
}
@media (max-width: 766px) {
.vzkaz {
width: 100%;
}
header ul.top-menu li.cart:before {
left: 5px;
}
ul.top-menu li a {
/*zoom : 0.75;*/
font-size: 10px;
}
header ul.top-menu li.top-menu-item {
padding : 8px 5px 8px 5px;
border-radius: 0px;
}
header ul.top-menu li.cart {
padding : 8px;
padding-left : 30px;
padding-right: 8px;
border-radius: 0px;
}
.banner #main-slider article p {
text-align: center;
}
#main-slider .carousel-inner>.item.active,
#main-slider .carousel-inner>.item {
height: 495px;
}
.articles article .main-text {
min-height: 440px;
}
}
@media screen and (max-width: 767px) {
.skryt-bs {
display: none;
}
}
@media screen and (max-width: 992px) {
.pole.prihlaseni input {
width: 280px;
}
.polozky-radek div.stav {
width: 250px;
}
.polozky-radek div.radek-vtab {
display: table-row;
}
header {
margin-bottom: 50px;
}
header:after {
bottom: 0px;
}
}
@media screen and (max-width: 768px) {
.souhrn-tlacitka .tlacitko {
font-size: 15px;
padding : 10px;
}
.registrace {
/*width: inherit;*/
}
.product-details * {
/*zoom: .9 !important;*/
}
header ul.top-menu li.top-menu-item {
/* padding: 10px;*/
}
.bestsellers {
padding: 0px 15px 100px 15px;
}
.bestsellers article.book {
min-height: auto;
}
.bestsellers article.book img {
min-height: 100px;
}
.bestsellers article.book h4 {
font-size: 20px;
height : 50px;
}
.mapa h2 {
font-size: 29px;
}
.mapa p {
font-size: 20px;
}
.mapa {
padding: 10px 5px 30px 5px;
}
.skryt {
display: none;
}
footer h5 {
font-size: 14px;
}
footer h5.osdsa {
right: 10px;
}
.mapa .btn-left,
.mapa .btn-right {
font-size: 12px;
margin : 10px 0px 15px 0;
}
.mapa .btn-left {
margin-right: 5px;
}
.mapa .btn-right {
margin-left: 5px;
}
header:after {
bottom: -10px;
}
.nastred {
text-align: center;
}
.p0 {
padding: 0px;
}
.container h1 {
font-size : 26px !important;
margin-bottom: 15px;
}
a.tlacitko {
font-size : 21px;
margin : 30px 0px 0px 0px;
box-shadow: -4px 4px 0 0 #3B90B5;
padding : 30px 10px;
}
.container .product-details h1 {
margin-top: 0px;
font-size : 25px;
}
.container .product-details .info h3 {
margin-top: 0px;
font-size : 20px;
}
.container .product-details h4 {
margin-top: 0px;
font-size : 17px;
}
.product-details .buttons .button {
padding : 10px;
font-size: 12px;
}
.houses ol li {
font-size: 16px;
}
.houses .contact h4 {
font-size: 18px;
}
.houses {
margin-bottom: 50px;
}
.title h1 {
margin-top : 0;
padding-bottom: 20px;
padding-left : 0px;
}
.pov-pole {
font-size: 12px;
}
.articles article img {
min-height: auto;
}
.articles article .main-text img {
margin : 0 auto 10px auto;
position: relative;
}
.articles article .main-text {
/* min-height: auto; */
}
.articles article h3,
.bestsellers article.book h5 {
font-size: 20px;
}
.articles article h4 {
font-size: 20px;
}
.articles article .main-text .notice {
border-radius: 10px 10px 0 0;
}
.articles article .button {
box-shadow : -3px 3px #B2B2B2;
/*border-radius: 5px;*/
font-size : 12px;
padding: 10px 5px;
}
header ul.top-menu li,
.mapa .btn-left,
.mapa .btn-right {
box-shadow: -3px 3px #B2B2B2;
}
.bestsellers .bestsellers-next {
box-shadow: -3px 3px #1990B8;
}
.bestsellers article.book {
box-shadow: -3px 3px #1990B8;
}
.articles article .button#btn1,
.articles article .button#btn2,
.articles article .button#btn3,
.articles article .button#btn4,
.articles article .button#btn5 {
width: 90px;
}
ul.list-inline.top-menu {
text-align: center;
}
.mapa .content-change-text span.close {
top : -40px;
left: -10px;
}
}
.jina-adresa {
display: inline;
}
.kategorie {
text-align : center;
margin-top : 20px;
margin-bottom: 15px;
}
.kategorie h3 {
text-align : center;
display : inline-block;
font-family : sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 900;
text-transform : uppercase;
background-color: #eeb741;
margin-top : 0px;
border-radius : 0px;
padding : 5px 10px 10px 10px;
box-shadow : -4px 4px 0 0 #627D33;
color : #ffffff;
}
.sipka {
margin-left: 10px;
padding-top: 5px;
font-weight: normal;
}
.kategorie ul {
padding: 0px;
}
.kategorie li {
position: relative;
display : block;
}
.kategorie li.active {}
.kategorie li.active a {
background-color: white;
color : rgb(249, 189, 70);
border-radius : 0px;
max-width : 320px;
margin : 0 auto;
}
.kategorie li a {
background-color : rgba(0, 0, 0, 0);
border-bottom-style: none;
box-sizing : border-box;
display : block;
font-family : sans-serif;
font-size : 14px;
font-style : normal;
font-weight : bold;
height : 40px;
line-height : 20px;
list-style-image : none;
list-style-position: outside;
list-style-type : none;
outline-color : rgb(17, 164, 237);
outline-style : none;
outline-width : 0px;
padding-bottom : 10px;
padding-left : 15px;
padding-right : 15px;
padding-top : 10px;
position : relative;
text-align : center;
text-decoration : none;
width : 100%;
word-wrap : break-word;
text-transform : uppercase;
}
/*input[type=number]::-webkit-outer-spin-button,*/
input[type=number] ::-webkit-inner-spin-button {
-webkit-appearance: none;
background : url(images/spin.svg) no-repeat center center;
/*position : absolute;*/
top : 0;
right : 15%;
bottom : 0;
width : 40px;
height : 40px;
border-left : 0px solid #BBB;
opacity : .5;
/* shows Spin Buttons per default (Chrome >= 39) */
}
/*.pocet input[type=number]::-webkit-outer-spin-button,*/
.pocet input[type=number] ::-webkit-inner-spin-button {
-webkit-appearance: none;
background : url(images/spin.svg) no-repeat center center;
/*position : absolute;*/
top : 0;
right : 0;
bottom : 0;
width : 40px;
height : 40px;
border-left : 0px solid #BBB;
opacity : .5;
/* shows Spin Buttons per default (Chrome >= 39) */
}
.souhrn-tabulka .pocet input[type=number]::-webkit-outer-spin-button,
.souhrn-tabulka .pocet input[type=number]::-webkit-inner-spin-button {
display: none;
}
.odebrat-male img {
min-width: 15px;
}
.main-text p.vyprodano {
color : red;
text-align : left;
font-size : 20px;
font-weight: 600;
}
#frm-toCart-form .number .help-block {
top: -30px;
}
.souhrn-tabulka .pocet input[type=number] {
padding: 10px 5px !important;
}
.lam-right {
text-align: right;
}
.lam-services2 table th,
.lam-services2 table td {
line-height: 1.2;
padding : 20px 10px;
}
.completed {
margin-bottom: 180px;
margin-top : 20px;
}
.footer-fix {
position: absolute;
width : 100%;
bottom : 0px;
}
/*------------------------*/
div.lam-footer,
.lam-center {
text-align: center;
}
footer .col-sm-4.lam-footer {
margin-top : 10px;
margin-bottom: 10px;
}
/*------------------------*/
@media screen and (max-width: 400px) {
.pole.prihlaseni input {
width: 220px;
}
.objednavka .row {
font-size: 18px;
}
.mkosik.objednavka {
padding: 5px;
}
.odebrat-male img {
max-width: initial;
width : 20px;
}
.mrow {
display: inline;
}
#adresat {
float: none;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
right: 8%;
}
}
@media screen and (max-width: 350px) {
footer h5 {
font-size: 11px;
}
.pridat {
left: 0px;
}
}
@media screen and (max-width: 767px) {
.main-text,
.bestsellers article.book {
padding: 15px;
}
}
@media screen and (max-width: 530px) {
.articles article h3,
.articles article h4,
.bestsellers article.book h4,
.bestsellers article.book h5 {
font-size: 18px;
}
}
@media (max-width: 670px) {
.dodani-platba .polozky-radek div {
padding: 20px 0px 20px 20px;
}
/*
.polozky-radek div.pocet {
width: 25%;
}
.polozky-radek div.stav {
width: 35%;
}
.polozky-radek div.cena-polozky {
width: 20%;
}
.polozky-radek div.cena-polozky-celkem {
width: 20%;
}
*/
.polozky-radek div {
font-size: 15px;
}
.polozky-radek {
display: table;
width : inherit;
}
div.pole {
font-size: 16px;
margin : 10px;
}
.polozky-tabulka.souhrn-tabulka div.pole {
font-size: 16px;
margin : 2px 5px;
}
.registrace h2 {
padding-left: 10px;
}
.historie-objednavek0 div.pole {
margin: 20px;
}
.historie-objednavek div.pole {
margin: 10px;
}
}
.dodani-platba div.pole label {
display : block;
clear : left;
margin-bottom: 5px;
}
@media screen and (max-width: 490px) {
.historie-objednavek .polozky-radek div.cislo,
.historie-objednavek .polozky-radek div.datum,
.historie-objednavek .polozky-radek div.stav,
.historie-objednavek .polozky-radek div.link {
display: block;
width : 100%;
}
.souhrn-tabulka .polozky-radek div.pocet input {
width : 50px !important;
font-size: 13px;
}
.souhrn-tabulka .polozky-radek div {
/* font-size: 13px; aaa */
}
div.pole label,
.polozky-radek div.cena-polozky {
/* font-size: 13px; */
}
h2 label {
/* font-size: 15px;*/
}
.registrace h2 input[type='checkbox'] {
width : 20px;
height : 20px;
border-radius: 0px;
margin-right : 10px;
}
.dodani-platba .nadpisy h2 {
text-align : left;
font-size : 25px;
padding-left: 10px;
}
.dodani-platba .polozky-radek div .tlacitko {
font-size: 11px;
padding : 5px 10px;
}
.dodani-platba div.pole {
/* margin: 5px 5px;*/
}
.souhrn,
.souhrn-tlacitka {
width: 90%;
}
.doleva,
.doprava {
text-align: center;
}
.dodani-platba .polozky-radek div {
padding: 4px;
}
.dodani-platba .polozky-radek div.nazev {
padding-top: 10px;
}
.polozky-radek div {
/*display: block;*/
padding : 10px 5px 10px 5px;
}
.polozky-radek {
/*display: block;*/
/*padding: 10px;*/
}
.articles article .button {
width: 110px;
}
}
@media screen and (max-width: 400px) {
.articles article h3 {
font-size: 14px;
}
.articles article h4 {
font-size: 16px;
}
.polozky-radek div,
.polozky-radek div.pocet input {
font-size: 11px;
}
.articles article .main-text {
min-height: 300px;
}
.articles article .main-text .button,
.bestsellers.more-products .btn,
.payment {
zoom: .8;
}
.articles article .button#btn1,
.articles article .button#btn2,
.articles article .button#btn3,
.articles article .button#btn4,
.articles article .button#btn5 {
bottom: inherit;
}
.articles article h3 {
margin-top: 50px !important;
height : 50px;
overflow : hidden;
}
.articles article .main-text {
padding-bottom: 40px;
}
.articles article h4 {
margin: 0px 0px 20px 0px;
}
div.pov-pole {
display: none;
}
.container-fluid.form {
padding-bottom: 90px;
}
header .main-menu-wrapper .main-menu nav button {
margin: 4px 0 0 0;
}
.houses ol li {
text-align: left;
}
}
@media (max-width: 320px) {
header .main-menu-wrapper .main-menu nav button {
margin: 0;
}
.articles article .main-text .divider {
top: 38%;
}
}
@media (min-width: 768px) {
.navbar-toggle,
.skryt-menu {
display: none;
}
}
@media (max-width: 375px) {
.registrace-sekce .souhrn {
text-align: center;
}
.registrace-sekce .souhrn b {
display: block;
}
.completed {
margin-bottom: 300px;
}
}
@media (min-width: 375px) {
footer .col-sm-4.lam-footer {
width: 33%
}
.articles article .main-text .divider {
top: 48%;
}
}
@media (min-width: 410px) {
.articles article .main-text .divider {
top: 39%;
}
}
@media (min-width: 667px) {
.articles article h3 {
height: 62px;
}
}
@media (min-width: 736px) {
.articles article .main-text .divider {
top: 42%;
}
.articles article h3 {
height: 40px;
}
.articles article .main-text {
min-height: 410px;
}
}
@media (min-width: 768px) {
.articles article h3 {
height: 72px;
}
.articles article .main-text .divider {
top: 42%;
}
}
@media (max-width: 630px) {
.skryt-popis {
display: none;
}
}
@media (max-width: 767px) {
.banner #main-slider .slider-button {
display: none !important;
}
.navbar-nav {
float: none !important;
}
.banner #main-slider article h3 {
text-align: center;
}
.skryt-pata {
display: none;
}
section.categories div.col-md-9.main-text.video {
padding: 20px !important;
}
.lam-right {
text-align: left;
}
.lam-rozcestnik .lam-right {
text-align: right;
}
}
@media (width: 768px) {
.articles article .main-text .copy {
bottom: 77px;
}
}
@media (max-width: 766px) {
.skryt-pr {
display: none;
}
}
@media (min-width: 812px) {
.articles article h3 {
font-size: 20px;
}
.articles article h4 {
font-size: 20px;
}
}
@media (min-width: 823px) {
.articles article h3 {
font-size: 20px;
}
.articles article h3 {
height: 72px;
}
.articles article h4 {
font-size: 20px;
}
}
@media (min-width: 1024px) {
.articles article h3 {
height : 88px;
font-size: 19px;
}
}
@media (min-width: 1366px) {
.articles article .main-text .divider {
top: 48%;
}
.articles article h3 {
font-size: 25px;
}
.articles article h4 {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.bestsellers article.book h4 {
height: 90px;
}
.polozky-radek div {
/* font-size: 18px;*/
}
.obr img {
width: 100px;
}
.adresat-popisek {
padding-top: 0px;
}
.dodani-platba .polozky-radek div.odebrat {
padding: 20px;
}
.categories aside h3 {
font-size: 23px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
img.logo.img-responsive {
margin-top: 5px;
}
}
@media (max-width: 768px) and (min-width: 500px) {
.banner #main-slider article h3 {
font-size: 38px;
}
.container {
width: auto;
}
}
@media (max-width: 499px) {
.banner #main-slider article h3 {
font-size: 22px;
}
.navbar-toggle {
padding-top: 6px;
}
.lam-header-row header {
padding-top : 10px;
padding-bottom: 10px;
}
}
@media (width: 320px) {
/*
#bestsellers-slider article.book {
min-height: 300px !important;
height : 200px !important;
max-height: 200px !important;
}
*/
}
header ul.top-menu li.cart:after {
display: none;
}
section.categories div.col-md-9.main-text.video {
padding : 30px;
margin : 0px;
margin-top: 10px;
width : 100%;
}
.video img {
border : 0px solid #B2B2B2;
box-shadow : 0px 0px 0 0 #B2B2B2;
margin-bottom: 0px;
}
.bestsellers.more-products h2.text-left {
text-align: left;
}
@media (max-width: 991px) {
.bestsellers article.book h4 {
height: 70px;
}
.reg-souhlas {
font-size: 14px;
}
.skryt-sloupec {
display: none;
}
.bestsellers.more-products h2.text-left {
text-align: center;
}
}
.navbar {
min-height: 0px;
}
.video .main-text img {
margin-bottom: 0px;
}
.t-table {
display: table !important;
width : 100%;
margin : 0px;
}
.t-row {
display: table-row !important;
padding: 0px;
}
.t-row div {
display: table-cell !important;
}
.dodani-platba .polozky-radek .t-row div {
padding: 40px 50px;
}
.dodani-platba div.pole.dopravce-radek>label,
.dodani-platba div.pole.dopravce-radek>div {
display : table-cell;
padding : 20px 0px 20px 50px;
vertical-align: middle;
}
.dodani-platba div.pole.dopravce-radek>label:empty,
.dodani-platba div.pole.dopravce-radek>div:empty {
padding : 0px 0px 0px 0px;
vertical-align: middle;
}
.posledni {
text-align : right !important;
padding-right: 50px !important;
display : block !important;
}
/*
#snippet-cart2-transports .posledni::after {
content: "(max. do 25 km od provozovny)";
}
*/
.registrace div.pole input[type='radio'].dopravce,
.registrace h2 input[type='checkbox'],
.registrace div.pole input[type='checkbox'] {
display: none;
}
.registrace h2 input[type='checkbox']+label span {
margin-top: -5px;
}
input[type="radio"]+label span,
.registrace h2 input[type='checkbox']+label span,
.registrace div.pole input[type='checkbox']+label span {
display : inline-block;
width : 27px;
height : 28px;
margin : -1px 10px 0 0;
vertical-align: middle;
background : url(images/check.svg) left top no-repeat;
cursor : pointer;
}
input[type="radio"]:checked+label span,
.registrace h2 input[type='checkbox']:checked+label span,
.registrace div.pole input[type='checkbox']:checked+label span {
background: url(images/check.svg) -29px top no-repeat;
}
input[type="submit"].pridat {
width: auto;
}
.tlacitko a {
color: white;
}
span.text-danger {
font-style : italic;
color : #FF505D;
font-size : 15px;
padding-top: 5px;
}
.registrace h2 input[type='checkbox'],
.registrace div.pole input[type='checkbox'] {
display: inherit;
}
.dodani-platba div.pole label.platce {
display: inline-block;
}
/* 5. MAPA */
.mapa {
background-image: url("/images/mapa.png");
}
@media (max-width: 630px) {
.dodani-platba div.pole.dopravce-radek>* {
padding : 10px;
font-size: 13px;
}
.dodani-platba .polozky-radek .t-row div {
padding: 10px 10px;
}
.dodani-platba div.pole.dopravce-radek>span {
padding: 0px;
}
.registrace .pole.prihlaseni .row {
padding: 0px 17px;
}
.dodani-platba div.pole.dopravce-radek>label {
padding : 10px;
padding-right: 0px;
}
.dodani-platba div.pole.dopravce-radek .posledni {
text-align : right !important;
padding-right: 10px !important;
}
}
ul.kategorie-produktu li a {
color: inherit;
}
ul.kategorie-produktu li a:hover {
color: #FF505D;
}
footer div.lam-footer * {
color : #ffffff;
font-size: 14px;
}
.lam-left {
text-align: left;
}
.lam-right {
/*text-align: right;*/
}
.lam-header {
background-color: #93b156;
/* padding : 5px;*/
margin : 0px;
display : table;
width : 100%;
height : 10%;
max-height : 90px;
}
.lam-obrazek {
padding: 0px;
display: table;
width : 100%;
height : 90%;
}
.lam-uvod {
background-image : url('/img/lam-pozadi.jpg');
background-repeat : no-repeat;
background-position : center center;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
background-size : cover;
width : 100%;
height : 100%;
padding : 0px;
}
.lam-tlacitko {
color : #ffffff;
font-size : 35px;
border : #fff solid 2px;
padding : 5px 30px;
font-weight: bold;
}
.lam-tlacitko:hover,
.lam-tlacitko:active,
.lam-tlacitko:focus {
color : #e8e8e8;
border: #e8e8e8 solid 2px;
}
.lam-header-row {
background-image : url('/img/stavo-header.png');
background-repeat : repeat-x;
background-position: left bottom;
}
.lam-les {
background-image : url('/img/lam-tezba-dreva-pozadi.jpg');
background-repeat : no-repeat;
background-position : center center;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
background-size : cover;
width : 100%;
height : 500px;
padding : 0px;
margin-bottom : 30px;
}
.lam-les h1 {
/*height : 50vh;*/
line-height : 1;
font-size : 80px;
color : #ffffff;
text-align : center;
font-weight : bold;
margin : 0px;
padding : 0px;
text-transform: uppercase;
}
.lam-les.lam-93b156 .container,
.lam-les.lam-f0b941 .container,
.lam-les.lam-eeb741 .container,
.lam-les.lam-eeb742 .container,
.lam-les.lam-eeb743 .container,
.lam-les.lam-eeb744 .container {
display : table-cell;
text-align : center;
vertical-align: middle;
width : 100%;
}
.lam-les.lam-nfl h1:first-letter {
font-size: 100%;
}
.lam-les.lam-nfl h1 {}
.lam-header-row header {
margin-bottom: 0px;
}
.lam-services2 {
margin-bottom: 60px;
}
.lam-services2 h2 {
font-size : 23px;
font-weight : bold;
text-transform: uppercase;
color : #443e3b;
margin-top : 0px;
line-height : 1;
}
.lam-services2 h3 {
font-size : 20px;
font-weight: bold;
color : #443e3b;
margin-top : 0px;
line-height: 1;
}
.lam-services2 h2:first-letter {
font-size: 140%;
}
.lam-services2 p,
.lam-services2 h2 {}
.lam-services2 p {
line-height : 1.5;
margin-bottom: 20px;
}
.lam-services2 a.tlacitko {
text-transform : uppercase;
background-color: #eeb741;
padding : 8px 30px;
color : #ffffff;
font-size : 20px;
box-shadow : 2px 2px 0 0 #BFBFBF;
text-decoration : none;
display : inline;
}
.lam-services2 a:not(.tlacitko) {
text-decoration: underline;
}
.lam-services2 a:hover:not(.tlacitko) {
text-decoration: none;
color : #eeb741;
}
.lam-services2 img {
box-shadow: 2px 2px 0 0 #BFBFBF;
}
.lam-services2 table {
box-shadow: 2px 2px 0 0 #BFBFBF;
border : #757575 solid 5px;
}
.lam-services2 table td,
.lam-services2 table th {
border: #757575 solid 2px;
}
.lam-services2 table tr {
line-height: 3;
}
.lam-services2 table th {
color : #eeb741;
font-size : 30px;
text-transform: uppercase;
}
.lam-services2 table td {
color : #757575;
font-size: 22px;
}
.lam-93b156 .lam-services2 table th {
color: #93b156;
}
.lam-f0b941 .lam-services2 table th {
color: #eeb741;
}
.product-details h1 {
text-transform: none;
}
body {
font-family: sans-serif;
}
body>header {
margin-top : 20px;
margin-bottom: 0px;
}
body>header.container {
background-color: #fff;
}
body>div.lam-shop>header.container {
margin-bottom: 50px;
}
body>div.lam-shop>header.container>div.container-fluid {
background-color: #93b156;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
min-height: 0px;
}
form .col-sm-4,
.konec-formu .col-sm-3 {
min-height: 1px;
}
a {
color: #443e3b;
}
div.uzivatel-popis~footer,
section.registrace-sekce+footer,
section.kosik~footer,
section.kontakt~footer,
section.lam-op~footer,
div.lam-login~div.footer-fix footer,
div.lam-reg~footer {
background-color: #93B156;
padding : 5px 15px;
min-height : 50px;
height : 50px;
margin-top : 50px;
}
div.lam-reg div.pole input,
div.lam-reg div.pole select,
div.lam-reg .kontakt select {
border: #FCC859 1px solid;
}
.lam-op {
background-color: #eeb741;
padding : 50px 0px;
margin-bottom : 40px;
}
.lam-op>.container {
background-color: white;
border-radius : 0px;
box-shadow : -7px 7px 0 0 #AF7F0D;
padding : 30px;
}
h1.kontakt-h.lam-op-nadpis {
margin-top : 30px;
margin-bottom: 0px;
}
.lam-op b,
.lam-op strong {
font-weight: bold;
}
.lam-op td {
padding: 10px;
}
.lam-op tr {
border-bottom: #443e3b solid 1px;
}
.lam-op h2 {
font-weight: bold;
font-size : 25px;
}
.lam-op h3 {
font-weight: bold;
font-size : 20px;
}
.lam-op h4 {
font-weight: bold;
font-size : 20px;
}
footer .lam-footer-ico {
max-height : 50px;
margin-top : 0px;
margin-bottom: 0px;
}
.lam-footer p {
margin-bottom: 0px;
margin-top : 0px;
}
img.logo.img-responsive {
/*max-height: 72px;*/
}
footer img.logo.img-responsive {
max-height: 50px;
}
.lam-les.lam-93b156 {
/* background-image : url("/img/stavo-uvodni.jpg");
height : 100vh;
min-height : 100%;
background-attachment : fixed;
background-position : center bottom;
background-repeat : no-repeat;
background-size : contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size : contain;
*/
display : table;
max-width: 1170px;
width : 100%;
}
.lam-les.lam-eeb741 {
background-image : url("/img/stavo-sluzba-vlastni-dev-projekty1.jpg");
height : 100vh;
min-height : 100%;
/*background-attachment: fixed;*/
background-position : center bottom;
background-repeat : no-repeat;
background-size : cover;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
display : table;
}
.lam-les.lam-eeb742 {
background-image : url('/img/stavo-sluzba-drobne-stavebni-prace1.jpg');
height : 100vh;
min-height : 100%;
/*background-attachment: fixed;*/
background-position : center bottom;
background-repeat : no-repeat;
background-size : cover;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
display : table;
}
.lam-les.lam-eeb743 {
background-image : url('/img/stavo-sluzba-zemni-prace.jpg');
height : 100vh;
min-height : 100%;
/*background-attachment: fixed;*/
background-position : center bottom;
background-repeat : no-repeat;
background-size : cover;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
display : table;
}
.lam-les.lam-eeb744 {
background-image : url('/img/specialni-stavebni-prace.jpg');
height : 100vh;
min-height : 100%;
/*background-attachment: fixed;*/
background-position : center bottom;
background-repeat : no-repeat;
background-size : cover;
-webkit-background-size: cover;
-moz-background-size : cover;
-o-background-size : cover;
display : table;
}
@media only screen and (max-device-width : 1024px) {
.lam-les.lam-93b156,
.lam-les.lam-eeb741,
.lam-les.lam-eeb742,
.lam-les.lam-eeb743,
.lam-les.lam-eeb744 {
background-attachment: initial;
}
}
.lam-tcell {
display : table-cell;
vertical-align: middle;
}
.lam-rozcestnik {
/*
height: 87vh;
*/
}
.lam-video-container {
position : relative;
padding-bottom: 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.lam-video-container iframe,
.lam-video-container object,
.lam-video-container embed {
position: absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#frm-cart2-form .help-block.text-danger {
position : absolute;
top : -45px;
right : 0px;
font-size: 13px;
}
h2.pripravuje {
/*
-ms-transform : rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform : rotate(-45deg);
*/
padding-left: 15px;
font-family : inherit;
text-align : left;
color : white;
font-size : 30px;
}
.lam-obrazek img {
height : 100%;
max-height: 400px;
height : 40vh;
}
.lam-img {
background-image : url('/img/lam-strom.png');
min-height : 200px;
height : 100%;
background-position : center;
background-repeat : no-repeat;
background-size : contain;
-webkit-background-size: contain;
-moz-background-size : contain;
-o-background-size : contain;
display : block;
}
@media (max-width: 630px) {
img.lam-logo {
width: 240px;
}
}
@media (max-height: 460px) {
.lam-img {
min-height: 180px;
}
.lam-tlacitko {
padding: 3px 20px;
}
.lam-header {
height: 10%;
}
.lam-obrazek {
height: 90%;
}
img.lam-logo {
width: 170px;
}
}
@media (max-height: 360px) {
.lam-img {
min-height: 130px;
}
.lam-tlacitko {
padding: 3px 20px;
}
.lam-header {
height: 10%;
}
.lam-obrazek {
height: 90%;
}
img.lam-logo {
width: 150px;
}
.lam-rozcestnik .lam-tlacitko {
font-size: 18px;
}
}
@media (min-height: 600px) {
.lam-img {
min-height: 350px;
}
}
@media (min-width: 768px) {
.lam-op>.container {
width: 750px;
}
}
@media (min-width: 992px) {
.lam-op>.container {
width: 970px;
}
.product-details .popis {
left: 20px;
}
}
@media (min-width: 1200px) {
.lam-op>.container {
width: 1060px;
}
}
@media (max-width: 991px) {
.lam-les.lam-nfl h1 {
font-size: 60px;
}
h2.pripravuje {
padding-left: 0px;
text-align: center;
color : white;
font-size : 28px;
}
/*
.lam-les.lam-93b156, .lam-les.lam-f0b941 {
background-attachment: scroll;
}
*/
.lam-rozcestnik {
/*height: 75vh; */
}
}
@media (max-width: 767px) {
.lam-les.lam-nfl h1 {
font-size: 50px;
}
}
@media (max-width:560px) {
.lam-services2 table th {
font-size: 20px;
}
.lam-services2 table td {
font-size: 16px;
}
.lam-les.lam-nfl h1 {
font-size: 30px;
}
.lam-rozcestnik .lam-tlacitko {
font-size: 20px;
}
}
/* chybove hlasky formularu */
.help-block {
margin-top : 0px !important;
margin-bottom: 10px !important;
position : relative !important;
top : -20px !important;
}
.form .help-block {
color: white;
}
.form .help-block i.glyphicon {
display: none;
}
.form input,
.form textarea {
z-index: 10;
}
@media (max-width: 374px) {
section.stranka {
padding-bottom: 250px;
}
}