@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Amatica+SC:400,700|Varela+Round&subset=hebrew');
@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	border:none;
	padding:0;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
    
     

}

::-webkit-scrollbar { 
    display: none; 
}


.q{
    border: 3px solid #073b68;
    border-radius: 5px;
    box-shadow: 5px 1px 5px;
}
a { color: inherit; } 

html, body{
    width: 100%;
    height: 100%;
    font-family:Arial,Helvetica, Sans-Serif;
}



 iframe{
  max-width: 100%;  
    border: 3px solid #3e1201 ;
     border-radius: 10px;
     box-shadow: 5px 1px 5px #ccc;
 }
#datepickeriframe{
      max-width: 100%;  
    border: none;
     border-radius: 0;
     box-shadow: none;
}
#divTopCenter{
 position: fixed;
    width: 20%;
    height: 150px;
    top: 40%;
    left: 40%;
    z-index: 999;
    background-color: #646464;
    border-radius: 10px;
    box-shadow: 3px 1px 3px #333;
}
#divTopCenter table{
 width: 100%;
    background-color: #646464;
    border-radius: 10px;
    
}
.line{
 width: 100%;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 6px 6px #ccc;
}



#contener{
	width:100%;
	height:100%;
	margin:auto;
    direction:ltr;
    overflow:hidden;
    background-color: #fff6e2;
    
}
.fixedtable{
 width: 100%; 
    background-color: #fff7e2;
}


#header{
	width:100%;
	left: 0;
	top:0px;
	display:inline-block;
	position:fixed;
	height:50px;
	z-index:500;
	
    background-image:url(https://booking-hotels.co.il/ortal/images/backlong.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	box-shadow:0px 3px 3px #888;
}

.p3topimg {
 width: 100%;
min-height: 200px;
    max-height: 350px;
    margin-top:50px;
}

#slider{
	width:100%;
	position:relative;
	float:left;
	height:auto;
    margin-top: 50px;
	border-bottom:4px solid #3e1300  ;
}
#slider li img{
	width:100%;
     min-height: 300px;
    max-height: 450px; 

}

.slides img{
	width:100%;
	 min-height: 300px;
    max-height: 450px;
     
     float: left;
}

.gallery{
 display: block;
}
#jssor_1{
 display: none;   
}
.gallery_mobile_clearfix{
 display: none;
}

.flex-control-nav a {
	outline: none;
	color: #21759b;
	font-size:0px;
}

.logo{
	position:absolute;
	z-index:5;
	right:2.5%;
	top:2%;
    width: 80%;
    
}
.logo img{
 width: 30%;   
}
	
#center{
	width:100%;
	height:100%;
    min-height: 500px;
	padding-bottom:10px;
    align-content: center;
    background-color: #fff7e2;
}

#content{
   
    margin: auto;
	width: 1024px;
	height:auto;
	background-color:#FFF;
	padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: hidden;
   font-family: 'Varela Round', sans-serif;
    direction: rtl;
    background-color: #fff6e2;
}
.contentdiv{
    width:70%;
    text-align: justify;
    margin: 0 auto;
}
#content p{
   text-align: right;
    direction: rtl;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    color: #3d1202 ;
    
}

#content img{
 max-width: 100%;
    
}

.home-content {
   text-align: right;
    height: auto;
    overflow-x:scroll;
}	

.home-content img{
    max-width: 100%;
    height: auto;
    
}

.open_menu{
 visibility: hidden;   
}

#Categories{
	height:40px;
	line-height:40px;
    direction: rtl;
    background-color: #3e1201;
}

#Categories ul li a{
	color:#fff;	
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-right: 10px;
}
#Categories ul li a:hover{
	color:#4c9fa2;	

}
#Categories ul li{
	display:inline-block;
	font-size:14px;
}
#Categories ul{
	text-align:center;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
body, span, div, nav, ol, ul, li, a, p{
    
}


.pricetable{
 width: 60%;  
    float: left;
}

.pricetable{
 line-height: 30px;
}



.remarksp3{
    width: 100%;
    border: 1px solid #333;
    box-shadow: 3px 1px 3px #ccc;
    border-radius: 10px;
    
   
}
.right{
 float: right; 
    width: 30%;
}
.left{
   
 max-width: 100%;   
}
.remarksp3 h4{
    text-align: center;
    border-bottom: 1px solid #333;
    padding-left: 5px;
    text-decoration: none;
    font-size: 20px;
    line-height: 30px;
    background-color: #efefef;
    border-radius: 10px 10px 0 0;
}
.remarksp3 p{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
}

