/* RESET STYLI  */


html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    font-family: inherit;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 22px;
                    color:#BEBFBD;
                    background-color:#020A12;
									  font-size:16px;
                    font-family: 'Lora', serif;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
			
			
#contact-form {
color:#BEBFBD;
}
			
			
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color:white;
     z-index: 99999;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url('../grafika/ajax-loader.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
 
 
body {
     background-image: url('../grafika/tlo.jpg');
     background-repeat: no-repeat;
     background-position: center top;
}
 
				
					
.strona {
	width: 94%;
	border: 0px;  
	margin:0 auto;
	min-width:280px;
	max-width:1320px;
	padding: 0px 3% 0px 3%;
}


@media screen and (min-width: 1140px) and (max-width: 1420px) 

{


.strona {
	width: 94%;
	border: 0px;  
	margin:0 auto;
	min-width:300px;
	max-width:1180px;
	padding: 0px 3% 0px 3%;
}



}



@media screen and (min-width:0px) and (max-width: 1139px) 

{


.strona {
	width: 94%;
	border: 0px;  
	margin:0 auto;
	min-width:300px;
	max-width:998px;
	padding: 0px 3% 0px 3%;
}



}



.logo {
	width: 100%;
	border: 0px;  
	float:left;
	text-align:center;
	padding-top:20px;
}

.logo img{
	border: 0px;  
	max-width:266px;
	width:266px;
}


@media screen and (min-width:0px) and (max-width: 900px) 

{


.logo img{
	border: 0px;  
		max-width:206px;
	width:206px;
	margin-top: 10px;
}




}



.pasek-telefony {
	width: 100%;
	border: 0px;  
	float:left;
	text-align:right;
	margin-top:-60px;
}


.menu {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:white;
	height:50px;
	padding-top:0px;
}

.menu2 {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:white;
	height:45px;
	padding-top:5px;
}
 




.ramka {
	width: 100%;
	border: 0px;  
	float:left;
}

.nawigacja {
	width: 100%;
	border: 0px;  
	float:left;
	background-color: #F0F0F0;
	padding: 8px 0px 4px 0px;
	margin-top: 152px;
	text-align: center;
	font-size: 11px;
	color: #999999;
}

.tresc-kontakt {
	width: 23.3%;
	border: 0px;
  margin: 2% 0px 2% 7%; 
	position: relative;
	background-color: #FFFFFF;
	z-index: 1000;
	padding: 2% 5% 2% 5%;
	color:#1E3549;
	line-height: 24px;
	font-size: 13px;
}

.tresc-kontakt p a { color:#10243C;text-decoration: underline;}
.tresc-kontakt p a:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}





@media screen and (min-width:0px) and (max-width: 890px) 

{


.tresc-kontakt {
	width: 80%;
	border: 0px;
  margin: 250px 5% 40px 5%; 
	position: relative;
	background-color: #FFFFFF;
	z-index: 1000;
	padding: 2% 5% 2% 5%;
	color:#1E3549;
	line-height: 24px;
	font-size: 13px;
}




}







.tresc p a { color:#10243C;text-decoration: underline;}
.tresc p a:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}













.formularz {
	width: 86%;
	border: 0px;  
	float:left;
	padding: 20px 7% 20px 7%;
}


.left_form_a {
float: left;width: 20%;padding: 0px 5% 0px 0px;
}


.left_form_b {
float: left;width: 30%;padding: 0px 5% 0px 0px;margin-top: -40px;
}


.left_form_c {
float: left;width: 40%;padding: 0px 0 0px 0px;margin-top: -40px;
}




@media screen and (min-width:0px) and (max-width: 890px) 

{




.left_form_a {
float: left;width: 100%;padding: 0px 0% 0px 0px;
}


.left_form_b {
float: left;width: 100%;padding: 0px 0% 0px 0px;margin-top: 0px;
}


.left_form_c {
float: left;width: 100%;padding: 0px 0 0px 0px;margin-top: 00px;
}



}


.mapka {
	width: 100%;
	border: 0px;  
	position: relative;
	float: left;
	margin-top: 0px;
}


.social {margin:5px;}




.tresc {
	width: 67%;
	border: 0px;  
	float:left;
	padding: 30px 4% 50px 4%;
	color:#1E3549;
	line-height: 24px;
	font-size: 13px;
}

.tresc img {max-width:100% !important;}
.tresc table {max-width:100% !important;}
.tresc iframe {max-width:100% !important;}

.tresc-kontakt img {max-width:100% !important;}
.tresc2-kontakt table {max-width:100% !important;}
.tresc2-kontakt iframe {max-width:100% !important;}


@media screen and (min-width: 0px) and (max-width: 860px) 

{


.tresc {
	width: 90%;
	border: 0px;  
	float:left;
	padding: 30px 5% 50px 5%;
	color:#1E3549;
	line-height: 24px;
	font-size: 13px;
}



}




.tlobiale {
	width: 98.6%;
	border: 0px;  
	float:left;
	background-color:white;
	padding:0% 0.7% 0.7% 0.7%;
	position: relative;
}

.baner_podstrona {
width: 100%;
height: 150px;
position: absolute;
top: 70px;
left: 0px;
  background-image: url('../grafika/baner_podstrona.jpg');
  background-repeat: no-repeat;
  background-position: center top;
	text-align: center;
	border-bottom: 3px solid #EA0C00;
	overflow: hidden;
}





.baner {
	width: 50.1%;
	border: 0px;  
	float:right;
	background-color:#10253A;
	height:522px;
  background-image: url('../grafika/baner1.jpg');
  background-repeat: no-repeat;
  background-position: center top;
	background-color: #10253A;
  -webkit-animation: flat-desktop1 8s ease alternate;
       -moz-animation: flat-desktop1 8s ease alternate;
            animation: flat-desktop1 8s ease alternate;
						background-size: cover;
						margin-left: -0.1%;
}


@-webkit-keyframes flat-desktop1 {
			100% {  background-position: center top;}
    0% {   background-position: center bottom;}
}

@-moz-keyframes flat-desktop1 {
			100% {  background-position: center top;}
    0% {   background-position: center bottom;}
}

@keyframes flat-desktop1 {
			100% {  background-position: center top;}
    0% {   background-position: center bottom;}
}






@media screen and (min-width:0px) and (max-width: 900px) 

{


.baner {
	width: 100%;
	height:450px;
						margin-left: -0.0%;
						float: left;
						 background-position: center -100px;
}



@-webkit-keyframes flat-desktop1 {
			100% {  background-position: center -100px;}
    0% {   background-position: center bottom;}
}

@-moz-keyframes flat-desktop1 {
			100% {  background-position: center -100px;}
    0% {   background-position: center bottom;}
}

@keyframes flat-desktop1 {
			100% {  background-position: center -100px;}
    0% {   background-position: center bottom;}
}




}






@media screen and (min-width:0px) and (max-width: 700px) 

{


.baner {
	width: 100%;
	height:420px;
						margin-left: -0.0%;
						float: left;
						 background-position: center -50px;
}



@-webkit-keyframes flat-desktop1 {
			100% {  background-position: center -50px;}
    0% {   background-position: center bottom;}
}

@-moz-keyframes flat-desktop1 {
			100% {  background-position: center -50px;}
    0% {   background-position: center bottom;}
}

@keyframes flat-desktop1 {
			100% {  background-position: center -50px;}
    0% {   background-position: center bottom;}
}




}














@media screen and (min-width:0px) and (max-width: 450px) 

{



.baner {
	width: 100%;
	height:310px;
						margin-left: -0.0%;
						float: left;
						 background-position: center -20px;
}



@-webkit-keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}

@-moz-keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}

@keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}






}











.linia_baner_podstronaleft {
position: absolute;
top: 50px;
left: 0px;
width: 40%;
height: 1px;
border-top: 1px solid #39516C;
-webkit-animation: flat-desktop2 5s ease alternate ;
       -moz-animation: flat-desktop2 5s ease alternate ;
            animation: flat-desktop2 5s ease alternate ;
}



@-webkit-keyframes flat-desktop2 {
			100% { width: 40%;}
    0% {   width: 0%;}
}

@-moz-keyframes flat-desktop2 {
			100% { width: 40%;}
    0% {   width: 0%;}
}

@keyframes flat-desktop2 {
					100% { width: 40%;}
    0% {   width: 0%;}
}







.linia_baner_podstronaright {
position: absolute;
top: 50px;
right: 0px;
width: 40%;
height: 1px;
border-top: 1px solid #39516C;
-webkit-animation: flat-desktop3 5s ease alternate ;
       -moz-animation: flat-desktop3 5s ease alternate ;
            animation: flat-desktop3 5s ease alternate ;
}


@-webkit-keyframes flat-desktop3 {
			100% { width: 40%;}
    0% {   width: 0%;}
}

@-moz-keyframes flat-desktop3 {
			100% { width: 40%;}
    0% {   width: 0%;}
}

