body {
	background-image: url("../files/bg/bg.jpg");
	background-position: 50% 0%;
	background-size: cover;
	background-repeat: no-repeat;	
	background-attachment: fixed;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

body, input, button {
	font-family: cursive, "Arial CE", sans-serif;	
}

h1:hover, 
h2:hover, 
h3:hover, 
p:hover, 
div:hover,
td:hover {
    color:#00FF68;
    transition: color 4.5s ease-out;
}

.center {
    text-align: center;
}






.page-nav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	margin: 0;
	background-color: rgba(4, 40, 9, 0.35);
	box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.5);
}

.page-nav > .page-logo-link {
	width: 30%;
	height: 100%;
	float: left;
}

.page-nav > .page-logo-link > .page-logo {
	background-image: url(http://www.bioflower.cz/files/loga/bioflower.png);
    background-position: 50% -8px;
	background-size: auto 100%;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	margin: 0;
}

.page-nav > ul.nav-menu {
	width: 70%;
	height: 100%;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

.page-nav > ul.nav-menu > li.menu-item {
	display: inline;
	position: relative;
}

.page-nav > ul.nav-menu > li.menu-item > a.menu-link {
	position: relative;
	top: 27px;
	margin: 0 4px 0 0;
	padding: 5px 9px;
	text-decoration: none;
	color: white;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 14px;
}

.page-nav > ul.nav-menu > li.menu-item > a.menu-link:hover {
	background-color: #00FF68; /* #FFC61A */
	color: black;
}





#page-wrapper {
	background-color: rgba(4, 40, 9, 0.7);
    width: 600px;
    margin: 50px auto 50px auto;
	color: white;
	padding: 10px;
	border-radius: 2px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,1);
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.7);
}
.title-link {
	text-decoration: none;
}
.title-link:hover {
	text-decoration: underline;
}
p.shop-main-text {
  font-size: 20px;  
}
h2 {
	font-size: 26px;
    margin: 10px 0 10px 0;
}
.highlighted-text {
	background-color: #00FF68;
    color: black;
	padding: 4px;
}

.colored-text {
	color: #00FF68;
    text-transform: uppercase;
    text-align: center;
}

a:link {
	color: white;
}

a:visited {
	color: white;
}

a:hover {
	color: #00FF68;
}

table {
	border: 2px solid rgba(255, 255, 255, 0.15);
	border-left: none;
	border-right: none;
	margin: 0 auto 20px auto;
	border-spacing: 5px;
	padding: 5px;
	font-size: 20px;
}

td {
	
}

#button-show-map {
	background-color: transparent;
    border: 1px solid white;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-o-transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	
}

#button-show-map:hover {
	border-color: #00FF68;
	color: #00FF68;
}	

#iframe-map {
	display: none;
	border: none;
    width: 620px;
    height: 300px;
    margin-left: -10px;
	opacity: 1;
}

table.opening-hours {
    text-align: center;
}

table.opening-hours > tr { margin-right: 20px; }

table.opening-hours .days {
    text-align: left;
    padding: 10px 10px 0 20px;
}


.text-after-opening-days > span {
    color: #00FF68;
}

.logo-text-above {
	font-size: 12px;
	color: white;
}

.logo {
	width: 100px;
	height: 50px;
	background-image: url("../files/loga/loga-100-50.png");
	background-repeat: no-repeat;
	display: inline-block;
	color: transparent;
	margin: 0px 5px 0px 5px;
	opacity: 0;
    transition: 0.7s ease-out;
    -webkit-transition: 0.7s ease-out;
    -moz-transition: 0.7s ease-out;
    -o-transition: 0.7s ease-out;
}

.logo:hover {
    opacity: 1 !important;
    animation: animation-logo 2s;
}

.logo.atami             {background-position: 0px 0px;}
.logo.autopot           {background-position: 0px -50px;}
.logo.biobizz           {background-position: 0px -100px;}
.logo.canna             {background-position: 0px -150px;}
.logo.biocanna          {background-position: 0px -200px;}
.logo.can-filters       {background-position: 0px -250px;}
.logo.ghe               {background-position: 0px -300px;}
.logo.general-organics  {background-position: 0px -350px;}
.logo.grodan            {background-position: 0px -400px;}
.logo.jiffy             {background-position: 0px -450px;}
.logo.philips           {background-position: 0px -500px;}
.logo.plagron           {background-position: 0px -550px;}
.logo.prima-klima       {background-position: 0px -600px;}
.logo.sylvania          {background-position: 0px -650px;}
.logo.metrop            {background-position: 0px -700px;}

.animated-logo {
    animation: animation-logo 2s;
}

@keyframes animation-logo {
    0% {opacity: 0; transform: scale(1.3);}
    100% {opacity: 0.6; transform: scale(1);}
}