html, body, div, span, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
fieldset {border: 0;}
object {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


@font-face {
   font-family: 'Magra-Bold';
   src: url('../fonts/Magra-Bold.ttf');
}
@font-face {
   font-family: 'Magra-Regular';
   src: url('../fonts/Magra-Regular.ttf');
}
@font-face {
   font-family: 'Lato-Reg';
   src: url('../fonts/Lato-Reg.ttf');
}
@font-face {
   font-family: 'Lato-Lig';
   src: url('../fonts/Lato-Lig.ttf');
}


html, body {
   font-family: 'Lato-Lig';
   font-size: 16px;
	background: #f1d44b url(../images/body.jpg) top center repeat-x;
	color: #222;
	margin: 0;
	padding: 0;
}
a img {
   border: 0 none;	
   outline: none
}
a {
	color: #dc4e04;
   text-decoration: none;
}
a:hover {
   color: #f1d44b;
}



/* Navigation
--------------------------------------------------------------------------*/
#menu {   
   width:100%;
   background: rgba(17, 17, 17, 0.9);
   z-index: 99999;
   box-sizing: border-box;
   box-shadow: 0 3px 8px #555;
}
nav {
	max-width: 1150px;
	margin: auto;
}
nav.show {
	display:block;
}
.btn {
	display: block;
	float:left;
	position:relative;
	padding: 20px;	
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #333;
	}
.btn:hover {
   box-shadow: 2px 2px 15px rgba(50, 50, 50, 0.47) inset;
}
.btn.hide {
	display:none;
}
.btn.open-menu {
   display:none;
}			
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 960px) {
   nav {
		display: none;
		position: absolute;
		margin: 0;
		top: 0;
		width: 100%;
		background: none;
		
	}
	.btn {
		width: 100%;
		float: none;
		padding: 20px 0;
		margin: 1px 0;
		border-radius: 0;
		background: rgba(17, 17, 17, 0.85);
	}
	.btn.hide {
		display: block;
		background: #dc4e04;
		}
	.btn.open-menu { 
	   display: block;
	 }		
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {
   .btn {
		padding: 20px 0;
	}
}

/* Header
--------------------------------------------------------------------------*/
header {
   width: 100%;
   overflow: hidden;
   background: url(../images/bg_header.jpg) top center no-repeat;
   background-size: cover;
}
#site-description {
   width: 100%;
   overflow: hidden;
}
#header-top {
   max-width: 1150px;
   margin: 0 auto;
   overflow: hidden;
   font-family: 'Magra-Bold';
}
#header-top h1 {
   font-size: 330%;
   margin: 10px 0 0 20px;
   color: #128fc9;	
}	
.key {
   color: #fff;
}
#header-top h3 {
   font-size: 120%;
   color: #eee;
   margin: -5px 30px 20px 0;
   text-align: center;	
}
#site-title {
   width: 250px;
   float: left;
}
#site-title img {
   width: 250px;
   height: 80px;
   margin-top: 10px; 
}
#info {
   float: right;
   overflow: hidden;
   margin: 20px 20px 0 0;
   padding-left: 65px;
   background: url(..//images/tel.png) center left no-repeat;
}
#info h2 {
   font-size: 180%;
   line-height: 65px;
   color: #fff;
   text-align: center;  
   margin: 0;
}
#info2 {
   float: right;
   text-align: right;
   margin: 25px 10px 0 30px;
}
#info2 h2 {
   font-size: 160%;
   color: #fff;
   text-align: right;
   line-height: 60px;
   margin: 0;
}


@media screen and (max-width: 960px) {
	.slider {
      display: none;	
	}
	#site-description {
      margin-top: 20px; 
   }
   #info {
      margin: 0 20px 0 0;
      overflow: hidden;
      padding-left: 70px;
   }
   #info h2 {
      text-align: center;
      margin: 20px 0;
   }
   #info2 {
      width: 100%;
      text-align: center;
      margin: 70px 0 130px 0; 
   }
   #info2 h2 {
      font-size: 250%;
      text-align: center;
      line-height: 100px;
   }
}