#CommentsDiv{
	top:100px;
	right:20%;
    width: 60%;
    height: auto;
    position: fixed;
    visibility: visible;
    overflow-y: scroll;
    z-index: 1000;
    align-content: center;
    
}
.orderinfo{
 width: 100%;  
    background-color: #333;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    padding: 10px;
    
}
.first{
    width: 100%;
    padding-left: 10px;
 border-left: 1px solid #fff;   
     white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}
.second{
    padding-left: 10px;
 border-left: 1px solid #fff;
    line-height: 55px;
   width: 100%;
    text-align: right;
    padding-right: 10px; 
    
}
.third{
 padding-right: 10px;   
}

@media screen and (max-width: 770px) {
#Invitations h5{
    visibility: hidden;
   
  }
    .second{
        font-size: 10px;
     
    }
    .first{
        font-size: 12px;
    }
    .third{
       display: none;
    }

}

@media screen and (max-width: 600px) {
    .btn_accessibility.accessibility_component{
width:40px;
height:40px;
border-radius:100px;
background-image: url(https://booking-hotels.co.il/images/access.png);  /* shows image */
background-size:40px;   
text-indent: 100%;
white-space: nowrap;
overflow: hidden;

}
    
 #header{
	height:100px;
}
    
#slider{
 margin-top: 100px;
    max-height: 250px;
}
    #slider li img{
        min-height: 120px;
    max-height: 250px;
     
}
    
    .slides img{
	width:100%;    
    max-height: 250px;
	 min-height: 120px;
}
.mobilehidden{
 display: none;
    visibility: hidden;
    width: 0;
}

.contentdiv{
    width:90%;
    text-align: justify;
    margin: 0 auto;
}
    
 .gallery{
 display: none;
}
#jssor_1{
 display: block;   
}
.gallery_mobile_clearfix{
 display: block;
}
    
    #divTopCenter{
 position: fixed;
    width: 40%;
    top: 40%;
    left: 30%;
   
}
#divTopCenter table{
 margin: 0 auto;
}

#Invitations {
    
   
  }
#myBtn1 a p{
    text-align: right;
    padding-right: 5px;
    
}
    
    #search{
	
        position: absolute;
        z-index: 100;
        top: 55px;
        right: 80px;
        
}
    
    #Invitations td:nth-child(1){
        font-size: 10px;
        position: absolute;
        top:0px;
        right: 10px;
       
	
}
    #Invitations td:nth-child(3){
        
        position: absolute;
        top:0px;
        right:140px ;
        
    }
    
    
    #Invitations input[name=firstinput]{
        position: absolute;
        top:20px;
        right: 0;
	
}
       #Invitations input[name=secondinput]{
        position: absolute;
        top:20px;
        right: 130px;
	
}
    .p3formfirsttbl table:first-child td:first-child{
        width:100%;
    }
    .p3formfirsttbl table:first-child td:last-child{
        width:0px;
    }
    .p3form{
     position: absolute;
        top: 120px;  
    }
    .tbltitleprice{
     font-size: 12px;   
    }
    
    .tblbigplansrooms{
       font-size: 10px;
        width: 100%;
    }
    
    .tblbigplansrooms img{
       width: 12px;
        height: 12px;
    }
    
    #datepicker{
    position: fixed;  
        width: 100%;
        left: 0 !important;
    }
    

    
    .dpTable {
     
        width: 100%;
        min-height: 300px;
    }

    #CommentsDiv{
    width: 100%;
    height:100%;
    top: 100;
    right: 0;
    visibility: visible;
    overflow-y:hidden;
    z-index: 1000;
        margin: 0 auto;
    
}
        #CommentsDiv table{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
            #jssor_1 img{
    max-width: 100%;
                right: 0;
    
    
}
    
.p3hotelphoto{
 display: none;
}
    
.p3topimg{
    display: none;
    }
    
