/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
  background-color:#eee;
  background-image: url("/images/bg4v1.jpg");
}
.carousel-indicators li {border: 1px solid #9d0000;}
.carousel-indicators .active {background-color: #9d0000;}
.carousel-caption {text-shadow: 2 12px 12px rgba(0,0,0,.8);}
.carousel-caption{top:50px;}
#myCarouselMain,
#myCarouselBall{
	margin-top:-60px;
	padding-top:0px;
	z-index:10;
}
.navbar {
	z-index:15;
}
.nav-header{
	  padding: 1px 20px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.fbblock{
    text-align: center;
}

.fb-share{
    padding: 4px 7px;
    font-size: 14px;
    line-height: 16px;
    margin-right: 10px;
}
.fb-share span{
    font-size: 16px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
  margin-bottom: 60px;
}
#myCarouselBall.carousel {
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: #222;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}
.carousel-inner{
	position: absolute;
	top: 0;
	left: 0;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
	border:solid 0px;
	border-bottom:solid 2px #d9534f;
	-webkit-box-shadow: 1px 1px 3px 0px #5a5a5a;
	-moz-box-shadow: 1px 1px 3px 0px #5a5a5a;
	box-shadow: 1px 1px 3px 0px #5a5a5a;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    /* margin-top: 120px; */
  }
}
/*kolo*/
.kolo{
	font-size:60px;
	background: #9d0000;
	padding:35px;
	border-radius: 200px;
	color:#fff;
}
/*kolo*/ 
/*menu*/
ul.nav-child{
	background-color: #222;
        /*padding:0px 0px 15px 0px;*/
	list-style-type: none;
	color:#fff;
	
}
ul.nav-child > li.deeper.parent > ul.nav-child{
	position:relative;
	background:none;
	border:none;
	padding:0px 10px 0px 10px;
}
ul.nav-child > li{
	border:none;
	
}
ul.nav-child > li:hover{
	background:none;
}
ul.nav-child > li > a{
	color:#9d9d9d;
}
ul.nav-child > li > a:hover{
	background:#000;
	color:#fff;
}

.nav>li>span {
position: relative;
display: block;
padding: 10px 15px;
}
.navbar-nav>li>span {
padding-top: 15px;
padding-bottom: 15px;
}
.dropdown{color:#fff;}
.dropdown-menu {
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);
  box-shadow: 0 6px 12px rgba(0,0,0,0);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000;
  color:#fff;
  outline: 0;
}
@media (max-width: 768px) {
	.dropdown-menu {
		position:relative;
		width:100%;
	}
}
/*menu*/

/*usermenu*/
.usermenu{
	background: #d9534f;
}
.usermenu  .navbar-nav>li>a{
	color: #222;
}
.usermenu .navbar-nav>.active>a, .usermenu .navbar-nav>.active>a:focus, .usermenu .navbar-nav>.active>a:hover {
	background: #9d0000;
}
/*usermenu*/

footer{
margin-top: 20px;
}
.lead{margin-bottom:0px;}
.item-page img{
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.menu .btn-xs {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
  color:#fff !important;
  margin-top:15px;
  margin-right:15px;
  margin-left:15px;
  float:right;
}
@media (max-width: 768px) {
	.menu .btn-xs {
	  float:none;
          padding: 5px !important;
	}
}
.menu .btn-xs:hover {
	background-color:#c9302c !important;
}
.w100{width:100% !important;}
.h100{height:100% !important;}
.w50{width:49% !important;}
.fbig{font-size:50px;}
/*login*/
.reset .page-header,
.reset-complete .page-header,
.reset-confirm .page-header,
.remind .page-header,
.registration .page-header,
.login .page-header{
	text-align:center;
	/* text-transform:lowercase; */
}
.reset .form-horizontal,
.reset-complete .form-horizontal,
.reset-confirm .form-horizontal,
.remind .form-horizontal,
.registration .form-horizontal,
.login .rejestracja,
.login .form-horizontal{
	-webkit-box-shadow: 0px 0px 10px 0px #c9c9c9;
	-moz-box-shadow: 0px 0px 10px 0px #c9c9c9;
	box-shadow: 0px 0px 10px 0px #c9c9c9;
	border-radius:15px;
	border:none;
}
.login .rejestracja{
	text-align:center;
	min-height:211px;
}
.rejestracja a{
	font-size:20px;
}
.reset .input-group-addon,
.reset-complete .input-group-addon,
.reset-confirm .input-group-addon,
.remind .input-group-addon,
.registration .input-group-addon,
.modal .input-group-addon,
.login .input-group-addon{
	min-width:215px;
	text-align:right;
}
@media (max-width: 768px) {
    .reset .input-group-addon,
    .reset-complete .input-group-addon,
    .reset-confirm .input-group-addon,
    .remind .input-group-addon,
    .registration .input-group-addon,
    .modal .input-group-addon,
    .login .input-group-addon{
	min-width:106px;
    }
    .user_panel .input-group-addon{
	min-width:124px;
    }
}
.reset .input-group,
.reset-complete .input-group,
.reset-confirm .input-group,
.remind .input-group,
.registration .input-group,
.login .input-group{
	padding-top:5px;
}
.login_links{
	text-align:center;
}
.reset-confirm #jform_username-lbl,
.reset-complete #jform_password1-lbl,
.reset-complete #jform_password2-lbl,
.reset-confirm #jform_token-lbl{
	height:0px;
	padding:0px;
	margin:0px;
	margin-top:-10px;
	border:none;
}
/*login*/

#legenda_mail{
float: right;
margin-top: -20px;
}
.reset{clear:both;}
hr{color:black;}
.nivo-slider-wrapper{
	max-height:500px !important;
}
.unite-carousel-wrapper{
	width:100% !important;
}
.ikona{font-size:0px;}
#system-message-container{text-align:center;}
.gradient{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/ /* IE6-9 */
}
.ikona-migam{
  padding: 10px 5px !important;
}
.ikona-migam img{
  max-height: 30px;
}

