/* css by Daphna Naparstek www.daphnap.com */


* { margin:0; padding:0; }
html { background:#fff; }
body { font: 16px PracticaRegular, helvetica, arial, sans-serif; color:#333; /* height:800px; overflow:hidden;*/ }

ul li {list-style:none;}
a {color: #777; /*font-weight: bold;*/ text-decoration: none; border:0; outline:none;}
a:hover { }
img, a img {border:none; outline:none;}
a img {display:block;}
h1, h2, h3, h4 { font-family: PracticaBold,  helvetica, arial, sans-serif; font-weight:normal;}

#otef { width:800px; margin:10px auto; position:relative;  }

.heb #mapa_header { direction:rtl; font-family: PracticaRegular,sans-serif;}
#mapa_header .logo { float: right;}
#mapa_header .sub { float: right; margin:0 20px; font-size: 16px; letter-spacing: 1px; /*line-height: 25px; */}
.share_btns { float: left; margin-left: -2px; }
.share_btns a { float: left; margin:0 5px; }
.share_btns a#fb_share { margin-left:0;}
.share_btns p { float:right; margin:0 10px; }
.logo img { display:block;}

#map_area { position:absolute; top:80px; left:0; height:800px; width:380px; }
.map_holder { border:1px solid #999; width:378px; height:749px; position:absolute; overflow:hidden; }
a#tomap { position:absolute; top:720px; color:#006699; background:url(img/w_90.png); border:1px solid #999; padding:5px; width:230px; font-family: PracticaRegular, helvetica, arial, sans-serif; z-index:110; text-align:center; height:19px; text-decoration:underline;}


#mikra { position:absolute; top:0; left:0; width:48px; background:transparent url(img/w_90.png); border:1px solid #999; z-index:500;
direction:rtl; display:block; overflow:hidden; }
#mikra h2 { font-family: PracticaBold,  helvetica, arial, sans-serif; font-size: 14px; font-weight:normal; padding:10px; color:#006699; width:130px; }
#mikra li  { font-family: PracticaRegular,  helvetica, arial, sans-serif; font-size: 14px; padding:0 8px 8px 8px; line-height:20px; width:130px; }
#mikra img { display:block; float:right; margin:0 10px 0 12px; }
#mikra_pt1 { display:block;}
#mikra_pt2 { display:none;}

img#map_4x.small { width:380px; position:absolute; z-index:9; }
#bartaa_map, #jayus_map, #kalkilia_map, #birnabala_map { position:absolute; display:none; z-index:5;}

#map_links a { display:block; position:absolute; z-index:20;}
a#bartaa_link { top:28px; left:58px;}
a#jayus_link {top:182px; left:148px; }
a#kalkilia_link { top:185px; left:62px; }
a#birnabala_link { top:378px; left:156px; }
#map_links a:hover .tooltip { display:block; }
.tooltip { position:absolute; right: -135px; top:4px;  background:transparent url(img/r_85.png); color:#fff; width:115px; padding:5px; display:none; text-align:right;}
.tooltip span.tip { display:block; background:url(img/redtip.png) no-repeat; height:15px; width:9px; position:absolute; top:8px; left:-8px; }
.tooltip h3 { font-size: 16px; line-height:18px; font-weight:normal; }
.tooltip p { font-size: 12px; line-height:18px; }


#koteret { width:400px; height:100px; margin-top:-12px; overflow:hidden; text-indent:-9999px; background: url(img/title_smaller.png) no-repeat; position:absolute; top:80px; right:0; width:400px; cursor:pointer;}

.info { position:absolute; top:180px; right:0; width:400px;}

#intro_text { text-align:justify; padding:2px; border-bottom:1px solid #999; background:#fff; overflow:hidden; /*position:relative; z-index:100;*/ margin-left: 20px; }
#intro_text p {padding-bottom:8px; line-height:19px; direction:rtl; }
/*#readless { display:none;}*/
.heb a#readmore, .heb a#readless { font-family: PracticaRegular, helvetica, arial, sans-serif; width:100%; float:left; color:#5e5c61; text-align:left; padding:5px 0; direction:rtl;}
.heb a#readmore img, .heb a#readless img { float:left; padding:3px 0.5em 3px 0;}

#hesber {background:#5e5c61; color:#fff; margin:10px 0; margin-left:20px; }
#hesber p { direction:rtl; font-family: PracticaRegular, helvetica, arial, sans-serif; line-height:22px; padding:10px;}
#thumbs {display: none;}
#thumbs a#video_1, #thumbs a#video_2 {width:142px;  margin-right:10px;  }
#thumbs a { float:left; margin-right:0; width:95px; }
#thumbs a img { height:100px;}
#thumbs a span { background:#999 ; color: #FFFFFF; direction: rtl; display: block; font-family: PracticaRegular,helvetica, arial, sans-serif; font-size: 12px;
    height: 25px; margin: 3px 0; padding: 5px; text-align: right;}

/* kfarim info */
.info span.tip { display:block; background:url(img/tip.png) no-repeat; height:47px; width:26px; position:absolute; top:150px; left:-44px; z-index:200; }
.info h3 { display:block; width:400px; direction:rtl; color:#a42116; font-font-family: PracticaBold,  helvetica, arial, sans-serif; font-size:24px; border-top:1px solid #999; margin:5px 20px; padding:5px 0; background:url(img/close_btn.gif) left center no-repeat; cursor:pointer;}

#info_bartaa, #info_jayus, #info_kalkilia, #info_birnabala { width:420px; margin-left:-20px; display:none; margin-bottom:35px;}
#intro {width:420px; margin-left:-20px; display:block; margin-bottom:35px;}


.slides_container {
	width:400px;
	margin-left:20px;
	display:none;
	padding-bottom:5px;
	border-bottom:1px solid #999;
}
#intro .slides_container div {height: 310px;}
.slides_container div {
	width:400px;
	height:425px;
	display:block;
}

.slides_container p { direction:rtl; text-align:justify; padding:10px 0;}
.slides_container img { display:block; width:100%;}
.slides_container a { color:#333; }

.prev { display:block; opacity:0; font-size:1px; color:#fff; position:absolute; z-index:40; width:120px; height:305px; background:url(img/ltar.png) top left no-repeat; top:40px; left:0;}
.next {display:block; opacity:0; font-size:1px; color:#fff; position:absolute; z-index:40; width:120px; height:305px; background:url(img/rtar.png) top right no-repeat; top:40px; right:0;}
#intro .next, #intro .prev {top:0;}
.next:hover, .prev:hover {opacity:1;}

.pagination { list-style:none; position:absolute; z-index:50; right:10px; top:310px; }
.pagination li { float:left; margin:10px 5px; height:14px; width:14px; direction:rtl;}
.pagination li a { display:block; width:14px; height:14px; overflow:hidden; text-indent:9999px; background:url(img/dot.png) center top no-repeat;}
#intro .pagination {display: none;}
.pagination .current a { background:url(img/dot.png) center bottom no-repeat;}

.fancybox-title-inside {direction: rtl; text-align: right; font-family: PracticarRegular, arial, sans-serif !important; font-size: 16px !important;}

#slides_5 p {postionbackground-attachment: scroll;
background:url(img/w_90.png);
bottom: 10px;
position: absolute;
width: 380px;
padding: 10px;}
