@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px){
  body {
    
  }
	.container-fluid {
	  max-width: 748px;
	} 

  .topbar .top-bar--xarxes li {
    margin-left: 6px;
  }
  
  .dropdown-menu {
    min-width: 220px;
  }
  
    .megamenu .navbar-toggle .icon-bar {
      width: 100%;
      background: #fff;
    }
    .megamenu .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 5px;
    }
    .megamenu .menu-megamenu li h4 {
      color: #fff;
      margin:30px 0px 6px 20px!important;
      margin-bottom: 0;
      border-bottom:1px solid rgba(255, 255, 255, 0.8);
    }
	
    .megamenu .menu-megamenu .destacat h4 {
      margin:5px 0px 6px 0!important;
    }
      .megamenu .menu-megamenu li h4 .caret {
        display: none;
        float: right;
        margin-top: 14px;
        border-top: 6px dashed;
        border-top: 4px solid \9;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
      }
    .megamenu .menu-megamenu .dropdown-menu {
      position: relative;
      display: block;
      padding-left: 20px!important;
      border: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      min-width: 0!important;
    }
      .megamenu .menu-megamenu .dropdown-menu li {
        position: relative;
        width: 100%;
        float: none;
        background: url(../images/mainmenu-border.png) 0 0 repeat-x!important;
        border: none;
        padding: 2px 0 0!important;
        width: 100%;
      }
			.megamenu .menu-megamenu .destacat li {
				background: none!important;
			}
      .megamenu .menu-megamenu .dropdown-menu li:first-child {
        background: none!important;
      }
      .megamenu .menu-megamenu .dropdown-menu li a,
      .megamenu .menu-megamenu .dropdown-menu li span {
        padding: 8px 10px!important;
        display: inline-block;
        width: 100%;
        color: #fff!important;
        font-size: 100%;
        margin-bottom: 0;
        background: none;
        text-transform: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
      }
			.megamenu .menu-megamenu .destacat li a {
        padding: 8px 0 8px 2px!important;
			}
      .megamenu .menu-megamenu .dropdown-menu li span {
        pointer-events: none;
      }
      .megamenu .menu-megamenu .dropdown-menu li a:hover {
        background: #9E0000 url(../images/mainmenu-active.png);
      }
      .megamenu .menu-megamenu .dropdown-menu ul {
        margin: 0;
        padding: 0;
      }
      .megamenu .menu-megamenu .dropdown-menu ul li {
        background: none!important;
      }
      .megamenu .menu-megamenu .dropdown-menu ul li a {
        padding: 4px 10px!important;
        padding-left: 20px!important;
      }
      .megamenu .menu-megamenu .dropdown-menu ul li a:before {
        display: inline-block;
        content:"-";
        margin-right: 2px;
      }
  .megamenu .menu-megamenu.collapsing,
  .megamenu .menu-megamenu.in {
    display:block;
  }
  #block-quatro-main-menu ul.menu {
    padding-left: 52px;
  }
  #block-quatro-main-menu ul.menu .menu {
    padding-left: 0;
  }
	
	.header__nav.fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
	}
	.header__nav.fixed:before {
    pointer-events: none;
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.8) url(../images/puntets.png) repeat top left;
		opacity: .4;
	}
	.header__nav.fixed #block-quatro-main-menu ul.menu li a {
    padding: 10px 10px;
	}
	.header__nav.fixed .megamenu .navbar-toggle {
    width: 50px;
    height: 40px;
	}
	.path-search .search-advanced > .panel-body .form-type-checkbox {
    width: auto;
    min-width: 24%;
    padding-right: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .megamenu {
      display: none;
  }
  .navbar-toggle {
    display: block;
    position: absolute;
    margin: 0 0 20px;
    font-size: 12px;
    text-align: center;
    background: #981625;
    z-index: 1;
    right: 15px;
    top: -66px;
    border-radius: 0;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  #block-quatro-main-menu ul.menu ul {
    background-color: transparent!important;
  }
  .acces-intranet a {
    color: #333!important;
    padding: 6px 10px!important;
  }
  #block-quatro-main-menu ul.menu li:last-child input[type="text"] {
    border: 1px solid #e0e0e0!important;
  }
  #block-quatro-main-menu ul.menu li:last-child input[type="submit"] {
    padding: 7px!important;
    width: 34px;
  }
  #block-quatro-main-menu ul.menu li {
   width: 100%;
   text-align: left;
   background: url(../images/mainmenu-border.png) 0 0 repeat-x;
  }
  #block-quatro-main-menu ul.menu li a {
    display: block;
  }
  #block-quatro-main-menu ul.menu li.open li a,
  #block-quatro-main-menu ul.menu li li span {
    color:#333;
  }
  #block-quatro-main-menu ul.menu li:hover a,
  #block-quatro-main-menu ul.menu li a:hover,
  #block-quatro-main-menu ul.menu li.open a {
    color:#333!important;
    background:transparent!important;
  }
  .navbar-nav .dropdown.expanded .dropdown-menu {
    display: none !important;
  }
  .navbar-nav .dropdown.open.expanded .dropdown-menu {
    display: block !important;
    position: static;
    float: none;
    box-shadow: none;
  }

}