@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300&subset=latin,latin-ext);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

* { margin: 0; outline: none; padding: 0; }

::selection { background: #b5191c; color: #fff; }

html { font-family: sans-serif; }
body { background: #fff; color: #444; font-family: 'Open Sans', Arial; font-size: .9375em; line-height: 1.6em; text-align: center; }

a { color: #00963f; cursor: pointer; text-decoration: underline; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:active, a:focus, a:hover, a:visited { text-decoration: none; }
a img { border: none; }

article, aside, figure, footer, header, section { display: block; }

b, strong { font-weight: 600; }

fieldset { border: none; }
label { display: block; }
input[type="password"], input[type="text"], textarea { box-sizing: border-box; font-family: 'Open Sans'; font-size: 1em; padding: 6px 10px; width: 100%; }
input[type="submit"] { border: none; cursor: pointer; font-family: 'Open Sans'; font-size: 1.143em; font-weight: 600; line-height: 1.2em; text-shadow: 0 -1px rgba(0,0,0,0.2); text-transform: uppercase; }
textarea { overflow: auto; resize: vertical; }

h1, h2, .h2, h3, .h3 { color: #777; font-family: 'Ubuntu'; font-weight: 300; }
h1 { font-size: 2em; line-height: 1.315em; margin: 1.5em auto .75em; }
h1:first-child { margin-top: 0; }
h2, .h2 { font-size: 1.5em; line-height: 1.2em; margin: 1.5em auto .5em auto; }
h3, .h3 { font-size: 1.25em; line-height: 1.2em; margin: .5em auto .5em auto; }

@media only screen and (min-width: 768px) {
	h1 { font-size: 2.533em; }
	h2, .h2 { font-size: 1.733em; }
	h3 { font-size: 1.33em; }
}

img, video { height: auto; max-width: 100%; }

p { margin: .125em auto .875em auto; text-align: justify; }

ol, ul { margin: .25em auto .75em 1.5em; }
ul { list-style-type: square; }
ul.letters { list-style-type: lower-alpha; }

sup { position: relative; top: -.4em; vertical-align: top; } 

table { border-collapse: collapse; margin: .25em 0 1em; width: 100%; }
td, th { padding: .3em; text-align: center; }
td { border: 1px solid #d9d9d9; }
th { background: #d9d9d9; border: 1px solid #c8c8c8; }
tr.nobo > td, tr.nobo > th, td.nobo, th.nobo { border: none; }

/** LAYOUT **/
.center { margin: 0 auto; max-width: 1140px; text-align: left; width: 96%; }

@media only screen and (min-width: 768px) {
	/* Sloupce */
	.row { clear: both; margin: 0 auto; }

	[class^="col-"] { float: left; list-style: none; margin: 0 0 0 4%; min-height: 1px; position: relative; }
	[class^="col-"]:first-child { margin-left: 0; }

	.col-2 { width: 48%; }
	.col-3 { width: 30.6666%; }
	.col-4 { width: 22%; }
	.col-5 { width: 16.8%; }
	.col-6 { width: 13.33334%; }
	.col-2:nth-child(2n+1), .col-3:nth-child(3n+1), .col-4:nth-child(4n+1), .col-5:nth-child(5n+1), .col-6:nth-child(6n+1) { clear: left; margin-left: 0; }
	/* 2:1 */
	.col-66 { width: 64%; }
	.col-33 { width: 32%; }
	/* 3:1 */
	.col-75 { width: 73%; }
	.col-25 { width: 23%; }
	/* 2:2:3 */
	.col-27 { width: 27%; }
	.col-38 { width: 38%; }
	/* 1:2:2 */
	.col-20 { width: 12%; }
	.col-40 { width: 40%; }
}

.line { background: #ededed; height: 1px; margin: 2em 3% 1.5em; width: 94%; }

/** HEADER **/
#header { background: rgba(23,23,23,0.96); border-bottom: 1px solid #303030; padding: 0 0 15px 0; }
#header.dark-header { background: rgba(26,26,24,0.96); }
#header > .center { height: 55px; position: relative; }

.sub-header { background: #000; color: #fff; margin-bottom: 15px; padding: 10px 0 5px; }
.sub-header > .center { position: relative; text-align: center; }
.sub-header > .center .text-right { padding-left: 2em; text-align: center; }
.call-us { display: inline-block; font-size: 1.33em; font-weight: 600; line-height: 24px; }
.call-us i { display: inline-block; margin-right: 5px; }

.locale { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: none; color: #fff; cursor: pointer; display: inline-block; height: 24px; text-align: right; }
.locale span { display: inline-block; margin-right: .75em; position: relative; top: -4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; vertical-align: middle; }
.locale:active span, .locale:focus span, .locale:hover span { color: #64a120; }
.locale i { font-size: 24px; }

.flags { background: rgba(0,0,0,0.94); border-top: 1px solid #222; display: none; left: 0; padding: 1.5em 2em 1.5em 5em; position: absolute; right: 0; top: calc(100% + 3px); z-index: 9999; }
.flags ul { list-style: none; margin: 0; }
.flags li { line-height: 30px; }
.flags a { color: #555; display: block; font-size: 1.2em; text-decoration: none; }
.flags a:active, .flags a:focus, .flags a:hover { color: #999; }
.flags a > span { display: inline-block; vertical-align: middle; }
.flags a > span:first-letter { text-transform: uppercase; }
.flags a > img { display: inline-block; margin-right: 1em; opacity: .66; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; vertical-align: middle; }
.flags a:active > img, .flags a:focus > img, .flags a:hover > img { opacity: 1; }

.logo { display: inline-block; }
.logo img { max-width: 113px; }

@media only screen and (min-width: 768px) {
	#header { background: rgba(23,23,23,0.85); left: 0; position: fixed; right: 0; top: 0; z-index: 9990; }
	.sub-header { height: 24px; padding: 5px 0; }
	.sub-header > .center { text-align: left; }
	.sub-header > .center .text-right { padding-left: 0; text-align: right; }
}

/** NAVIGACE **/
#nav { bottom: -15px; position: absolute; right: 0; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav a { color: #fff; display: block; text-decoration: none; }

#nav > ul > li { display: inline-block; float: left; margin-left: .9375em; padding-bottom: 1.8em; position: relative; }
#nav > ul > li > a { font-size: 1em; font-weight: 600; padding: 5px 8px; text-transform: uppercase; }
.dark-header #nav > ul > li > a { font-weight: 400; }
#nav > ul > li > a:active, #nav > ul > li > a:focus, #nav > ul > li > a:hover { color: #64a120; }

#nav > ul > li > ul { background: #171717; border-top: 1px solid #303030; display: none; min-width: 225px; position: absolute; top: 100%; z-index: 9999; }
#nav > ul > li:active > ul, #nav > ul > li:focus > ul, #nav > ul > li:hover > ul { display: block; }
#nav > ul > li > ul > li { display: block; }
#nav > ul > li > ul > li > a { font-size: .929em; font-weight: 600; line-height: 1.25em; padding: .66em 1.466em; white-space: nowrap; }
#nav > ul > li > ul > li > a:active, #nav > ul > li > ul > li > a:focus, #nav > ul > li > ul > li > a:hover { background: #005d28; color: #fff; }

#mobile-nav { border: 1px solid #dadada; color: #dadada; display: none; font-weight: 600; padding: .5em 1em; position: absolute; right: 0; top: .5em; text-decoration: none; text-transform: uppercase; }
#mobile-nav:active, #mobile-nav:focus, #mobile-nav:hover { background: #dadada; color: #171717 !important; }

@media only screen and (min-width: 768px) {
	#mobile-nav { display: none; }
	#nav { display: block !important; }
}

@media only screen and (max-width: 768px) {
	#mobile-nav { display: inline-block; }
	#nav { display: none; position: absolute; top: 71px; width: 100%; z-index: 9998; }
	#nav > ul { background: #303030; }
	#nav > ul > li { border-top: 1px solid #525252; display: block; float: none; margin: 0; padding: 0; }
	#nav > ul > li:first-child { border-top: none; }
	#nav > ul > li > a { line-height: 44px; padding: 0 8px; }
	
	#nav > ul > li > ul { background: none; border-top: none; display: block; position: relative; top: 0; width: 100%; }
	#nav > ul > li > ul > li { border-top: 1px solid #525252; box-sizing: border-box; display: inline-block; width: 49%; }
	#nav > ul > li > ul > li > a { line-height: 40px; padding: 0 1.5em; }
}

/** SLIDER **/
#slider { margin: 1px 0; overflow: hidden; position: relative; }
#slider > ul { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
#slider > ul > li { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; left: 0; position: absolute; top: 0; width: 100%; }
#slider > ul > li:first-child { display: block; float: left; position: relative; }

.slide { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; left: 0; position: absolute; top: 0; width: 100%; }
.slide:first-child { display: block; float: left; position: relative; }
.slide > img { display: block; width: 100%; }

.slide-text { bottom: 1em; left: 1em; position: absolute; right: 1em; top: 1em; }
.slide-text p { text-align: center; }
.slide-text p.title { color: #fff; display: inline-block; font-size: 2em; font-weight: 400; line-height: 1.2em; letter-spacing: .14em; text-shadow: -2px 2px 0px rgba(0,0,0,0.3), -3px 3px 1px rgba(0,0,0,0.5), -4px 4px 2px rgba(0,0,0,0.2); text-transform: uppercase; }
.slide-text .more { background: rgba(255,255,255,0.9); border: 2px solid #fff; color: #000; display: inline-block; font-size: 1.4em; font-weight: 600; line-height: 1.5em; padding: .4em .5em; text-decoration: none; text-transform: uppercase;  position: absolute; bottom: calc(-1em + 2px); left: 2em; right: 2em;  }
.slide-text .more:active, .slide-text .more:focus, .slide-text .more:hover { background: #007a35; color: #fff; }
.slide-text .more > span { display: none; }

@media only screen and (min-width: 768px) {
	#slider { margin: 0; }
	.slide-text { top: 25%; }
	.slide-text p.title { display: block; font-size: 8em; }
	.slide-text .more { font-size: 2em; margin-top: 1em; padding: .8em 1em;  position: relative; bottom: auto; left: auto; right: auto;  }
	.slide-text .more > span { display: inline; }
}


/*
	
	#slider > ul > li > img { float: none; }
	.slide-text { bottom: auto; left: auto !important; position: relative; right: auto !important; top: auto; }
	#slider .prev, #slider .next { display: none; z-index: 0; }
	
	
	*/

/** PROMO **/
.promo { margin-bottom: 2em; }
.promo .column { box-sizing: border-box; color: #fff; min-height: 250px; padding: 2em; }
.promo .column:nth-child(3n+1) { background: #005d28; }
.promo .column:nth-child(3n+2) { background: #007a35; }
.promo .column:nth-child(3n+3) { background: #009641; }
.promo .column a { color: #fff; }
.promo .column .h2 { color: #fff; }
.promo .column p { text-align: center; }

.promo .more { border: 1px solid #fff; display: inline-block; font-size: .9333em; margin-top: .33em; padding: .5em 1em; text-decoration: none; }
.promo .more:active, .promo .more:focus, .promo .more:hover { background: #fff; color: #005d28; }

@media only screen and (min-width: 640px) {
	.promo .column { float: left; width: 33.3333%; }
}

/** MAIN **/
#main { padding-top: 9.5em; padding-bottom: 2em; }
#main.hp { padding-top: 2em; }
#main b, #main strong { color: #171717; }
#main a b, #main a strong { color: #00963f; }
#main ul { list-style-type: none; }
#main ul > li { text-indent: -.7em; }
#main ul > li:before { color: #00963f; content: "• "; margin-right: .5em; }

#main .highlight ul { list-style-type: disc; }
#main .highlight ul > li { text-indent: 0; }
#main .highlight ul > li:before { color: #fff; content: none; margin-right: 0; }

/** SIDE **/
.side a { font-size: 1.143em; text-decoration: none; }
.side a:active, .side a:focus, .side a:hover { text-decoration: underline; }

/** Rozcestník (příslušenství) */
.href-box { background: #1a1a18; color: #fff; display: block; margin-bottom: 2em; padding: .75em 1em 1em; text-align: center; text-decoration: none; }
.href-box:active, .href-box:focus, .href-box:hover { background: #00963f; }
.href-box > span, .href-box > img { display: block; }
.href-box > span { font-size: 1.286em; font-weight: 600; margin-bottom: .5em; }
.href-box > img { width: 100%; }

/* Rozcestník (galerie) */
.href-gallery { background: #00963f; color: #fff; display: block; margin-bottom: 2em; padding: .75em 0 0; text-align: center; text-decoration: none; }
.href-gallery:active, .href-gallery:focus, .href-gallery:hover { background: #1a1a18; }
.href-gallery h2 { color: #fff; margin-top: 0; padding: 0 .5em; }
.href-gallery img { display: block; }

/* Hodnocení - citace */
.quote { max-width: 85%; }
.quote > .cite { background: #fafafa; border: 1px solid #e5e5e5; border-radius: 20px; font-size: 1.072em; font-style: italic; margin: 1.5em auto .75em; padding: 1em 1.33em; }
.quote > .owner { padding-right: 3em; text-align: right; }

/* Fotogalerie */
.galerie [class^="col-"] { margin-bottom: 1.75em; }
.galerie a { display: block; max-height: 190px; overflow: hidden; }
.galerie a > img { display: block; width: 100%; }

/* Fotogalerie - bez detailu */
.galerie-only [class^="col-"] { margin-bottom: 1.25em; text-align: center; }
.galerie-only img { display: block; margin: 0 auto; }

/* Příslušenství :: Nůžkové stany */
.prislusenstvi [class^="col-"] { margin-bottom: 2em; text-align: center; }
.prislusenstvi [class^="col-"] h2 { margin-top: .5em; }
.prislusenstvi [class^="col-"] figure > img { display: inline-block; vertical-align: middle; }

/* Citace */
.quote { background: #00963f; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.3); color: #fff; margin: 1.5em 0; padding: 1.5em 4em 3em 2em; }
.quote > blockquote { font-size: 1.143em; padding: 2em 0 0 80px; position: relative; }
.quote > blockquote::before { content: "\201C"; font-size: 100px; left: 0; position: absolute; top: 40px; }
.quote > blockquote p::before { content: "\201D"; font-size: 100px; position: absolute; right: 0; top: 100%; }

/* Zvýraznění obsahu */
.highlight { background: #00963f; color: #fff; font-size: 1.072em; margin-bottom: 1.5em; padding: 1em; }

/* Nábytek - stoly */
.picker { position: relative; }
.picker img:nth-child(1) { position: absolute; top: 0; }
.picker img:nth-child(2) { position: absolute; top: 27px; }

.color-picker { list-style: none; margin: 0; }
.color-picker > li { line-height: 40px; margin-bottom: .75em; position: relative; text-indent: 0 !important; }
.color-picker > li:before { content: none !important; margin-left: 0 !important; }
.color-picker > li > span:first-child { border-radius: 50%; cursor: pointer; display: inline-block; height: 40px; left: 0; position: absolute; top: 0; width: 40px;   transition: 200ms all ease-in-out; }
.color-picker > li > span:first-child:hover { transform: scale(0.9,0.9); }
.color-picker > li > span:last-child { display: inline-block; font-size: 16px font-weight: 300; line-height: 40px; margin-left: 55px; }

.pick-azure { background-color: #3bcdfe; }
.pick-black { background-color: #161616; }
.pick-blue { background-color: #2c71fc; }
.pick-darkblue { background-color: #272d4d; }
.pick-lime { background-color: #b1df58; }
.pick-magenta { background-color: #f9185a; }
.pick-pink { background-color: #ff6ad8; }
.pick-white { box-shadow: inset 0 .25px 1.5px rgba(0,0,0,0.25); }
.pick-yellow { background-color: #f8e338; }

/** KONTAKT **/
.contact-info { border-bottom: 1px solid #ededed; margin-bottom: 1.75em; padding-bottom: 1.5em; }

.contact-icon > i { color: #00963f; font-size: 48px; position: relative; top: 4px; }

.atencion { background: #961600; border: 3px solid #630300; box-sizing: border-box; color: #fff; font-size: 1.25em; line-height: 1.33em; margin: 0 auto; max-width: 940px; padding: .5em; }
.atencion a { color: #fff; text-decoration: underline; }

/* Obrázek před patičkou */
.pre-footer > img { display: block; margin: 0 auto; }

/** FORMULÁŘ **/
/* Tlačítko */
.contact { display: none; left: 0; position: fixed; top: 25vh; z-index: 9000; }
.action-button { background: #00963f; box-shadow: 0 0 7px rgba(0,0,0,0.5); color: #fff; cursor: pointer; font-size: 1.6em; font-weight: 600; left: -3.88em; letter-spacing: .1em; line-height: 50px; padding: 0 .75em; position: absolute; text-decoration: none; text-transform: uppercase; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.action-button:active, .action-button:focus, .action-button:hover { background: #fff; box-shadow: 0 0 7px rgba(0,150,63,0.5); color: #00963f; }

#kontaktform { background: #005d28; padding: 2.5em 0; }
#kontaktform h2 { color: #fff; margin: 0 auto 1em; text-align: center; }
#kontaktform label { color: #fff; margin-bottom: 1.5em; }
#kontaktform input[type="text"], #kontaktform textarea { background: #00963f; border: 2px solid #00963f; color: #fff; font-weight: 600; margin-bottom: .25em; }
#kontaktform input[type="text"]:active, #kontaktform input[type="text"]:focus, #kontaktform textarea:active, #kontaktform textarea:focus { background: #11a74f; border-color: #86c340; }
#kontaktform input[type="submit"] { background: #fff; color: #000; margin-top: .25em; padding: .5em 2.5em; }
#kontaktform input[type="submit"]:active, #kontaktform input[type="submit"]:focus, #kontaktform input[type="submit"]:hover { background: #86c340; }

#kontaktform input::-webkit-input-placeholder, #kontaktform textarea::-webkit-input-placeholder { color: #005d28; font-style: italic; }
#kontaktform input::-moz-placeholder, #kontaktform textarea::-moz-placeholder { color: #005d28; font-style: italic; }
#kontaktform input:-ms-input-placeholder, #kontaktform textarea:-ms-input-placeholder { color: #005d28; font-style: italic; }
#kontaktform input:-moz-placeholder, #kontaktform textarea:-moz-placeholder { color: #005d28; font-style: italic; }

.kontakt-msg { background: #00963f; color: #fff; display: inline-block; font-size: 1.33em; margin-bottom: 2em; padding: 1em; }

@media only screen and (min-width: 768px) {
	.contact { display: block; }
}

/** FOOTER **/
#footer { background: #171717; color: #fff; font-weight: 600; padding: 3.333em 0 2em; }
#footer a { color: #fff; text-decoration: none; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#footer a:active, #footer a:focus, #footer a:hover { border-bottom: 1px solid #fff; text-decoration: none; }
#footer h3 { color: #fff; font-size: 2em; margin-bottom: 1.5em; }
#footer p { text-align: center; }
#footer nav ul { list-style: none; }

.social:active, .social:focus, .social:hover {border-bottom: none !important; }
.social:active > span, .social:focus > span, .social:hover > span { text-decoration: underline; }
.social .fa { border-radius: 1px; box-sizing: border-box; display: inline-block; font-size: 22px; height: 36px; margin-right: .5em; position: relative; top: 4px; transition: all .2s ease-in-out; width: 36px; }
.social .fa-facebook { background: #3B5998; padding: .5em .125em .125em .5em; text-align: right; }
.social .fa-google-plus { background: #dd4b39; padding: .5em .125em .125em .5em; text-align: center; }
.social:active > .fa, .social:focus > .fa, .social:hover > .fa { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

.the-end { color: #858585; margin-top: 2.5em; }

/** GENERAL **/
.clear { clear: both; }
.none { display: none; }

.fl { float: left; }
.fr { float: right; }

.imgl, .imgr { max-width: 40%; }
.imgl { float: left; margin: 0 1.5em .75em 0; }
.imgr { float: right; margin: 0 0 .75em 1.5em; }

/* Text */
.text-big { font-size: 1.143em; }
.text-bigger { font-size: 1.286em; }
.text-bold { font-weight: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-low { text-transform: lowercase !important; }
.text-nounder { text-decoration: none; }
.text-right { text-align: right; }
.text-small { font-size: .857em; }
.text-smaller { font-size: .933em; }
.text-up { text-transform: uppercase; }

.text-green { color: #005d28; }
.text-green2 { color: #00963f; }
.text-white { color: #fff !important; }

/* BTN */
.ghost-button { background: transparent; border: 2px solid #00963f; color: #00963f; display: inline-block; padding: .5em 1em .4em; text-decoration: none; text-transform: uppercase; }
.ghost-button:active, .ghost-button:focus, .ghost-button:hover { background: #00963f; color: #fff; }
.ghost-button i { margin-left: 2em; }

/* ODSAZENÍ */
.b0 { margin-bottom: 0 !important; }
.b1 { margin-bottom: 1em !important; }
.b2 { margin-bottom: 2em !important; }
.t0 { margin-top: 0 !important; }
.t05 { margin-top: .5em !important; }
.t2 { margin-top: 2em !important; }
.t3 { margin-top: 3em !important; }

/** LIGHTBOX **/
body:after{content:url(close.png) url(loading.gif) url(prev.png) url(next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9998;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}



#map-canvas { height: 400px; }




/** PRINT **/
@media print {
	a[href]:after { content: " (" attr(href) ") "; }
}






/** NAVIGACE **/

#nav .center { position: relative; }



#nav > div > ul { position: relative; text-align: center; }

#nav > div > ul > li:first-child { border-left: none; }









/** HLAVNÍ OBSAH **/


/** LEVÝ SLOUPEC - NAVIGACE **/
.leftnav { list-style: none; margin: 0; padding: 0; }
.leftnav > li { border-top: 1px solid #f1f1f1; display: block; }
.leftnav > li:first-child { border-top: none; }
.leftnav > li > a { color: #64a120; display: block; font-weight: 400; padding: .66em 1em; text-decoration: none; }
.leftnav > li > a:active, .leftnav > li > a:focus, .leftnav > li > a:hover { background: #f1f1f1; color: #e74c2e; }

a.likeh1 { border-bottom: 1px solid #fff; color: #64a120; display: block; font-size: 1.75em; line-height: 1.25em; margin-bottom: .75em; text-decoration: none; }
a.likeh1:active, a.likeh1:focus, a.likeh1:hover { border-bottom-color: #64a120; }
#slider {  }




/** HP PROMO **/
.promo > [class^="col-"] { border: 1px solid #d7d7d7; box-sizing: border-box; margin-top: 2.5em; margin-bottom: 1.5em; padding: 40px 2em 2em; position: relative; text-align: center; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
.promo > [class^="col-"] > a { bottom: 0; left: 0; padding: 2.5em 2em 1.5em; position: absolute; right: 0; text-decoration: none; top: 0; }
.promo > [class^="col-"] h2, .promo > [class^="col-"] h2 a { color: #454545; }
.promo > [class^="col-"] i { background: #fff; border: 1px solid #86c340; border-radius: 50%; color: #a6ac9a; display: inline-block; font-size: 36px; left: 50%; margin-left: -41px; padding: 20px; position: absolute; top: -40px; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.promo > [class^="col-"] p, .promo > [class^="col-"] p a { color: #868686; }

.promo > [class^="col-"]:active, .promo > [class^="col-"]:focus, .promo > [class^="col-"]:hover { background: #86c340; color: #fff; cursor: pointer; }
.promo > [class^="col-"]:active h2 a, .promo > [class^="col-"]:focus h2 a, .promo > [class^="col-"]:hover h2 a,
.promo > [class^="col-"]:active h2, .promo > [class^="col-"]:focus h2, .promo > [class^="col-"]:hover h2,
.promo > [class^="col-"]:active p, .promo > [class^="col-"]:focus p, .promo > [class^="col-"]:hover p,
.promo > [class^="col-"]:active p a, .promo > [class^="col-"]:focus p a, .promo > [class^="col-"]:hover p a { color: #fff; }
.promo > [class^="col-"]:active i, .promo > [class^="col-"]:focus i, .promo > [class^="col-"]:hover i { background: #000; border: 6px solid #fff; color: #fff; margin-left: -46px; }





/* INC: Fotogalerie */
.fotogalerie [class^="col-"] { margin-bottom: 1.5em; }
.fotogalerie [class^="col-"]:nth-child(3n+1) { clear: left; margin-left: 0; }
.fotogalerie [class^="col-"] a { display: block; max-height: 150px; overflow: hidden; }
.fotogalerie [class^="col-"] p { font-size: .857em; }



/* Mapa */
.map { border-bottom: 1px solid #ddd; border-top: 6px solid #86c340; height: 0; margin: 0; overflow: hidden; margin-top: 1.5em; padding-bottom: 350px; position: relative; }
.map > .overlay { background: transparent; height: 350px; margin-top: -350px; position: relative; top: 350px; width: 100%; z-index: 201; }
.map > iframe { border: none; height: 350px; left: 0; position: absolute; top: 0; width: 100% !important; z-index: 200; }








@media only screen and (max-width: 640px) {
	

	input[type="password"], input[type="text"], textarea  { width: 75%; }

	#footer .text-right { text-align: left; }
	#footer-top h3 { margin-top: 3em; }
	#footer-top [class^="col-"]:first-child h3 { margin-top: 0; }
}