@keyframes flat-desktop3 {
					100% { width: 40%;}
    0% {   width: 0%;}
}




.zdjecie_podstrona {
vertical-align:middle;clear: both;margin-left: 40px;margin-bottom: 20px;
margin-top: 0px;
-webkit-animation: flat-desktop4 3s ease alternate ;
       -moz-animation: flat-desktop4 3s ease alternate ;
            animation: flat-desktop4 3s ease alternate ;
						
}



@-webkit-keyframes flat-desktop4 {
			100% { margin-top: 0px;}
    0% {  margin-top: -70px;}
}

@-moz-keyframes flat-desktop4 {
			100% { margin-top: 0px;}
    0% {  margin-top: -70px;}
}

@keyframes flat-desktop4 {
			100% { margin-top: 0px;}
    0% {  margin-top: -70px;}
}










.box-kontakt-glowna {
	width: 25%;
	border: 0px;  
	float:left;
	background-color:#10253A;
	height:522px;
}



.box-kontakt-glowna2 {
	width: 25%;
	border: 0px;  
	float:left;
	background-color:#FFFFFF;
}






.box-kontakt-glowna-ramka2 {
	width: 90%;
	border: 0px;  
	float:left;
	margin:70px 5% 30px 5%;
}








.box-kontakt-glowna-ramka {
	width: 79%;
	border: 0px;  
	float:left;
	height:462px;
	margin:30px 10% 30px 10%;
	border:1px solid #525A69;
}


@media screen and (min-width: 0px) and (max-width: 860px) 

{



.box-kontakt-glowna2 {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:#FFFFFF;
}






}





.box-godziny {
	width: 25%;
	border: 0px;  
	float:left;
	background-color:#142E48;
	height:522px;
		  background-image: url('../grafika/boks_godzina.jpg');
  background-repeat: no-repeat;
  background-position: center top;
	background-size: 100% 100%;
}

.box-godziny-ramka {
	width: 79%;
	border: 0px;  
	float:left;
	height:462px;
	margin:30px 10% 30px 10%;
}




@media screen and (min-width:0px) and (max-width: 900px) 

{


.box-kontakt-glowna {
	width: 50%;
	
}


.box-godziny {
	width: 50%;
}



}







@media screen and (min-width:0px) and (max-width: 500px) 

{




.box-kontakt-glowna {
	width: 100%;
	
}


.box-godziny {
	width: 100%;
}





}









@media screen and (min-width:0px) and (max-width: 600px) 

{




.baner {
	width: 100%;
	height:220px;
						margin-left: -0.0%;
						float: left;
						 background-position: center -20px;
}



@-webkit-keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}

@-moz-keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}

@keyframes flat-desktop1 {
			100% {  background-position: center -20px;}
    0% {   background-position: center bottom;}
}




}










.ramka_tlobiale {
float: left;
width: 97.8%;
border: 1px solid #D6D6D6;
margin: 16px 1% 8px 1%;
}







.box-txt {
	width: 90%;
	border: 0px;  
	float:left;
	padding-top:30px;
	margin-bottom:50px;
	padding-left:5%;
	padding-right:5%;
}




@media screen and (min-width:0px) and (max-width: 600px) 

{


.box-txt > div:nth-child(2) {
width: 100% !important;
margin-right:0% !important;
}


.box-txt > div:nth-child(3) {
width: 100% !important;
margin-right:0% !important;
}





}




.stopka {
	width: 100%;
	border: 0px;  
	float:left;
	margin-top:50px;
	padding-bottom:50px;
	position: relative;
}


.stopka-lewa {
	width: 38%;
	border: 0px;  
	float:left;
	border-top:1px solid #253A49;
	padding-top:15px;
	padding-left:2%;
	text-align:center;
}


.stopka-srodek {
	width: 20%;
	border: 0px;  
	float:left;
	text-align:center;
	margin-top:-50px;
}


.stopka-prawa {
	width: 38%;
	border: 0px;  
	float:left;
	border-top:1px solid #253A49;
	padding-top:15px;
	padding-right:2%;
	color:#74828B;
	text-align:right;
	font-size:14px;
}



@media screen and (min-width:0px) and (max-width: 600px) 

