@font-face {
font-family: 'CondLight';
src: url('../fonts/Intro_Cond_Light_Free.otf');
}
@font-face {
font-family: 'CondBlack';
src: url('../fonts/Intro_Cond_Black_Free.otf');
}
html {
	background-color:#FFFFFF;
}
body {
	color: #7c7d7e;
   font-size:1em;
	margin:0 auto;
	font-family: sans-serif;
}
h1 { 
		font-size:25px;
		font-family: 'CondLight', sans-serif;
		text-transform: uppercase;
	}
h2 { 
		color: #676767;
		font-size:35px;
		font-family: 'CondLight', sans-serif;
		text-transform: uppercase;
		font-weight:550;
		margin-left:20px;
	}
h3 { 
		color: #373737;
		font-size:15px;
		font-family:  sans-serif;
	
	}

a  {
color: #6c6d6e;
}

a:hover  {
color:#11181f;
text-decoration:none;
}


.topnav {
  overflow: hidden;
  background-color: #000;
 }

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  vertical-align:middle;
  padding: 29px 16px;
  text-decoration: none;
  font-size: 17px;
  
	
}
.topnav .start{
  padding:0px 16px;
  margin-right:50px;
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #e1001a;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	padding: 15px 16px;
  }
}




 footer{
 font-size:10px;
 padding:15px; 
 background-color:#eeee;
 }
 #main, footer {
		overflow-x:hidden;
	
		overflow:hidden;
		margin:0px;

	}

header {
	
	width:100%;
	background-color:#111111;
	/*transparent url("../img/pixel.png") repeat !important;*/
}
 footer{
 font-size:10px;
 padding:15px;
 background-color:#eeee;
 }
 #main, footer {
		overflow-x:hidden;
		
		overflow:hidden;
	margin:0px;
	}
	nav_contener
	{
	width:100%;

		
	}
	.fixed {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		padding:0 .25em;
		margin-bottom:.5em;
		padding-top:.5em;
		z-index:10;	
		background:transparent url("../img/pixel.png") repeat !important;
	}

		
	
	header nav {
		
		background: transparent url(../img/logo.png) no-repeat 20px 5px;
		height:85px;
	
		position:relative;
		text-align:right;
		z-index:10;	
		}
	header nav .logo_small{
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
		margin:0;
		padding:0;
		display:none;


	}
		
	header nav h2 {
		position: absolute;
		display: block;
		top: 6px;
		left: auto;
		right: 13px;
		margin:0;
		padding:0;		
		font-size:1em;
		width: 50px;
		height: 30px;
		
		background: #393431 url(../img/icons.png) no-repeat -32px 45%;
		text-indent: -999em;
		cursor: pointer;
	}
	header nav h2:hover {
		background: #e52515 url(../img/icons.png) no-repeat -32px 45%;

	}
		header nav.expanded h2 {
			background-position: 3px 45%;
		}	




	header nav a {
		text-decoration: none;
		font-family: 'CondLight', sans-serif;
		color:black;
		display:block;
		padding: .30em;
	}
	header nav a:hover {
		text-decoration: none;
		font-family: 'CondLight', sans-serif;
		color:red;
		background-color:transparent;
		display:block;
		padding: .30em;
	}
	header ul {
		margin:0;
		margin-left: 35%;
		
	
		overflow-x:hidden;
	}
	
		header li {
			margin:0;
			display:none;
			border-right:1px solid #393431;	
			border-left:1px solid #393431;	
			border-bottom:1px solid #dddddd;	
		}
		
		header  ul li:first-child {
				border:0;
				margin:0;
				padding: 0;
				background-color:white;
				color:black;
				border:1px solid #393431;
			}	
		
		header li.selected{
				background-color:white;
				color:black;
				border:1px solid #393431;
		}
		
			
		
		header li.selected, nav.expanded li {display:list-item; background-color: white; color:black;}

#main {
	clear:both;
	margin: 20px 0px;


}
carusel
{
	margin: 0px 30px;
	display: none;

}
	banner {
		width: 100%;
		padding:0;
		margin:0;
		top:130px;
		margin-bottom:20px;	
		display:none;
	}

	banner ul {
	 list-style: none;
	 	padding:0;
		margin:0;	
	}


	article {
		width: 100%;
		padding:0;
		margin:0;	
	}
	article h1 { margin:.125em 0; }
	

	.content_small{
		text-align:justify;
		font-size:12px;
		padding:0px; 
		width:100%;
		float:none;
		margin:0px;
	
	}
	.content_small h3{
		text-align:left;
	}

	.column2{
		text-align:justify;
		font-size:12px;
		padding:0px; 
		width:100%;
		float:none;
		margin:0px;
	
	}

	

ul{
margin:3% 3%;
padding:0px;
 list-style: none;
}
.boxes li
{
 list-style: none;
width:85%;
color: black;

padding:4px 12px;

margin-bottom:0px;
margin-left:0px;
border-top:1px solid #707070;
border-bottom:1px solid #474747;

background:#FFFFFF url("../img/pattern.jpg") repeat-x !important;


}

.boxes li:hover
{
background-color: #000;
}

.boxes2 li
{
width:82%;
color: white;
background-color: #e1001a;
padding:12px;
padding-right:40px;
margin-bottom:2px;
margin-left:0px;
}
.boxes2 li:hover
{
background-color: #000;
}
.boxes2 li a
{
text-decoration:none;
color: white;
}


.boxes li a
{
text-decoration:none;
color: white;
}


.formularz_cenowy{
width:100%;
margin:0px 40px 0px 10px;

}
.formularz_cenowy p{
text-align:justify;
margin-right:15px;
}

@media screen and (min-width:320px) {
	
}

@media screen and (min-width:480px) {
	
	
	header hgroup h1 { margin: 0.67em 0;}

	
}

