@font-face {font-family: 'Amethysta';font-style: normal;font-weight: 400;src: local('Amethysta'), local('Amethysta-Regular'), url(../font/amethysta.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
  
@font-face {font-family: 'Homemade Apple';font-style: normal;font-weight: 400;src: local('Homemade Apple'), local('HomemadeApple'), url(../font/homemadeapple.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
  
.stredem {text-align: center;}  
.clr {clear: both;padding: 0;height: 0;margin: 0;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
.ohraniceni {float: left;-webkit-box-shadow: 0 0 0 4px rgba(0,0,0,.1); -moz-box-shadow: 0 0 0 4px rgba(0,0,0,.1);box-shadow: 0 0 0 4px rgba(0,0,0,.1);width: 100%}
.ohraniceni h3 {font-size: 16px;text-align: center;color: #fff;padding: 6px 0;margin: 0;}
.clearfix:after {content: "";display: table;clear: both;}
html { height: 100%; }
body { font-family: "Droid Sans", Calibri, Arial, sans-serif; background: #fff; font-weight: 300; font-size: 14px; color: #333; -webkit-font-smoothing: antialiased;}
a {color: #98e158;text-decoration: none;}
a:hover {color: #111;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: "Amethysta" !important;font-weight: normal !important;margin: 0;padding: 0;}
h1 { font-size: 36px;line-height: 40px;}
h2 { font-size: 20px; line-height: 40px;}
h3 { font-size: 18px; line-height: 32px;}
h4 { font-size: 13px; line-height: 30px;}
ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
hr {margin: 20px 0;border: 0;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #fefefe;}
hr.odspodu {margin: 15px 0;border: 0;border-top: 3px solid transparent;border-bottom: 1px solid transparent;}
.barva.bila {background: #fff;color: #414141;}
.barva.bila i {color: #414141;}
.barva.bila h2 {color: #414141 !important;}
.barva.bila h2 span {background: #fff !important;color: #414141 !important;}
.barva.bila #popis h2:before{background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */}
.barva.bila #popis h2:after {background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}

.barva.modra {background: #98e158;color: #111;}
.barva.modra i {color: #98e158;}
.barva.modra h2 span{background: #98e158;}
.barva.modra.transparent {background: rgba(91,194,206,.8);color: #fff;}
.barva.modra.transparent i {color: #98e158;}
.barva.modra.transparent h2 span{background: rgba(91,194,206,0);}

.barva.tmava {background: #414141;color: #e9e9e9;}
.barva.tmava i {color: #414141;}
.barva.tmava h2 span {background: #414141;color: #98e158;}
.barva.tmava #popis h2 {background: #414141;color: #98e158;}

.obr {padding: 0px;margin: 5px 5px 5px 5px;box-shadow:0px 0px 12px #555; /*CSS3 shadow: 12px #555; shadow all around image*/}			

.uvnitr {padding: 20px 20px;margin: 0px auto !important;float: none;}

.nav-collapse.collapse {height: auto \9 !important;overflow: visible \9 !important;position: relative;z-index: 9999;}
.nabidka {padding: 32px;height: 38px !important;margin: 0px auto;width: 100%;text-align: center;}
.navbar-fixed-top .navbar-inner {background: rgba(255,255,255,.8) !important;}
.navbar, .navbar-inner, .nav,.navbar-inverse {	background: transparent !important;	filter: none !important;	border: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;	padding: 0px;	margin: 0px;	text-align: center;}
.navbar .nav,.navbar .nav > li {float:none;	display:inline-block;*display:inline; /* ie7 fix */*zoom:1; /* hasLayout ie7 trigger */vertical-align: top;}
.navbar .nav > li > a {	color: #414141;border-top: 0px solid transparent;text-shadow: none;font-size: 18px;font-weight:normal;padding: 24px 22px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;}
.navbar .nav > li > a:focus,.navbar .nav > li > a:hover {color: #98e158;}
.navbar .nav > .active > a,.navbar .nav > .active > a:focus {	color: #080808 !important;	text-decoration: none;background-color: transparent !important;	
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;}
.navbar .btn-navbar {border: none;background: #fbfbf9;color: #222222 !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;text-shadow: none;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;margin: 0px !important;	}

.navbar .btn-navbar:hover {background: #fbfbf9;text-shadow: 0 0 1px #222222;color: #222222 !important;
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff; -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;	}

.slider-wrapper:before, .slider-wrapper:after {bottom:14px;content: "";position: absolute;z-index: -1;-ms-transform: rotate(-1deg);-webkit-transform: rotate(-1deg); /* Safari and Chrome */-o-transform: rotate(-1deg); /* Opera */
-moz-transform: rotate(-1deg); /* Firefox */box-shadow: 0 15px 5px rgba(0, 0, 0, 0.3);height: 50px;left: 5px;max-width: 50%;width: 50%;}
.slider-wrapper:after {-ms-transform: rotate(1deg); /* IE 9 */-webkit-transform: rotate(1deg); /* Safari and Chrome */-o-transform: rotate(1deg); /* Opera */-moz-transform: rotate(1deg); /* Firefox */left: auto;right: 5px;}
.slider-wrapper {position: relative;margin-top: 0px;-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;padding:2px;background:#fcfcfc;-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);   
                 box-shadow: 0px 1px 1px rgba(0,0,0,.35);}

.popis {margin: 30px 0px 20px 0px;}
.nadpis {padding: 15px 40px;}
.popis h2 {display: inline-block;font-family: "Homemade Apple" !important;color: #fff;font-size: 36px;text-align: center;width: 100%;position: relative;}
.popis h2:before,.popis h2:after {display: block;height: 1px;content: " ";width: 40%;position: absolute;top: 0.53em;z-index: 1;}
.popis h2 span {padding: 0px 10px;position: relative;z-index: 2;}


#tym .profilovka {padding: 20px 0px 5px 0px;font-family: "Droid Sans";font-size: 28px;text-align: center;}
.profilovka {float:left}
h3 a {color: #98e158;text-align: center;}
.jmeno {font-size: 28px;}
.modre {color: #98e158;}

#udaje p {border: 0px;height: 40px;color: #fff;font-size: 17px;}
#udaje a {height: 40px;color: #98e158;font-size: 17px;}
#udaje a:hover {color: #fff;font-size: 17px;}	

.dole {padding: 40px 0px;text-align: center;background:#999;color:#e9e9e9;}

.btn {border: none;background: #fbfbf9;color: #222222 !important;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;text-shadow: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btn span{-webkit-text-stroke: 0 !important;color: transparent !important;background-color: #222 !important;-webkit-background-clip: text !important;text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;}
.btn:hover span {-webkit-text-stroke: 0 !important;color: transparent !important;background-color: #222 !important;-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #222 !important;-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;}
.btn:hover,.btn:active,.btn.active {background: #fbfbf9;text-shadow: 0 0 1px #222222;color: #222222 !important;-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	   -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;    box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease;	}
.btn:active,.btn.active {color: #222222 !important;text-shadow: 0 0 10px #222222;background-color: #fbfbf9 \9;background-color: #fbfbf9 \9;}

@media (min-width: 1200px) {.navbar-inner > .btn-overlay {display: none !important;}}
@media only screen and (min-width: 980px) and (max-width: 1199px){.navbar-inner > .btn-overlay {display: none !important;}
	.navbar .nav > li > a {padding: 12px 15px;padding: 12px 15px \9;}}
@media only screen and (min-width: 768px) and (max-width: 979px) {.navbar, .navbar-inner, .nav,.navbar-inverse {	float: none !important;}	
	.navbar .nav > li > a {padding: 5px 20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}}
@media only screen and (max-width: 767px) {	.navbar .nav > li > a {color: #666;border-top:4px solid transparent;text-shadow: none;font-size: 12px;padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {body {padding-bottom: 20px;}}
@media only screen and (max-width: 479px) {body {padding: 0px;}}