.p3roomtbl th{
   border: 1px solid #555;
    text-align: center;
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}
    .p3roomtbl td:nth-child(5){
        width: 1px;
    }
    .p3roomtbl th:nth-child(5){
        width: 1px;
    }
      .p3roomtbl td:nth-child(4){
        width: 1px;
    }
    .p3roomtbl th:nth-child(4){
        width: 1px;
    }

    .pricetbl{
    font-size: 12px;
    font-weight: bold;
}
   
#MapPage{
  
    max-width: 100%;
    margin: 0 auto;
    
    
}
    .mappagep3{
  position: fixed;
        z-index: 100;
        top:100px;
    max-width: 100%;
    margin: 0 auto;
    
}
/*
.mobilinvitations{
        visibility:visible;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #333;
        width: 100%;
}
    .mobilinvitationstable{
        width: 100%;
        direction: ltr;
        table-layout: fixed;
    }
    */
    #Categories{
     display: none
    }
    .p3icon{
     display: none;
    }
    #content{
        
        width: 100%;
       
    }
    .third{
     display: none;
    }
    .second{
        display: none;
     
    }
    .orderinfo{
        
        
    }
    .first{
        font-size: 14px;
        border-left: 1px solid #333;
    }
    .p3buttons{
      background-color: #555;
        border-radius: 10px;
        table-layout: fixed;
        
    }
     .p3buttons td{
      width: 20%;
         border-left: 1px solid #fff;
         align-content: center;
    }
      .p3buttons td:first-child{
     
         border-left:none;
         
    }
   
    .p3buttons a p{
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    
    .pricetable{
        width: 100%;
        
     margin-bottom: 20px;
        font-size: 12px;
    }
    .tblplanroom td{
    font-size: 12px;
}

   .right{
  
    width: 100%;
}


    
    
    /**Start open menu**/
.open_menu{
	visibility: visible;
    width: 20px;
    float: right;
	height:auto;
    position: absolute;
    top:5px;
    left: 0px;
    z-index: 1000;
}
#main_list_item{
 background-image: url(https://www.teutonia.ruhr/templates/template_teutonia-ueberruhr/images/menu.png);
}
.open_menu ul {
    text-align: center;
    width: 100%;
    float: right;
	margin:0px;
}
.open_menu ul li{
	color:#fff;
	font-size:15px;	
	position: relative;
    display: inline;
	color:#333;
	line-height:18px;
    margin-right: 10px;
}
.open_menu li:focus  > ul, .open_menu li:hover  > ul {
	display: block;
}
    body:focus  > open_menu ul, body:hover  > open_menu ul{
	display: none;
}
    
#content:focus > open_menu ul, #content:hover > open_menu ul{
	display: none;
}
.open_menu ul ul {
    display: none; 
  width: 200px;
   position: absolute;
    top: 55px;
    box-sizing: border-box;
    left: 0;
    border-radius: 0px 10px 10px 0px;
    background: rgba(3, 3, 3, 0.8);
    z-index: 10;
    -moz-box-shadow:
		3px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		3px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		3px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
   
}
.open_menu ul ul li {
    color: #FFFFFF;
    background: rgba(3, 3, 3, 0.3);
    cursor: pointer;
    float: right;
    margin: 0.4%;
    padding: 0 !important;
    text-align: right;
    display: inline-block;
    width: 92.2%;
}
.open_menu ul ul li a{
	padding:4%;
	width:92%;
	color:#fff;
	float:right;
}
.open_menu ul ul li a:hover {
	color:#ccc ;
}
.open_menu ul ul li:hover {
	background:#333;
	padding:4%;
}
.open_menu ul li a{
    text-align: right;
    text-decoration: none;
    display: inline-block; 
    color:#111;
}
.open_menu ul li a:hover {
	color:#111;
}
.main_list{
	
}


/**End open menu**/	
}


#Invitations{
    position: absolute;
    top: 0;
    direction: rtl;
	width:97%;
	margin-left:3%;
	margin-top:.4%;
    
}


#Invitations table{
	width:100%;
}
#Invitations h4{
	color:#3f1201 ;
	font-size:16px;
    font-weight: bold;
	display:block;
	font-weight:normal;
	text-align:left;
    white-space: nowrap;
}

#Invitations h5{
	color:#3f1201 ;
	font-size:16px;
    font-weight: bold;
	text-align:center;
	border-right:1px solid #3f1201 ;
	font-weight:normal;
}

