/* CSS Nikonistas.com */
/* Author: Bab Software Applications - www.bab-soft.com */

/* HTML ELEMENTS ****************************************/
body {margin:0; padding:0; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em; color:#666; background:#FFF;}

/* BASIC STRUCT ELEMENTS ****************************************/
/* Page */
.page {text-align:center; background:#F5F5F5;}

/* Top */
.top {position:relative; height:123px; background:#FFF; font-family:'Roboto', sans-serif; color:#777;}
    .top_inner {position:relative; width:1260px; height:123px; margin:0 auto; text-align:left;}
        .top_inner a.logo {position:absolute; left:0; top:21px; display:block; width:201px; height:35px; background:url(/digital/images/n14_logo3.png);}
        .top_inner span.slogan {position:absolute; left:225px; top:42px; font-size:14px; font-weight:300;}
        .top_inner div.search {position:absolute; right:0; top:21px; display:block;}
            .top_inner div.search input.input {width:300px; margin-right:4px; font-family:'Roboto', sans-serif;padding:6px 8px; font-size:14px; border:1px solid #CCC; border-radius:4px; color:#999; font-family:'Roboto', sans-serif; font-weight:400; vertical-align:middle;}
            .top_inner div.search input.submit {width:34px; height:32px; background:#5096C8 url(/digital/images/n14_ico_search.png) no-repeat center; border:none; vertical-align:middle; border-radius:4px;}

    .top_inner .subsites {position:absolute; right:0; top: -36px; border-bottom: 1px solid #e5e5e5; z-index:999999; font-size:0; line-height:0;}
        .top_inner .subsites a:link, .top_inner .subsites a:active, .top_inner .subsites a:visited {display:inline-block; margin:0; padding:0; height: 35px; border-right: 1px solid #e5e5e5;}
        .top_inner .subsites a.club_es {width: 55px; background: #fff url(/digital/images/n15_top_links.png) no-repeat 8px center; border-left: 1px solid #e5e5e5;}
        .top_inner .subsites a.club_pt {width: 55px; background: #fff url(/digital/images/n15_top_links.png) no-repeat -49px center;}
        .top_inner .subsites a.pro {width: 42px; background: #fff url(/digital/images/n15_top_links.png) no-repeat -103px center;}
        .top_inner .subsites a.foro {width: 42px; background: #fff url(/digital/images/n15_top_links.png) no-repeat -147px center;}
        

/* Content Body */
.content_body {width:1260px; margin:0 auto; padding:45px 0px 30px 0px; overflow:hidden; clear:both; text-align:left;}

/* Left, Center & Right */
.left, .right {display:none;}
.center {}


/* Bottom */
.bottom {background:#000; font-family:'Roboto', Arial, sans-serif;}
    .bottom_inner {text-align:left;}
        .bottom_inner div.logo {width:1260px; margin:0 auto; height:50px;}
        .bottom_inner div.logo a.logo {display:block; width:200px; height:50px; background:url(/digital/images/n14_logo_footer.png) no-repeat center;}
        .bottom_inner .links {padding:18px 0px; border-top:1px solid #393939; border-bottom:1px solid #393939;}
        .bottom_inner .links_inner {width:1260px; margin:0 auto; overflow:hidden;}
            .bottom_inner .links_title {margin-bottom:4px; font-size:16px; font-weight:400; color:#FFF;}
            .bottom_inner .links ul {float:left; margin:0px 60px 0px 0px; padding:0; list-style:none;}
            .bottom_inner .links ul li {padding:2px 0px; font-size:13px;}
            .bottom_inner .links ul li a {color:#B2B2B2; text-decoration:none;}
            .bottom_inner .links ul li a:hover {text-decoration:underline;}
            .bottom_inner .links a.fb, .bottom_inner .links a.tw, .bottom_inner .links a.yt, .bottom_inner .links a.gplus, .links a.pinterest, .bottom_inner .links a.rss, .bottom_inner .links a.ig {display:inline-block; width:26px; height:26px; margin-right:4px; background:url(/digital/images/n14_social_footer2.png) no-repeat;}
            .bottom_inner .links a.fb {background-position:0px center;}
            .bottom_inner .links a.tw {background-position:-35px center;}
            .bottom_inner .links a.yt {background-position:-70px center;}
            .bottom_inner .links a.gplus {background-position:-141px center;}
            .bottom_inner .links a.ig {background-position: -176px 0px;}
            .bottom_inner .links a.pinterest {background:url(/digital/images/n14_social_footer_pinterest.png) no-repeat 0;}
            .bottom_inner .links a.rss {background-position:-106px center;}
        .bottom_inner .info {padding:10px 0px; text-align:center; font-size:12px; color:#666;}

 
.links1 {float:left; width:610px;}
.links2 {float:left;}
.links3 {float:right; width:250px; border-right:1px solid #393939;}
.links1, .links2, .links3 {height:120px; padding:0px 10px 0px 16px; border-left:1px solid #393939;}

/** NAVIGATION */
#m5 {width:1260px !important;}
.content_menu_5 {position:absolute; left:0; right:0; bottom:0; z-index:100000; text-align:center; background:#000;  font-family:'Roboto', Arial, sans-serif; font-size: 16px; font-weight: 500;}
.nav_5 {width:1260px; margin:0 auto;}
.nav_5 ul {margin:0; padding:0; list-style:none;}
.nav_5 ul li {float:left; position:relative;}
.nav_5 ul li#li5_i162  a {border-left:1px solid #3D3D3D;}
.nav_5 ul li a {display:block; padding: 13px 21px 13px 21px; color:#FFF; text-decoration:none; border-right:1px solid #3D3D3D; transition:all ease-in-out 0.1s;}
.nav_5 ul li a:hover {background:#5096C8; text-decoration:none; transition:all ease-in-out 0.1s;}
.nav_5 ul li.nav_5_item_s {background:#5096C8;}
.nav_5 ul li#li5_i195 {background-color:#ffdd00 !important; font-weight:300;}
.nav_5 ul li#li5_i195 a {color:#000; background:#ffdd00;}
.nav_5 ul li#li5_i195:hover a {background:#FFEB66;}

.nav_5 ul ul {visibility:hidden; position:absolute; left:0; top:44px; z-index:100000; width:220px; background:#FFF; border:3px solid #000; border-radius:4px; text-align:left;}
.nav_5 ul ul li {float:none; font-size:14px;}
.nav_5 ul ul li a {padding:12px 10px; border:none; color:#666; border-bottom:1px dashed #DDD;}
.nav_5 ul ul li a:hover {background:#EBEBEB;}
.nav_5 ul ul li.nav_5_item_s {background:#EBEBEB;}
.nav_5 ul ul li:last-child a {border-bottom:none;}

.nav_5 ul ul ul {visibility:hidden; position:absolute; left:220px; top:0;}
.nav_5 ul ul ul li {font-size:12px;}
.nav_5 ul ul ul li a {padding:6px 10px;}


/* MOBILE - App link */
#mobile-app {position:fixed; top:36px; right:0; left:0; z-index:9999999; height:30px; padding:16px 30px 18px 80px; background:#333 url(../images/app-icon.png) no-repeat 2px 2px; text-align:left; color:#FFF; font-size:14px;}
#mobile-app a#app-link {position:absolute; left:0; top:0; right:28px; bottom:0;}
#mobile-app a#close-app-banner {position:absolute; top:7px; right:4px; font-size:0;}
#mobile-app a#close-app-banner::before {padding:2px 6px; content:"X"; font-size:16px; color:#FFF; background:#444; font-family:Arial, Helvetica, sans-serif; border:1px solid #777; border-radius:3px;}


/* TOP - Icons bar */
#top-bar, .top-bar {display:none; clear:both; height:36px; background:#F5F5F5; text-align:center; line-height: 34px;}
.top-bar-inner {width:1260px; margin:0 auto; padding:0px 0px; text-align: left; opacity:0.7;}
.top-bar-inner strong {display:inline-block; font-size:11px; color:#000; vertical-align:middle;padding: 0px 10px 0 12px; border-left: 1px solid #e0e0e0; margin:0 0 0 0px;}
.top-bar-app {display:inline-block; }
.top-bar-social {display:inline-block;}
.top-bar-inner ul {display:inline-block;  margin:0; padding:0; list-style:none; text-align:left;}
.top-bar-inner ul li {display:inline-block;  height:36px; margin-left: 0; vertical-align:middle;}
.top-bar-inner ul li a {display:inline-block; width: 36px; height: 35px; border-left:1px solid #e0e0e0;}
.top-bar-inner ul li a.ios {background: url(../images/social-icons-top-2015.png) 0px 0px;}
.top-bar-inner ul li a.gplay {background: url(../images/social-icons-top-2015.png) 0 -41px;}
.top-bar-inner ul li a.fb {background: url(../images/social-icons-top-2015.png) 0 -83px;}
.top-bar-inner ul li a.tw {background: url(../images/social-icons-top-2015.png) 0 -125px;}
.top-bar-inner ul li a.yt {background: url(../images/social-icons-top-2015.png) 0 -169px;}
.top-bar-inner ul li a.gplus {background: url(../images/social-icons-top-2015.png) 0 -209px;}
.top-bar-inner ul li a.pinterest {background: url(../images/social-icons-top-2015.png) 0 -251px;}
.top-bar-inner ul li a.ig {background: url(../images/social-icons-top-2015.png) -1px -334px;}
.top-bar-inner ul li a.rss {background: url(../images/social-icons-top-2015.png) -1px -291px; border-right: 1px solid #e0e0e0;}

/* Banner */
body .group963_div1 {float:none; clear:both; width:100%; margin-bottom:40px;}

.top_message {display:none; position:relative; max-width:1260px; margin:0 auto;}
.top_message a {position:absolute; top:-116px; right:0; padding:1px 8px 3px 8px; color:#FFF !important; background:#5096C8; font-size:12px; border-radius:4px; transition:all .15s ease-in-out;}
.top_message a:hover {text-decoration:none; opacity:.7; transition:all .15s ease-in-out;}
/*.top_inner div.search {top:34px;}*/

@media (max-width:660px) {

        .top_message a {right:5px;}

}

/* MODAL COOKIES NOTICE */
.c-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000;
  background: rgba(255, 255, 255, 0.6);
  display: flex; }
  .c-modal__wrapper {
    box-sizing: content-box;
    width: 100%;
    max-width: 545px;
    margin: auto;
    padding: 53px 47px 47px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    max-height: 80vh; }
    @media (max-width: 650.98px) {
      .c-modal__wrapper {
        max-width: calc(100% - 80px);
        padding-left: 32px;
        padding-right: 32px; } }
    @media (max-width: 480.98px) {
      .c-modal__wrapper {
        position: relative;
        margin: 15px auto;
        max-height: calc(100% - 20px); } }
  .c-modal__close {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 28px;
    height: 28px;
    background-color: #f8f8f8;
    border-radius: 50%;
    cursor: pointer; }
    @media (max-width: 480.98px) {
      .c-modal__close {
        position: fixed;
        top: 20px;
        right: 20px; } }
    .c-modal__close:hover {
      background-color: #f3f3f3;
      border-radius: 50%; }
    .c-modal__close svg {
      position: relative;
      top: 5px;
      left: 0px;
      fill: #727272; }
  .c-modal__body {
    margin: 0 0 15px 0;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    color: #000;
    text-align: left;
    font-weight: 400; }
    .c-modal__body a {
      margin-left: 5px;
      font-weight: 500;
      text-decoration: underline;
      color: #000; }
      .c-modal__body a:link, .c-modal__body a:active, .c-modal__body a:visited {
        color: #000;
        text-decoration: underline; }
    .c-modal__body p {font: inherit;}
  .c-modal__action {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .c-modal__action .c-modal__btn {
      min-width: 171px;
      margin: 6px; }
      @media (max-width: 650.98px) {
        .c-modal__action .c-modal__btn {
          width: 100%; } }
  .c-modal__btn {
    background-color: #5096C8;
    border: none;
    color: #fff;
    padding: 10px 31px 10px 30px;
    text-align: center;
    text-decoration: none;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 600;
    letter-spacing: 0em; }
    .c-modal__btn:link, .c-modal__btn:active, .c-modal__btn:visited {
      color: #fff; }
    @media (max-width: 480.98px) {
      .c-modal__btn {
        padding: 10px 21px 10px 20px; } }
    .c-modal__btn--secondary {
      background-color: transparent;
      border: 1px solid #5096C8;
      color: #5096C8; }
      .c-modal__btn--secondary:link, .c-modal__btn--secondary:active, .c-modal__btn--secondary:visited {
        color: #5096C8; }