﻿#content {
    background-color:#EFEFEF;
}

.animate-repeat {
  height: 82px;
  min-height: 82px;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity: 0;
  height: 0;
  min-height: 0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1;
  height: 82px;
  min-height: 82px;
}

.animate-repeat.ng-leave-stagger {
  /* this will have a 100ms delay between each successive leave animation */
  -webkit-transition-delay: 0.125s;
  transition-delay: 0.125s;

  /* in case the stagger doesn't work then these two values
   must be set to 0 to avoid an accidental CSS inheritance */
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

/**
 * Stagger ENTER ANIMATION
 */
.animate-repeat.ng-enter-stagger {
  /* this will have a 100ms delay between each successive enter animation */
  -webkit-transition-delay: 0.125s;
  transition-delay: 0.125s;

  /* in case the stagger doesn't work then these two values
   must be set to 0 to avoid an accidental CSS inheritance */
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}











.splashPage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.splashPageTextBox {
    text-align: center;
    vertical-align: middle;
    line-height: 40px; 
    color:#808080;
}


.ng-hide {
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
  opacity:0;
}


.slide.ng-leave {
  position: relative;
}
.slide.ng-enter {
  position: absolute;
}
.slide.ng-enter, .slide.ng-leave {
  -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.3s ease-in;
     -moz-transition: -moz-transform 0.3s ease-in, opacity 0.3s ease-in;
       -o-transition: -o-transform 0.3s ease-in, opacity 0.3s ease-in;
          transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}
.slide.ng-enter, .slide.ng-leave.ng-leave-active {
  -webkit-transform: scaleX(0.0001);
       -o-transform: scaleX(0.0001);
          transform: scaleX(0.0001);
  opacity: 0;
}
.slide, .slide.ng-enter.ng-enter-active {
  -webkit-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}



.menuMarcello {
    -webkit-transition: 0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    background-size:cover;
    background-image:url('img/menu/menuMarcello2x3.jpg')
}

.menuMarcelloSm {
    background-image:url('img/menu/menuMarcello1x1.jpg');
}

.menuMenu {
    -webkit-transition: 0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    background-image:url('img/menu/menuMenu2x2.jpg');
}

.menuMenuSm {
    background-image:url('img/menu/menuMenu1x1.jpg');
}


.menuMenu.menuOn-add {
      background-image:url('img/menu/menuMenu2x2.jpg');
}

.menuMenu.menuOn {
      background-image:url('img/menu/menuMenu2x2_blur.jpg');
      cursor:pointer;
}

.menuMenu.menuOn-remove {

}




.menuKontakt {
-webkit-transition: 0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    background-image:url('img/menu/menuKontakt2x1.jpg');
}

.menuKontaktSm {
    background-image:url('img/menu/menuKontakt1x1.jpg');
}

.menuKontakt.menuKontaktOn-add {
      background-image:url('img/menu/menuKontakt2x1.jpg');
}

.menuKontakt.menuKontaktOn {
      background-image:url('img/menu/menuKontakt2x1_blur.jpg');
      cursor:pointer;
}





.menuGodzinyOtwarcia {
    background-color:blue;
}


.menuGaleria {
-webkit-transition: 0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    background-size:cover;
    background-image:url('img/menu/menuGaleria4x1.jpg');
}

.menuGaleriaSm {
    background-image:url('img/menu/menuGaleria1x1.jpg');
}

.menuGaleria.menuGaleriaOn-add {
      background-image:url('img/menu/menuGaleria4x1.jpg');
}

.menuGaleria.menuGaleriaOn {
      background-image:url('img/menu/menuGaleria4x1_blur.jpg');
      cursor:pointer;
}








.menuPromocje {
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    background-image:url('img/menu/menuPromocje2x1.jpg');
}

.menuPromocjeSm {
    background-image:url('img/menu/menuPromocje1x1.jpg');
}

.menuPromocje.promocjeOn-add {
      background-image:url('img/menu/menuPromocje2x1.jpg');
}

.menuPromocje.promocjeOn {
      background-image:url('img/menu/menuPromocje2x1_blur.jpg');
      cursor:pointer;
}











md-grid-tile {
    background-size:contain;
    background-repeat:no-repeat;
    -moz-transition:0.5s linear all ease-out 100ms;
    -o-transition:0.5s linear all ease-out 100ms;
    transition: all 500ms ease-out 100ms;
    overflow: hidden;

}


.sideBarToolBar {
    background-color:#de751b;
}

.menuToolBar {
     background-color:#be1313;
}
