#Invitations h5:hover{
	color:#4c9fa2 ;
	cursor: pointer;
}

#Invitations input{
	box-shadow:  inset 0 1px 1px rgba(0,0,0,.055);
	border-radius:2px;
    font-size: 14px;
	height:30px;
	background-color:#fff  ;
	border:2px solid #4c9fa2 ;
    text-align: center;
    color: #4c9fa2;
}
#search{
	width:120px;
	text-align:center;
	height:30px;
	color:#fff;
	border:2px solid #fff;
	background-color:#4c9fa2;	
  	
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
	font-size:14px;
	letter-spacing:1px;			
}
/* ן¿½ן¿½ ן¿½ן¿½ ן¿½ן¿½ן¿½ן¿½ ן¿½ן¿½ן¿½ן¿½ן¿½ + ן¿½ן¿½ן¿½ן¿½ן¿½ ן¿½ן¿½ן¿½ן¿½ן¿½ */


input[type="submit"]{
	padding-bottom:5px;
	padding-top:5px;
	padding-right:40px;
	padding-left:75px;
    background: #3584e3;
	box-shadow: 1px 1px 1px #888888;
    transition: 0.3s;
    font-size: 18px;
	text-align:center;
	color:#fff;
	border:1px solid #2a67b1;
}

input[type="submit"]:hover{
    border-color: #2a67b1;
}



 #content h3 , #Categories h3{
	color:#3d1202 ;
	text-decoration:underline;
	text-align:right;
	font-size:24px;
     padding-top: 20px;
     padding-right: 10px;
}

#footer{
	width:100%;
	height:auto;
	background: #3e1201 ; 
	box-shadow:1px 0px 2px #151515; 
    color: white;
    line-height: 20px;
    direction: rtl;
    margin-bottom: 0;
}
#footer h3{
float: right;
margin-right: 30px;
}

#footer span{
margin-right: 30px;
}

#footer ul li a{
	color:white;	
}

#footer ul li{
	display:inline-block;
	font-size:12px;
}
#footer ul{
	text-align:center;
}

.contact_table{
 border: 2px solid #3d1201;
    border-radius: 10px;
    -moz-box-shadow:
		3px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		3px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		3px 1px 3px rgba(000,000,000,0.5);
    float: right;
    margin-right: 15%;
    text-align: right;
    max-width: 100%;
    min-width: 60%;
    background-color: #f1f1ef ;
		
    
}
.pcuimg{
 background-size: cover;
    height: 100px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 3px 3px #ccc;
}
.pcutitle{
 text-align: center;
font-size: 24px;
    text-shadow: 3px 1px 3px #ccc;
    
}


.contact_table img{
    width: 100%;
    border-radius: 10px 10px 0 0;
    float: left;
    box-shadow: 0 3px 3px #ccc;
}
.contact_table table:first-child{
    width: 100%;
}

.contact_table table:last-child{
 width:100%;
    
}

.contact_table input{
 border: 1px solid #4da0a3;
    border-radius: 3px;
    line-height: 18px;	
    -moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}
.contact_table input:focus{
    background-color: cornsilk;
}

.contact_table a{
	cursor: pointer;
    
}

