/**********************************
*	General styles
***********************************/
h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu';}
*{font-family: 'Source Sans Pro'}
p,address{color:#424141;font-weight: 400;font-size: 16px;line-height: 26px;}
a,a:hover{text-decoration: none}
body {padding-top: 0;}
@media only screen and (min-width: 980px) {
	body {padding-top: 0;}
}

/**********************************
*	Buttons
***********************************/
.btn-blue{
	font-size: 16px;
	padding: 7px 20px;
	color: #fff;
	background: rgb(63, 179, 210);
	background: -moz-linear-gradient(270deg, rgb(63, 179, 210) 30%, rgb(108, 198, 223) 70%);
	background: -webkit-linear-gradient(270deg, rgb(63, 179, 210) 30%, rgb(108, 198, 223) 70%);
	background: -o-linear-gradient(270deg, rgb(63, 179, 210) 30%, rgb(108, 198, 223) 70%);
	background: -ms-linear-gradient(270deg, rgb(63, 179, 210) 30%, rgb(108, 198, 223) 70%);
	background: linear-gradient(0deg, rgb(63, 179, 210) 30%, rgb(108, 198, 223) 70%);
}
.btn-blue:active,.btn-blue:hover,.btn-blue:focus{background:none;background-color: #64c3dd !important;color: #000 !important;}
.btn-red{
	font-size: 16px;
	padding: 7px 20px;
	color: #fff;
	background: rgb(237, 62, 73);
	background: -moz-linear-gradient(270deg, rgb(237, 62, 73) 30%, rgb(240, 95, 104) 70%);
	background: -webkit-linear-gradient(270deg, rgb(237, 62, 73) 30%, rgb(240, 95, 104) 70%);
	background: -o-linear-gradient(270deg, rgb(237, 62, 73) 30%, rgb(240, 95, 104) 70%);
	background: -ms-linear-gradient(270deg, rgb(237, 62, 73) 30%, rgb(240, 95, 104) 70%);
	background: linear-gradient(0deg, rgb(237, 62, 73) 30%, rgb(240, 95, 104) 70%);
}
.btn-red:active,.btn-red:hover,.btn-red:focus{background:none;background-color: red !important;color: #000 !important;}

/**********************************
*	Header
***********************************/
header{height: 66px}
header .navbar{background-color: #fff}
header nav >ul>li >a{padding-top:18px !important;font-weight: 400;font-size: 14px;color: #262626;text-transform: uppercase;border-top:2px solid transparent}
header nav >ul>li >a:hover,header nav >ul>li.active a:focus >a,header nav >ul>li.active >a{color:#ed3e49;}
header nav >ul>li.active >a{font-weight: 500;border-top-color: #ed3e49;}
header .nav > li > a:hover, header .nav > li > a:focus{background: none}

/**********************************
*	Content
***********************************/
#content {padding-top: 40px}
#main article {border-bottom: none}

/**********************************
*	HOME - Górna część z ofertą
***********************************/
#call-to-action-1 {background: url('/wp-content/themes/wp-bootstrap/images/header.jpg') no-repeat center 0;color:#f8f8f8;height: 489px;}
#call-to-action-1 .row{margin-top: 100px;}
#call-to-action-1 h1{font-size: 30px;color:#333333;font-weight: 300;line-height: 60px;margin-top: 33px;}
#call-to-action-1 h2{background-repeat:no-repeat;font-family: 'Source Sans Pro';font-size: 20px;font-weight:200;height: 65px;line-height: 62px;padding-left: 10px;}
#call-to-action-1 h2 a{color:#fff;}
#call-to-action-1 h2 a:hover{color:#000;}
#call-to-action-1 h2.garaze{background-image: url('/wp-content/themes/wp-bootstrap/images/header-garaze.png')}
#call-to-action-1 h2.hale{background-image: url('/wp-content/themes/wp-bootstrap/images/header-hale.png')}
#call-to-action-1 h2.altany{background-image: url('/wp-content/themes/wp-bootstrap/images/header-altany.png')}
#call-to-action-1 a{margin-top:10px}
#call-to-action-1 p{color:#696767;}

/**********************************
*	HOME - Promocje
***********************************/
#promotions {margin-top:32px;}
#promotions h2{font-size: 36px;color:#ed3e49;margin: 0 0 20px;font-weight: 200}
#promotions p{color:#333333}
#promotions b.mega{font-size: 22px;font-weight: 600}
#promotions hr{border:none;border-bottom: 1px solid #fcdee0;width:50%;}

/**********************************
*	HOME - Dzwon
***********************************/
#call-to-action-2{background-color: #ed3e49;height: 92px;color:#fff;}
#call-to-action-2 .col-sm-4{border-left:1px solid #dc2d38;height: 92px;text-transform: uppercase;font-weight: 300;}
#call-to-action-2 .col-sm-4:last-child{border-right:1px solid #dc2d38;}
#call-to-action-2 i{font-size: 35px;margin:15px 0 10px;}
#call-to-action-2 p{font-size:22px;color:#fff;margin:30px 0;font-weight: 300;}

/**********************************
*	Boxy
***********************************/
#boxes p{font-size:14px;line-height: 20px}
#boxes h3{margin-top:0;font-size: 18px}
#boxes div h3,#boxes div p{margin-left: 51px;}
#boxes div>span{display: block;float:left;width:27px;height:27px;background-color: #ed3e49;transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#boxes span i,#boxes span span{display: block;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);color:#fff;padding: 5px 0 0 4px;}
#boxes span span{font-size: 11px;padding-left: 1px;}

/**********************************
*	Wybrane realizacje
***********************************/
#gallery {
	margin-top:20px;
	padding-top:112px;
	height: 475px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(270deg, rgb(255, 255, 255) 30%, rgb(246, 246, 246) 70%);
	background: -webkit-linear-gradient(270deg, rgb(255, 255, 255) 30%, rgb(246, 246, 246) 70%);
	background: -o-linear-gradient(270deg, rgb(255, 255, 255) 30%, rgb(246, 246, 246) 70%);
	background: -ms-linear-gradient(270deg, rgb(255, 255, 255) 30%, rgb(246, 246, 246) 70%);
	background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgb(246, 246, 246) 70%);
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#gallery h2{font-weight: 200}
#gallery p{color:#898989;line-height: 30px;font-weight: 300;margin-top: 20px}
#gallery .images{white-space: nowrap;}
#gallery img{padding: 0 5px}
#gallery img:first-child{padding-left: 0}
#gallery img:last-child{padding-right: 0}
#gallery a{margin-top: 20px}

/**********************************
*	Bottom
***********************************/
#bottom{padding:50px 0;background-color: #e9e9e9;color: #1c1c1c}
#bottom h4{font-weight: 200;text-transform: uppercase;margin: 0 0 20px 30px}
#bottom p,#bottom ul{font-size: 14px;line-height: 18px}
#bottom h4+p,#bottom h4+ul{margin-top: 20px;}
#bottom i{color: #ed3e49;font-size: 20px;float: left;}
#bottom ul{list-style-type: square;}
#bottom ul li{padding: 5px 0}
#bottom a{color: #ed404b;font-weight: 600}
#bottom a.btn{color: #fff;font-weight: 300;margin-left: 24px;}

/**********************************
*	Footer
***********************************/
footer{height:90px;padding:15px 0;background-color: #fff;}
footer i{font-size: 35px;border:1px solid #fff;border-radius:100px;width:100px;height:100px;display: block;padding-top: 30px;margin: 20px auto}
footer p{color: #1e1e1e;font-size: 14px;font-weight: 200}
footer ul{display: inline-block;}
footer nav{margin-top: 10px;}

/**********************************
*	Oferta - garaże
***********************************/
/**********************************
*	Oferta - hale
***********************************/
#post-12 img{width:270px;margin: 5px;}

/**********************************
*	Oferta - child
***********************************/
.panel-heading {text-transform: uppercase;padding: 10px 15px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel-body>ul{list-style-type:none;padding:0;margin:0}
.panel-body>ul>li{border-bottom:1px solid #e9e9e9}
.panel-body>ul>li:last-child{border-bottom:0}
.panel-body>ul>li>a{display:block;padding:7px 0;font-weight:600;font-size:12px;color:#999;text-transform:uppercase;text-decoration:none}
.panel-body>ul>li>a:hover{color:#333}

/**********************************
*	Oferta - hale
***********************************/
#post-14 img{width:270px;margin: 5px;}

/**********************************
*	Oferta - kojce
***********************************/
#post-16 img{width:270px;margin: 5px;}

/**********************************
*	Oferta - wiaty
***********************************/
#post-33 img{width:270px;margin: 5px;}

/**********************************
*	Realizacje
***********************************/
#post-30 img{width:270px;margin: 5px;}