/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 8, 2013 05:51:02 AM America/New_York */

@font-face {
    font-family: 'SourceCodeProExtraLight';
    src: url('/szablony/fonts/SourceCodePro-ExtraLight-webfont.eot');
    src: url('/szablony/fonts/SourceCodePro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceCodePro-ExtraLight-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceCodePro-ExtraLight-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceCodePro-ExtraLight-webfont.svg#SourceCodeProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceCodeProLight';
    src: url('/szablony/fonts/SourceCodePro-Light-webfont.eot');
    src: url('/szablony/fonts/SourceCodePro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceCodePro-Light-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceCodePro-Light-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceCodePro-Light-webfont.svg#SourceCodeProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceCodeProRegular';
    src: url('/szablony/fonts/SourceCodePro-Regular-webfont.eot');
    src: url('/szablony/fonts/SourceCodePro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceCodePro-Regular-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceCodePro-Regular-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceCodePro-Regular-webfont.svg#SourceCodeProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceCodeProSemibold';
    src: url('/szablony/font/SourceCodePro-Semibold-webfont.eot');
    src: url('/szablony/font/SourceCodePro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/font/SourceCodePro-Semibold-webfont.woff') format('woff'),
         url('/szablony/font/SourceCodePro-Semibold-webfont.ttf') format('truetype'),
         url('/szablony/font/SourceCodePro-Semibold-webfont.svg#SourceCodeProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceCodeProBold';
    src: url('/szablony/fonts/SourceCodePro-Bold-webfont.eot');
    src: url('/szablony/fonts/SourceCodePro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceCodePro-Bold-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceCodePro-Bold-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceCodePro-Bold-webfont.svg#SourceCodeProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceCodeProBlack';
    src: url('/szablony/fonts/SourceCodePro-Black-webfont.eot');
    src: url('/szablony/fonts/SourceCodePro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceCodePro-Black-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceCodePro-Black-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceCodePro-Black-webfont.svg#SourceCodeProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src: url('/szablony/fonts/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('/szablony/fonts/SourceSansPro-Bold-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('/szablony/fonts/SourceSansPro-BoldIt-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('/szablony/fonts/SourceSansPro-Black-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-Black-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlackItalic';
    src: url('/szablony/fonts/SourceSansPro-BlackIt-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-BlackIt-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-BlackIt-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('/szablony/fonts/SourceSansPro-ExtraLight-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src: url('/szablony/fonts/SourceSansPro-ExtraLightIt-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('/szablony/fonts/SourceSansPro-Light-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLightItalic';
    src: url('/szablony/fonts/SourceSansPro-LightIt-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-LightIt-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('/szablony/fonts/SourceSansPro-Regular-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProItalic';
    src: url('/szablony/fonts/SourceSansPro-It-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('/szablony/fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('/szablony/fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/szablony/fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('/szablony/fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('/szablony/fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* stronicowanie */
.stronicowanie {clear: both; list-style: none; text-align: center; padding-top:40px;}
.stronicowanie li {display: inline; margin: 0 5px; }
.stronicowanie li a {padding: 0px 2px; 0px 2px; color:#022451; text-decoration:none;}
.stronicowanie li a:hover {background-color:#022451; color:#ffffff; text-decoration:none;}
.stronicowanie li.wybrana a {padding: 0px 2px; 0px 2px; background-color:#022451; color:#ffffff; text-decoration:none;}

/* zdj�cia */
img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}


/* FORMULARZ */

#formularz {
	padding: 20px 5px 5px 5px;
	width:580px;
	float:left;

}

#formularz .div_text {
	float: right;
	width:100%;
	border:0px solid red;
	padding-right:-30px;

}

#formularz .text {
	width: 384px;
	float: right;
	margin-left:20px;
	border:1px solid #cccccc;
	margin-bottom:2px;
}

#formularz textarea {
	width: 384px;
	height: 200px;
	float: right;
	margin-left:20px;
	margin-top:4px;
	border:1px solid #cccccc;

}

#formularz label {
	float: left;
	margin: 2px;
	font-weight: bold;
}

#formularz .form_body{
	width:520px;
}

#formularz fieldset {
	width:560px;
	padding-bottom:20px;

}

.formularz_submit{
	background-color:#ff4500;
	width:auto;
	height: auto;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right: 20px;
	margin-top:5px;
	margin-left:380px;
	float:left;
	position:relative;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	border:0px;
}

.formularz_submit:hover{
	background-color:#FF6600;
}

/* galeria - trzeba zmienic tylko szerokosc */

.galeria {
	display: block;
	float: left;
	margin: 10px;
	font-size: 0.6em;
	}

.galeria img {
	display: block;
	border: 1px solid #2868c0;
	padding:3px;
	clear: both;
	}

/* podgrupa na stronie */

.podgrupa_na_stronie {
	display: block;
	clear: both;
	padding: 15px;

	}

.podgrupa_na_stronie img {
	float: left;
	margin: 5px;
	border: 2px solid #2868c0;
	}

.podgrupa_na_stronie strong {
	display: block;
	}




#okruszki {
	display: block;
	float: left;
	width: 660px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}

#okruszki a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}

#okruszki a:hover {
	color: #0099CC;
	}


/* moje css */

body{
	font-family: SourceSansProRegular;
	font-size:14px;
	color:#5c5c5c;
}

header.glowna{
	border:0px solid;
	background-image:url('/szablony/images/bg_header_podstrona.png');
	background-repeat:repeat-x;
	width:100%;
	height:434px;

}

header.podstrona{
	border:0px solid;
	background-image:url('/szablony/images/bg_header_podstrona.png');
	background-repeat:repeat-x;
	width:100%;
	height:113px;

}

section.main_sekcja{
	width:100%;
	height:auto;
	min-height:500px;
	float:left;
	position:relative;
}

footer{
	width: 100%;
	height: auto;
	background-color:#b8babb;
	border-top: 2px solid #ff4500;
	float:left;
	margin-top: 80px;
}

footer.startowa{
	margin-top: 180px;
	background-color:#b8babb;
}



.main_header_start{
	float:left;
	width:100%;
	height:534px;
		border:0px solid red;
		position:relative;
}

.main_header{
	float:left;
	width:100%;
	height:153px;
		border:0px solid red;
		position:relative;
}

.gora_header{
	width:1024px;
	height:113px;
	margin:0 auto;

}

.logo_header{
	margin-left:-90px;
	float:left;
	margin-top:-25px;
	position:absolute;
}

.aside_header{
	float:right;
	width:72%;
	height:113px;

	font-family: SourceSansProRegular;
	font-size:21px;

}

.aside_header ol{
	float:right;
	margin-top:0px;
	position:relative
}

.aside_header ol li{
	display: inline;
	border:0px solid;
	padding:55px 20px 30px 20px;
	background-image:url('/szablony/images/menu_cien.png');
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;

	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;

}

.aside_header ol li:hover, .aside_header ol li.wybrana {
	background-image:url('/szablony/images/menu_cien_mini.png');
	padding:50px 20px 35px 20px;
	color:#4D4D4D;
}


.aside_header ol li a{
	border:0px solid;
	text-decoration:none;
	color: #ff4500;
	text-shadow: 1px 1px 1px #CCCCCC;
}

.aside_header ol li ol{
	display:none;
}

.aside_header ol li:hover > a, .aside_header ol li.wybrana > a{
	color: #4D4D4D;
	text-shadow: 1px 1px 1px #CCCCCC;
}

.dol_header{
	width:100%;
	height:421px;
}

.main_section{
	border:0px solid;
	margin:0 auto;
	width:1024px;
	height:auto;
}

.main_footer{
	border:0px solid;
	margin:0 auto;
	width:1024px;
	height: 180px;
	margin-top:20px;
	margin-bottom:20px;
}

.stopka_lewa{
	font-family:SourceSansProRegular;
	font-size:17px;
	float:left;
	position:relative;
	width:25%;
	height:100%;
	border:0px solid;

}

.stopka_srodek{
	margin:0 auto;
	float:left;
	position:relative;
	width:40%;
	height:100%;
	border:0px solid;
	padding-left:80px;
}

.stopka_prawa{
	float:left;
	position:relative;
	width:35%;
	height:100%;
	border:0px solid;
	text-align:justify;
  padding-left:80px;
}

.stopka_t{
	margin-bottom: 10px;
	background-image:url('/szablony/images/stopka_t.png');
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:21px;
	padding-left:26px;
	padding-top:2px;

}

.stopka_m{
	margin-bottom: 10px;
	background-image:url('/szablony/images/stopka_m.png');
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:21px;
	padding-left:26px;
	padding-top:2px;
}

.stopka_f{
	margin-bottom: 10px;
	background-image:url('/szablony/images/stopka_f.png');
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:21px;
	padding-left:26px;
	padding-top:2px;
}

.stopka_a{
	background-image:url('/szablony/images/stopka_a.png');
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:21px;
	padding-left:26px;
	padding-top:2px;
}

a{
	text-decoration: none;
}

.main{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.cudzyslow{
	background-image:url('/szablony/images/cudzyslow.png');
	background-repeat:no-repeat;
	width:1024px;
	border:0px solid;
	height:135px;
	position:relative;
	float:left;
	font-size:37px;
	font-family: SourceSansProLight;
	padding: 30px 30px 0 70px;
	margin: 80px 0 0 0 ;
}

.podpis{
	margin-top:20px;
	margin-bottom:60px;
	width:100%;
	text-align:right;
	float:right;
}

h1{
	font-family: SourceSansProLight;
	font-size:43px;
	color:#ff4500;
	padding-bottom:20px;
}

h2{
	font-family: SourceSansProLight;
	font-size:23px;
	color:#ff4500;
}

h3{
	font-family: SourceSansProLight;
	font-size:24px;
	color:#5c5c5c;
	padding:0;
	margin:0;
}

h4{
	font-family: SourceSansProItalic;
	font-size:30px;
	margin:0;
	padding:0;
}

h5{
	font-family: SourceSansProExtraLight;
	font-weight:lighter;
	font-size:25px;
	color:#ff4500;
	width:100%;
}

.div_karuzela{
	width: 1000px;
	height:60px;
	float:left;
	border:0px solid;
	position:absolute;
	bottom:0;
	padding-top:50px;
	margin:50px 0 50px 0;
}

#toTop {
		width:40px;
        height:40px;
        background-image:url('/szablony/images/scroll_top.png');
        background-repeat:no-repeat;
		background-position:right;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:20px;
        cursor:pointer;
        display:none;
        z-index:1000;
		opacity:0.8;
		border-radius: 5px 5px 5px 5px;
}

#toTop:hover{
	opacity:1.0;
}

._galeria{
	width:220px;
	height:220px;
	float:left;
	border:1px solid #cccccc;
	margin:7px;
	background-position:center;
	background-repeat:no-repeat;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;


	/*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    /*filter: grayscale(100%);*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}


._galeria:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);

    filter: none;
    -webkit-filter: grayscale(0);

	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.najnowszerealizacje{
	margin-left:25px;
}

.zobacz_portale{
	padding-top:10px;
	padding-left:10px;
}

.gray{

	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.gray:hover {

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);

    filter: none;
    -webkit-filter: grayscale(0);

}

a{
	font-family: SourceSansProRegular;
	color:#5c5c5c;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.box_lewa{
	width:400px;
	float:left;
	top:10px;
	position:relative;
}

.box_lewa h1{
	line-height: 100%;
}

hr{
	border-top:0;
	border-bottom:1px solid #ff4500;
}

.box_prawa{
	width:600px;
	height:auto;
	min-height:300px;
	float:right;
	position:relative;
	top:10px;
}

.popup {
	background:rgba(0,0,0, 0.8);
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:99999999;
	display:none;
}
.popup .popup-inner {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:url(images/popup.jpg) center center no-repeat;
}
.popup .popup-inner .close {
	width:40px;
	height:40px;
	top:50px;
	right:50px;
	background:red;
	color:#fff;
	text-align:center;
	line-height:41px;
	font-size:16px;
	position:absolute;
	cursor:pointer;
}
.popup .popup-inner .close:hover {
	background:#fff;
	color:#000;
}