.zapisy{
	-webkit-box-shadow: 0px 0px 2px 0px #4a4a4a;
	-moz-box-shadow: 0px 0px 2px 0px #4a4a4a;
	box-shadow: 0px 0px 2px 0px #4a4a4a;
	border-radius:5px;
	padding:15px;
	/* color:#000; */
	margin-top:8px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
}
.zapisy_nag h3{
	font-size:40px;
	margin-bottom:-10px;
	position:relative;
	z-index:2;
}
#unite_carousel_1_1 li img{
	background-color:transparent ;
}
.red{color:#9d0000 !important;}

.alert-notice{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-message{
	color: #31708f;
/*	background-color: #d9edf7;
	border-color: #bce8f1;*/
        
}
.alert-warning{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-error{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.panel-body .btn{
	/*margin-bottom:5px;*/
	border-radius: 0px;
}
label {font-weight: 500;}
#wiecejevent .badge{
	font-size:18px;
	margin-bottom:5px;
}


/* Bootstrap */
.polaczPare_button{
	margin-top: 15px;
}
.polaczPare_alert{
	clear: both;
}
.polaczPare_alert .alert{
	margin-bottom: 5px;
}
.btn-group-vertical>.btn-labeled {
	text-align: left;
}
.btn-group-vertical button .btn-label{border-radius: 2px 0 0 0 !important;width:32px;}
.btn-group-vertical  a  .btn-label{border-radius: 0 0 0 0 !important; width:32px;}
.btn-group-vertical  a:last-child .btn-label{border-radius: 0 0 0 2px !important; width:32px;}

label.dotpay, button.dotpay{
    margin-top: 1px;
    text-shadow: 0 1px 0 #fff;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}
label.dotpay:hover{
    background-image: linear-gradient(to bottom,#efefef 0,#e0e0e0 100%);
    border-color: #adadad;
}

label.dotpay img{
  width: 80px;
  margin-left: 10px;
}

#footerDotpay{
    width: 60px;
}

.input-group .limitrocznikowlabel{
    width: 50px !important;
    min-width: 50px !important;
}

.input-group .limitRocznikvalue{
    min-width: 60px !important;
}

.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}

 /*Zmiana hasła*/
.com_users .profile-edit fieldset:nth-child(2){
    display: none !important;
}
.com_users .profile-edit fieldset:nth-child(2){
    display: none !important;
}

.com_users .profile-edit .input-group-addon{
    min-width: 170px;
    text-align: right;
}

.com_users .profile-edit .input-group{
    margin-bottom: 5px;
}

.com_users .profile-edit .controls{
    text-align: right;
}

.changePass{
    text-align: center;
}

/*Panel*/
.edycjaDanychOtwarta li div{
    float: right;
}

.twitter-typeahead{
	width:100%;
	display: block;
	width: 100%;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.tt-input, .tt-hint{
	width:100%;
	height:100%;
	border:none;
	padding:0px;
	margin:0px;
	background:none;
	padding: 6px 12px;
}
.tt-dropdown-menu{
	border:solid 1px;
	width:100%;
	border-color: #ccc;
	border-color: rgba(82,168,236,.8);
	background: #fff;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
	box-shadow: 0 0 8px rgba(82,168,236,.6);
	padding: 6px 12px;
}

#basic-addon_zmianaPakiet{
    min-width: 0px !important;
}

.koszulkaIcon{
    float: right;
}
.koszulkaIcon img{
    width: 20px;
}

.description_long img{
    max-width: 100%;
    height: inherit;
}

.searchform{
    margin-bottom: 10px;
}

.hide-mobile{
        display: none;
}
    
@media (max-width: 768px) {
    .zapisy-lista{
        font-size: 12px !important;
        padding: 5px !important;
    }
}

@media (min-width: 769px) {
    .searchform {
        float: right;
        margin-top: -44px;
    }
    .hide-mobile{
        display: inline !important;
    }
}
@media (max-width: 769px) {
    .view-formzapisy .input-group-addon{
        min-width: 182px;
    }
}
@media (max-width: 576px) {
    .view-formzapisy .input-group-addon{
        max-width: 125px;
        min-width: 125px;
        font-size: 12px;
        white-space: normal !important;
    }

}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-migam img{
  height: 20px;
  margin-left: -5px;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}