@charset "utf-8";

/* ****************************************************************************
 * TOP REGION
 *
 * Elements on top region, with next schema:
 *
 *   - Top menu
 *     \ Navigation section
 *     \ Session section
 *     \ Social section
 *   - Header
 *     \ Logo
 *     \ Ads (see custom_ads.css)
 *
 * ****************************************************************************
 */

/*
 * Top Menu
 * ****************************************************************************
 */
.tm-top-menu {
  /*background            : #E5E5E5;*/
  padding               : 5px 0px 5px 0px;
  height                : 28px;
  position              : relative;
}



/*
 * Top Menu - Left Bar
 * ****************************************************************************
 */
.tm-top-menu-left-bar {
  float                 : left;
}



/*
 * Top Menu - Right Bar
 * ****************************************************************************
 */
.tm-top-menu-right-bar {
  float                 : right;
  width                 : 50%;
}



/*
 * Top Menu - Navigation section
 * ****************************************************************************
 */
.tm-top-menu .tm-top-menu-nav {
  float                 : right;
  font-family           : 'Arimo', sans-serif;
  font-weight           : 700;
  color                 : #9CABBD;
  letter-spacing        : 0.1em;
  text-transform        : uppercase;
  margin                : 1px 0px 0px 0px;
}

.tm-top-menu .tm-top-menu-nav a {
  background            : #E0E0E0;
  font-size             : 11px;
  color                 : #363F48;
  margin-right          : 1px;
  padding               : 6px 15px 5px 15px;
}

.tm-top-menu .tm-top-menu-nav a:hover {
  background            : #E53E43;
  color                 : #FFFFFF;
  text-decoration       : none;
}

.tm-top-menu .tm-top-menu-nav ul,
.tm-top-menu .tm-top-menu-nav ol {
  margin-left           : 0px;
}

.tm-top-menu .tm-top-menu-nav li {
  display               : inline-block;
  list-style-type       : none;
  margin-right          : 0px;
  margin-left           : 0px;
}

.tm-top-menu .tm-top-menu-nav li.last {
  margin-right          : 0px;
}



/*
 * Top menu - Search section (for core Search)
 * ****************************************************************************
 */
.tm-top-menu .block-search {
  float                 : right;
  margin                : 1px 0px 0px 6px;
}

.tm-top-menu .form-item-search-block-form {
  float                 : left;
  width                 : auto;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
}

.tm-top-menu #search_input {
  float                 : left;
  padding               : 0px 6px 0px 6px;
}

.tm-top-menu input[type="submit"] {
  font-family           : 'FontAwesome';
  float                 : left;
  width                 : auto;
  margin                : 0px 0px 0px 0px;
  padding               : 4px 15px 3px 15px;
}



/*
 * Top menu - Search section (for Search API module)
 * ****************************************************************************
 */
.tm-top-menu .tm-cercador .form-item {
  float                 : left;
}

.tm-top-menu .tm-cercador input[type="submit"] {
  float                 : left;
}



/*
 * Top menu - Session section
 * ****************************************************************************
 */
.tm-top-menu-session {
  text-align            : right;
}

.tm-top-menu-session ul {
  margin                : 0px 0px 0px 0px;
}

.tm-top-menu-session li {
  float                 : right;
  margin-top            : 2px;
}

.tm-top-menu-session a {
  color                 : #363F48;
  font-family           : 'Open Sans', Arial, verdana;
  font-size             : 13px;
  font-weight           : bold;
  text-decoration       : none;
  padding-left          : 13px;
  margin-top            : 4px;
  margin-left           : 4px;
}

.tm-top-menu-session a:hover,
.tm-top-menu-session a:active {
  color                 : #E53E43;
}

.tm-top-menu-session .login-link:before {
  content               : "\f090";
  font-family           : FontAwesome;
  font-size             : 13px;
  font-style            : normal;
  font-weight           : normal;
  -webkit-font-smoothing: antialiased;
  position              : relative;
  left                  : -4px;
}

.tm-top-menu-session .logout-link:before {
  content               : "\f08b";
  font-family           : FontAwesome;
  font-size             : 13px;
  font-style            : normal;
  font-weight           : normal;
  -webkit-font-smoothing: antialiased;
  position              : relative;
  left                  : -4px;
}

.tm-top-menu-session .my-account-link:before {
  content               : "\f007";
  font-family           : FontAwesome;
  font-size             : 13px;
  font-style            : normal;
  font-weight           : normal;
  -webkit-font-smoothing: antialiased;
  position              : relative;
  left                  : -4px;
}



/*
 * Top menu - Mobile session section
 * ****************************************************************************
 */
.tm-top-menu-mobile {
  display               : none;
}

.tm-top-menu-session-mobile {
  margin-right          : 10px;
}


/*
 * Header
 * ****************************************************************************
 */
.tm-header {
  background-color      : #FFFFFF;
  width                 : 100%;
}

.tm-header-wrapper {
  width                 : 1155px;
  height                : 150px;
  margin                : auto;
}

.tm-header-container {
  text-align            : right;
  padding               : 30px 0px 30px 0px;
  height                : 90px;
}


/*
 * Header - Logo
 * ****************************************************************************
 */
.tm-logo {
  float                 : left;
}

.tm-logo-img img {
  max-height            : 90px;
}


/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Header
   --------------------------------------------------------------------------*/
  .tm-header-wrapper {
    width               : 960px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Top Menu
   --------------------------------------------------------------------------*/
  .tm-top-menu {
    display             : none;
  }

  /* Top menu - Mobile session section
   --------------------------------------------------------------------------*/
  .tm-top-menu-mobile {
    display             : block;
  }

  /* Header
   --------------------------------------------------------------------------*/
  .tm-header {
    display             : none;
  }

   /* Header - Logo
   --------------------------------------------------------------------------*/
  .tm-logo {
    padding             : 5px 0px 0px 10px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Top Menu
   --------------------------------------------------------------------------*/
  .tm-top-menu {
    display             : none;
  }

  /* Top menu - Mobile session section
   --------------------------------------------------------------------------*/
  .tm-top-menu-mobile {
    display             : block;
  }

  /* Header
   --------------------------------------------------------------------------*/
  .tm-header {
    display             : none;
  }

   /* Header - Logo
   --------------------------------------------------------------------------*/
  .tm-logo {
    padding             : 5px 0px 0px 10px;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Top Menu
   --------------------------------------------------------------------------*/
  .tm-top-menu {
    display             : none;
  }

  /* Top menu - Mobile session section
   --------------------------------------------------------------------------*/
  .tm-top-menu-mobile {
    display             : block;
  }

  /* Header
   --------------------------------------------------------------------------*/
  .tm-header {
    display             : none;
  }

   /* Header - Logo
   --------------------------------------------------------------------------*/
  .tm-logo {
    padding             : 5px 0px 0px 10px;
  }
}