/* reset */

/*tutaj jest gówny wzorzec jak robię style z podziałem na kategorie*/

#selektor_przykladowy{

/*wyświetlanie*/
	display:block;     /*najczęściej block może być inline block, inline,none  */
	overflow:hidden;   /*najczesciej hidden moze tez byc visible albo scroll*/

/*pozycjonowanie*/
	position: relative;  /*może być absolute lub relative */
	
/* pozycjonowanie :lewo, góra, szerokość, wysokość  */
	left:10px;	 /*może być też right*/
	top: 10px;   /*może być też bottom*/
	width:120px;
	height:40px;
	
	box-sizing: content-box;  /*czasami warto robić bo dla niekótrych elementów  user agent robi border-box i jest niekompatybilnie z pozostałymi*/
	
/*marginesy i odstępy i obramowania */

  margin: 25px 50px 75px 100px;  /* w kolejnoćci: góra, prawy, dolny, lewy	*/
	padding: 25px 50px 75px 100px;
	border:1px solid rgb(84,125,34);  /* w kolejności: width, style, color */
	border-radius: 25px; 

/*tło*/
	background-color:rgb(238,248,221);  /*kolor*/
	background-image: url(obrazki/scinek.jpg);  /*obrazek*/
	background-repeat:no-repeat;  /*może być: no-repeat, repeat-x, repeat-y, no-reapet */
	background-position:center center;  /*można dawać tutaj też wartości typu px: -50px 5px;  */
	background-size: 80px 60px;   /*rozmiar tła obrzkowego*/

/*tekst i czcionka*/
	font-family:Verdana;
	font-weight:bold;
	font-size:17px;
	font-style: normal;   /* może być italic; oblique; */
	text-align:center;
	text-indent: 80px;   /*wcięcie pierwszego wiersza */
	line-height: normal; /* może tu być podana wysokość w pixelach np 5px; */
	color:rgb(52,77,21); /*ogólny kolor */

/*gradient tła z strony : http://www.colorzilla.com/gradient-editor/ */
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */	
}


body {
      font-family: arial !important;
      background: #c0a154 url(https://resources.blogblog.com/blogblog/data/1kt/watermark/body_background_birds.png) repeat scroll top left;
  }
  h2 {
      font-size: 21px;
      text-transform: uppercase;
      color: #303030;
      font-weight: normal;
      margin-bottom: 10px;
			margin-top: 10px !important;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 10px;
			margin-top: 10px !important;
  }  
  .jumbotron {
      background-color: rgb(84,123,177);;
      color: #fff;
      padding: 100px 25px;
      font-family: Montserrat, sans-serif;
  }
  .container {
      padding: 0px 20px;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #4042e0;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 0 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {

      margin-bottom: 10px;
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f4511e;
  }
  .carousel-indicators li {
      border-color: #f4511e;
  }
  .carousel-indicators li.active {
      background-color: #f4511e;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }
  .navbar {
      margin-bottom: 0;
      background-color: rgb(211,191,137);
      z-index: 9999;
      border: 0;
      /*font-size: 15px !important;  */
      color: rgb(204, 51, 0) !important;
      border-radius: 0;
      font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif;
  }
  .navbar li a, .navbar .navbar-brand {
     color: rgb(204, 51, 0) !important; !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 0px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
	
	/*poniżej są już moje style  */
	
.caricatures_banner
{
	 margin-top: 57px;
}	 

.navbar-default .navbar-toggle .icon-bar
{
	color: rgb(255,255,255) !important;
	background-color: #f5f5f5 !important;
}	

h2{
	color: rgb(153, 51, 34) !important;    
  font-family: Georgia, Utopia, "Palatino Linotype", Palatino, serif !important;
}	

.moj_navbar
{
  min-height: 10px !important;	
}

.wciecie_tekstu
{
	text-indent: 40px;
}	

.bezowy-container
{
	  padding: 15px 20px;
    margin: 0px 0px;
    background: transparent url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png) repeat scroll top left;
    background-image: url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png);
    background-position-x: left;
    background-position-y: top;
    background-size: initial;
    background-repeat-x: repeat;
    background-repeat-y: repeat;
    background-attachment: scroll;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    _background-image: none;
    border: dotted 1px #ccbb99;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}	

.obrazek_tramp_cien
{
	
	width: 100%;
  max-width: 420px;
	display:block;
	padding: 8px;
	background: #fff;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	margin-left:auto;
	margin-right:auto;
	
}	

@media (max-width: 992px){
	
	.obrazek_tramp_cien
	{
		margin-top:20px !important;
	}
}	

.obrazek_bebok
{
	
	width: 100%;
  max-width: 640px;
	display:block;
	padding: 8px;
	background: #fff;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	margin: 0px auto !important;
	
}	

.bebok_gotowy
{
	
	width: 100%;
  max-width: 500px;
	display:block;
	padding: 8px;
	background: #fff;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	margin: 0px auto !important;
	
}	

.kotwica_menu
{
	display:block;
	height: 20px;
	width:100%;
	/*border:1px solid rgb(255,0,0);  /* w kolejności: width, style, color */
	
}

@media (min-width: 992px){
.col-md-pull-4 
	{
    right: 66.6666666% !important;
	}
}

@media (min-width: 992px){
.col-md-push-8 
	{
    left: 33.3333333% !important;
	}
}

.modal
{
	
	margin-top: 125px !important;
			
}

#about_my_caricatures
{
   color: rgb(204, 51, 0) !important;	
	 cursor: pointer;
}