* {
	font-family:helvetica, arial;
} 
body, div {
	margin: 0px;
	padding: 0px;
	color: #2c3136; /* sber */
	font-size: 16px;  /*  1.0em */
}
a { color:#9bb300; }

select {
	font-size:15px;
	border:1px solid #7f9db9;
	height:28px;
	padding-left:3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}
select:focus { outline: none; }

.knopka {
	cursor: pointer; 
	text-decoration: none; 
	text-align:center;
	padding: 14px 2px 14px 2px;
	color: #ffffff; 
	font-size: 22px;
	font-weight: bold;
	-webkit-appearance: button; /* for chrome */ 
	background-color:#93c719; /* hm ff8517 */
	border:#567b00 1px solid; /* hm d76d0a */
	border-radius: 6px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	width:100%;
}
.title1 {
	font-weight: bold;
	font-size: 16px;
	margin: 3px 10px 3px 10px;
}
.apDiv15 {
	border:#a99ea2 1px solid;
	margin: 10px 4px 10px 4px;
	padding: 6px 10px 4px 10px;
}
.myDiv15 {
	width:auto;
	border-top:#e4e5ea 10px solid;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 4px 6px;
}
.myPlainDiv {
	width:auto;
	padding: 0px 4px 0px 4px;
}
.list-bg {
	background-color:#E9F3D1; /* my old DAFFD7, hm f2f6fa */
}
.myD1 {
	padding: 6px 10px 4px 10px;
}
.myD2 {
	padding: 6px 16px 4px 16px;
}
.myD15 {
	width:auto;
	background-color:#eee;
	border:#a99ea2 1px solid;
	border-bottom-width:0px;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 4px 10px;
}

#footer {
	background-color:#a1a1a1;
	padding:14px 10px 14px 10px;
	color:#eee;
	font-weight:bold;
}
#footer a {
	color:#fff;
	text-decoration:underline;
}

.star {width:14px;height:14px;float:left;}
.s-full {max-width:256px; max-height:256px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTMuODY3IDUzLjg2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTMuODY3IDUzLjg2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojRUZDRTRBIiBwb2ludHM9IjI2LjkzNCwxLjMxOCAzNS4yNTYsMTguMTgyIDUzLjg2NywyMC44ODcgNDAuNCwzNC4wMTMgNDMuNTc5LDUyLjU0OSAyNi45MzQsNDMuNzk4ICAgMTAuMjg4LDUyLjU0OSAxMy40NjcsMzQuMDEzIDAsMjAuODg3IDE4LjYxMSwxOC4xODIgIiBkYXRhLW9yaWdpbmFsPSIjRUZDRTRBIiBjbGFzcz0iYWN0aXZlLXBhdGgiPjwvcG9seWdvbj48L2c+IDwvc3ZnPg==); 
background-size: contain;}
.s-half {max-width:256px; max-height:256px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwMS4yOCA1MDEuMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMS4yOCA1MDEuMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8cG9seWdvbiBzdHlsZT0iZmlsbDojQzVDOUQwIiBwb2ludHM9IjUwMS4yOCwxOTQuMzcgMzM1LjI2LDE1OS4zMyAyNTAuNjQsMTIuMjcgMjUwLjY0LDQxOS43NyA0MDUuNTQsNDg5LjAxIDM4Ny41NiwzMjAuMjkgICIgZGF0YS1vcmlnaW5hbD0iI0ZGQ0QwMCIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMmbHQ7U1ZHIFgiPjwvcG9seWdvbj4KCTxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGQkJEMDAiIHBvaW50cz0iMTY2LjAyLDE1OS4zMyAwLDE5NC4zNyAxMTMuNzIsMzIwLjI5IDk1Ljc0LDQ4OS4wMSAyNTAuNjQsNDE5Ljc3IDI1MC42NCwxMi4yNyAgIiBkYXRhLW9yaWdpbmFsPSIjRkZEQTQ0IiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjRkZEQTQ0Ij48L3BvbHlnb24+CjwvZz48L2c+IDwvc3ZnPg==); 
background-size: contain;}
.s-empty {max-width:256px; max-height:256px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTMuODY3IDUzLjg2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTMuODY3IDUzLjg2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojQzVDOUQwIiBwb2ludHM9IjI2LjkzNCwxLjMxOCAzNS4yNTYsMTguMTgyIDUzLjg2NywyMC44ODcgNDAuNCwzNC4wMTMgNDMuNTc5LDUyLjU0OSAyNi45MzQsNDMuNzk4ICAgMTAuMjg4LDUyLjU0OSAxMy40NjcsMzQuMDEzIDAsMjAuODg3IDE4LjYxMSwxOC4xODIgIiBkYXRhLW9yaWdpbmFsPSIjRUZDRTRBIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjRkJCRDAwIj48L3BvbHlnb24+PC9nPiA8L3N2Zz4=); 
background-size: contain;}

