html {
	background-color: white;
}

body {
	font-family:'Open Sans', sans-serif!important;
	font-weight:bold;
	margin:0px;
	padding:0px;
	font-size:16px;
	color:#fff!important;
	line-height:19px;
   background: #000 url('../images/bg.png') center top no-repeat!important;
}

a:link, a:visited {
	font-size:16px;
	font-weight:bold;
	color:#de1b13;
	text-decoration:underline;
}

a:hover {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}

input.button { cursor:pointer; }

p { padding:0px 0px 12px 0px; margin:0px; }

img { border:0 none; }

form { padding:0px; margin:0px; position: relative; z-index: 99; background-color: rgba(239, 239, 239, 0.2); padding: 20px;}

/***  ***/


.container {
	/*
width:1200px;
	margin:0px auto;
*/
}

#top {
	width:100%;
	height:105px;
	padding-left: 10px;
}

#top img {
	margin:21px 0px 0px 0px;
	height: 65px;
}

.logo_text {
	font-family: "open sans", "Verdana";
	color: #333;
	font-size: 14px;
	margin: -8px 0 0 0px;
	padding: 0;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: normal;
}

.logo-partner {
	/* float: right; */
	border: 1px solid rgb(231, 231, 231);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
	box-shadow: 0 1px 2px rgba(0,0,0,0.075);
}

#column_left {
	position: relative;
	width:800px;
	/* background:url('images/ludzik.png') top right no-repeat; */
	float:left;
	padding-left: 50px;
}

#header_1 {
   font-weight: 400;
	font-size: 36px;
	padding: 10px 0px 20px 0px;
	line-height: 70px;
}

#header_1 span {
   font-weight: 600;
}

#header_2 {
   font-weight: 400;
	font-size: 28px;
	margin: 0px;
	padding: 0px 0px 40px 0px;
}

#header_2 span {
	font-size: 30px;
	line-height: 40px;
   font-weight: 600;
}

#header_3, #header_4 {
   font-weight: 600;
	font-size: 36px;
	color: #000;
	padding: 40px 0px;
	margin: 20px 0px;
	line-height: 47px;
  text-align: center;
}

#header_3 span, #header_4 span {
  font-weight: 600;
}

#column_right {
	width:300px;
	float:right;
	padding-top: 20px;
}

#form_header {
	font-size:26px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
   font-weight: 400;
   line-height: 45px;
   text-align: right;
	//background:url('images/form_header2.png') top no-repeat;
}

#form_header span {
	line-height: 42px;
  font-weight: 700;
}

#form_bg {
	width:100%;
	padding:20px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	//background:rgba(166,0,0,1);
}

.inp {
	padding: 3px 0px 5px 0px;
	margin-bottom: 10px;
}

.inp input {
	width:100%;
	border-radius: 5px;
	font-size:17px;
	color:#000;
   border: 1px solid #777;
   padding: 6px 10px;
	font-weight: 400;
}

#send {
	width:100%;
	height:39px;
	background:url('images/send2.png') no-repeat;
	border:none;
	font-size:18px;
	font-weight:800;
	color:#333;
	text-transform:uppercase;
	cursor:pointer;
	//text-indent: -9999px;
   background: linear-gradient(to bottom, #ff9900 0%,#ffd200 50%,#ff9900 100%);
	//background: linear-gradient(to bottom, rgba(165,35,29,1) 0%,rgba(218,37,29,1) 50%,rgba(165,35,29,1) 100%);
   border-radius: 5px;
}

#send:hover {
	width:100%;
	height:39px;
	background:url('images/send_over2.png') no-repeat;
	border:none;
	font-size:18px;
	font-weight:800;
	color:#333;
	text-transform:uppercase;
	cursor:pointer;
   background: linear-gradient(to bottom, #ffd200 0%,#ff9900 50%,#ffd200 100%);
	//background: linear-gradient(to bottom, rgba(218,37,29,1) 0%,rgba(165,35,29,1) 50%,rgba(218,37,29,1) 100%);
   border-radius: 5px;
}

#form_accept {
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	padding:5px 0px 5px 0px;
}

#loga {
	padding:26px 0px 30px 0px;
	text-align:center;
}

.clr {
	clear:both;
}

.error2 {
	color:red;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  box-sizing: border-box;
}


.col-sm-6 .col-lg-6 {
  width: 50%;
}

.col-lg-4 {
  width: 33.33333333%;
  float: left;
}

.col-lg-8 {
  width: 66.66666667%;
  float: left;
}

#customer-img {
  background: rgba(255,255,255,0.5);
  padding: 5px 35px;
  border: 1px solid rgb(234, 234, 234);
  /* margin: 26px; */
}

.customers-image {
  text-align: center;
}

.reference-on-gray {
  height: 100%;
  margin: 0 auto;
  background-color: #e6e6e6;
  color: #333;
  position: relative;
  font-family: 'Source Sans Pro', sans-serif;
}

.reference-on-gray-icon {
  background: url('http://www.altemedia.pl/images/backgroundReference-icon2.png') bottom right no-repeat;
  height: 50px;
  width: 50px;
  position: absolute;
  left: -15px;
}

.reference-on-gray p {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  padding: 25px 20px 0px 55px;
}

p.reference-who {
  padding: 0px 30px 20px 55px;
  margin-bottom: 0;
  font-weight: 600;
  font-style: normal;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}

    .google-maps {
        position: relative;
        padding-bottom: 25%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

@media only screen and (max-width: 991px) {
	body {background: #fff url('/test2/images/bg5.png') left top no-repeat;}
	#header_3 {
		padding: 20px;
	}
}

@media only screen and (max-width: 768px) {
	body {background: #fff url('/test2/images/bg-768.png') center top no-repeat;}
   .titl {margin-top: 20px!important;}
	#header_1, #header_2, #header_2 span {
      font-size: 28px;
		line-height: 36px;
		padding-left: 20px;
		padding-right: 20px;
   }
	#header_3 {
		font-size: 30px;
		line-height: 36px;
		padding: 10px;
	}
	form {
		width: 100%;
  		margin: 0 auto;
	}
	/* #form_bg {text-align: center;} */
	#form_accept {
		width: 100%;
	}
	.customers-image {
		padding: 20px 0;
		margin: 0;
	}
	.customers-image-row {
		margin-top: 0px!important;
		padding: 0px;
	}
}

@media only screen and (max-width: 500px) {
	.header_2 {
		font-size: 22px;
		line-height: 34px;
	}
}