@media screen and (max-width: 768px) {
	#site-title {
      width: 100%;
      float: none;
      text-align: center;
      margin-top: 60px;
   }
   #header-top h3 {
      margin: -5px 0 20px 0;
   }
	#info {
		width: 100%;
		font-size: 140%;
		overflow: hidden;
      float: none;
      margin: 40px 20px 40px 0;
      padding-left: 0;
      background: none;
   }
   #info h2 {      
      line-height: 50px;
      color: #fff;
      text-align: center;
   }
   #info2 {
      float: none;
      text-align: center;
   }
   #info2 h2 {
      text-align: center;
      font-size: 200%;
   }
}
@media screen and (max-width: 480px) {
	#site-title {
      margin-top: 30px;
   }
   #info h2 {
      font-size: 150%;
   }
	#info2 h2 {
      font-size: 140%;
   }
   #info {
      margin: 30px 0 10px 0;    
   }
   #info2 {
      margin: 10px 0 50px 0;    
   }
}


/* Home
--------------------------------------------------------------------------*/
#main {
   overflow: hidden;
}
#main .slogan {
   width: 100%;
   overflow: hidden;
   padding: 50px 0;
   background: url(../images/bg_title.jpg) top center no-repeat;
   background-size: cover;
   background-attachment: fixed;
   color: #fff;
   font-family: 'Magra-Regular';
   font-size: 230%; 
   font-weight: normal;
   margin: 0;
   text-align: center;
}
#main .slogan a {
   color: #fff;
}
#main .slogan a:hover {
  
}
#main-offer {
   max-width: 1150px;
   margin: 0 auto;
   overflow: hidden;
   padding: 80px 0;
}
#main-offer .offer-box {
   width: 23%;
   min-height: 300px;
   margin: 1%;
   padding: 10px;
   float: left;
   background: #fff;
   
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main-offer .offer-box h3 {
   color: #dc4e04;
   font-family: 'Lato-Reg';
   border-bottom: 1px dotted #f1d44b;
   margin: 0;
   padding-top: 5px;
   line-height: 30px;
}
#main-offer .offer-box p {
   line-height: 20px;
}
#main-offer .offer-more {
   text-align: center;
   margin: 40px 0 20px 0;
}
#main-offer .offer-more a {
   color: #dc4e04;
   border: 2px solid #dc4e04;
   padding: 10px 25px;
}
#main-offer .offer-more a:hover {
	color: #fff;
   background: #dc4e04;
}

#main-contact {
   width: 100%;
   overflow: hidden;
   padding: 80px 0;
   background: url(../images/bg_contact.jpg) top center no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
#main-contact .pos-center {
   max-width: 1110px;
   padding: 0 10px;
   margin: 0 auto;
}
#main-contact-title {
	overflow: hidden;
	font-weight: bold;
   font-size: 200%;
   text-align: left;
   margin:0 0 20px 0;
   color: #dc4e04;
}
#main-contact .form {
   width: 40%;
   float: left;
}
#main-contact .map {
   width: 60%;
   float: right;
}
#main-contact .form table {
	width: 90%;
}
.inp {
   width: 100%;
   height: 25px;
   padding: 5px 10px;
   margin-bottom: 5px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
}
textarea {
   width: 100%;
   height: 180px;
   padding: 5px 10px;
   margin-bottom: 5px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
}
.sub {
   padding: 7px 10px;
   margin-right: 15px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
   color: #fff;
   background: #dc4e04;
}
.res {
   padding: 7px 10px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
   color: #fff;
   background: #dc4e04;
}
.map iframe {
   width: 100%; 
   height: 450px; 
   border: 0;
}