.contact_send{
     font-size:18px;
	color:#fff;
	height:25px;
	width:60%;
	text-align:center;
	line-height:25px; 
	
    margin-top: 1px;
	margin-bottom:10px;
	background-color:#4c9fa2;
    border:1px solid #fff;
    transition: all 0.5s;
   
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.contact_table textarea{
 border: 1px solid #4da0a3;
    border-radius: 5px;
    line-height: 18px;		
    -moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}
.contact_table textarea:focus{
    background-color: cornsilk;
}
.contact_table font{
    font-size: 18px;
color: rgba(77, 160, 163, .5);
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: rgba(77, 160, 163, .5);
}
.spacials{
    float: right;
    margin-left: 20%;
 	width: 60%;
    border: 3px solid #4c9fa3;
    border-radius: 10px;
    background: #fef6e2; /* Old browsers */
background: -moz-linear-gradient(top, #fef6e2 0%, #e9e2bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fef6e2 0%,#e9e2bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fef6e2 0%,#e9e2bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef6e2', endColorstr='#e9e2bc',GradientType=0 ); /* IE6-9 */

    text-align: center;
	margin-bottom: 20px;
    box-shadow: 3px 1px 3px #888;
}
.spacials h4{
 text-align: center;   
    color: #401502;
    font-size: 19px;
    border-bottom: 2px solid #4c9fa3;
    
}

.spacials_content{
 width: 70%;  
    color: #401502;
    
}
.spacials_inner{
    color: #401502;
}

.spacials_content span{
 font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
    display: inline-block;
}

.spacialsbtn{
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid #fff;
    background-color: #4c9fa3;
    padding-left: 10px;
    padding-right: 10px; 
    box-shadow: 3px 1px 3px #777;
}

.full{
    float: left;
    margin-left: 20%;
    width: 60%;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 3px 1px 3px #ccc;
    background-color: #002819;
    color: white;
    text-align: center;
    
}
.full h4{
 text-align: center;   
    color: white;
    font-size: 19px;
    
}
.full img{
    width: 40%;  
    border-radius: 10px;
    margin-right: 5px;
        
}


/*jkghkhkhkjhkjhklj*/



.font12black{
    font-size: 12px;
    color: black;
}
.font13black{
    font-size: 13px;
    color: black;
}
.font14black{
    font-size: 14px;
    color: black;
}
.font15black{
    font-size: 15px;
    color: black;
}

.font16black{
    font-size: 16px;
    color: black;
}
.font17black{
    font-size: 17px;
    color: black;
}
.font18black{
    font-size: 18px;
    color: black;
}

.font12white{
    font-size: 12px;
    color: white;
}
.font13white{
    font-size: 13px;
    color: white;
}
.font14white{
    font-size: 14px;
    color: white;
}
.font15white{
    font-size: 15px;
    color: white;
}

.font16white{
    font-size: 16px;
    color: white;
}
.font17white{
    font-size: 17px;
    color: white;
}
.font18white{
    font-size: 18px;
    color: white;
}

.bigcenter{
    width: 100%;

}

/* page 3 */


.p3hotelheader{
    position: relative;
  

}

.p3hotelheader p{   
   
    text-align: right;
    font-size: 14px;  
    vertical-align: top;
    
    max-width: 500px;
    float: right;
    direction: rtl;
    
  
    
    
    
}


#p3img{
    width: inherit;
    max-width: 45%;
    
    box-shadow:3px 1px 5px #888888;
    height: 280px;
    border:2px solid #ccc;
    border-radius: 10px;  
    transition: all .2s ease-in-out;
    opacity: 1;
    position: absolute;
    top: 0;
    margin-top: 10px;
}


.p3hoteltitle{
    font-size:18px;
    background-image: url(img/title.jpg);
	color:#2070dd;
	text-align: right;
	font-weight:bold;
	line-height:40px;
	text-shadow:
	0px 1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,1);
    top: 0;
    right: 0;
    margin-top: 10;
    padding-right: 10px;
    position: absolute;
    width: 50%;
    height: 40;
    border: 1px solid #ccc;
    border-radius: 3px;
    
}
.p3buttons{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border-bottom: 1px dashed #ccc;
    direction: ltr;
    
}

.p3buttons a{
 text-decoration: none;   
    text-align: center;
}

