@charset "utf-8";

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in iPhone landscape */
}

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555555;
  background-color: #FFF;
  font-size: 13px;
}

a:link {
  color: #5d84b1;
}

a:visited {
  color: #5d84b1;
}

a:hover {
  color: #000;
  text-decoration: none;
}


#main {
  width: 100%;
}

/* header*/

#mobile-menu-button,
#mobile-call-button {
  display: none;
}

#compliance {
  /* added by RICHARD 12-31-15 for the cookie compliance notice */
  /*border: 3px solid #677690;*/
  padding: 10px;
  background: #efefef;
  font-size: 14px;
  font-family: Arial;
  text-align: center;
}

#entire-container {
  /* added by RICHARD 12-31-15 for the cookie compliance notice */
  position: relative;
  width: 100%;
}

#headContainer {
  position: relative;
  padding-bottom: 15px;
  background-color: #FFF;
  width: 100%;
  border-bottom: 1px solid #F4F5F5;
  z-index: 500;
  top: 0px;
}

#header {
  position: relative;
  height: 75px;
  padding: 20px;
  width: 95%;
  max-width: 1400px;
  margin: 0px auto;
}

#logo {
  float: left;
  width: 268px;
}

#mainNav {
  height: 27px;
  font-size: 16px;
  float: left;
  /*	width: 660px;*/
  padding-left: 40px;
}

#mainNav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-top: 45px;
}

#mainNav li {
  line-height: 1.2em;
  float: left;
  margin-bottom: 7px;
  padding-right: 55px;
}

#mainNav a:link,
#mainNav a:visited {
  color: #5b5b5b;
  text-decoration: none;
  white-space: nowrap;
}

#mainNav a:hover,
#mainNav a:active {
  color: #556f96;
  text-decoration: none;
}

#mobile-nav {
  width: 100%;
  /*height: 100%;*/
  display: none;
  background-color: #677790;
  position: absolute;
  top: 115px;
  left: 0px;
  z-index: 99999;
  padding-bottom: 20px;
}

#mobile-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mobile-nav ul li {
  height: 45px;
  width: 100%;
  border: 1px solid #7f8998;
  border-width: 0 0 1px 0;
  padding-left: 24px;
  /*padding-top: 15px;*/
  color: #ffffff;
  font-size: 14px;
  overflow: auto;
}

#mobile-nav ul li a {
  display: block;
  padding-top: 15px;
  color: #ffffff;
  text-decoration: none;
}

#mobile-nav ul li a:hover {
  color: #341300;
}

#mobile-nav ul li:hover {
  background-color: #77859b;
}

#mobile-nav ul li:hover a {
  color: #ffffff;
}


#footerContainer {
  border: none;
  width: 100%;
  margin-top: 0px;
}

#footer {
  position: relative;
  width: 95%;
  max-width: 1360px;
  /*1400-40px padding*/
  margin: 0px auto;
  padding: 20px;
  font-size: 12px;
  color: #8F9192;
  border-bottom: 2px #fffff solid;
  border-top: 1px #fff solid;
}

#footer a:link,
#footer a:visited {
  color: #8F9192;
  text-decoration: none;
  padding: 0px 11px;
  white-space: nowrap;
}

#footer a:hover {
  color: #62798F;
}

#footer #horizLinks {
  font-size: 12px;
  float: left;
}

#footer #horizLinks ul {
  list-style-type: none;
  margin-right: 0;
  margin-left: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}

#footer #horizLinks ul li {
  position: relative;
  display: inline;
  float: left;
}

ul.toggle-list {
  display: none;
}

#footer #copyright {
  position: absolute;
  top: 30px;
  left: 40px;
  font-size: 11px;
  padding-bottom: 20px;
}

/* end FOOTER */

/* begin PACKAGES */

/*** PACKAGES CODE ADDED 11-9-15 BY RICHARD M. FOR SHARING ********/

/*.feature-box-img { border: 1px solid red; }*/

/***** END RICHARD PACKAGE SHARING CODE *****/

/* end PACKAGES */

