/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-02-02, 20:27:16
    Author     : pc
*/

/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 

body {
  padding-top: 54px;

}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
 
  }
}*/

html{
     padding-left: 2% !important;
padding-right: 2%; 
background-color:#343a40;
  
}
.business-header {
  height: 50vh;
  min-height: 300px;
  background: url('../img/silesiarace-mainImage.PNG') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
div.center .card-header{
    background-color:#343a40;
color: #fff;

}#c5ccd8
,div#aktualnosci .harmonogram .card-header{
    background-color:#C0C0C0;
color: #fff;

}#c5ccd8
.alertMarcina{
    opacity: 0;
    color: darkslategray;
    text-align: center;
}
.harmonogram{
    border:0px!important;
left:0px;
padding-left: 0px!important;
padding-right: 0px!important;
}

.card-body{
    border-left: 1px  dotted lightgrey;
}
.date{
    text-align: left;
}
.program .card-text p{
    padding-left: 10%;
}
.card-text p{
    text-align: justify;
}
.carousel-inner:hover .carousel-item,
.carousel-inner:focus .carousel-item {
  transform: scale(1.1);
}

body{ background-color:#ffffff; }

.gallery img{
    -webkit-transition-duration: 0.6s; /*Webkit: animation duration*/
  -moz-transition-duration: 0.6s; /*Mozilla: animation duration*/
  -o-transition-duration: 0.6s; /*Opera: animation duration*/
  opacity: 1; /*initial opacity of the image*/
  z-index: 1; /*place non-hover images behind the hover image*/
  margin: 0; /*remove default margin for images*/
  position: relative; /*solve the problem with z-index in Chrome*/
}

.gallery img:hover { 
  -webkit-transform: scale( 2 ); /*Webkit: increase size to 1.5x*/
  -moz-transform: scale( 2 ); /*Mozilla: scaling*/
  -o-transform: scale( 2 ); /*Opera: scaling*/
  box-shadow: 0px 0px 25px gray; /*CSS3 shadows: 25px fuzzy shadow around the entire image*/
  -webkit-box-shadow: 0px 0px 25px gray; /*Webkit: shadows*/
  -moz-box-shadow: 0px 0px 25px gray; /*Mozilla: shadows*/
  opacity: 1; /*default opacity*/
  z-index: 10; /*place hover image in front the non-hover images*/
}

.visible{
  display: block;
  
}
.nonvisible{
display: none;}
.imgPadding{
    margin-left: 1%;
    margin-bottom: 1%;
}

.img-big{
    text-align: center;
}
#img-main-div{
   padding-left: 0px!important;
   padding-top: 1%!important;
   margin-top: 1%!important;
   padding-right: 0px!important;
 padding-bottom: -1%!important;
   margin-bottom: -1%!important;
   
}
#img-main-div img{
    width: 100%!important;
}
.podpisObrazka{
    text-align: center;
    font-style: italic;
    margin-bottom: 3%;
    font-size: small;
}
.second{
    margin-left: 5%;
}
#rightSide img{
    margin-bottom: 10%;
}
#rightSide a{
    color:black;
    text-align: center;
}
#rightSide a:hover{
    text-decoration: none;
}
#rightSide{
    border-left: 1px lightgrey dotted;
}
.cytat{
    background-color: rgba(0,0,0,.03);
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 3%;
    padding-left: 3%;
        padding-right: 3%;
    padding-top: 2%;
    padding-bottom: 2%;
        text-align: justify;

   }
   .center{
       text-align: center;
       left:-1%;
       right:-1%;
   }
   .card-header{ text-align: center;}
       
    .topMargin{ padding-top: 1%!important;
   }
   p.kursywa{
       font-style: oblique;
   }

  div#navbarResponsive ul.nav li.dropdown:hover > div.dropdown-menu-right{
      
display: block;
margin-top:-1px;
}

#table1_length,#table1_info,#table1_paginate{
    display:none;
}
.img-padding{
    margin-left: 1%;
    margin-bottom: 1%;
     -webkit-transition-duration: 0.6s; /*Webkit: animation duration*/
  -moz-transition-duration: 0.6s; /*Mozilla: animation duration*/
  -o-transition-duration: 0.6s; /*Opera: animation duration*/
  opacity: 1; /*initial opacity of the image*/
  z-index: 1; /*place non-hover images behind the hover image*/
  position: relative; /*solve the problem with z-index in Chrome*/
}

.img-padding:hover { 
  -webkit-transform: scale( 2 ); /*Webkit: increase size to 1.5x*/
  -moz-transform: scale( 2 ); /*Mozilla: scaling*/
  -o-transform: scale( 2 ); /*Opera: scaling*/
  box-shadow: 0px 0px 25px gray; /*CSS3 shadows: 25px fuzzy shadow around the entire image*/
  -webkit-box-shadow: 0px 0px 25px gray; /*Webkit: shadows*/
  -moz-box-shadow: 0px 0px 25px gray; /*Mozilla: shadows*/
  opacity: 1; /*default opacity*/
  z-index: 10; /*place hover image in front the non-hover images*/
}
span.blue{
    color: #0c779b;
}
span.green{
    color: #2e774b;
}
.left{
    text-align: right;
}
.right{
    text-align: left;
        
}
.marginesDolny{
    padding-bottom: 2%;
}
.carousel-caption{
    background-color: #343a40;
}
.table-success>th {
    background-color: #2e774b!important;
}

.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #1f5434!important;
}

.table-primary>th {
    background-color: #0c779b!important;
}

.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
    background-color: #075975!important;
}
.table-responsive{
    margin-bottom: 5%;
    border-bottom: 2px dotted darkslateblue;
}