/* ----------------------------------------------------------------------------------------------------

CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-css-grid/4928861

---------------------------------------------------------------------------------------------------- */
@import url("open_sans_heb/stylesheet.css");
@import url("open_sans_heb_bold/stylesheet.css");
body {
	width:101%;
	height:101%;
	overflow:auto;
	/*position:fixed;*/
	margin:0 auto;
	/*background-color:#fff;*/
	font-family: "open sans heb" !important;
	font-weight: 400;  
	font-size:16px;
	line-height:22px;
	-webkit-text-size-adjust: none;
	/*background-image:url('../images-screen/body-background.jpg');
	background-position:right top;
	background-repeat:repeat;*/
	direction:rtl;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}


.animate { /* Makes columns animate when @media css changes */
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}

/*img,
img a {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
}*/
h1 {
	line-height:22px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0 auto;
	font-family: "open sans heb" !important;
	font-size:20px;
	text-align:right;
}

/*
.f1 .footer p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#888;
	line-height:16px;
	margin-bottom:10px;
	line-height:18px;
}
.f1 .footer p a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.f1 .footer p a:hover {
	color:#000;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}



	Warning Sign for Internet Explorer 7 users (This website does not support IE7)
*/

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: ֳfff;
}


/*
	(f) Columns Fixed


.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8
{
	font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 auto;
	text-align:right;
	/*line-height:60px;  This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding 
	clear:both;
}
*/

/*
	Make all divs have a grey background, so they are visible.
*/

/*.f1 .one {
	background-color:#999;
}
*/
.f2 .one,
.f2 .two {
	background-color:#999;
	width:49%;
}

.f3 .one,
.f3 .one-two,
.f3 .two,
.f3 .two-three,
.f3 .three {
	/*background-color:#999;*/
}

.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
	background-color:#999;
}

.f5 .one,
.f5 .one-two,
.f5 .one-three,
.f5 .one-four,
.f5 .two,
.f5 .two-three,
.f5 .two-four,
.f5 .two-five,
.f5 .three,
.f5 .three-four,
.f5 .three-five,
.f5 .four,
.f5 .four-five,
.f5 .five {
	background-color:#999;
}

.f6 .one,
.f6 .one-two,
.f6 .one-three,
.f6 .one-four,
.f6 .one-five,
.f6 .two,
.f6 .two-three,
.f6 .two-four,
.f6 .two-five,
.f6 .two-six,
.f6 .three,
.f6 .three-four,
.f6 .three-five,
.f6 .three-six,
.f6 .four,
.f6 .four-five,
.f6 .four-six,
.f6 .five,
.f6 .five-six,
.f6 .six {
	background-color:#999;
}

.f7 .one,
.f7 .one-two,
.f7 .one-three,
.f7 .one-four,
.f7 .one-five,
.f7 .one-six,
.f7 .two,
.f7 .two-three,
.f7 .two-four,
.f7 .two-five,
.f7 .two-six,
.f7 .two-seven,
.f7 .three,
.f7 .three-four,
.f7 .three-five,
.f7 .three-six,
.f7 .three-seven,
.f7 .four,
.f7 .four-five,
.f7 .four-six,
.f7 .four-seven,
.f7 .five,
.f7 .five-six,
.f7 .five-seven,
.f7 .six,
.f7 .six-seven,
.f7 .seven {
	background-color:#999;
}
.f8 .one,
.f8 .one-two,
.f8 .one-three,
.f8 .one-four,
.f8 .one-five,
.f8 .one-six,
.f8 .one-seven,
.f8 .two,
.f8 .two-three,
.f8 .two-four,
.f8 .two-five,
.f8 .two-six,
.f8 .two-seven,
.f8 .two-eight,
.f8 .three,
.f8 .three-four,
.f8 .three-five,
.f8 .three-six,
.f8 .three-seven,
.f8 .three-eight,
.f8 .four,
.f8 .four-five,
.f8 .four-six,
.f8 .four-seven,
.f8 .four-eight,
.f8 .five,
.f8 .five-six,
.f8 .five-seven,
.f8 .five-eight,
.f8 .six,
.f8 .six-seven,
.f8 .six-eight,
.f8 .seven,
.f8 .seven-eight,
.f8 .eight {
	background-color:#999;
}


/*
	(p) Columns Percentage
*/

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	font-family: "open sans heb" !important;
	font-weight:400;
	margin:0 auto;
	text-align:right;
	/*background-color:#fff;*/
	/*line-height:60px;  This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
	clear:both;
}


/*
	Make all divs have a grey background, so they are visible.
*/