#inner-content {
  margin: 0 auto;
  padding: 0;
  width: 97%;
  max-width: 1200px;
  position: relative;
  clear: both;
  /*margin-top: -125px;*/
  /*	margin-top: 0;*/
}

.roomTitle {
  text-align: center;
  font-size: 32px;
  margin-top: 20px;
  font-weight: normal;
  text-transform: uppercase;
}


@media screen and (max-width: 1300px) {
  #header {
    width: 98%;
    padding-left: 0;
    padding-right: 0;
  }

  #footer #horizLinks {
    font-size: 12px;
  }

  ul.footer-list {
    width: 310px;
  }

  ul.footer-list li {
    width: 150px;
    float: none;
  }

  ul.toggle-list {
    float: left;
    font-size: 11px;
    width: 150px;
    display: inline-block;
    list-style-type: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 0px;
  }

  ul.toggle-list li {
    width: 150px;
  }

}

@media screen and (max-width: 1250px) {
  /*#mainNav {
	font-size: 12px;
	width: 540px;
}*/

  #mainNav li {
    line-height: 1.2em;
    float: left;
    /*	width: 180px;*/
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 1000px) {
  #inner-content {
    padding-top: 45px;
  }

  ul.footer-list {
    width: 250px;
  }

  ul.footer-list li {
    width: 120px;
  }

  ul.toggle-list {
    width: 120px;
  }

  ul.toggle-list li {
    width: 120px;
  }
}

@media screen and (max-width: 800px) {
  #footer {
    width: 94%;
  }
}

@media screen and (max-width: 750px) {
  #footer #horizLinks,
  #copyright,
  ul.toggle-list {
    display: none;
  }

  #footer {
    width: 93%;
  }
}

@media screen and (max-width: 900px) {
  #inner-content {
    padding-top: 0px;
  }

  #mobile-menu-button {
    display: block;
    position: absolute;
    /* was 'fixed' - RICHARD changed 12-31-15 for the cookie compliance notice */
    width: 50px;
    float: left;
    margin-left: 10px;
    top: 10px;
    z-index: 600;
  }

  #mobile-call-button {
    display: block;
    position: absolute;
    /* was 'fixed' - RICHARD changed 12-31-15 for the cookie compliance notice */
    width: 50px;
    float: right;
    right: 0;
    top: 10px;
    z-index: 600;
  }

  #mainNav {
    display: none;
  }

  #logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  #logo img {
    margin-left: -14px;
  }
}

@media screen and (max-width: 600px) {
  #footer {
    width: 92%;
  }
}

@media screen and (max-width: 550px) {
  /*	.slideImg img {
		height: 100%;
		width: auto;
	}*/
}

@media screen and (max-width: 500px) {
  #inner-content {
    width: 95%;
    margin-left: 15px;
  }

  #footer {
    width: 91%;
  }
}

@media screen and (max-width: 450px) {

  #mobile-nav {
    top: 95px;
  }

  #logo {
    width: 225px;
  }

  #logo img {
    margin-left: -12px;
  }

  #footer {
    width: 90%;
  }
}

@media screen and (max-width: 414px) {
  #logo {
    width: 200px;
  }

  #logo img {
    margin-left: -10px;
  }

  #footer {
    width: 89%;
  }
}

@media screen and (max-width: 375px) {
  #footer {
    width: 88%;
  }
}

@media screen and (max-width: 350px) {
  #logo {
    width: 175px;
  }

  #logo img {
    margin-left: -9px;
  }

  #footer {
    width: 87%;
  }
}

#compliance {
  display: none;
}

#headContainer {
  position: fixed;
}

#inner-content {
  margin-top: 140px;
}

#mainNav li.last-child {
  padding-right: 0!important;
}

@media (min-width: 901px) and (max-width: 1020px) {
  [lang="pt-pt"] #mainNav { padding-left: 10px!important;}
  [lang="pt-pt"] #mainNav li { padding-right: 10px!important;}
}

@media (min-width: 901px) and (max-width: 1100px) {
  [lang="es-es"] #mainNav { padding-left: 0!important;}
  [lang="es-es"] #mainNav li { padding-right: 2px!important;}
}