@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:  sans-serif;
		text-transform: uppercase;
		font-weight:150;
	}
h3 { 
		color: #373737;
		font-size:15px;
		font-family: 'CondLight', sans-serif;
	
	}

a  {
color: #6c6d6e;
}

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


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

	}

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

		border-bottom:1px solid #e9e9e9;
	}
	.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;
	}
.social-icons{display:none;}
 footer{
 font-size:10px;
 padding:15px;
 background-color:#eeee;
 }
		
	header hgroup { 
		
		padding:17px 0px 7px 10px;
		
	}
	header hgroup  h2 {
		display:none; 
		float:left;
		margin:8px 0 1.125em 160px;
		font-family:  sans-serif;
		font-size:36px;
		color: #333;
		padding:17px 0px 7px 0px;
		font-weight:normal;
		width:900px;
		}
	
	header nav {
		clear:both;
		position:relative;
		padding:5px;
		z-index:10;	
		max-height:50px;
		}
	header nav .logo_small{
		position: absolute;
		display: block;
		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: #ffa200 url(../img/icons.png) no-repeat -32px 45%;

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




	header nav a {
		text-decoration: none;
		font-family:  sans-serif;
		color:black;
		display:block;
		padding: .30em 0em;

	}
	header nav a:hover {
		text-decoration: none;
		font-family:  sans-serif;
		color:red;
		background-color:transparent;
		display:block;
		padding: .30em 0em;
	}
	header ul {
		margin:0;
		padding: 0 .5em;
		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 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 {
	
		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_small2{
		text-align:justify;
		font-size:12px;
		padding: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;
}
.boxes li
{
width:82%;
color: white;
background-color: #ffa200;
padding:12px;
padding-right:40px;
margin-bottom:2px;
margin-left:0px;
}

.miejsca {padding-left:30px;}
.miejsca a:hover {color:black!important;}

.boxes li:hover
{
background-color: #000000;
}
.boxes li a
{
text-decoration:none;
color: white;
}


.boxes2 li
{
width:82%;
color: white;
background-color: #ffa200;
padding:12px;
padding-right:40px;
margin-bottom:2px;
margin-left:0px;
cursor: pointer;
}
.boxes2 li:hover
{
cursor: hand;
background-color: #000000;

}
.boxes2 li a
{
text-transform: uppercase;
text-decoration:none;
color: white;
}

.boxes2 li.inny_kolor
{
background-color: #b81010;
}
.boxes2 li.pomaranczowe
{
background-color:#ff6000;
}


.boxes2 li.pomaranczowe:hover
{
cursor: hand;
background-color: #000000;

}
.boxes2 li.blekitne
{
background-color:#689bc8;
}


.boxes2 li.blekitne:hover
{
cursor: hand;
background-color: #a4c8e7;

}



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

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

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

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

.flash-content
{

height:300px;
}	
}

@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;}
.flash-content
{

height:400px;
}
}
@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) {
.flash-content
{

height:600px;
}
.social-icons{ 
	display:inline;
	position: absolute;
	right:10px;
	top:0px;
	border:none;
}
.social-icons ul li{
	padding:0px;
	margin:0px;
}
.social-icons ul li a {

	background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    opacity: 0.6;
    text-indent: -9999px;
    transition: all 0.2s ease 0s;
    width: 40px;
	padding:0px;
	margin:0px;
}


.social-icons ul li a:hover{
	border-bottom:none;
	opacity: 1;
}



.social-facebook a {
    background: url("../img/facebook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.social-facebook a:hover {
    background: url("../img/facebook.png") no-repeat scroll 0px -40px rgba(0, 0, 0, 0);
	background-color:#3b5998;
	
}

.social-youtube a {
    background: url("../img/youtube.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.social-youtube a:hover {
    background: url("../img/youtube.png") no-repeat scroll 0px -40px rgba(0, 0, 0, 0);
	background-color:#f45750;
	
}	
	
.formularz_cenowy{
width:600px;
margin:0px 35px;
}

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

		}
		header li a{
		border: none;}

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



@media screen and (min-width:1180px) {
.flash-content
{

height:700px;
}

.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:1.1em;
	}
	header li {

	padding-left:0.5em;
	padding-right:0.5em;
	}
	header nav a {
    color:black;
	background-color:transparent;
	}
	header ul li a {
	color:black;
	background-color:transparent;
	}
	header li.selected
		{
			padding-left:0.8em;
			padding-right:0.8em;
			color:white;
			background-color:#fff;
		}
		header li:hover
		{
		    color:white;
			background-color:transparent;
			border-bottom:none;

		}
		header  ul li:first-child {
				padding-left:0.8em;
				padding-right:0.8em;
				border:0;
		}	
		




}
.numerowanie
{
 font: 13px Tahoma;
 
 padding:4px 7px;
 text-decoration:none;
 background-color:#ddd;
 margin-left:6px;
color:#3a3531;
}
.wybrany_numer
{
 font: 13px Tahoma;

 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%;
	  }

label {
    display: block;
    padding-left: 25px;
    text-indent: 0px;
	padding-top:7px;
}
input[type=checkbox]{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
	font-family: sans-serif;  
}

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: #ffa200;
	height:30px;
     font-family: sans-serif;             
	  width:35%;
	  border:1px solid #ffa200;
	  }


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{
background:#F2F2F2 url("../img/tlo.png") repeat-y !important;
border-top:1px solid #e9e9e9;
padding:10px;
min-height:300px;
}
.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:#ffa200;
}
.certyfikaty
{
text-align:center;
margin: 20px 0px;
}
.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}



#back_button {
	margin-left:40px;
	height: 58px; width: 50px;
    background: url("/img/button_n.jpg") no-repeat  top left;
   text-indent: -9999px;
    display:inline-block
	
}


#back_button:hover {
   background: url("/img/button_h.jpg") no-repeat  top left;
   cursor: pointer	;
}	
h3.news  { 
		color: #373737;
		font-size:15px;
		font-family:  sans-serif;
		min-height:40px;
	
	}



.flash-content object, .flash-content embed, {
    width: 100%;
    height: 100%;

}
.left {
  float: left;
  width: 20px;
  height:20px;
  text-align: right;
  margin: 5px 5px;
  display: inline;
  border:1px solid #ccc;      
}
.right {
  float: left;
  text-align: left;
  margin: 5px 5px;
  display: inline
}

.pomaranczowe
{
background-color:#ffa03a;
}

.more{
float:right;
width:40px;
}

.more a{
padding: 5px 10px 10px 10px; 
text-decoration:none;
background:#b2fa81;
color:black;

}

.more a:hover{
color:white;
text-decoration:none;
background:#4c921d;
}

.return{
float:left;
width:40px;
}

.return a{
padding: 5px 10px 10px 10px; 
text-decoration:none;
background:#b2fa81;
color:black;

}

.return a:hover{
color:white;
text-decoration:none;
background:#4c921d;
}