.p1 .one {
	/*background-color:#999;*/
	margin:0 auto;
}

.p2 .one,
.p2 .two {
	background-color:#999;
}

.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three {
	/*background-color:#999;*/
}

.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four {
	background-color:#999;
}

.p5 .one,
.p5 .one-two,
.p5 .one-three,
.p5 .one-four,
.p5 .two,
.p5 .two-three,
.p5 .two-four,
.p5 .two-five,
.p5 .three,
.p5 .three-four,
.p5 .three-five,
.p5 .four,
.p5 .four-five,
.p5 .five {
	background-color:#999;
}

.p6 .one,
.p6 .one-two,
.p6 .one-three,
.p6 .one-four,
.p6 .one-five,
.p6 .two,
.p6 .two-three,
.p6 .two-four,
.p6 .two-five,
.p6 .two-six,
.p6 .three,
.p6 .three-four,
.p6 .three-five,
.p6 .three-six,
.p6 .four,
.p6 .four-five,
.p6 .four-six,
.p6 .five,
.p6 .five-six,
.p6 .six {
	background-color:#999;
}

.p7 .one,
.p7 .one-two,
.p7 .one-three,
.p7 .one-four,
.p7 .one-five,
.p7 .one-six,
.p7 .two,
.p7 .two-three,
.p7 .two-four,
.p7 .two-five,
.p7 .two-six,
.p7 .two-seven,
.p7 .three,
.p7 .three-four,
.p7 .three-five,
.p7 .three-six,
.p7 .three-seven,
.p7 .four,
.p7 .four-five,
.p7 .four-six,
.p7 .four-seven,
.p7 .five,
.p7 .five-six,
.p7 .five-seven,
.p7 .six,
.p7 .six-seven,
.p7 .seven {
	background-color:#999;
}
.p8 .one,
.p8 .one-two,
.p8 .one-three,
.p8 .one-four,
.p8 .one-five,
.p8 .one-six,
.p8 .one-seven,
.p8 .two,
.p8 .two-three,
.p8 .two-four,
.p8 .two-five,
.p8 .two-six,
.p8 .two-seven,
.p8 .two-eight,
.p8 .three,
.p8 .three-four,
.p8 .three-five,
.p8 .three-six,
.p8 .three-seven,
.p8 .three-eight,
.p8 .four,
.p8 .four-five,
.p8 .four-six,
.p8 .four-seven,
.p8 .four-eight,
.p8 .five,
.p8 .five-six,
.p8 .five-seven,
.p8 .five-eight,
.p8 .six,
.p8 .six-seven,
.p8 .six-eight,
.p8 .seven,
.p8 .seven-eight,
.p8 .eight {
	background-color:#999;
}

/**************hilla*******************/
.wrapper {
	width:99.9%;
	max-width:1000px;
	height:820px;
	float:none; 
	background:url('../images-screen/BG.jpg') no-repeat;
	background-position:center;
	margin:10px auto 0px !important;/**/
	/*overflow:auto;*/
	z-index:1;
	
}
#content-left{ 
width:32.4%;
max-width:324px;
height:820px;
margin:0px auto;
float:left; 
}
#content-right{ 
width:67.6%;
max-width:676px;
height:820px;
margin:0px auto;
float:right; 
}
.form{ 
	/*width:99.9%;*/
	width:225px;
	max-height:250px;
	float:left;
	border:0px solid #ffffff;
	margin-top:300px;
	margin-left:70px;
}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {cursor: pointer;}

.text_input{
height:30px;
min-width:210px;
line-height:30px;
border:1px solid #888888;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
background-color:#ffffff;
color:#000000;
font-family:arial;
direction:rtl;
text-align:right;
padding-right:10px;
margin-bottom:23px;
}

.send_btn{
width:222px;
height:74px;
border:none;
background-image:url('../images-screen/SEND.png') ;
background-repeat:no-repeat;
background-color:transparent !important;
float:left;
/*margin-top:10px;*/
}
div.after-form{
width:210px;
min-height:200px;
background:#ffffff;
color:#000000;
font-size:18px; 
font-weight:400;
padding-top:30px;
}
.toweb a{
width:160px;
height:40px;
line-height:40px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
color:#ffffff !important;
background:#000000;
display:block;
text-decoration:none;
margin-top:80px;
}
/*******************************************/

/*#form{width:97.7%; float:none; height:135px; background-color:#000000; margin:0px auto !important; border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;padding-left:10px; padding-right:0px;}*/