.p3address{

	font-weight:bold;
	line-height:25px;

    margin-top: 5px;
    font-size:18px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    padding-left: 100px;
	color:#3172b5;
    
	text-align:center;
	border:1px solid #949393;
	background-image: url(https://booking-hotels.co.il/images/p3btnback.png);
    background-color: white;   
	-moz-border-radius: 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
	text-shadow:
		1px 1px 1px rgba(000,000,000,0.2);


}


.p3iconspan{
    font-size: 14px;
    text-decoration: none;
    color: black;
    text-align: left;
    
     
}

.p3icon{
    width: 50%; 
    max-width: 75px;
    transition: all .3s ease-in-out;
    
}

.p3icon:hover{
   transform: translateY(-15px);
    cursor: pointer;
}

.p3lastinvitation{
	width:100%;
	line-height: 30px;
	text-align:center;
    background-color: #efefef;
	border-bottom:1px solid #ccc;
	 
	font-size:16px;
	font-weight:bold;
	color:#2070dd;
	text-shadow: 0 0px 1px rgba(0,0,0,0.2);
}

.p3nav {
 align-content: center;
    width: 100%;
}
.p3btn{
    font-size:16px;
    padding-top: 5px;
    padding-bottom: 5px;
	color:#002819;
    width: 100%;
	text-align:center;
	border:1px solid #949393;
	background-image: url(https://booking-hotels.co.il/images/p3btnback.png);
    background-color: white;   
    transition: all 0.2s ease-in-out; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
	text-shadow:
		1px 1px 1px rgba(000,000,000,0.2);		
}
.p3btn img{
    float: right;
    padding-right: 5px;
 width: 22px;   
}
.p3btn:hover{
    cursor: pointer;
    transform: scale(1.1);	
}
.p3spacials{
    width: 100%;
    direction: rtl;
    margin-bottom: 10px;
    font-weight: bold;
    /**
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow:3px 1px 5px #888888;
    **/
}
.p3spacials img{
    width: 22px;

    
    /**
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow:3px 1px 5px #888888;
    **/
}

.p3select{
		color:#000000;border-radius:2px;border:1px solid #ccc;font-size:13px;width:75px;;padding: 3px 3px 3px 3px;
    width: 100%;
	}
	.p3input{
		color:#000000;border-radius:2px;border:1px solid #ccc;font-size:13px;width:75px;;padding: 3px 3px 3px 3px;
	}






.tbl_continue {
background-color:#333;
    padding-bottom: 10px;


}
#ShowTotalPriceNew {
	text-align:center;
	color:#fff;
}

.tbl_continue table{
	width:75%;
	float:left;
	margin-left:12.5%;
	text-align:center;
	height:30px;
	color:#333;
	border:2px solid #fff;
	background-color:#ccc;	
  	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #b5b5b5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.50, #ffffff), to(#ccc));
	-moz-border-radius: 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
	font-size:14px;
	letter-spacing:1px;	


}

.tbl_continue table td{
text-align:center;	

}

.tbltitleprice{
 color: #fff;   
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {opacity:0}
    to {opacity:.9}
}

@keyframes animatetop {
    from {opacity:0}
    to {opacity:.9}
}

#jssor_1{
    width: 100%;
  
    border: 3px solid #0c2345;
}
#jssor_1 img{
    width: 100%;
    
}

#map{
    max-width: 100%;
	border: 3px solid #002819;
	border-radius: 10px;
	-moz-box-shadow:
		3px 1px 3px rgba(000,000,000,0.2);
	-webkit-box-shadow:
		3px 1px 3px rgba(000,000,000,0.2);
	box-shadow:
		3px 1px 3px rgba(000,000,000,0.2); 
    margin: 0 auto;
}
.gm-style{
border-radius: 10px;
    max-width: 100%;
}

.attention{
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 50%;
    height: auto;
    min-height: 100px;
    margin: auto;
    box-shadow: 3px 1px 3px #ccc;
    direction: ltr;
    
}