{


.stopka-srodek {
	width: 100%;
	border: 0px;  
	float:left;
	text-align:center;
	margin-top:-50px;
	position: absolute;
	left: 0;
}




.stopka-lewa {
	width: 100%;
	border: 0px;  
	float:left;
	border-top:1px solid #253A49;
	padding-top:85px;
	padding-left:0%;
	text-align: center;
}


.stopka-prawa {
	width: 100%;
	border: 0px;  
	float:left;
	border-top:0px solid #253A49;
	padding-top:25px;
	padding-right:0%;
	color:#74828B;
	text-align:right;
	font-size:14px;
	text-align: center;
}




}






.input {
float: left;
width: 96%;
margin: 4px 0px 4px 0px;
background-color: #E0E0E0;
padding: 3px 2% 3px 2%;
border: 0px;
}



.input2 {
float: left;
width: 96%;
margin: 4px 0px 4px 0px;
background-color: #E0E0E0;
padding: 3px 2% 3px 2%;
border: 0px;
height: 180px;
}


.pole {
font-size: 13px;
color: #10253A;
float: left;
width: 100%;
}


.pole2 {
font-size: 13px;
color: #10253A;
float: left;
width: 100%;
}


.formbutton {
float: right;
background-color: #EA0C00;
margin: 15px 0px 0px 0px;
padding: 5px 30px 5px 30px;
color: #FFFFFF;
font-size: 17px;
border: 0px;
font-family: 'Lora', serif;
cursor:pointer;
}


.formbutton:hover {
background-color: #10253A;

}








@media screen and (min-width:631px) and (max-width: 9630px) 

{





#nawigacja-menu{
 list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 1% 0px 1%;
	text-align:center;
	float:left;
	width:98%;
	height:45px;
  text-align:center;
  display: table;
}

#nawigacja-menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:45px;
  display: table-cell;
  vertical-align:middle;
	line-height: 16px;
}


#nawigacja-menu li a{
	color:#11263B;
	text-decoration:none;
	font-size:16px;
	text-transform: uppercase;
	font-weight:500;

}





#nawigacja-menu li a:hover{
	border-bottom:1px solid #EA0C00;
	padding-bottom:2px;
}




}




@media screen and (min-width:631px) and (max-width: 9099px) 

{


#nawigacja-menu li a{
	color:#11263B;
	text-decoration:none;
	font-size:13px;
	text-transform: uppercase;
	font-weight:500;

}


}








.link_nav2 { color:#10253A;text-decoration: none;}
.link_nav2:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}



.link_nav { color:#999999;text-decoration: none;}
.link_nav:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}



.link_stopka { color:#74828B;text-decoration: none;text-transform: uppercase;padding-right:20px;padding-bottom:10px;font-size:14px;}
.link_stopka:hover { color:white; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.link_stopka2 { color:#BEBFBD;text-decoration: none;}
.link_stopka2:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


.link_bialy { color:white;text-decoration: none; font-size: 12px;line-height: 36px;}
.link_bialy:hover { color:#EA0C00; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


@media screen and (min-width: 0px) and (max-width: 1158px) 

{

.noo { font-size:11px !important; }
.noo2 { display:none; }

}




/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}


.mean-push {
position: absolute;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position: absolute;
	background: transparent;
	padding: 0 0;
	min-height: 42px;
	z-index: 100000;
	top: 178px;
	height: 30px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}


.mean-container a.meanmenu-reveal {
	width: 60px;
	padding: 11px 23px 11px 23px;
	height: 20px;
	position: absolute;
	top: 2px;
	right: 0% !important;
	left: 0% !important;
	margin: 0 auto;
	cursor: pointer;
	color: #10253A;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
  background-color:#FFFFFF;
}




.mean-container a.meanmenu-reveal span {
	display: block;
	background: #10253A;
	height: 2px;
	margin-top: 3px;
}


.mean-container .mean-nav ul {
	padding: 0 0 0 0 !important;
	margin: 48px 3% !important;
	width: 94% !important;
	list-style-type: none !important;
	background-color:rgba(255,255,255,1.0);
	position: absolute;
	left: 0px;
	right: 0px;
}



@media screen and (min-width: 0px) and (max-width: 500px) 

{


.mean-container .mean-nav ul {
	margin: 48px 3.0% !important;
	width: 94% !important;
}





}




.mean-container .mean-nav ul li {
	width: 98% !important;
	display: block !important;
	text-align: center;
	padding: 0px 0% 0 0% !important;
	margin: 0px 1% !important;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 99%;
	padding: 1em 5% !important;
	margin: 0 0.5%!important;
	text-align: center;
	color: #10263B;
	border-bottom: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	box-sizing: border-box;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
}


.mean-container .mean-nav ul li.menubold a{
	font-weight:bold !important;
}





.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #89A82D;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}