
* {
	unicode-bidi: embed;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0;
	padding:0;
}

html, body {height:100%;}
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #efede2;
}
ul, li {
	list-style-type:none;
}
table.tbl-results {width:100%; table-layout:fixed; border-collapse:collapse; text-align:right;}
table.tbl-results th, table.tbl-results td {border-bottom:2px solid #E1E4D3; padding:4px; text-align:right;}
table.tbl-results caption {text-align:right; font-weight:bold; color:green;}


fieldset, legend {border:none;}
fieldset {padding:10px; margin-bottom:10px;}
legend {padding:2px 4px; background:#eee;}
fieldset input {vertical-align:middle}
fieldset label {margin-left:10px;}


input, textarea, button, select {font-family:Arial, Helvetica, sans-serif;}
img {border:none; max-width:100%;}
a {outline:none;}
a:link, a:visited {color:#333;}
a:hover {color:#F13C73; text-decoration:none;}

.left { float: left !important; }
.right { float: right !important; }
.txt-ctr {text-align:center}
.txt-left {text-align:left}
.clear {clear:both; width:100%; display:block; height:0;}
.clear  hr {display:none;}
.tel { font-family:georgia; font-size:large; color:#8B1A1A;}


.search-action {text-align:center; padding:10px 0;}
.search-action input {font-size:1.6em; padding:0 20px; border:1px solid #eee; background:#A1B92E; color:#fff; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.btn:link, .btn:visited {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

color:green;
text-shadow:1px 1px 0px rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.5);

background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

display:inline-block;
padding:5px 20px;
text-decoration:none;
outline:none;
}
.btn:hover {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}


.note {display:block; padding:5px; border:1px solid #874F4F; background:#fff; text-align:center; margin-top:10px;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-size: 22px; color: #F13C73; 
}

.fl {float:left;}
.fr {float:right;}

.imgbdr, .imgbdr-fl, .imgbdr-fr {border:3px solid #f0f2e6; padding:1px;}
.imgbdr {margin:30px auto;}
.imgbdr-fl {float:left; margin-right:20px;}
.imgbdr-fr {float:right; margin-left:20px;}

.o-list li {padding-bottom:10px;}


h1.contact-phone {position:relative;}
h1.contact-phone span {position:absolute; left:0; font-family:georgia; color:#89856A}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -58px;
	text-align:right;
}
#header-wrap, #page, #footer-wrap {width:100%; max-width:1057px; margin:0 auto;}
.mm-page {height:100%;}
.mm-menu { background: #5c5c5c; color: white;}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
    border-color: white;
}

.push {height: 100px;}

/* ------------- HEADER ------------- */

#header {
	border-bottom:dashed 1px #666;
	margin-bottom:20px;
	background:#dad7c5;
}
#header-wrap {
	height:110px;
	position:relative;
}
#header #logo {
	position:absolute;
	right:5px;
	top:5px;
}
#header ul {
	position:absolute;
	right:5px;
	top:80px;
}
#header ul li {
	display:inline;
	padding-right:10px;
	float:right;
}
#header ul li a:link,
#header ul li a:visited {
	font-size:1.3em;
	color:#666;
}
#header ul li a:hover {
	color:#333;
}
#search, #search-inp, #search-submit
{position:absolute; top:8px;}
#headerfb
{position:absolute; top:58px;left:5px;}
#search {
	left:5px;
	width:259px;
	height:44px;
	background: url(images/bg-search.gif) no-repeat 0 0;
}
#search-inp {
	right:8px;
	width:70%;
	border:none;
	background: transparent;
	font-size:1.8em;
	padding:3px;
	outline: none;
	direction:rtl;
}
#search-submit {
	left:10px;
	float:left;
	width:49px;
	height:27px;
	border:none;
	font-size:1.4em;
	cursor:pointer;
	background: url(images/btn-search.gif) no-repeat 0 0;
}
#local-search {font-size:1.1em; position:absolute; left:5px; bottom:-12px;}

#discount {
	position:absolute;
	right:360px;
	top:12px;
	direction:rtl;
	width:180px;
	font-size:1.6em;
	text-align:center;
	padding:6px 10px;
	border:1px solid #f7e0b9;
	background:#fff2e2;
	 -moz-border-radius: 6px;
	 -webkit-border-radius: 6px;
}
#discount_n {
	position:absolute;
	right:310px;
	direction:rtl;
	width:475px;
	font-size:1.6em;
	text-align:center;
	padding: 10px;
}

