/* CSS Document */

/* LINKS */
a:link {
	text-decoration: none;
	color:#0D59AF;
}
a:visited {
	text-decoration: none;
	color:#0D59AF;
}
a:active {
	text-decoration: none;
	color:#FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #037;
}

/* MENU */
ul#menu a, div#menu a {
	color:#900;
	text-shadow:1px 1px 1px #FFC;
	font-weight:bold;
	padding:3px 15px;
}
ul#menu a:hover, div#menu a:hover, div#login a:hover, div#minichart a:hover, div#left_menu a:hover, ul.menu_admin li a:hover, div#menu a.actual, div#login a.actual, div#left_menu a.actual {
	color:yellow;
	background:#930;
	text-shadow:none;
}
div#login a:hover, div#minichart a:hover {
	cursor:pointer;
}
div#login span.actual, div#minichart a.actual, div#minichart span.actual {
	color:white;
	text-shadow:1px 1px 1px #900;
}
div#login a, div#minichart a, div#left_menu a {
	display:block;
	width:100%;
	color:#930;
	text-shadow:1px 1px 1px #FFC;
	font-weight:bold;
	padding:3px;
}
div#minichart a {
	padding-left:10px;
}
div#left_menu a {
	color:#900;
	padding-left:10px;
}
div#left_menu p.menu_title {
	padding-left: 10px;
	margin: 10px 0 0;
}
div#left_menu a.submenu {
	margin-left: 10px;
	border-left: 1px solid #930;
	padding-left: 5px;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 120%;
}

div.card {
	position: relative;
	float: left;
	width: 32%;
	height: 120px;
	margin: 5px;
	border: 1px solid #FC9;
	cursor: pointer;
}
div.card:hover {
	opacity: .65;
}
div.card img {
	width: 100%;
}
div.card p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 5px 10px 15px;
	line-height: 100%;
	font-weight: bold;
}
div.product_card {
	float: none;
	display: inline-block;
	position: relative;
	width: calc(24% - 40px);
	height: auto
}
div.product_card p {
	position: absolute;
	top: inherit;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 10px 5px;
}
div.product_card:hover {
	opacity: 1;
	border-width: 5px;
	/*border-color: white;*/
}

/** GOMBOK */
button.btn_plus, button.btn_minus, input[type=button].btn_plus, input[type=button].btn_minus {
	width: 25px; 
	height: 25px;  
	border-radius: 5px;
	border: none;
	background: rgb(221, 153, 102);
	color: white;
}
input[type=button].btn_minus:disabled, input[type=button].btn_plus:disabled {
	background: #ffffcc;
	color: rgb(221, 153, 102);
	border: 1px solid rgb(221, 153, 102);
}
button.btn, input[type=button].btn, input[type=submit].btn {
	border-radius: 5px;
	border: none;
	background: rgb(221, 153, 102);
	color: white;
}
/* ADMINISZTRÁCIÓ FŐOLDAL */
ul.menu_admin {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:450px;
	padding-left:0px;
}
ul.menu_admin li {
	list-style:none;
	font-size:1.2em;
}
ul.menu_admin li a {
	display:block;
	color:#900;
	text-shadow:1px 1px 1px #FC0;
	font-weight:bold;
	background-color:rgba(255,255,255,0.3);
	padding:0px 10px 0px 25px;
	margin:2px;
	border-radius:5px;
}
h2 span.add_new {
	float: right; 
	cursor: pointer;
}