@media screen and (min-width:600px) {
banner {display:inline;}

.content_small{
		width:28%;
		margin:0px 2%;
		float:left;
	}
	.column2{
		width:45%;
		margin:0px 2%;
		float:left;
	}

	
	
	header hgroup h2 {display:block;}
	carusel{display:block;}
	footer{font-size:12px;}

}
@media screen and (min-width:920px) {

		
	article {
		width:100%;
		padding:0 2% 0 0;
		margin:0 2% 0 0;
		float:left;
	}



}
@media screen and (min-width:1000px) {
	
	
.formularz_cenowy{
width:600px;
margin:0px 35px;
}

	
	header nav h2 {
		display: none;
		
	}
	header nav a {
	color:white;
	background-color:transparent;
	}
	header ul {
		padding:0 1em;
		padding-top:25px;
		font-size:1em;
	}
	
		header li {
			clear:none;
			float: left;
			margin-left:.5em;
			padding-left:.5em;
			border: none;
			display: block;
		

		}
	
		
		header  ul li:first-child {
				border:0;
				background-color:transparent;
				color:white;
		}	
		header  ul li.selected {
				background-color:transparent;
				color:white;
				border:0;
		}	
	
		header li.selected a
		{
			color:white;
			border-bottom:3px solid #e52515;
			background-color:transparent;
		}
		header li a:hover
		{	background-color:transparent;
			color:white;
			border-bottom:3px solid #e52515;
		}
		
	
}



@media screen and (min-width:1180px) {
.boxes li
{
width:96%;
}



.content_small{
		width:29%;
		margin:0px 20px;
		float:left;
	}
.column2{
		width:40%;
		margin:0px 20px;
		float:left;
	}

	carusel, #main, footer,nav, hgroup {
	width: 1180px;
	margin:0px auto;
	}

	header ul {
		font-size:1em;
	}
	header li {

		margin-left:1em;
		padding-left:1em;
	}
	header nav a {
	color:white;
	background-color:transparent;
	}
	header ul li a {
	color:white;
	background-color:transparent;
	}
	header li.selected a
		{
			background-color:transparent;
			border-bottom:3px solid #e52515;
		}
		header li a:hover
		{
			color:white;
			background-color:transparent;
			border-bottom:3px solid #e52515;
		}
		header  ul li:first-child {
				background-color:transparent;
				border:0;
		}	
		header  ul li.selected {
				border:0;
			background-color:transparent;
		}	




}
.numerowanie
{
 font: 15px Tahoma;
 
 padding:4px 7px;
 text-decoration:none;
 background-color:#ddd;
 margin-left:6px;
color:#3a3531;
font-weight:bold;
}
.wybrany_numer
{
 font: 15px Tahoma;
font-weight:bold;
 padding:4px 7px;
 text-decoration:none;
 background-color:#eee;
 margin-left:6px;
 color:#90c831;
}



.forma{
	/*border: 1px solid #ccc;*/
	margin-top:20px;
	color:#525252;
	font: 13px Tahoma;
	text-align:justify;
	
}
H1.forma{
	margin: 0;
	padding: 0;
	color: #fa5b03;
	font: 13px sans-serif; 


}
input {

padding: 0;
	padding-left: 5px;
	margin: 0;
	border: none;
	font-size: 12px;
	background-color: #e8e8e8;
	height:30px;
     font-family: sans-serif;             
	  width:95%;
	  }

input:hover { background-color:  #e1e1e1; color: black;}
input:focus { background-color: #e8e8e8; color: black;}

.send {

padding: 0;
	padding-left: 5px;
	margin: 0;
	border: none;
	font-size: 12px;
	color:white;
	background-color: #e1001a;
	height:30px;
     font-family: sans-serif;             
	  width:35%;
	  border:1px solid #e1001a;
	  }


textarea {padding: 0;
	padding-left: 5px;
	margin: 0;
	border: none;
	font-size: 12px;
	background-color: #e8e8e8;
	height:60px;
     font-family: sans-serif;             
	  width:95%;}
textarea:hover { background-color: #e1e1e1; color: black;}
textarea:focus { background-color: #e8e8e8; color: blue;}



    #owl-demo .item{
    
    padding: 0px 0px;
    margin: 10px;
    color: #FFF;
    
    }
    .customNavigation{
    text-align: center;
    }
    //use styles below to disable ugly selection
    .customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
     

#cf1,#cf2,#cf3 {
  position:relative;
 
}


.lightbox_link
{
 -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
 opacity:1;
}
.lightbox_link:hover
{
 opacity:0.8;
}
#news{
margin-top:5px;
background:#F2F2F2 url("../img/tlo.png") repeat-y !important;
border-top:1px solid #e9e9e9;
padding:10px;
min-height:640px;
}
.content1{
padding:10px;
margin-top:0px;

}
.content1 p{
padding:0px 0px; 
}
.content1 h2{
padding:0px; 
margin:0px;
}
#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #111;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 11px;
  color:white;
  text-decoration:none;
  display:none;
}
#scrollUp:hover {
  color:#e1001a;
}
.karty_menu
{
display:none;
width:100%;
text-align:center;
margin: 20px 0px 0px 0px;
background-color: #fff;
}

.krawedz_prawa
{border-right: 1px  solid #e1e1e1;}
.krawedz_dol
{border-bottom: 1px  solid #e1e1e1;}

.alert{
padding:8px 35px 8px 14px;
margin-bottom:20px;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
background-color:#f1ceab;border:1px solid #efb99e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.alert,.alert h4{color:#dd5600}
.alert h4{margin:0}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}
.alert-success{color:#669533;background-color:#d5ecbf;border-color:#d2e6ab}
.alert-success h4{color:#669533}
.close
{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}