html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font:13px/1.231 sans-serif; *font-size:small; }
html { overflow-y: scroll; }


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-moz-selection{ background: #f2f2f2;  text-shadow: none; }
::selection { background:#f2f2f2; text-shadow: none; }

a:link,
a:visited,
a:active,
a:hover{
	color:#ffffff;
	text-decoration:underline;	
}


html{
	overflow-y:scroll;
	min-height:100%;

	background-color: #013e63;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#013e63), to(#012130));
	background-image: -webkit-linear-gradient(top, #013e63, #012130);
	background-image:    -moz-linear-gradient(top, #013e63, #012130);
	background-image:     -ms-linear-gradient(top, #013e63, #012130);
	background-image:      -o-linear-gradient(top, #013e63, #012130);
	background-image:         linear-gradient(to bottom, #013e63, #012130);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#013e63', EndColorStr='#012130');
}

html, body, table, td{
	text-align:right;
	direction:rtl;
}

html, body{
	color:#404040;
	font-family:Tahoma,Helvetica,Arial;
	font-size:10px;
	min-height:100%;
}

body{
	border-top:20px solid #012130;	
}

body.clsHomepage:before{
	content:'';
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

body.clsHomepage .clsContent{
	display:inline-block;
	width:99%;
	vertical-align:middle;
	padding:0;
	margin:0 0 20px 0;
	text-align:center;
}

h1{
	text-align:center;
	padding:30px 0 0 0;
	margin:0;
}

h1 img{
	width:300px;
}

section{
	display:block;
	width:60%;
	vertical-align:middle;
	padding:20px 0 15px 0;
	margin:0 auto 20px auto;
	text-align:right;
	border-radius:10px;
}

section h2{
	color:#fff;
	font-size:12px;
	text-align:right;
	padding:0 15px 15px 15px;
	margin:0;
}

/***********************************************************/
.clsLessonsSearch{
	text-align:center;
	padding:10px 15px 15px 15px;
}

.clsLessonsSearch h2{
	padding:0 0 15px 0;
}

.clsLessonsSearch select{
	font-size:18px;
	width:100%;
	height:40px;
	padding:0 10px 0 10px;
	margin:5px 0 10px 0;
}

.clsAddKehila{
	font-size:11px;

}

/***********************************************************/
ul.clsIconsBox{
	padding:0;
	margin:0 0 0 0;
	text-align:center;
}

.clsIconsBox li{
	font-size:12px;
	
	position:relative;	
	display:inline-block;
	vertical-align:top;
	margin:20px 20px 20px 20px;
	cursor:pointer;
}

.clsIconsBox li img{
	display:block;
	position:relative;
	width:140px;
	height:140px;
	margin:0 0 10px 0;
	border-radius:15px;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000;
	transition: all .2s ease-in-out;
}

.clsIconsBox li:hover img{
	-webkit-box-shadow: 0px 0px 20px 0px #000;
	box-shadow: 0px 0px 40px 0px #000;	
}

.clsIconsBox li a:link,
.clsIconsBox li a:visited,
.clsIconsBox li a:active,
.clsIconsBox li a:hover{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

hr{
	width:60%;
	margin:0 auto 40px auto;
	border:0 none;
	border-top:1px dotted #aaa;
}



/***********************************************************/
ul.clsTabsBar{
	width:60%;
	padding:0 25px 0 0;
	margin:20px auto 0 auto;
	border-radius:10px 10px 0 0;
}

ul.clsTabsBar li{
	color:#fff;
	font-size:14px;
	cursor:pointer;

	display:inline-block;
	vertical-align:top;
	padding:8px 12px 8px 12px;
	margin:0 0 0 4px;
	border-radius:10px 10px 0 0;
	border:1px solid #444;
	border-bottom:0;
	background:#012130;
}

ul.clsTabsBar li.clsSelected{
	border-color:#777;
	background:#0a6094;
}



/***********************************************************/
.clsInfoTable{
	padding:15px;
	border-top:2px solid #0a6094;
}

.clsInfoTable ul{
	padding:0;
	margin:0;
}

.clsInfoTable ul li{
	color:#fff;
	font-size:14px;
	line-height:22px;
	list-style:none;

	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px dotted #0a6094;


}

.clsInfoTable ul li strong{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:5px 5px 10px 5px;
}

.clsInfoTable .clsTextComments{
	color:#fff;
	font-size:13px;
	padding-top:20px;
}



/***********************************************************/

@media all and (max-width: 768px) {
	body:before{
		display:none;
	}

	.clsContent{
		width:100%;
	}

	h1{
		margin:0;
	}

	h1 img{
		width:156px;
	}
	
	section{
		width:auto;
		padding-top:30px;
		margin:0 10px 10px 10px;
	}

	.clsLessonsSearch{
		width:auto;
		margin:10px 10px 10px 10px;
	}

	section h2{
		color:#fff;
		font-size:12px;
		padding:0 15px 15px 15px;
		margin:0;
	}

	.clsLessonsSearch select{
		font-size:15px;
		height:32px;
	}

	ul.clsTabsBar{
		width:100%;
	}

	.clsIconsBox li{margin:0 15px 30px 15px;}
	.clsIconsBox li img{width:96px; height:96px;}
	
	hr{
		display:none;
		width:90%;
		margin:0 auto 40px auto;
		border:0 none;
		border-top:1px dotted #aaa;
	}
}

@media all and (max-width: 480px) {
	section{
		padding-top:20px;
	}
	.clsIconsBox li{font-size:11px; margin:15px 10px 15px 10px;}
	.clsIconsBox li img{width:75px; height:75px; margin-bottom:6px;}}