featurette-heading/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {
  padding-bottom: 40px;
  padding-top: 40px;
  color: #5a5a5a;
}



#wlfr {
  width:300px
}

.form-horizontal .control-label {
  text-align:left;
}

.login-description {

  font-size:3em;
  margin:2em 4em;
  color: #d90036;
}
				


button.navbar-toggle {

	border: 1px solid #FFF;

}

.navbar-toggle .icon-bar {

	color: #fff !important;

	border: 1px solid #FFF; 

}



.registration {

	max-width:300px;

}



.djcf_user_menu  li:first-child a {

  background: #d90036;	

  color: #FFF;

}

#login-form {

	margin-bottom:10px;

	border: 1px dashed #999999;

	padding:5px;

}



/************* wiersze w template ********************/

#row2 {

	margin-bottom: 3px;

}



#row3 {

	display:none;	

	padding-right: 15px;

    padding-left: 15px;

}





/************* agenda *********************************/

.scevents_Agenda ul {

 padding-top : 1em;

}



.scevents_Agenda li {

 color : white;

}



.scevents_Agenda a {

  color : yellow;

  font-size: 1.2em;

}



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: absolute;

  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;

}





/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  height: 500px;

  margin-bottom: 60px;

}

/* 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: 500px;

  background-color: #777;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 500px;

}





/* 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;

}





.tab-pane {



    border-left: 1px solid #086394;

    border-right: 1px solid #086394;

    border-bottom: 1px solid #086394;

	border-top: 1px solid #086394;

    border-radius: 0px 0px 5px 5px;

	margin-top: -1px;

    padding: 10px;

}



/* Featurettes

------------------------- */



.featurette-divider {

  margin: 30px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}



h2.item-title {

  font: 45px Helvetica, sans-serif;

  font-weight:300;

  letter-spacing:-1px;

  line-height:1.1;

}



.mojeTitle p {

font: 16px Helvetica, sans-serif;

line-height:1.4;

color:#00001C;

}



.readmore a {

font-weight: 300;

font-size:20px;

border: 1px solid ;

text-decoration:none;

margin-top: -10px;

margin-bottom:30px;	

	

}



/***************menu ******************************/

#moje_menutop li {

float: right;

margin-right: 5px;

}



#moje_menutop li a{

 color: #FFF;

 padding:8px 18px 0 8px ;

 margin:0;

 display: block; 

 font-weight: bold;

 font-size:17px;

 text-transform:uppercase;

 height:40px;

}



#moje_menutop li a:hover {

 color: #004080;

 



}



/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

  }

  .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: 4px;

  }



  /* 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;

  }

}

/*--------------footer -----------------------------------------------------------------*/

.clr {

 clear: both;

}



div.gfooter {

 margin:0; 

 padding:0;

 margin-top: 50px;

 background: #323537 url("../images/footer-bg.jpg") no-repeat fixed;

 background-attachment: fixed;

 background-size: auto;

 

}



.gfooter .container {

  color: #CCCCCC;

}







#foot-ikona { 

  background:#5BA1E8;

  color:#FFFFFF;

  font-size:100px;

  padding-top:20px;

  height:180px;

  width:135px;

  line-height:172px;

  text-align:center;

}



div.gfooter div.motto {

 float: left;

 width: 1024px;

}



#foot-header1 {

  color:#FFFFFF;

  font-size:21px;

  font-weight:400;

  line-height:31px;

  padding:30px 0 0 0;

  text-transform:uppercase;

}



#foot-header2 {

  color:#CCCCCC;

  font-size:15px;

  line-height:20px;

  margin: 0px 0 0 3px;

}  







.blue {

 color : #5BA1E8 !important

}







#foot-logoemail  {

  background:#5BA1E8;

  color:#FFFFFF;

  display:inline-block;

  margin-bottom:30px;

  margin-top:30px;

  outline-style:none;

  padding:13px 27px;

  text-decoration:none;

  font-size:23px;

  font-weight:400;

  

}





#foot-logoemail a {

	color:#FFF;

}



  





.gfooter .row2 {

 margin-top: 3em;

 margin-bottom: 3em;



}



.gfooter input[type="text"] {

  color: #FFF;

  background:#333;

  border:0;

  font-size:15px;

  font-weight:400;

  margin:0;

  padding:9px 12px;

  width:46.5%;

}  



.gfooter textarea {

  color: #FFF;

  background:#333;

  border:0;

  font-size:15px;

  font-weight:400;

  margin-top:1em;

  padding:9px 12px;

  width:100%;

  height: 8em;

}



.gfooter .submit {

  background:#5BA1E8;

  border:0;

  color:#FFFFFF;

  float:left;

  font-size:12px;

  margin:0;

  margin-right:1em;

  padding:4px 11px;

  text-transform:uppercase;

}



div.gfooter .info1, div.gfooter .info2 {

  float: right;

  color: #FFF;

  font-weight: 400;

  margin-top:0.5em;

}



.bottom .heart60 {

 width:70px;

 height:55px;

 margin: 0 7px 0 7px;

}





.bottom {

  margin:0; 

  background: #222529 url("") no-repeat;

}



.bottom .container {

  padding :2em;

  color: #CCCCCC;

  text-align:left;

  margin-left:auto;

  margin-right:auto;

  padding-left:15px;

  padding-right:15px;

}







.bottom .created {

 float: left;

}



.bottom .logo {

 float: right;

 color: #FFF;

 font-weight: 400;

 font-size: 16px;

 font-family: 'Helvetica Neue', Helvetica, Arial, 

}



.bottom .prawa {

 float:right;

 color: #5F5F5F;

 fon-size: 0.7em;

}



.btnexp {

  float:left; 

  width:20%; 

  font-size:3em; 

  text-align:center;

}





/***************media*******************************/



@media (max-width: 320px) {

	

  h1 { font-size: 3em; }

  #col22 {display: none !important;}

}



@media (max-width: 479px) {

	

  h1 { font-size: 3em; }

  .dj-likebox { display: none !important;}

  #col22 {display: none !important;}

}