* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 1240px;
	margin: 0 auto;
	background-color: #F1EB90;
	font-size: 1.25em !important;
}

#logo {
    text-align: center;
}

#logo img {
    width: 50vh;
    margin-top: 30px
}

input[type="text"], textarea, select {
	background-color : #f5f5f5; 
	padding: 5px 5px 5px 10px;
	margin: 5px;  
}

input[type="password"] {
	background-color : #f5f5f5; 
	padding: 5px 5px 5px 10px;
	margin: 5px;
}

input[type="date"] {
	background-color : #f5f5f5; 
	padding: 5px 5px 5px 10px;
	margin: 5px;
}

body, input, select, textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.65;
}

textarea {
	width: 95%;
	padding: 5px;
	margin: 5px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 4px;
	border: none;
	border: solid 1px;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 0.825rem;
	text-decoration: none;
}

select {
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	height: 2.75rem;
	padding-right: 2.75rem;
	text-overflow: ellipsis;
}

select:focus::-ms-value {
	background-color: transparent;
}

select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select {
	height: 2.75rem;
}

textarea {
	padding: 0.75rem 1rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
	border-color: rgba(0, 0, 0, 0.2);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: #47D3E5;
	box-shadow: 0 0 0 1px #47D3E5;
}

select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.2)' /%3E%3C/svg%3E");
}

select option {
	color: #000000;
	background: #ffffff;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0.125em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 0.75rem;
	max-width: 20rem;
	height: 3.75em;
	line-height: 3.75em;
	border-radius: 3.75em;
	padding: 0 2.5em;
	text-overflow: ellipsis;
	overflow: hidden;
}

	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	input[type="button"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5rem;
	}

	input[type="submit"].fit,
	input[type="reset"].fit,
	input[type="button"].fit,
	button.fit,
	.button.fit {
		width: 100%;
	}

	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small,
	button.small,
	.button.small {
		font-size: 0.6rem;
		height: 3.325em;
		line-height: 3.325em;
		border-radius: 3.325em;
		padding: 0 2em;
	}

	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large,
	button.large,
	.button.large {
		font-size: 0.8rem;
		height: 4em;
		line-height: 4em;
		border-radius: 4em;
		padding: 0 3em;
	}

	input[type="submit"].wide,
	input[type="reset"].wide,
	input[type="button"].wide,
	button.wide,
	.button.wide {
		min-width: 14em;
	}

	input[type="submit"].disabled, input[type="submit"]:disabled,
	input[type="reset"].disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="button"]:disabled,
	button.disabled,
	button:disabled,
	.button.disabled,
	.button:disabled {
		pointer-events: none;
		opacity: 0.25;
	}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	color: #000000 !important;
}

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		box-shadow: inset 0 0 0 1px #47D3E5;
		color: #47D3E5 !important;
	}

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
		background-color: rgba(71, 211, 229, 0.2);
		box-shadow: inset 0 0 0 1px #47D3E5;
		color: #47D3E5 !important;
	}

	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.primary,
	.button.primary {
		background-color: #000000;
		box-shadow: none;
		color: #ffffff !important;
	}

		input[type="submit"].primary:hover,
		input[type="reset"].primary:hover,
		input[type="button"].primary:hover,
		button.primary:hover,
		.button.primary:hover {
			background-color: #47D3E5;
		}

		input[type="submit"].primary:active,
		input[type="reset"].primary:active,
		input[type="button"].primary:active,
		button.primary:active,
		.button.primary:active {
			background-color: #1ebdd1;
		}


a.pagenr { 
	border:1px #ccc solid;
	background-color:#FFFFCC;
	margin-right:5px;
	padding:1px 5px 1px 5px;
	text-decoration:none;
	color:#333;
}

a:hover.pagenr { 
	background-color:#579223;
	margin-right:5px;
	padding:1px 5px 1px 5px;
	color:#fff; 
}

#pagemenu {
	padding:10px 0px 20px 0px;
}

#main {
	width: calc(98% - 3px);
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 1%;
	border: 2px solid #F3B664;
	background-color: #F1EB90;
}

#main-right {
	float:right;
	width:23%;
	padding:2%;
	margin:0px 2% 0px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #ddd;
}

#info {
	float:left;
	width:281px;
}
.promo_list {
	width:230px;
}
hr {
	width:85%;
	border:1px #ccc solid;
	margin:0px 0px 15px 0px;
}
.pro {
	width:95%;
	margin:10px 0px 10px 0px;
}
.sub {
	width:140px;
	font-weight:bold;
	color:#666;
}
.box {
	width:45%;
	display:inline-block;
	padding:0px 0px 5px 0px;
}
.box33 {
	width:18%;
	display: inline-block;
	padding: 0px 0px 5px 0px;
	margin: 0px 15px 0px 0px;
}

