body { 
    padding-top: 50px;
}

footer {
    background-color: #b2b2b2;
    color: #dddddd;
    font-size: 12px;
    padding-left: 30px;
    padding-right: 30px;
}

footer div {
    border-top: solid 10px;
    margin-left: 20px;
    margin-right: 20px;
    border-top-color: #8c8c8c;
}

.content-container {
    background-color: #F6F6F6;
    border-image-slice: 0 20 0 20;
    border-image-width: 0px 20px 0px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    border-image-source: url('../../img/grad1.png');
    padding-left: 60px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: Arial,Helvetica,sans-serif;
}

.content-container h2 {
	color: #233761;
	font-size: 20px;
	line-height: 20px;
        font-family: Arial,Helvetica,sans-serif;
}

.content-container p {
	color: #181B20;
	padding-left: 20px;
        position: relative;
}

.navbar-default .navbar-nav > li > a {	
    font-weight: bold;
    font-size: 1.2em;
}

.header-container {
    background-color: #97a4e5;
    background-image: url('../../img/logo.png');
    background-repeat: no-repeat;
    background-position: left 50px center;
    padding-top: 100px;
    border-image-slice: 0 20 0 20;
    border-image-width: 0px 20px 0px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    border-image-source: url('../../img/grad1.png');    
}

//.navbar-default .navbar-nav > li > a:focus, 
//.navbar-default .navbar-nav > li > a:hover {
//    color: #fff;
//}    
//#dddddd - kolor tła 
//siwy ciemniejszy od tła   
//#777 ciemny siwy
//  #999999 jasnosiwy 

/********** ANIMACJE ************/

.view-slide-in.ng-enter {
  transition: all 1s ease;
  -webkit-transition:all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  
  opacity:0.5;
  position:relative;
  opacity:0;
  top:0px;
  left:0px;
}
.view-slide-in.ng-enter {
  opacity: 0;
}
.view-slide-in.ng-enter.ng-enter-active {
  top:0;
  left:0;
  opacity: 1;
}

.view-slide-in.ng-leave.ng-leave-active{
  top:0px;
  left:0px;
  opacity:1;
}
.view-slide-in.ng-leave{
  top:0;
  left:0;
  opacity:0;
}
