/* 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%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 22px;
                    color:#1C1C1A;
                    background-color:#000000;
									  font-size:15px;
                    font-family: 'Lato', sans-serif;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
					
			
#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;
 }
 

.strona {
	width: 100%;
	border: 0px;  
	margin:0 auto;
	min-width:998px;
	max-width:1210px;
	display:block;
}

.pasektop {
	width: 100%;
	border: 0px;  
	float:left;
	height:11px;
	 background-image: url('../grafika/tlotop.jpg');
	 background-repeat: repeat-x;
	 background-position: center top;
}

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


.logo {
	width: 30%;
	border: 0px;  
	float:left;
	height:100px;
}

.logo img{
	width: 100%;
	border: 0px;  
	float:left;
	max-width:225px;
	max-height:59px;
	margin-top:20px;
}

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


.ramkatop {
	width: 70%;
	border: 0px;  
	float:left;
	height:100px;
}

.ramkatop .ramkatopkomorka:nth-child(2) {
	padding-top:30px;
}

.ramkatop .ramkatopkomorka:nth-child(3) {
	padding-top:30px;
}

.ramkatop .ramkatopkomorka:nth-child(3) {
     background-image: url('../grafika/tloseperator.jpg');
     background-repeat: no-repeat;
     background-position: right 20px;
}

.ramkatop .ramkatopkomorka:nth-child(3) {
	padding-right:30px;
}


.ramkatopkomorka{
	border: 0px;  
	float:right;
	line-height:15px;
	margin-left:30px;
	padding-top:17px;
}

.ramkatopkomorka span{
	font-size:12px;
	color:#585858;
}

.ramkatopkomorka b{
	font-size:21px;
	color:#E91915;
	line-height:30px;
}


.ramkatopkomorka img{
	vertical-align:middle;
	margin-right:20px;
}

.ramkatopkomorka div{
	border:0px;
	float:right;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.pulse-css3:hover, .pulse-css3:focus {
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  -ms-animation-name: pulse 1s linear infinite;
  -o-animation-name: pulse 1s linear infinite;
  animation-name: pulse 1s linear infinite;
}

.dpl-pager {
width:100%;
float:left;
position:absolute;
left:0;
bottom:30px;
text-align:center;
display:block;
z-index:330;
}

.dpl-pager span{
padding:7px;
margin-left:5px;
margin-right:5px;
border:2px solid #E81A16;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size:0;
cursor:pointer;
}


.dpl-pager span.cycle-pager-active {
border:2px solid #CCCCCC;
background-color:white;
}

.ramkaslider {
	width: 100%;
	border: 0px;  
	float:left;
	height:675px;
	margin-top:-53px;
	position:relative;
	z-index:0;
}

.slider {
	width: 100%;
	border: 0px;  
	float:left;
	height:675px;
	position:relative;
	z-index:0;
}

.sekwencja {
	width: 100%;
	border: 0px;  
	float:left;
	height:675px;
     background-repeat: no-repeat;
     background-position: center top;
		 position:relative;
}


.box-txt {
	width: 30%;
	border: 0px;  
	float:right;
	margin-top:100px;
	text-align:center;
	color:white;
	text-transform:uppercase;
	color:#DADADA;
	font-size:13px;
}

.box-txt span{
	color:white;
	font-size:16px;
	font-weight:500;
}

.box-txt img {
	width:100%;
	max-width:164px;
	max-height:164px;
}


.wstega {
	width: 100%;
	border: 0px;  
	float:left;
	height:130px;
	background-image: url('../grafika/czerwonyalfa.png');
	position:absolute;
	left:0;
	bottom:80px;
	color:white;
	text-align:center;
	padding-top:20px;
}

.wstega h1{
	text-transform:uppercase;
	font-size:40px;
	line-height:60px;
}



.tlomenu {
	width: 100%;
	border: 0px;  
	float:left;
	height:53px;
	border-top:2px solid #4C4C4C;
	background-image: url('../grafika/alfaczarne.png');
	position:relative;
	z-index:100;
	min-width:998px;
}

nav {
	width: 100%;
	border: 0px;  
	float:left;
	height:53px;
}


#nawigacja-menu{
  list-style: none;
	margin: -4px 0px 0px 0px;
	padding: 0px;
	float:left;
	width:100%;
	display: table;
	height:57px;
}

#nawigacja-menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0% 0px 0%;
	text-align:center;
  display: table-cell;
  vertical-align:middle;
	height:53px;
	position:relative;
}

#nawigacja-menu li a{
text-decoration:none;
font-size:18px;
text-transform: uppercase;
color:white;
font-weight:bold;
}

#nawigacja-menu li a:hover{
color:#E81814;
}


#nawigacja-menu li:hover{
border-top:4px solid red;
}

#nawigacja-menu li:first-child:hover{
border-top:4px solid transparent;
}



.menubold {
color:#E81814 !important;
}


#nawigacja-menu li img {
	vertical-align:middle;
	position:absolute;
	left:0px;
	top:-10px;
}

#nawigacja-menu li:first-child{
	padding-right:30px;
}


.tlosrodek {
	width: 100%;
	border: 0px;  
	float:left;
	height:560px;
     background-image: url('../grafika/tloczerwone.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 min-width:998px;
}


.boxfirma {
	width: 34%;
	border: 0px;  
	float:left;
	height:520px;
	background-color:#E81814;
	color:white;
	padding-top:40px;
	padding-left:3%;
	padding-right:3%;
}





.boxdlaczego {
	width: 35%;
	border: 0px;  
	float:left;
	height:540px;
	padding-left:25%;
     background-image: url('../grafika/facet.jpg');
     background-repeat: no-repeat;
     background-position: left bottom;
		 padding-top:20px;
}


.boxdlaczego strong{
text-transform:uppercase;
font-size:16px;
}

.boxdlaczego span{
	text-transform:uppercase;
	font-size:40px;
	line-height:50px;
	font-weight:300;
}


.divnumermaly {
float:left;
border:0px;
width:30%;
}

.divnumer {
float:left;
border:0px;
width:70%;
}

.divnumer small{
font-size:14px;
color:#9A9A9A;
}


.numer {
vertical-align:middle;
}

.pytanie {
float:right;
margin-top:10px;
}

.tloprzeglad {
	width: 100%;
	border: 0px;  
	float:left;
	height:320px;
     background-image: url('../grafika/tloprzeglady.jpg');
     background-repeat: no-repeat;
     background-position: center bottom;
		 padding-top:74px;
		 position:relative;
		 min-width:998px;
}

.samochod {
position:absolute;
left:-100px;
bottom:0;
}

.boxprzeglad {
	width: 30%;
	border: 0px;  
	float:left;
	text-align:center;
	padding-right:10%;
}


.boxprzeglad b {
	color:white;
	font-size:30px;
	line-height:40px;
}



.boxprzeglad2 {
	width: 60%;
	border: 0px;  
	float:left;
	color:#CCCCCC;
}

.boxprzeglad2 img{
	border: 0px;  
	float:left;
	margin-right:20px;
}

.boxczerwony {
	border: 0px;  
	float:left;
	height:28px;
	color:white;
	font-weight:300;
	background-color:#E81814;
	padding-left:20px;
	padding-right:20px;
	text-transform:uppercase;
	font-size:17px;
	padding-top:8px;
}




.boxprzeglad-txt {
	width: 100%;
	border: 0px;  
	float:left;
	margin-top:30px;
}

.boxprzeglad-txt img{
	float:right;
	border:0px;
}


.liniaprzerywana {
	width: 100%;
	border: 0px;  
	float:left;
     background-image: url('../grafika/bialaprzerywana.jpg');
     background-repeat: repeat-x;
     background-position: center bottom;
		 height:1px;
}

.tlostopka {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:black;
	min-width:998px;
}


.stopka {
	width: 100%;
	border: 0px;  
	float:left;
     background-image: url('../grafika/przerywanaczarna.jpg');
     background-repeat: repeat-x;
     background-position: center bottom;
		 height:52px;
		 position:relative;
}

.stopka img{
	vertical-align:middle;
	margin-top:-10px;
	margin-right:20px;
}




.stopka2 {
	width: 100%;
	border: 0px;  
	float:left;
	text-align:center;
	color:#717171;
	font-size:12px;
	margin-top:20px;
	padding-bottom:40px;
}

.stopka2 img{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

.liniabiala {
float:left;
width:100%;
height:1px;
background-color:#F2807E;
}


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

.sciezka a{
	padding: 10px 3% 10px 3%;
	border: 0px;  
	float:right;
	background-color: #272727;
	text-decoration: none;
	color: #FFFFFF !important;
	margin-top: -14px;
	margin-right: -5%;
	text-decoration:none !important;
}


.sciezka a:hover{
	color:#E81814 !important;
}





.lewa {
	width: 20%;
	border: 0px;  
	float:left;
	background-color:#EBEBEB;
}






.tlo_ramka {
position: absolute;
right: 0%;
height: 100%;
width: 80%;
     background-image: url('../grafika/tlo_podstrona.jpg');
     background-repeat: no-repeat;
     background-position: right top;
		 top: 0px;
		 z-index: 1;
		 	background-attachment: fixed;
}




.tlo_ramka2 {
position: absolute;
right: 20%;
height: 100%;
width: 80%;
     background-image: url('../grafika/tlo_podstrona.jpg');
     background-repeat: no-repeat;
     background-position: left top;
		 top: 0px;
		 z-index: 1;
		 	background-attachment: fixed;
	
}







.galeria_kom {
float: left;
height: 240px;
overflow: hidden;
margin: 16px 3% 16px 3%;
position: relative;
width: 19%;
text-align:center;
}




@media screen and (min-width: 1181px) and (max-width: 1460px) 

{

.galeria_kom {
float: left;
height: 240px;
overflow: hidden;
margin: 16px 1% 16px 1%;
position: relative;
width: 23%;
}


}





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

{

.galeria_kom {
float: left;
height: 240px;
overflow: hidden;
margin: 16px 1% 16px 1%;
position: relative;
width: 31.3%;
}


}











.kom_tr {
display: block;
width: 102%;
margin-left: -2%;
}


.galeria_kom img{
min-height: 240px;
}




.opis_galeria {
position: absolute;
bottom: 20px;
left: 0%;
background-image: url('../grafika/czerwonyalfa.png');
}

.opis_galeria span {
display: inline-block;
padding: 12px 10% 12px 10%;
color: #FFFFFF;
text-transform: uppercase;
font-size:12px;
line-height:17px;
}



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

{


.lewa {
	width: 25%;
	background-color:#EBEBEB;
}



.tlo_ramka {
width: 75%;
}



}




.menu-pionowe {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 50px 0px 50px 0px;
}

.box-kontakt {
	width: 77%;
	padding: 40px 15% 40px 8%;
	border: 0px;  
	float:left;
		 background-image: url('../grafika/contact.jpg');
     background-repeat: no-repeat;
     background-position: right bottom;
		 background-color: #d2d2d2;
}

.link_mail { color:#E81814; text-decoration: none;font-weight: 900;font-size: 18px;}
.link_mail:hover { color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}





.tresc-kontakt {
	width: 44%;
	border: 0px;  
	float:left;
	position: relative;
	z-index: 10;
	padding: 50px 2% 50px 4%;
	margin-bottom: 300px;
	min-height:350px;
}


.tresc-kontakt h1{
	padding: 20px 2% 20px 2%;
		 background-image: url('../grafika/naglowek.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 margin-bottom: 30px;
		 color: #FFFFFF;
		 font-weight: 900;
		 font-size: 30px;
		 display: block;
		 float: left;
}


.formularz {
	width: 30%;
	border: 0px;  
	float:right;
		position: relative;
	z-index: 10;
	padding: 50px 10% 40px 10%;
	background-color: #FFFFFF;
	min-height:660px;
}



.formularz h4{
	padding: 20px 2% 20px 2%;
		 background-image: url('../grafika/naglowek.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 margin-bottom: 30px;
		 color: #FFFFFF;
		 font-weight: 900;
		 font-size: 30px;
		 display: block;
		 float: left;
		 
}



.mapka {
	width: 50%;
	height: 300px;
	border: 0px;  
	float:left;
		position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
}



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

{

.formularz {
	width: 40%;
	border: 0px;  
	float:right;
		position: relative;
	z-index: 10;
	padding: 50px 5% 40px 5%;
	background-color: #FFFFFF;
}




}



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


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


.input {
background-color:#EAE9E9;
padding: 7px 5% 7px 5%;
width: 90%;
border: 0px;
  font-size:14px;
  font-family: 'Lato', sans-serif;
}

.input2 {
background-color:#EAE9E9;
padding: 7px 5% 7px 5%;
width: 90%;
border: 0px;
    font-size:14px;
    font-family: 'Lato', sans-serif;
}


.formbutton {
background-color: #E81814;
color: #FFFFFF;
font-size: 19px;
font-family: 'Lato', sans-serif;
border: 0px;
padding: 6px 2% 6px 2%;
margin: 10px 0px 0px 0px;
cursor:pointer;
}


.formbutton:hover {
background-color: black;
}





#map-canvas {
width: 100%;
height: 100%;
position: absolute;
right: 0px;
top: 0px;
}

.tresc {
	width: 70%;
	border: 0px;  
	float:left;
	position: relative;
	z-index: 2;
	padding: 30px 5% 30px 5%;
	min-height:760px;
}






.tresc h1{
	padding: 20px 2% 20px 2%;
		 background-image: url('../grafika/naglowek.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 margin-bottom: 30px;
		 color: #FFFFFF;
		 font-weight: 900;
		 font-size: 30px;
		 display: block;
		 float: left;
}




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

{


.tresc {
	width: 65%;
}


}



.tresc ul li{
  color:red;
	line-height: 29px;
	}

	




.link_form {
color: #000000;
text-decoration: none;
border: 1px solid #727272;
display: block;
float: left;
margin: 20px 0px 0px 0px;
padding: 0px 3% 0px 0px;
line-height: 30px;
}


.link_form img{
vertical-align: middle;
margin-right: 8px;
}




.komorka-menu {
		width: 75%;
	border: 0px;  
	float:left;
	margin: -1px 5% 5px 5%;
	padding: 7px 0px 7px 15%;
			 background-image: url('../grafika/strzalka.png');
     background-repeat: no-repeat;
     background-position: 4% 8px;
		 text-transform: uppercase;
		 background-color: #EBEBEB;
		 z-index: 10;
		 position: relative;
}


.komorka-menu:hover .tlo_komorka_active {
position: absolute;
width: 100%;
height: 100%;
		 background-image: url('../grafika/naglowek.jpg');
     background-repeat: no-repeat;
		 top: 0px;
		 left: 0px;
}

.komorka-menu a {
color: #1A1A1A;
text-decoration: none;
font-size: 15px;
font-weight: 900;
position:relative;
z-index: 10;
}


.komorka-menu:hover  a {
color: #FFFFFF;
} 


.komorka-menu-bold {
	width: 75%;
	border: 0px;  
	float:left;
	margin: 5px 5% 5px 5%;
	padding: 7px 0px 7px 15%;
			 background-image: url('../grafika/strzalka.png');
     background-repeat: no-repeat;
     background-position: 4% 8px;
		 text-transform: uppercase;
		 position:relative;
}


.komorka-menu-bold .tlo_komorka_active {
position: absolute;
width: 100%;
height: 100%;
		 background-image: url('../grafika/naglowek.jpg');
     background-repeat: no-repeat;
		 top: 0px;
		 left: 0px;
}



.komorka-menu-bold  a {
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
font-weight: 900;
position:relative;
z-index: 10;
}



.komorka-menu-menu {
	width: 65%;
	border: 0px;  
	float:left;
	margin: 0px 5% 0px 5%;
	padding: 4px 5% 4px 15%;
	border-bottom: 1px dashed #C5C5C5;
	text-transform: uppercase;
}



.komorka-menu-menu-bold {
	width: 65%;
	border: 0px;  
	float:left;
margin: 0px 5% 0px 5%;
	padding: 4px 5% 4px 15%;
	border-bottom: 1px dashed #C5C5C5;
	text-transform: uppercase;
}




.komorka-menu-menu a {
color: #1A1A1A;
text-decoration: none;
font-size: 12px;
font-weight: 400;
}

.komorka-menu-menu a:hover {
color: #E81814;
}


.komorka-menu-menu-bold a {
color: #1A1A1A;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}









.link_czarny { color:#1C1C1A; text-decoration: none;}
.link_czarny:hover { color:#1C6FB8;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


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


.link_stopka { color:white; text-decoration: none;text-transform:uppercase;font-weight:bold;font-size:16px;margin-right:30px;}
.link_stopka:hover { color:#E51713;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_szary { color:#848484; text-decoration: none;text-transform:uppercase;font-weight:bold;font-size:16px;}
.link_szary:hover { color:#E81814;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.tresc a { color:black; text-decoration: underline;}
.tresc a:hover { color:#E81814;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


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


.upp {text-transform:uppercase;}