.rating{
	width:80px;
	height:16px;
	margin:0 0 0 0;
	padding:0;
	clear:both;
	position:relative;
	background: url(/img/star-matrix.gif) no-repeat 0 0;
}

.my1-0 {background-position:0 -80px; width: 16px;}
.my1-5 {background-position:0 -80px; width: 24px;}
.my2-0 {background-position:0 -80px; width: 32px;}
.my2-5 {background-position:0 -80px; width: 40px;}
.my3-0 {background-position:0 -80px; width: 48px;}
.my3-5 {background-position:0 -80px; width: 56px;}
.my4-0 {background-position:0 -80px; width: 64px;}
.my4-5 {background-position:0 -80px; width: 72px;}
.my5-0 {background-position:0 -80px; width: 80px;}

.lupa {position:absolute; right:9px; bottom:9px; width:38px; height:38px; background-color:rgba(26,26,26,0.75); opacity:0.9; border-radius:3px;
		background-image:url('/m/m_img/icon_magnify.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 22px auto;}

/* ------------- from top.php -------------- */
a {text-decoration:none;}

#choosetext {
	font-size:24px;
	width:auto;
	text-align: center;
}

/* tab styles */
#tab_buttons {
	margin-left: 4px;
	margin-right: 4px;
	min-height:34px;
}
#tabs {
	width:auto;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-left:#a99ea2 1px solid;
	border-right:#a99ea2 1px solid;
	border-bottom:#a99ea2 1px solid;
	margin: 0px 4px 10px 4px;
	padding: 8px 0px 10px 0px;
}

.but {
	padding: 8px 0 8px 0;
	width:auto;
	position: relative;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border:#999 solid 1px;
	text-align: center;
	color: #666;
	vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.butActive {
	font-weight:bold;
	background-color: #fff;
	border-bottom-color: #fff;
}
.butIdle {
	background-color: #F4F9E8;
}

/* thanks to http://matthewjamestaylor.com/blog/equal-height-columns-4-column.htm */
#container4 { clear:left; float:left; width:100%; overflow:hidden; }
#container3 { clear:left; float:left; width:100%; position:relative; right:25%; }
#container2 { clear:left; float:left; width:100%; position:relative; right:25%; }
#container1 { float:left; width:100%; position:relative; right:25%; }

#col1, #col2, #col3, #col4 {
	float:left;
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}

/* -------------- Header Navigation --------------- */
.custom-wrapper {
    background-color: #999;
    /* -webkit-font-smoothing: antialiased; */
    height: 64px;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
	border-bottom:#93c719 4px solid; /* hm blue 3394de */
	text-decoration:none;
}
.custom-wrapper a {text-decoration:none;}

.custom-wrapper.open {
    height: 28em; /* 19em 13em */
}

.logo-wrapper {background-color: #fff; padding: 10px 0 6px 8px;}

.custom-toggle {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.custom-toggle .bar {
    background-color: #666;
    display: block;
    width: 36px;
    height: 3px;
    border-radius: 100px;
    position: absolute;
    top: 30px;
    right: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
	border:#f33 0px solid;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pure-menu-item {font-size:22px; color:#fff; padding:10px 10px 10px 10px; border-top:#ccc 1px solid; }