@media screen and (max-width: 960px) {
	#main .slogan {
      padding: 50px 0; 
   }
   #main-offer .offer-box {
      width: 48%;
      min-height: 260px;
   }
   #main-contact {
      padding: 40px 0;
   }
   #main-contact .pos-center {
      padding: 0 10px;
      margin: 0 50px;
   }
   #main-contact .form {
      width: 100%;
      float: none;
   }
   #main-contact .map {
      width: 100%;
      float: none;
      margin-top: 50px; 
   }
   #main-contact .form table {
	   width: 97%;
   }
}

@media screen and (max-width: 768px) {
	#main-offer{
      margin: 20px 50px;
      padding: 20px 0;	
	}
   #main-offer .offer-box {
      width: 98%;
      min-height: 260px;
      margin: 4% 1%;
   }
}
@media screen and (max-width: 480px) {
	#main .slogan {
      font-size: 200%; 
   }
	#main-offer{
      margin: 20px 10px;
	}
   #main-contact .pos-center {
      padding: 0 15px;
      margin: 0;
   }
   #main-contact .form table {
	   width: 94%;
   }
}


/* Content
--------------------------------------------------------------------------*/
#page-title {
   width: 100%;
   overflow: hidden;
   padding: 40px 0;
   background: url(../images/bg_header.jpg) center center no-repeat;
   background-size: cover;
   background-attachment: fixed;
   color: #fff;
}
#page-title h1 {
   font-family: 'Magra-Regular';
   font-size: 250%;
   text-transform: uppercase;
   margin: 0;
}
#page-title p {
   font-family: 'Magra-Regular';
   font-size: 14px;
   font-style: italic;
   margin: 0;
}
#page-title a {
   color: #fff;
}
#page-title a:hover {
   color: #f1d44b;
}
#title {
   width: 65%;
   float: left;
   line-height: 50px;
}
#p-nav {
   width: 35%;
   float: right;
   text-align: right;
   line-height: 50px;
}

#content {
   width: 70%;
   min-height: 600px;
   background: #fff;
   float: left;
   margin: 30px 0;
   padding: 20px;
   
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#content h2 {
   font-size: 160%;
   margin: 0;
}
#content h2 a.tel:hover {
   color: #dc4e04;
   opacity: 0.9;
}
#content p {
   margin: 20px 0;
   line-height: 22px;
}
#content ul {
   margin: 20px 0;
   line-height: 22px;
   list-style-type: circle;
}
.super {
   padding: 10px 20px;
   border: 1px solid #dc4e04;
   background: #f8f8f8 url(../images/cup.png) right bottom no-repeat;
}
#auto-galeria {
   background: #eee;
   overflow: hidden;
   padding: 0.5%;
}
#auto-galeria img {
   width: 100%;
}
#auto-galeria .box-foto {
   width: 24%;
   margin: 0.5%;
   float: left;
}
#wynajem-aut {
   text-align: center; 
   margin: 40px 0;  
}
#wynajem-aut a {
   color: #fff;
   font-weight: bold;
   background: #dc4e04;
   padding: 15px 70px;
   border-radius: 5px;
}
#wynajem-aut a:hover {
   color: #f1d44b;
}
#content .contact-adres {
   width: 40%;
   float: left;
}
#content .contact-form {
   width: 60%;
   float: right;
}
#content .map iframe{
   margin-top: 40px;
}
#content table {
   width: 95%;
}
#content .inp {
   width: 100%;
   height: 25px;
   padding: 5px 10px;
   margin-bottom: 5px;
   background: #eee;
   border: 1px;	
}
#content textarea {
   width: 100%;
   height: 180px;
   padding: 5px 10px;
   margin-bottom: 5px;
   background: #eee;
   border: 1px;	
}
#content .sub {
   padding: 7px 10px;
   margin-right: 15px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
   color: #fff;
   background: #dc4e04;
}
#content .res {
   padding: 7px 10px;
   background: rgba(255, 255, 255, 0.5);
   border: 0;	
   color: #fff;
   background: #dc4e04;
}
#galeria-more {
   text-align: center;
   margin: 30px 0;
   overflow: hidden;
}
#galeria-more a {
   font-weight: bold;
}
#galeria-more a:hover {
   color: #111;
   background: #f1d44b;
}
.active a {
   background: #000;
}
#galeria-more .active {
   float: left;
   padding: 10px 15px;
   margin: 2px;
   color: #fff;
   background: #111;
   border-radius: 4px;
}
#galeria-more .next {
   float: left;
   padding: 10px 15px;
   margin: 2px;
   color: #fff;
   background: #dc4e04;
   border-radius: 4px;
}
#holownik {
   width: 100%;
   overflow: hidden;
}
#holownik img {
   width: 100%;
}