#smart-header {  
	background: #dad7c5;
	text-align: center;
	height:80px;			/* additional 40 for banner */
	
	}
#smart-header img {max-height:40px;}

#SmartSearch {
	position: fixed;
	top: 40px;
	z-index: 103;
	height: 44px;
	border: 1px solid #000;
	width: 90%;
	margin:5px 5%;
	background-color: white;
	display:none;
	direction:rtl;
}
#milga {
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #fff;
    margin-top: 5px;
}
#milga img {width:100%;}

#milga a{     
	color: green;
    font-size: 20px;
}

/* ------------- NAVIGATION ------------- */

	/** wide screen menu configuration **/
	#menu {
		float:right;
		width:140px;
		display: block;
		font-size: 10px;
		list-style: none;
		text-align: right;
		padding:0;
	}
	#menu ul {padding:0;}
	#menu li {
		list-style: none;
	}
/* 	#menu li { padding: 2px 4px 2px 0;} */
	#menu a {
		font-size:1.2em;
		
		color: #333;
		text-decoration: none;
	}
	#menu a:hover {
		color:#874F4F;
		text-decoration:underline;
	}
	#menu > ul > li > a:hover {
		color:white;
		text-decoration:none;
	}
	#menu > ul > li > span {
		display:block;
		color:#fff;
		font-size:1.3em;
		line-height:normal;
		padding:1px 5px;
		margin-bottom:3px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 0px; 
		
		-webkit-box-shadow: 0px 2px 2px #666;
		-moz-box-shadow: 0px 2px 2px #666;
		box-shadow: 0px 2px 2px #666; 

		background: #E08484; /* old browsers */
		background: -moz-linear-gradient(top, #E08484 0%, #874F4F 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E08484), color-stop(100%,#874F4F)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E08484', endColorstr='#874F4F',GradientType=0 ); /* ie */
	}
	#menu li ul {
		display: block;
		padding-bottom:10px;
		margin:0;
		padding-bottom:10px;
		}
/** end of wide screen menu configuration **/

/*** smart-fixed-navigation **/
	
	.bottomnav ul {
		padding: 0px;
		margin: 0px;
		}
		
	.bottomnav ul li {
		list-style-type: none;
		width: 50%;
		float: right;
		text-align:center;
		border-left: 1px solid #FFF;
		background-color: #eceedb;
	}
	.bottomnav ul li:last-child:nth-child(odd) { width: 100%; }

	.bottomnav ul li a {
		font-size: 14px;
		line-height: 34px;
		padding-right: 7px;
		cursor: pointer;
		text-decoration: none;
		font-weight: bold;
		}

/*** end smart-fixed-navigation **/

/* ------------- BANNERS ------------- */
.banners * {margin:auto;}
.banners a {margin-bottom:5px;}
.top-banners {padding-bottom:15px;}
.top-banners a {margin-left:20px}
.flash-bnr { height:62px; display:block;}


/* ------------- CONTENT ------------- */
#intro-container {
	background: url(images/bg-intro-container.gif) no-repeat 0 0;
	height:210px;
	width:560px;
	margin: 15px auto;
}
#intro-a {float:right; width:362px; padding:15px;}
#intro-b {float:left; width:168px; padding:15px;}

#content, #search-content {
	float:right; width:96%; padding:0 10px;margin-right:2%; max-width:600px; font-size:1.3em; line-height:1.6em; margin-right:15px; direction:rtl;
	}
#article #content {	width:60%;max-width:none;}

#search-areas {max-width: 560px;}

#content h1, #search-content h1 {font-size:200%; color:#8B1A1A; line-height:normal; font-weight:normal; letter-spacing:-0.02em; border-bottom:2px dotted #E1E4D3;}
#content h2, #search-content h2 {font-size:160%; color:#333; line-height:normal; font-weight:normal; border-bottom:2px dotted #E1E4D3; padding-bottom:2px; margin:10px 0;}
#content h3, #search-content h3 {font-size:140%; color:#874F4F; line-height:normal; font-weight:normal; margin:10px 0 5px 0; text-decoration:underline}

#content p.intro, #search-content p.intro {font-size:medium; padding-top:15px}
#content ul, #search-content ul, #content ol, #search-content ol {margin-right:15px;}
#content ul li, #search-content ul li{list-style-type:disc;}
#content ol li, #search-content ol li {list-style-type:decimal;}