.attention h3{
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 40px;
    color: #422a20;
    border-bottom: 1px dashed #422a20;
    background-image: url(https://booking-hotels.co.il/images/308b125_attention.png);
    background-repeat: no-repeat;
    background-size: 40px;
    
}

.attention p{
    
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    color: #422a20;
   
    
}

/*Start Form*/

.p3form{
    width: 100%;
    max-width: 700px;
    background: #fefefe;  
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 3px 1px 3px #ddd;
    margin: 0 auto;
    
}

.p3formtitle{
 text-decoration: none;
    text-align: center;
    color: #aaa;
    text-shadow: 1px 0 1px #111;
    line-height: 40px;
    font-size: 30px;
    border-bottom: 1px solid #ccc;
}
.p3form2title{
    text-decoration: none;
    text-align: left;
    color: #aaa;
    text-shadow: 1px 0 1px #111;
    line-height: 30px;
    font-size: 22px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}
.p3formfirsttbl{
    width: 95%;
    padding-right: 5%;
}
.orderditailstbl{
 width: 100%;  
    
}

.p3hotelphoto{
 width: 100%;
    height: auto;
    border-radius: 10px;
    border: 3px solid #eee;
    box-shadow: 5px 3px 5px #aaa;
}
.p3left{
    direction: ltr;
    width: 70%;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    
}

.p3right{
    direction: ltr;
    width: 30%;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    
}

.p3roomtbl{
    width: 100%;
    table-layout:fixed;
}

.p3roomtbl td{
   border: 1px solid #555;  
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    word-wrap: break-word;
    
    height: auto;
    text-overflow: ellipsis;
   
}

.p3roomtbl th{
   border: 1px solid #555;
    text-align: center;
    color: #fff;
    line-height: 25px;
}

.p3roomtbl input{
 width: 90%;
    line-height: 23px;
    border: 1px solid #333;
    border-radius: 3px;
}
.p3roomtbl p{
    width: 100%;
 text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.p3custditails{
    width: 95%;
    padding-right: 5%;
    
}

.custleft{
    direction: ltr;
    width: 70%;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    
}
.custright{
  direction: ltr;
    width: 30%;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-align: left;
}

.p3custditails input{
    width: 70%;
    line-height: 25px;
    border: 1px solid #333;
    border-radius: 3px;
    padding-right: 5px;
    font-size: 14px;
    text-align: left;
    
    
}
.p3custditails input[type="checkbox"]{
   display:inline-block;
    width:19px;
    height:19px;
    background:url(check_radio_sheet.png) left top no-repeat;
 
    
    
}
.p3custditails textarea{
    width: 70%;
    line-height: 25px;
    border: 1px solid #333;
    border-radius: 3px;
    padding-right: 5px;
    font-size: 14px;
    
}

.p3formbtn{
    margin-right: 12.5%;
    width: 75%;
	text-align:center;
	height:30px;
	color:#333;
	border:2px solid #aaa;
	background-color:#ccc;	
  	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #b5b5b5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(0.50, #ffffff), to(#ccc));
	-moz-border-radius: 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
	font-size:14px;
	letter-spacing:1px;		   
}

.p3formbtn td{
    text-align: center;
    
}
.pricetbl input{
 width: auto; 
        text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.pricetbl{
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 600px) {
    
    .p3form{
    
        box-shadow: none;

    
}
    
     #content h3 , #Categories h3{

	font-size:20px;
     
}
.pcuimg{
 height: 60px;   
}
.contact_table{
 margin: 0 auto;
		
    
}
  .spacials{
     width: 90%; 
      margin-left: 5%;
      float: none;
    }
 .spacials_inner{
     
     height: auto;
    
} 
    
    .spacials_inner td{
        width: 100%;
     display: block;   
        border-top: 1px solid #fff;
    }
     .spacials_inner td:last-child{
        width: 100%;
     display: block;   
        border-top:none;
    }
    
    .spacials_content span{
     width: 100%;
        display: inline-block;
        white-space:nowrap;
    }
     .spacials_content td{
     width: 100%;
        border-top:none;
    }  
}

.gallery{
 table-layout: fixed; 
    width: 100%;
}
.gallery img{
    width: 100%;
    box-shadow: 0 8px 6px -6px black;
    border: 1px solid #eee;
    border-radius: 5px;
   
}

.body-content{
 width: 100%;   
}
#Payment{
 width: 100%;  
    border-radius: 0 0 10px 10px;
}

#MapPage{
	
    margin: 0 auto;
   width: 820px;
    visibility: visible;
 
    align-content: center;
}
#mapDiv{
  width: 820px;   
}
.mappagep3{
	position: fixed;
    z-index: 100;
    top:20%;
    height: 100px;
    margin: 0 auto;
    visibility: visible;
    align-content: center;
}

.newrate{
 font-size:18px;
	color:#fdac34 ;
	text-align: left;
	font-weight:bold;
	line-height:25px;
	text-shadow:
	0px 1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,1);
   float: left;
   direction: ltr;
   padding-left: 10px;

}

.p2title{
font-size:18px;
	color:#2070dd;
	text-align: left;
	font-weight:bold;
	line-height:25px;
	text-shadow:
	0px 1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,1);
    float: left;
    padding-right: 10px;
    

}

.ratediv {
    display: none;
    position: absolute;
    top: 10px;
    left: 100px;
    width: 300px;
    height: auto;
    background-color: rgba(24, 77, 133, 0.8);
    border: 3px solid #ccc;
    box-shadow: 5px 2px 5px #333;
    border-radius: 10px;
   color: #fff;
    font-size: 16px;
    padding: 10px;
}
.hiddendiv:hover .ratediv{
 display: block;   
}