@media screen and (max-width: 768px) {
	#page-title {
      padding: 30px 0;
   }
   
	#title {
      width: 100%;
      text-align: center;
   }
   #p-nav {
      width: 100%;
      text-align: center;
      line-height: 25px;
   }
   #content {
      width: 100%;  
      float: none; 
   }
   #auto-galeria .box-foto {
      width: 49%;
   }
   #content .contact-adres {
      width: 100%;
   float: left;
   }
   #content .contact-form {
      width: 100%;
   float: right;
}
}

@media screen and (max-width: 480px) {
   #wynajem-aut a {
      padding: 10px 20px;
   }
}


/* Sidebar
--------------------------------------------------------------------------*/
#sidebar {
   width: 30%;
   float: right;
   font-size: 15px;
   margin: 30px 0;
   padding-left: 30px;
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar .sidebar-box {
   width: 100%;
   overflow: hidden;
   background: #fff;
   margin-bottom: 30px; 
}
#sidebar .sidebar-box h3 {
	font-family: 'Magra-Regular';
	font-size: 150%;
	font-weight: normal;
   margin: 10px 20px;
   line-height: 30px;
   border-bottom: 1px solid #ddd;
}
#sidebar .sidebar-box p {
   margin: 10px 20px 20px 20px;
   line-height: 22px;
}

@media screen and (max-width: 768px) {
   #sidebar {
      width: 100%;   
      float: none;
      padding: 0;
   }
}

/* Footer
--------------------------------------------------------------------------*/
footer {
   background: #111;
   border-top: 4px solid #dc4e04;
   color: #aaa;
   padding: 10px 0 0 0; 
}
footer a {
   color: #f1d44b;
}
footer a:hover {  
   color: #dc4e04;
}
footer .foter-box-title {
	font-family: 'Magra-Regular';
	font-size: 140%;
   color: #f1d44b;
   margin: 5px 0 10px 0;
}
footer h3 {
   font-size: 110%;
   margin: 5px 0;
}
footer p {
   margin: 5px 0;
   line-height: 20px;
}
.pos-center {
   max-width: 1150px;
   margin: 0 auto;
}
footer .footer-box {
   width: 31.333%;
   overflow: hidden;
   float: left;
   margin: 1%;
   padding-bottom: 30px;
}
#autor {
   width: 100%;
   overflow: hidden;
   background: #dc4e04;
   line-height: 50px;
   color: #fff;
   font-size: 14px;
}
#autor a {
	color: #f1d44b;
}
#autor a:hover {
   color: #fff;
}
#footer-data {
   width: 50%;
   float: left;
}
#footer-autor {
   width: 40%;
   float: right;
   text-align: right;
   background: url(../images/whiteghost.png) right center no-repeat;
   padding-right: 30px;
}

@media screen and (max-width: 768px) {
	.pos-center {
      margin: 0 50px;
   }
   footer .footer-box {
      width: 98%;
      margin: 1% 0;
   } 
   #autor {
      text-align: center;
      line-height: 20px;
}
   #footer-data {
      width: 100%;
      padding: 7px 0;
   }
   #footer-autor {
      width: 100%;
      padding: 7px 0;
      border-top: 1px dotted #f1d44b;
      text-align: center;
      background: none;
   } 
}

@media screen and (max-width: 480px) {
	.pos-center {
      margin: 0 15px;
   }
   footer .footer-box {
      width: 98%;
      margin: 1% 15px;
   }  
}