@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background: #f4f4f4;
	background: url("../img/bg.png") repeat #f4f4f4;
    font-family: open_sansregular;
     padding: 20px 0 0;
}

h4 {
	font-family: open_sansbold;
}
strong {
	font-family: open_sansbold;
	font-weight:normal;
}


.btn-action,
.btn-action:focus {
    border-color: #f28b3f;
    color: #FFFFFF;
  	background: url("../img/btn-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); 
}
.btn-action:hover {
	background: #e6680a;
    border-color: #e6680a;
    color: #FFFFFF;
}
.btn-action:active {
  	color: #FFFFFF;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e6680a;
}


.ribbon {
    background: url("../img/ribbon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 65px;
    margin: 0 auto 20px;
    width: 773px;
}
.ribbon h2 {
    color: #FFFFFF;
    font-weight: 100;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-family: open_sanslight;
}


.calculator {
	background: none repeat scroll 0 0 #FFFFFF;
    margin: -38px auto 20px;
    padding: 17px 20px;
    width: 730px;
}


.table,
.table th {
	text-align:center;
}
.table .text-left {
	text-align:left;
}


.calculator .navbar {
	background-color: #7CC6C7;
    border: medium none;
    border-radius: 0;
    margin: 0 0 5px;
}
.calculator .navbar span {
	color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 50px;
    padding: 0 3px;
    text-transform: uppercase;
}
.calculator .navbar .navbar-nav > li > a {
	color:#fff;
}
.calculator .navbar .navbar-nav.nav-pop > li > a {
	text-decoration:underline;
}
.calculator .navbar .navbar-nav.nav-pop > li > a:hover {
	color:#eee;
}
.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}


.calculator .navbar .navbar-nav.navbar-right > li > a {
	color:#fff;
	background-color: #66B0B1;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #66B0B1;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #7CC6C7;
}

/* wyszukiwarka */
.navbar-default .form-group {
    position:relative;
    width:260px;
}
.navbar-default .form-group .form-control {
    background: url("../img/loupe.png") no-repeat scroll 8px 7px #FFFFFF;
    border: 1px solid #7CC6C7;
    color: #666666;
    padding-left: 30px;
}
.navbar-default .form-group .reset_btn {
  background: url("../img/ico_close_circle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 18px;
    opacity: 0.3;
    padding: 0;
    position: absolute;
    right: 8px;
    text-indent: -99999px;
    top: 8px;
    width: 18px;
    z-index: 3;
}
.navbar-default .form-group .search_suggestions {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    left: 2px;
    padding: 0;
    position: absolute;
    top: 33px;
    width: 256px;
}
.navbar-default .form-group .search_suggestions table {
	font-size: 12px;
    margin: 0;
    text-align: right;
}
.navbar-default .form-group .search_suggestions table td {
	border-top: 1px solid #CCCCCC;
    line-height: 2;
    padding: 8px;
}

ul.ui-autocomplete {
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 3px 3px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 259px !important;
    z-index: 999999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
ul.ui-autocomplete .ui-menu-item {
	
}
ul.ui-autocomplete .ui-menu-item a.ui-corner-all {
	color:#666;
	padding: 5px 10px;
    display: block;
    cursor:pointer;
    text-decoration:none;
}
ul.ui-autocomplete .ui-menu-item a.ui-corner-all.ui-state-focus {
	background: none repeat scroll 0 0 #66B0B1;
	color:#fff;
}



/* tabelka */
.table.table-striped .amount {
	
}
.table.table-striped .amount input {
	margin: 0 auto;
    padding: 6px 0;
    text-align: center;
    width: 55px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #EBF7F7;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid #7CC6C7;
    line-height: 1.42857;
    padding:14px 8px;
}
.table thead > tr > th {
    border-bottom: 2px solid #7CC6C7;
    vertical-align: bottom;
    font-family: open_sansbold;
	font-weight:normal;
}
.table thead > tr > th a {
	color: #268589;
}
.table thead > tr > th a:hover {
	color: #7CC6C7;
}
table tfoot > tr > td {
	background: none repeat scroll 0 0 #D8EDEE;
    border-top: 2px solid #7CC6C7 !important;
    color: #268589;
    font-size: 16px;
    font-weight: bold;
}
table tfoot > tr > td {
	font-family: open_sansbold;
	font-weight:normal;
}
table tfoot > tr > td.text-left {
	font-size: 14px;
}



.chart {
	background: none repeat scroll 0 0 #FFFFFF;
    margin: -38px auto 0;
    padding: 35px 20px 30px;
    width: 730px;
}
.chart .b-left {
	float:left;
	width:320px;
	text-align:center;
	margin: 0 0 0 20px;
}
.chart .b-right {
	float:right;
	width:350px;
	text-align:center;
}
.chart .b-right .price {
	color: #2F6086;
    font-family: bebas_neueregular;
    font-size: 72px;
    line-height: 1em;
    margin: 0;
}
.chart .b-right .price span {
    font-size: 31px;
    margin: 0 0 0 4px;
}

.boxes {
	background: url("../img/shadow.png") no-repeat scroll 50% 162px rgba(0, 0, 0, 0);
}
.boxes .box {
	float: left;
    width: 50%;
}
.boxes .box-1 .measure{

}
.boxes .box-2 {

}
.boxes .box p {
	color: #F28B3E;
    font-family: bebas_neueregular;
    font-size: 18px;
    margin: 0;
    position:relative;
}
.boxes .box.box-2 p {
	font-weight:bold;
	color: #66B0B1;
}

.boxes .box.box-2 a {
	color: #66B0B1;
}

.boxes .box .column {
	display: block;
    height: 170px;
    margin: 0 auto 10px;
    width: 120px;
    position:relative;
}
.boxes .box span {

}
.boxes .box .column .price {
	bottom: 25px;
    color: #FFFFFF;
    font-family: bebas_neueregular;
    font-size: 36px;
    left: 0;
    position: absolute;
    right: 0;
}
.boxes .box .column .price span {
    font-size: 24px;
    margin: 0 0 0 4px;
}
.boxes .box-1 .column .measure {
	background: url("../img/bar-2.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;	
}
.boxes .box-2 .column .measure {
	background: url("../img/bar-1.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;	
}




.modal-body  table {
    margin: 0;
    text-align: right;
}
.modal-body  table td {
	line-height: 2;
    padding: 10px;
}

.btn-group.category .btn-link,
.btn-group.category .btn-link:focus {
  	background-color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow: none !important;
    color: #333333;
    font-family: open_sansbold;
    padding: 0 5px 10px;
    text-decoration: none;
}
.btn-group.category .btn-link:hover {
	background-color: #fff;
    border-color: #fff;
    color: #111;
    box-shadow:none;
}
.btn-group.category .btn-link:active {
  	color: #111;
  	text-shadow: 0 0 0;
	background-color: #fff;
    border-color: #fff;
    box-shadow:none;
}
.btn-group.category ul {
	margin: -7px 0 0;
}


.contact-boxes {

}
.contact-boxes .contact-box {
	background: none repeat scroll 0 0 #7CC6C7;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px;
    padding: 30px 0;
    text-align: center;
    width: 49%;
}
.contact-boxes .contact-box span {
	display: block;
    font-size: 36px;
    margin: 0 0 10px;
}
.contact-boxes .c-mail {
	text-decoration: none;
}
.contact-boxes .c-mail:hover {
	background: none repeat scroll 0 0 #40b9bb;
}
.contact-boxes .c-phone {
	float:right;
	background: #E6680A;
}


.h-saving {
	color: #2F6086;
    font-family: bebas_neueregular;
    font-size: 24px;
    margin: 10px 0 4px;
}

.ui-helper-hidden-accessible {
	display:none !important;
}

.tooltip-pop {
    position: relative;
    text-decoration: underline;
}
.tooltip-content {
    display: none;
    left: 0;
    position: absolute;
    bottom: 17px;
    z-index: 999;
}
.tooltip-content span {
	background: none repeat scroll 0 0 #548DA5;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: open_sansregular;
    font-size: 12px;
    padding: 5px;
    display: block;
}
.tooltip-content strong {
	background: url("../img/ribbon.png") no-repeat scroll -758px -48px rgba(0, 0, 0, 0);
    display: block;
    height: 12px;
    margin: 0 0 0 5px;
    width: 12px;
}


.modal-dialog {
    padding-top: 10%;
}

.logo {
	text-align:center;
	padding:0 0 30px;
}