#content .box { clear:both; padding-top:15px;}
#content .box ul li {font-size:0.85em}
#content, #search-areas {background:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:20px;}

#category-search label {width:150px; display:block; float:right; margin:4px; cursor:pointer;}
#category-search label input {vertical-align:middle;}

.tbl-results a {font-size:medium;}
.results {border-top:1px solid #E1E4D3;}
.submit-container {height:3em; text-align:center; padding-top:10px; clear:both; border-top:1px solid #eee;}
.submit-container input {width:200px; padding:3px 0; background:#20b2aa; color:#fff; border:2px solid #eee; }

caption.area {background-color:#eee; padding:5px}

.col-1-2 {width:48%}

.col-2-3 {width:68%;}
.col-1-3 {width:30%;}

#content .col-1-3 ul, #content .col-2-3 ul {padding:0 5px 20px 0;}

.h-banners a {margin:0 4px;}

#promo h1 span {color:#F13C73}


.client-box {
	width: 100%;
	max-width:560px;
}
.client-box-header {
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: end;
	height:68px;
	background: url(images/bg-client-header.gif) no-repeat 0 0;
}
.client-box-header strong {
	position:absolute;
	right:65px;
	bottom:4px;
	font-weight:normal;
	font-size:medium;
	color:#8B1A1A;
}
.client-box-header strong a:link {
	color:#8B1A1A;
}
.client-box-header strong a:visited {
	color:#bc6f6f;
}
.client-box-content {
	padding:0 65px 0 15px;
	background: url(images/bg-client-content.gif) repeat-y 0 0;
}
.client-box-content p {
	padding:0;
	line-height:1.85em;
}
.client-box-content p span {color:#89856A; font-weight:bold;}
.client-box-footer {
	height:39px;
	background: url(images/bg-client-footer.gif) no-repeat 0 0;
}
.client-box-details {
	float:right;
	width:72%;
}
.client-box-details img {
	max-width:90%;
}
.client-box-details img:active {
	position:relative; top:1px; max-width:90%;
}
.client-box-details .bold
{
	color: red;
    font-size: large;
}
.client-box-coupon {
	width:26%;
	float:left;
	text-align:center;
}
.client-box-coupon .title {
	display:block;
	font-size:medium;
	color:#690;
	width:84px;
	margin:-5px auto 0 auto;
	background: url(images/bg-benefit.png) no-repeat 0 0;
	line-height:30px;
}
* html .client-box-coupon .title {background: url(images/bg-benefit.gif) no-repeat 0 0;}



#content .promotion {border:5px solid #8B1A1A; margin:10px 0; padding:3px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#content .promotion div {padding:20px; text-align:center; background:white; border:2px dotted #e8e8e3; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: url(images/bg-promotion.gif) no-repeat center top; }
#content .promotion h2 {color:#8B1A1A; margin-top:0; font-size:2.8em; line-height:0.9em; border:none;}
#content .promotion .intro {padding:4px 0; clear:both; background:#7f9a23; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content .promotion .intro span {color:#ff0;}
#content .promotion .intro span, 
#content .promotion p span {font-family:georgia; font-size:24px;}
#content .promotion .mark {background:#8B1A1A; color:#ff0; display:inline-block; line-height:1; padding:1px 5px; font-weight:normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family:arial;}


/* ------------- SEARCH_NEW ------------- */
.main-area {float:right; width:130px;}
.south, .center, .north {width:130px;}
.main-area label.area {
	font-size:medium;
	width:90px;
	height:62px;
	display:block;
	text-align:center;
	margin-bottom:5px;
	background: url(images/bg-search-area.gif) no-repeat 0 -96px;
	cursor:pointer;
	line-height:45px;
	color:#666;
	position:relative;
	overflow:hidden;
}
.main-area label.area input {position:absolute;top:-90px}
.main-area label.current {font-weight:bold; color:#000; background-position:0 0}

.sub-areas label {display:block}
.main-area label input,
.sub-areas label input {vertical-align:middle}



/* ------------- ARTICLES ------------- */
.author {border-top:1px solid #E1E4D3; padding-top:5px; text-align:left; font-size:0.85em; color:#8B7D6B; line-height:normal;}
#articels-list {padding:0 20px 0 0}
#articels-list li {border-bottom:2px solid #efede2; margin-bottom:15px}
#articels-list li h2 {border:none; padding:0; margin:0}
#articels-list li p {padding-top:0;}

#nav-articles {direction:rtl;}
#nav-articles h4 {font-size:1.5em; border-bottom:1px dotted #E1E4D3; padding:10px 0 2px; margin-bottom:5px;}
#nav-articles ol {font-size:1.3em; padding-right:10px;}
#nav-articles ol li {padding:4px 0;}
#nav-articles ol li a:link,
#nav-articles ol li a:visited {
	color:#333; display:block; padding:2px 4px; text-decoration:none;
	}
#nav-articles ol li a:hover {background:#fff; color:#333; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#nav-articles ol li.current a,
#nav-articles ol li.current a:visited {
	background:#dad7c5; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}

/* ------------------- CONTACT --------------------- */

#contactForm p {padding:5px 0;}
#contactForm p#service {font-size:medium; line-height:normal;}
#contactForm label {display:block; width:8em; float:right}
#contactForm em {color:#FF8CEB; font-style:normal; font-family:Verdana}
#contactForm input, #contactForm textarea  {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	color:#333;
	border: solid 1px #ccc;
	outline: 0;
	padding:8px;
	background: #FFFFFF url(images/bg-form.png) left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
#contactForm input:hover, #contactForm textarea:hover,
#contactForm input:focus, #contactForm textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
#contactForm input {width:40%}
#contactForm textarea {width:70%; overflow:auto; direction:rtl;}

#contactForm p.formButtons {padding-right:8.9em; clear:both;}
#contactForm p.formButtons input {
	width:auto; float:right; cursor:pointer; font-family:Arial; font-weight:bold; margin-left:4px; display:block; border:1px solid #333; background:#333; color:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:2px 8px;
}
#contactForm p.formButtons input:hover {border-color:#D177FF; background:#D177FF;}
#contactForm legend {display: none;}
#contactForm span.cursor {cursor: pointer;}
#contactForm #Error_msg {margin-right:8.9em; padding:3px 10px; line-height:normal; background-color:#cf9; color:#000; display:block; float:right; margin-bottom:10px;}

#mailResponse {padding:10px; margin:20px;}
#mailResponse p {padding:5px; margin-bottom:10px; background:#ffc; font-size:medium;}


/* ------------- GALLERY ------------- */

#gallery ul {padding:2px 0; list-style-type:none; margin:0;}
#gallery ul li {padding:0; margin:0;list-style-type:none;}
#gallery ul li a:link, #gallery ul li a:visited {color:#666; text-decoration:none; padding:2px 10px}
#gallery ul li a:hover {background:#dad7c5; color:#333; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#gallery .box {height:auto; float:right; margin:0 30px; border:none;}

/* ------------- SIDEBAR ------------- */

#sidebar  {float:left; text-align:center;}
#article #sidebar {width:19%;}

/* ------------- FOOTER ------------- */


#footer {
	background:#666;
}
#footer-wrap {
	height:auto; padding-bottom: 10px;
}
#footer-wrap ul {padding-top:15px; text-align: center;}
#footer-wrap ul li {line-height: 2.3em;  white-space: nowrap; display: inline-block; padding-top: 10px; }
#footer-wrap ul li a, #footer-wrap ul li a:visited {margin:0 10px; font-size:1.1em; color:#fff;}

/* ------------- RESPONSIVE SETTING ------------- */

@media (max-width: 1060px) {
	.widescreen {display:none;}
	#sidebar {margin-top:15px;}
}

@media (max-width: 960px) {
	.banners {display:none;}
	.flash-bnr {display:none;}
}

@media (max-width: 771px) {
	#menu {
	  display: none !important;
	}
	#header{
	  display: none !important;
	}

	.col-1-2 {width: 100%;}
	#intro-container, #intro-a , #intro-b, #intro-a p, #intro-b p  {
		height: auto;
		width: auto;
		margin-right: 0px;
		*padding: 5px;
		background: none;
	}
	#intro-a  {
		background-color: #f1f0db;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#intro-b  {
		background-color: #e5e4cc;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#content, #article #content {width:94%;}	
	#sidebar, #article #sidebar {text-align: center; width: 100%;}
	
}
@media (min-width: 772px) {
	#mm-menu{
	  display: none !important;
	}
	#smart-header{
	  display: none !important;
	}
	#menu{display:block;}	
}
@media (max-width: 460px) {
	.client-box-details {
		width:100%;
		margin-bottom:15px;
	}
	.client-box-header strong {
		right:15px;
	}
	.client-box-content {
		padding-right: 15px;
	}
	.client-box-coupon {
		width:100%;
	}
}
