﻿body			{ margin: 0px;color: #524E1F;font-size: 17px;font-weight: normal;font-family: campus_medium;color: #4F511F;background-image: url('../../../images/top-bg.jpg');background-repeat: no-repeat;}
table			{ padding: 0px; margin: 0px; width:100% !important; }
td				{ vertical-align: top; padding: 8px; }
p				{ direction: rtl; margin-top: 0px; margin-bottom: 0px; text-align:right;}

a:link			{ color:#72892f; text-decoration: none; }
a:visited		{ color:#72892f; text-decoration: none; }
a:hover			{ color:#72892f; text-decoration: none; }

#body img       {width:100%; height:auto;}

#SiteContainer          { direction:rtl; position:relative;}
#SiteHeaderContainer    { background-image:url('../../../images/'); }
#SiteGridContainer      { margin-right: 8px; margin-left: 8px;}
#SiteFooterContainer    {margin-right: 8px;margin-left: 8px;}

#SiteHeader             {margin-bottom: 10px;padding-top: 10px;}
#SiteGrid               { padding-bottom:10px; }
#SiteFooter             { }

#GridRight              { }
#GridPage               { }
#GridLeft               { }
#GridTop                { }
#GridContent            { }

#PageMenu               { }
#PageBreadCrumps        { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }

embed   {width:100%; height:256px;}
.callbacks img{margin-bottom:17px;}

.details                { font-size: 25px;text-align: center;margin-top: 10px; }
.phone                { font-size: 45px;text-align: center;}
/*******************************************************************************************/

a#logo                  { }
a#logo  img             { width:45%; max-width:140px;}
#HomeLogo               {width: 246px;border: 0px;margin-right: auto;margin-left: auto;margin-top: 51px;}
#HomeLogo img           { width:100%; border:0px;}


/*******************************************************************************************/

.linkNav          { float:right;margin-top: 7px;}
.arrowNav         { float:left;margin-top: 6px;}
#topNav           { width:264px; height:6px;  background:url('../../../images/dropdown-top.png');  background-size:264px 6px; }
#MainNav          { width:249px; font-size:23px; color:#333333; background:url('../../../images/dropdown-middle.png') repeat-y;  background-size:264px 5px; overflow:hidden; padding-right:10px;  padding-left:5px;}
#MainNav    a     { color:#333333;}
.rowNav           { height:33px; }
.sepNav           { height:2px; background:url('../../../images/dropdown-separator.png') bottom no-repeat;  background-size:261px 1px;}
#bottomNav        { width:264px; height:6px;  background:url('../../../images/dropdown-bottom.png');  background-size:264px 6px;}

#navPos           { position:absolute; top:30px; right:50%; margin-right:-132px; z-index:99999;   -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s; opacity:0; display:none;}




#btnNav           { position:absolute; top:7px; right:3px;  }
.rotate     { transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */}
#btnNav   img        { width:24px; height:21px;}

/*******************************************************************************************/
#header                 { font-size:30px; text-align:center; }
#InternalNavbar a:hover { text-decoration:none; }
#anchor                 { margin-bottom:15px; margin-top:-5px; font-size:12px; }
#headline h1            {margin-top:0; padding: 0px;font-size: 30px;margin-bottom: 20px;color: #969157;text-align: center;font-family: campus_medium;}

#subheadline h2         { display:none; margin-right:4%; margin-left:4%; padding:0px; font-size:1.3em; font-weight:bold; padding-bottom:10px; }
#intro                  { font-size:1.16em; font-weight:bold; color:#DEBF62}
#writer                 { margin-bottom:5px; }
#body                   {}
#remarks                { font-size:14px; }

.headerHotels           { margin-right:4%; margin-left:4%; font-weight:bold; font-size:1.4em; margin-bottom:10px; }
.textHotels             { margin-right:4%; margin-left:4%;}

.sepHotels              { height:3px; background-color:#bcbcbc; margin-bottom:10px; margin-right:4%; margin-left:4%;  }

#navHotels              { overflow: auto; color:White; width: 157px;margin-right: auto;margin-left: auto; font-size: 21px;}
#navHotels  a           { float:right; padding-bottom:3px; padding-top:3px; padding-left:4px; padding-right:4px; background-color:#bcbcbc;color:White; text-decoration:none; margin-left:5px;}
#navHotels  a:hover     { float:right; padding-bottom:3px; padding-top:3px; padding-left:4px; padding-right:4px; background-color:#ea9806;color:White; text-decoration:none; margin-left:5px;}    

#galleryHotels          { margin-top:10px;}
                    

a#backBtn                { display:block; position:absolute; top:37px; left:12px;}
a#backBtn img            { border:0px;}

.GalleryBody            { margin-top:20px;}
.GalleryBody img        { }

/********************************************************************************************/

.headingCap     {  padding:2px 0px 2px 0px; font-size:1.3em; font-weight:bold; border-top:2px solid #55c2e3; border-bottom:1px solid #8cd7ec; margin-bottom:5px; }
.heading4       {  font-size:1.66em; font-weight:bold; margin-bottom:5px; }
.heading5       { font-weight:bold; font-size:1.3em; margin-top:5px; margin-bottom:5px; text-decoration:none;  }
.heading5 a     { text-decoration:none; }
.normal         { }
.small          { font-size:0.91em; color:#696969;}


.linkToStory a  { text-decoration:none; }
.linkToStory a:hover  { text-decoration:underline; }

.link a         { color:#55c2e3; font-weight:normal; font-size:100%; }

.strip1         { margin-bottom:10px; font-size:14px;  background-repeat:no-repeat; background-position:right; padding-right:10px; }
.strip1 a       { text-decoration:none; } 




#EventsHeader               { margin-bottom:15px; width:345px;}
a#GalleryLink               { display:block; position:absolute; left:10px; top:8px; z-index:2;}
a#LeftContactLink           { display:block;  margin-top:20px; cursor:pointer;}

/*********************************************************************************************/
#galleryList                { width:690px; margin-right:55px; height:235px; padding-right:20px; overflow:auto;}

/****************************events*****************************************************************/

#EventsList                 { width:96%; margin-right:auto; margin-left:auto;}
#EventsList a.eventLink     { display:block; float:right; width:47%; margin-right:3%; margin-bottom:15px; }
#EventsList a.eventLink img { display:block; width:100%; border:0px;}


/****************************galleries*****************************************************************/

#GalleryList                 { width:96%; margin-right:auto; margin-left:auto; overflow:hidden}
#GalleryList a.GalleryLink     { display:block; float:right; width:47%; margin-right:3%; margin-bottom:15px; text-align:center; text-decoration:none; }
#GalleryList a.GalleryLink img { display:block; width:100%; border:0px;}
#GalleryList a.GalleryLink .galleryLable    { display:block; color:Black; padding-top:5px;}
/*********************************************************************************************/

/*.textBox              {  width:133px; height:20px; background:url('../../../home/a/main/images/form-field-bg.png') no-repeat; padding:2px 5px 0px 0px; border:0px; background-color:transparent;}*/
.LargeTextField       { overflow:hidden; width:183px; height:90px; background:url('../../../iimages/filled-msg.gif') no-repeat; padding:2px 5px 0px 0px;}
.TableTextStyle       { font-size:14px; width:40px; font-weight:bold;}
.Send                 { text-align:left;}
.SendButton           { width:67px; height:34px; }


.LargeTextField         { width:95%; height:39px; border:0px; background-color:#FFFFFF; background-image:none; padding:2px 5% 0px 0px; margin-bottom:10px; color:#474747; font-size:16px;
                            -moz-box-shadow: -1px -2px 1px #D9D9D7;
                            -webkit-box-shadow: -1px -2px 1px #D9D9D7;
                            box-shadow: -1px -2px 1px #D9D9D7;
                        }
.selectBox              { width:100%; height:41px; margin-bottom:10px;}

/*********************************************************************************************/

/*********************************************************************************************/

#clubForm                       { width:95%; margin-right:auto; margin-left:auto; margin-top:0px;}

#clubForm .FormTextDiv          { text-align:right; margin-bottom:10px; font-size:16px;}
#clubForm .SendButton           { }


/*********************************************************************************************/
#topContainer   { margin-bottom:8px; }
#topContainer   div {   }
#face img   { margin-right:2px;   }
#youtube  img  { margin-right:2px;  }
#contact img   { margin-right:2px;  }
#call img  { margin-left:3px; }
#topContainer   img { }


#phoneBottomText    { float: right;width: 100%;text-align: center;margin-top: 8px;color: white;}
#phoneBottomText a  { color:White; }



.Quarter            { width:25%; float:left;}
.Quarter  a         { display:block; }
.Quarter   img      { width:100%;}    



.header         { font-size:30px;}
.free           { font-size: 20px;border-bottom: 1px solid;margin-bottom: 22px;margin-top: 21px;}
.free p         { text-align:center; }
.free2           { font-size: 22px;}


#bannerBlueHome {border: 0;float: right;height: 65px;width: 100%;overflow: hidden;text-align: center;margin-bottom: 8px;line-height: 28.5px;margin-top: 8px;background-image: url('../../../images/featured-text-bg.jpg');color: #524E1F;text-align: center;background-size: cover;font-family: campus_medium;}
.res                { width:100%; height: auto;}

#apple          {  width:160px; height:52px; margin-left:auto; margin-right:auto; }
#apple img         {  width:160px; height:52px; margin-top:15px;}
.showD           { display:block;}
#android        {  width:160px; height:52px; margin-left:auto; margin-right:auto; }
#android img         {  width:160px; height:52px; margin-top:15px;}



/*****************************************Categories*******************************************************/
#Categories {}
#Categories a   {display: block;background: #186539;margin-bottom: 10px;height: 40px;color: white;text-align: center;padding-top: 10px;border-radius: 10px;}




#GalleriesWrapper img {margin-bottom: 8px;width: 100%;}

.galleryLabel           {color:white !important; margin-bottom: 10px;text-align: center;display: block;font-size: 16px;font-weight: bold;}





.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 15%;
    left: 50%;
    width:250px;
    margin-left:-152px;
    padding: 16px;
    border: 3px solid black;
    background-color: white;
    z-index:1002;
}



 /***********************contact page***********************/
.qtxtbox                {width: 80%;height: 41px;background: none;background-color: white;padding-right: 7px;border: 0;border: 1px solid #524E21;font-family: campus_medium;font-size: 16px;font-weight: bold;color: #504E1B;}
.qtextBoxDiv            { margin-bottom:7px; text-align:center;}
.validate               { width: 100%;text-align: center;color: #728B23; }
.ThanksForm             { width: 80%; text-align: center; color: #2789C5; }
.qtextBoxDivMultiLine   { width: 80%;height: 131px; background-color:white; padding-right: 7px;  border: 1px solid #524E21;font-size: 16px;font-weight: bold;color: #504E1B;font-family: campus_medium;}
.qSendButton            {border-width: 0px;width: 80px;}
.qDropDownbox           {width: 80%;height: 41px;background: none;background-color: white;padding-right: 7px;border: 0;border: 1px solid #524E21;font-family: campus_medium;font-size: 16px;font-weight: bold;color: #504E1B;}
#ContactForm    {background-image: url('../../../images/form-bg.jpg');padding-top: 10px;padding-bottom: 10px;background-size: 100% 100%;}
@font-face {
	font-family: 'Campus_Regular';
	src: url('campusregularwebfont.eot');
	src: local('campusregularwebfont'), local('campusregularwebfont'), url('campusregularwebfont.woff') format('woff'), url('campusregularwebfont.svg#webfontmdLFVb5l') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Campus_Medium';
	src: url('campusmediumwebfont.eot');
	src: local('campusmediumwebfont'), local('campusmediumwebfont'), url('campusmediumwebfont.woff') format('woff'), url('campusmediumwebfont.svg#webfontSC9Su31c') format('svg');
	font-weight: normal;
	font-style: normal;
}

#facebook   {position: absolute;top: 68px;left: 12px}
#english    {position:absolute !important; top: 10px;left: 12px;}
#otefCaftor {width: 80%;padding-right: 7px;border: 0;margin-right: auto;margin-left: auto;text-align: left;font-family: campus_medium;}

#FormHeader {text-align: center;margin-bottom: 10px;}
#FormTitle  {color: #9B945D;font-size: 30px;font-family: campus_regular;font-weight: bold;}
#FormSummary    {color: #504D20;font-size: 16px;font-family: campus_medium;font-weight: bold;}

.FloatingIconsMisada {text-align:center;}
.FloatingIconsMisada a {font-size: 4.5vw;margin-left: 2px;}
.FloatingIconsMisada img {vertical-align: middle;margin-left: 2px;width: 15%;}

#IframeW    {  overflow: auto; -webkit-overflow-scrolling:touch;  width: 100%; }

.my_frame {   width: 100%;   height: 550px;   border: none;   vertical-align: top;}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { left: 5px; max-width: 93%;}