.box33 input {
	width: 80%;
}

.box100 ul {
	list-style-type:none;
	/*float:left;*/
	padding:0px 0px 0px 0px;
}
.box100 ul li {
	display:inline;
	margin:0px 10px 0px 0px;
	padding:5px 0px 0px 0px;
}
.box2 {
	width:auto;
	display:inline-block;
	padding:0px 0px 5px 0px;
	text-align:top top;
}
.chckbox {
	width:200px;
	margin:10px 0px 0px 0px;
}
label {
	margin:0px 10px 0px 0px;
}
.box100 {
	background-color:rgb(255, 255, 255, 0.25);
	padding: 2px 10px 2px 10px;
}
.box101 {
	background-color:rgb(255, 255, 255, 0.25);
	padding: 2px 10px 2px 10px;
	text-align: center;
}
#login_form input {
	display: inline !important;
}
.box101 {
	width:45%;
	background-color:#FFFFFF;
	float:left;
}
.box-right {
	width: 100%;
	background-color: rgb(255, 255, 255, 0.5);
	font-weight: normal !important;
}
.box-right ul {
	margin: 10px 0px 10px 30px;
	list-style-type: decimal;
}
.box-right ul li {
	font-weight: normal;
}
.box2 p, .box100 p, .box101 p, .box p, .main_mid p .p {
	color:#000;
	margin:10px 0px 0px 0px;
}
.main_mid p {
	padding:10px 0px 0px 0px;
}
.sql {
	background-color:black;
	font-size: 1em;
	color:#fff;
	margin: 10px;
	padding: 10px;
	display: block;
}
#main_offer {
	clear: both;
	float: left;
	width: 527px;
	margin: 0px;
	padding: 0px;
}
#player {
	padding: 0px 0px 18px 0px;
}
#list_offer {
	float: left;
	padding: 0px 18px 0px 25px;
}
#promo_offer {
	float:left;
}
#last_offer {
	clear:both;
	width:1030px;
	padding:20px 0px 0px 0px;
}
#footer {
	clear:both;
	width:1030px;
	padding:20px 0px 30px 0px;
	text-align:center;
}
#footer ul li {
	display:inline;
	padding:0px 5px 0px 0px;
}
.catalog_img_offer {
	padding:0px 0px 15px 0px;
	margin:0px;
	border:0px;
}
.promo_img_offer {
	padding:0px 0px 23px 0px;
	border:0px;
}
.last_img_offer {
	padding:0px 9px 0px 0px;
	border:0px;
}

.main_top {
	width: 705px;
	height: 20px;
	background:#ffffff;
}
.main_mid {
	width: 655px;
	height: auto;
	padding: 0px 20px 0px 30px;
	background:#ffffff;
}
.main_bot {
	width: 705px;
	height: 20px;
	background:#ffffff;
}

.info_top {
	width: 281px;
	height: 14px;
}
.info_mid {
	width: 231px;
	min-height: 10px;
	padding: 10px 29px 0px 21px;
}
.info_bot {
	width: 281px;
	height: 14px;
}
h2 {
	font-size:14px;
	padding:0px 0px 10px 0px;
}

h3 {
	color:#EC8F5E;
	text-decoration: none;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
}

#page1 #m_item1 a span, #page2 #m_item2 a span, #page3 #m_item3 a span, #page4 #m_item4 a span, #page5 #m_item5 a span {
	text-decoration: underline;
	background-color: #EC8F5E;
}

#nav1 {
	background-color: #F3B664;
	margin: 0px;
	padding: 0px;
}

#nav1 ul {
	display: flex;
	margin-bottom: 0px !important;
	padding: 0px !important;
}

#nav1 ul li {
	display: inline-block;
	background-color: #F3B664;
	margin: 0px;
	padding: 0px;
}

#nav1 a {
	text-decoration: none; 
	font-weight: bold;
	color:#000;
	margin: 0px;
	padding: 0px;
}

#nav1 a span {
	display: block; 
	margin: 0px;
	padding: 15px 20px;
}

#nav1 a:hover span {
	background-color: #EC8F5E;
	text-decoration: underline; 
}


#nav2 {
	background-color: #EC8F5E;
	margin: 0px;
	padding: 0px;
}

#nav2 ul {
	display: flex;
	margin-bottom: 0px !important;
	padding: 0px !important;
}

#nav2 ul li {
	display: inline-block;
	background-color: #EC8F5E;
	margin: 0px;
	padding: 0px;
}

#nav2 a {
	text-decoration: none; 
	color:#000;
	margin: 0px;
	padding: 0px;
}

#nav2 a span {
	display: block; 
	margin: 0px;
	padding: 15px 20px;
}

#nav2 a:hover span {
	background-color: #EC8F5E;
	text-decoration: underline; 
}