/******************************************/
/************** TEMPLATE CSS **************/
/******************************************/

body         {color:#fff; font-size:1em; line-height:1.4; font-family:'news-gothic-std', Arial, Helvetica, sans-serif;
              width:100%; min-width:1024px; max-width:1920px; height:100%; min-height:576px; overflow-y:scroll;} 
html         {width:100%; height:100%;}

.wf-loading  {visibility:hidden;}
.clear       {clear:both;}
.hidden      {display:none;}
.notMobile   {display:block;} /***use this class to omit elements from the mobile version***/
.mobileOnly  {display:none;}  /***use this class to show elemnts on the mobile version only***/

.fadeIn      {opacity:0;}

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

::selection      {background: #e40521; color:#fff; /* Safari */}
::-moz-selection {background: #e40521; color:#fff; /* Firefox */}


/*** general layout ***/

#content           {position:relative; float:left; width:100%; min-width:1024px; max-width:1920px;}
#left              {position:relative; float:left; width:50%; text-align:right;}
#right             {position:relative; float:right; width:50%;}


/*** boxes ***/

.box-container   {position:relative; float:left; width:50%;} /*** height set by jQuery ***/


/*** promo box ***/

#box-promo-container          {position:absolute; right:-50%;}


/*** right area ***/

#logo                 {position:absolute; top:1.875em; right:5.208333333333333%; width:46.88172043010753%; height:auto;}

.mainMenu             {position:absolute; z-index:9;}
.mainMenu ul          {font-size:1.45em; line-height:1.6; margin:0 0 0.4em 0;}
.mainMenu li a        {color:#fff; text-decoration:none; text-transform:lowercase;}
.mainMenu li.active a {color:#e40521;}
.mainMenu li a:hover  {color:#e40521;}
#menu-a               {text-align:left; top:-1.3em; left:4.5em;
                          -webkit-transform: rotate(-270deg); /* Safari */
                             -moz-transform: rotate(-270deg);    /* Firefox */
                              -ms-transform: rotate(-270deg);     /* IE */
                               -o-transform: rotate(-270deg);      /* Opera */
                                     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */}				   
#menu-b               {text-align:right; top:26em; right:5.208333333333333%;}


/*** footer ***/

#footer             {position:fixed; bottom:0px; left:0px; width:100%; min-width:1024px; max-width:1920px; background-color:#000; z-index:999;
                     opacity:0; /*transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;*/}

#footerLeft              {position:relative; float:left;  width:70%; padding:1em 0 1em 2.604166666666667%; line-height:1;} /** 1344px wide ***/
#footerLeft p            {margin:0 0 0.7em 0; line-height:1.3;}
#footerLeft p span       {display:inline-block; width:1.488095238095238%; text-align:center;}
#footerLeft a            {color:#e40521; text-decoration:none;}
#footerLeft a:hover      {text-decoration:underline}
#footerLeft #footerEmail {position:relative; float:left; display:inline-block; margin:0 10px 0 0; height:20px; line-height:20px;}
#footerLeft ul           {position:relative; float:left;}
#footerLeft li           {position:relative; float:left; border-left:1px solid #3a3a3a; padding:0 10px; height:20px; line-height:20px; text-transform:none;}
#footerLeft li a         {color:#626262; display:inline-block; position:relative; float:left;}

#footerLeft p #close_footer       {position:absolute; left:1em; font-weight:700; }
#footerLeft p #close_footer:hover {cursor:pointer}

#footerRight        {position:relative; float:right; width:30%; padding:1em 2.604166666666667% 1em 0; text-align:right;} /** 576px wide ***/
#footerRight a      {display:inline-block; height:auto; margin:0 2.604166666666667% 0 0}
#footerRight a img  {width:100%; height:auto;}
.footerLogo         {width:17.36111111111111%;}
.footerHome         {width:4.513888888888889%;}
.footerIcon         {width:4.166666666666667%;}
.footerFlag         {width:7.465277777777778%;}

.twitter-share-button   {position:relative; float:left; left:1em;}
.fb-like                {position:relative; float:left; left:0em;}


/*** popup ***/

#popup             {background:url(../images/bg_bookings.png); width:100%; position:fixed; top:0px; left:-300000px; opacity:0;  z-index:999999999!important; text-align:center;}
#popup iframe      {position:relative; z-index:999999999!important;}
#close_button      {width:100%; position:absolute; z-index:1; top:0px; left:0px;}


/*** hider ***/

#hider           {position:absolute; right:-65px; top:26em; z-index:99999999;}
#hider:hover     {cursor:pointer;}
#hider img       {opacity:0.9;}
#hider:hover img {opacity:1;}


/** background cycles on homepage **/

#backgrounds            {position:fixed!important; z-index:-1!important; }
#background_cycle img   {position:fixed!important; top:0; left:0; z-index:-1!important;}
.bgwidth                {width: 100%!important;}
.bgheight               {height: 100%!important;}