@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');
body {
     padding-top: 60px;
     padding-bottom: 40px;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin-ext');

/* reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* /reset */

body { background-color: #fff; text-align: center; color: #7b7b7b; font-family: 'Poppins', sans-serif; line-height: 1.6em; font-weight: 400; }

h1, h2, h3, h4 { color: #50a12d; font-family: 'Roboto', sans-serif; font-weight: bold; margin: 1em 0; line-height: 1.3em; text-transform: uppercase; }
h1 { font-size: 40px; color: #50a12d; }
h2 { font-size: 36px; color: #50a12d; }
h3 { font-size: 26px; }

em { font-style: italic; }
strong { font-weight: bold; }
p { margin: 1em 0; }

header { background-color: #fff; }
header div.header-container { padding: 20px 0; }
header #top { background-color: #3d3939; color: #fff; min-height: 40px; }
header #top div { text-align: center; }
header #top div span { display: block; float: left; height: 100%; padding-top: 5px; text-align: left; font-size: 90%; }
header #top div img { padding-right: 10px; padding-top: 5px; float: left; }
header #top div a { color: #fff; text-decoration: underline; }
header #top div a:hover { color: #dc851e; text-decoration: none; }

header #logo { float: left; text-align: left; text-transform: uppercase; font-family: 'Lato', sans-serif; text-decoration: none; color: #50a12d; font-weight: 900; line-height: 1.1em; font-size: 18px; width: 200px; background: transparent url(../images/jablko.gif) no-repeat 0 0; background-size: 50px 45px; padding-left: 55px; }


#main { width: 100%; margin-bottom: 40px; }
#main .container { text-align: left; color: #fff; }
#main .container h1 { color: #fff; margin: 0 0 1em 0; padding-top: 80px; text-align: right; }
#main .container h1 span { color: #50a12d; }
#main .container p { font-size: 20px; text-align: right; }

#carousel {
     img {
          width: 100%; height: auto;
     }
}

header ul { padding: 0; margin: 0; list-style: none; float: right; }
header ul li { float: left; text-transform: uppercase; padding-left: 40px; }
header ul li a { text-decoration: none; color: #50a12d; transition: .5s; }
header ul li a:hover, header ul li a:active, header ul li a:focus { color: #313a54; text-decoration: none; }

#main-text { font-size: 28px; padding: 0 0 80px 0; }
#main-text p { color: #313a54; font-family: 'Roboto Slab', serif; font-style: italic; line-height: 1.3em; }
#main-text h1 { font-size: 32px; color: #50a12d; }

@media only screen and (max-width: 595px) {
  #main-text { font-size: 18px; }
  #main-text h1 { font-size: 22px; }
}

#cols-text div div { padding: 0 15px 100px 15px; }
#cols-text div div div { border: 1px solid #3d3939; padding: 30px 50px 30px 50px; min-height: 340px; }
#cols-text div div div h2 { font-size: 22px; color: #3d3939; }

@media only screen and (max-width: 595px) {
  #cols-text div div div { padding: 20px; }
}

#odrudy { background: #00714a url(../images/field.jpg) 0 0 no-repeat; background-size: cover; padding: 40px 0; box-sizing: border-box; }
#odrudy .row, #kontakty.row, #main-text .row { margin: 0; }
#odrudy h2 { color: #fff; }
#odrudy h3 { color: #fff; }
#odrudy .odruda { box-sizing: border-box; margin: 15px 0; }
#odrudy .odruda-in { background-color: #fff; margin: 0 15px; padding: 20px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); position: relative; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#odrudy .odruda-in:hover { border-color: #50a12d; border-top: 2px solid #50a12d; border-bottom: 2px solid #50a12d; background-color: #50a12d; color: #fff; }
#odrudy .odruda-in:hover p, #odrudy .odruda-in:hover em, #odrudy .odruda-in:hover h4 { color: #fff; }
#odrudy .odruda-in h4 { font-size: 18px; font-family: 'Poppins', sans-serif; color: #50a12d; }
#odrudy .odruda-in div.odruda-img { overflow: hidden; height: 180px; }
#odrudy .odruda-in img { width: 100%; height: auto; transition: .5s; }
#odrudy .odruda-in:hover img { transform: scale(1.2); }
#odrudy .odruda-in a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#odrudy .odruda-in a:hover { background: transparent; }
#odrudy #loga { padding: 30px 0; }

#kontakty { background: #50a12d url(../images/bck-jablko.png) no-repeat 110% 150%; }
#kontakty div { color: #fff; text-align: left; height: 400px; padding: 0; }
#kontakty div#contacts { padding: 40px; }
#kontakty div#contacts a { color: #fff; text-decoration: underline; }
#kontakty div#contacts a:hover { text-decoration: none; }

footer { padding: 60px 0 40px 0; font-size: 12px; background-color: #3d3939; color: #fff; }
footer .footer-link { color: #50a12d; text-decoration: underline; }
footer .footer-link:hover { text-decoration: none; }

@media only screen and (max-width: 768px) {
  header #logo { float: none; padding-bottom: 40px; display: inline-block; width: auto; }
  header ul { float: none; }
  header ul li { padding-left: 0; display: block; width: 100%; }
}

#opening-more {
     background: #efefef;
     padding: 10px;
     margin: 20px auto;
}
#opening-more-in {
     background: #efefef;
     border: 1px solid #dc851e;
     padding: 20px;
     color: #313a54;
}

#price-more {
     background: #efefef;
     padding: 10px;
     margin: 20px auto;
}
#price-more-in {
     background: #efefef;
     border: 1px solid #00714a;
     padding: 20px;
     color: #313a54;
}