/**********************************
*	General styles
***********************************/
*,h1, h2, h3, h4, h5, h6{font-family:'Open Sans';font-weight: 200;}
h2{font-size: 28px}
body {padding-top: 0}
@media only screen and (min-width: 980px) {
	body {padding-top: 0}
}

.btn-blue{font-size: 12px;color: #f7f7f7;background-color: #57c2f0;padding: 5px 10px;border-radius: 0}


/**********************************
*	Content
***********************************/
#main article {border-bottom:none}

/**********************************
*	Top
***********************************/
#top{border-bottom:1px solid #f1f5f7;height: 34px}
#top .container{padding-top: 6px;}
#top ul {list-style-type: none;margin: 0;padding: 0}
#top li{float:left;display: block;margin:0 10px; }
#top nav a,#top .quick-contact{font-size:12px}
#top nav a{color:#409ac1;}
#top .quick-contact{color:#6c6c6c;}
#top .quick-contact i{padding: 0 5px;font-size: 18px;color:#d3d5d4;vertical-align: middle;}
#top .quick-contact i.fa-envelope-o{padding-left: 15px;}

@media only screen and (max-width: 767px) {
	#top {height: 70px;text-align: center;}
	#top .navbar-header{}
	#top .navbar-right{margin-top: 9px;}
	nav{display: inline-block;}
}

/**********************************
*	Header
***********************************/
header nav{margin-top: 15px;}
header nav a{font-size: 17px;color:#535353;}
header nav>ul>li>a:hover{background:none !important;color:#57c2f0;}
header nav>ul>li:last-child>a{padding-right: 0;}
header li.active a{font-weight: 600;color:#3db5e9;}
.navbar-toggle {background-color: #57c2f0;margin-top: 22px;}
.navbar-toggle .icon-bar {background-color: #fff;}
header ul.nav li.dropdown:hover > ul.dropdown-menu {display: block}

/**********************************
*	Główny obraz w header
***********************************/
#call-to-action-top{height: 499px;background: url('images/header.png') no-repeat center 0}
#call-to-action-top img{margin:122px 0 0 -150px;}
#call-to-action-top h1{margin-top:70px;font-size: 42px;font-weight: 700;color:#333333;}
#call-to-action-top h1+p{margin:40px 0 60px;font-size: 18px;font-weight: 200;color:#333333;}
#call-to-action-top a{font-size: 24px;font-weight: 600;color:#f7f7f7;padding: 8px 15px}
#call-to-action-top a:first-of-type{background-color: #34495e;margin-right: 20px}
#call-to-action-top a:last-of-type{background-color: #57c2f0}

/**********************************
*	#info1,#info2
***********************************/
#info1,#info2{background-color: #e9eaeb}
#info1{color: #000}
#info1 h3{font-size: 36px}
#info1 p{font-size: 16px;text-transform: uppercase;margin-bottom: 40px}
#info2{padding-bottom: 40px;}
#info2 h4{font-size: 24px;color: #2c353e}
#info2 img{width: 75px;margin-top: 51px;}

/**********************************
*	Promocje
***********************************/
#promotions h3{font-size: 17px}
#promotions p{font-size: 13px;color: #868e97}
#promotions .price{font-size: 29px;color: #c21e11;font-weight: 700;margin-top: 50px;display: block;}
#promotions .price span{font-size: 17px;color: #73160e}
#promotions a{margin-top:10px;}

/**********************************
*	Wybrane produkty
***********************************/
#call-to-action-bottom h2{margin: 50px 0 30px}
#call-to-action-bottom h4{font-size:13px;color:#2d383e;font-weight: 700}
#call-to-action-bottom .price{font-size:13px;float: right;color:#a6413c;font-weight: 600;margin: 8px 0}
#call-to-action-bottom p{color:#2d383e;font-size: 12px}
#call-to-action-bottom i{color:#7b8a92}
#call-to-action-bottom img{width: 100%;}

/**********************************
*	Bottom
***********************************/
#bottom{background-color: #2f3640;padding-bottom: 20px;border-bottom: 1px dashed #474e57;margin-top: 30px}
#bottom h3{color: #fff;font-size:18px;margin-bottom: 20px}
#bottom img{width: 100%;padding: 5px;}
#bottom p,#bottom address{color:#a1a4a9;font-size:13px}
#bottom address{margin-top:30px;}
#bottom a{color:#72d1fa;font-size: 13px}
#bottom ul{list-style-type: square;color:#989ba0}
#bottom li{line-height: 30px}
#bottom i{font-size:30px;color:#979a9f;float: left;margin:35px 20px 20px 0;}

/**********************************
*	Footer
***********************************/
footer{background-color: #282f39}
footer p{color: #777777;padding:20px 0;}
#scroll-to-top{color: #fff;float: right;font-size:12px}

/**********************************
*	Toggle
***********************************/
div.toggle{margin:10px 0 0;position:relative;clear:both}
div.toggle>label{color:#fff;background:#57c2f0;cursor:pointer;font-size:16px;font-weight:normal;padding:10px 20px;position:relative;display:block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:all .10s ease-out;-moz-transition:all .10s ease-out;-o-transition:all .10s ease-out;transition:all .10s ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
div.toggle div.toggle-content{border:0;display:none;background:#fff;margin-top:-5px;padding:15px 20px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
div.toggle>label:before{content:'';border:6px solid transparent;border-top-color:inherit;position:absolute;top:50%;right:14px;margin-top:-3px}
div.toggle>label:hover{background:#34495e}
div.toggle>label+p{color:#888;height:25px;display:block;overflow:hidden;padding-left:10px}
div.toggle.active>label:before{border:6px solid transparent;border-bottom-color:#fff;right:14px;margin-top:-10px}
div.toggle.active > label {color:#fff;background-color:#F07057;}


/**********************************
*	Oferta
***********************************/
#offer div.price-table{background:#fff;margin:30px 0;text-align:center;padding-bottom:30px}
#offer div.row.pricetable-container{padding:0 15px}
#offer div.price-table h3{font-size:25px;line-height:25px;padding:30px 0;border-bottom:#e7e7e7 2px solid;text-transform:uppercase}
#offer div.price-table p{color:#666;font-size:36px;padding:30px 0;font-weight:400}
#offer div.price-table p span{display:block;font-size:10px;font-weight:300;text-transform:uppercase}
#offer div.price-table ul{margin:0;padding:0}
#offer div.price-table ul li{list-style:none;font-size:12px;border-bottom:#ddd 1px dashed;padding:8px;text-transform:uppercase}
#offer div.price-table.popular,#offer div.price-table.popular ul li,#offer div.price-table.popular p,#offer div.price-table.popular p span,#offer div.price-table.popular h3{color:#fff}
#offer div.price-table.popular{background:#676767}
#offer div.price-table .btn{margin-top:30px}

/**********************************
*	Realizacje
***********************************/
#post-7 img{width:275px;margin:3px}

/**********************************
*	Oferta - Garaże blaszane
***********************************/
#post-25 img{width:275px;margin:3px}