/* Credit: http://www.templatemo.com */

/* How to do full page background image - http://css-tricks.com/perfect-full-page-background-image/ */
/* carasmo's comment to hide horizontal scroll bar https://github.com/twbs/bootstrap/issues/10711 */

body {
	background-color: #222222;
}

a { color: #f55b1f; }
a.bc{
	color:  white;
}
a:hover, a:focus { color: #CCFF66; }

.templatemo_logo {
	margin-top: 20px;
	text-align: center;
}

.templatemo_juice_bg {
  	background: url(images/tlo.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_flower_1 {
	background: url(images/templatemo_flower.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_flower_2 {
	background: url(images/templatemo_flower2.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_garden_bg {
  	background: url(images/templatemo_garden.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_padaut_bg {
  	background: url(images/templatemo_padaut.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.flexslider { width: 99%; }

.img_left {	float: left; margin-right: 20px; margin-bottom: 15px; }

h1 { text-align: center; color: #e13916; }
h4 { color: #FF961F; }
h3 {
	color: #e13916;
}

li { color: white; }
li, input { font-family: Arial, sans-serif; }
li.active a { background-color: rgba(255, 255, 255, 0.2); color: #f55b1f; }

nav { 
	text-align: center; 
	font-family: Arial, sans-serif; 
	margin-top: 30px; 
	margin-bottom: 20px; 
}

p {  color: #FFF; font-family: Arial, sans-serif; }
iframe, object, embed { width: 100%; border: none; margin-bottom: 20px; }

hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px dashed #ccc; 
	margin: 1em 0; 
	padding: 0;
}
article { margin-top: 15px; margin-bottom: 15px; }

.btn { border-radius: 0px; font-family: Arial, sans-serif; }

.btn-primary { background-color: #f55b1f; border-color: #c48c76; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { 
	background-color: #e13916; 
	border-color: #c48c76; 
}

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f55b1f; color:white; }

.navbar-form { margin-bottom: 20px; }

.form-control { border-radius: 0px; }
.form-control:focus { 
	border-color: rgba(245, 91, 31, 0.8); 
	outline: 0; 
	-moz-box-shadow: 0 0 8px rgba(241, 50, 150, 0.6); 
	box-shadow: 0 0 8px rgba(241, 50, 150, 0.6) !important; 
}

.credit { padding-bottom: 9px; padding-top: 12px; background-color: rgba(0, 0, 0, 0.5); }
.container {  margin: 0 auto;  background-color: rgba(0, 0, 0, 0.5); }

.left-inner-addon { position: relative; }
.left-inner-addon input, .left-inner-addon textarea { padding-left: 30px; }
.left-inner-addon span { position: absolute; padding: 10px 12px; pointer-events: none; }

.float_r { float: right }
.img-thumbnail { border-radius: 0px; background-color: rgba(255, 255, 255, 0.2); border: none; }

#left_container {  background-color: rgba(0, 0, 0, 0.4);  text-align: center; }
#left_container li a { color: white; }

#right_container .row { clear: both; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
#right_container .col-md-7 { padding-left: 0px; }
#right_container .right_container_title {cursor:text;}
#right_container .right_container_title:hover {text-decoration:none; color:#f55b1f;}

#right_container h2 { color: #f55b1f; }
#right_container h3 { color: #f55b1f; }

#templatemo_footer { color: #FFFFFF; font-size: 0.8em; text-align: center; font-family: Arial, sans-serif; }

@media only screen and (max-width: 480px) {
 article img { margin-bottom: 10px; }
 article .btn { margin-bottom: 20px; }
 h4, p { text-align: center; }
 .btn { margin: 0 auto; }
}

@media only screen and (min-width: 992px) {
  .container {  display: table; }
  #left_container { display: table-cell; height: 100%; }
  #right_container {  padding-top: 10px; display: table-cell;}
  .col-md-3, .col-md-9 { float: none; }
}

@media only screen and (max-width: 991px) {
  .container { display: block; }
  #left_container { display: block; height: auto; padding-top: 10px; padding-bottom: 20px; }
  #right_container { display: block; }
  #right_container .col-md-7 { padding-left: 15px; }
}

p.prawa{
	text-align: right;
	color: red;
	font-size:30px;
}

ul.main{
	 list-style-type: square;
	 text-align: left;
	 font-size:20px;
}

p.srodek{
	text-align: center;
	font-style: bold;
	font-size: 18px;
}

p.duze{
	font-size: 25px;
}

#file {
    display:none;
}

.styled-select select {
   background: transparent;
   width: 360px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .styled-select {
   width: 327px;
   height: 34px;
   overflow: hidden;
   background: url(images/select.jpg) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
   
   .image_frame_200 {  
	width: 300px; 
	height: 250px; 

}

   .image_frame_100 {  
	width: 200px; 
	height: 150px; 

}