@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Museo';
    src: url('fonts/MuseoSans-300.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('fonts/BebasNeue.otf');
    font-weight: normal;
    font-style: normal;
}
body {
    background: url('images/subtle-bg/scribble_light.png') repeat;
    background-color:#efefef;
    margin:10px;
    font: 14px/18px 'Museo', Arial, sans-serif;
    color:#000000;
}
.logo {
    float:left;
    width:350px;
    margin: 5px;
}
.logo-2 {
	position: relative;
	top: 90px;
	padding-right: 20px;
    float:right;
}
h1{
    color: #3a3017;
}
h2 {
    color:#3a3017;
}
a.red {
    color: #3a3017;
    border-bottom:1px solid #ccbba7;
}
a:hover.red {
    color:#000000;
    background:#ccbba7;
    text-decoration: none;
}
a.buy, a:visited.buy {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#313131;
    text-decoration:none;
    border-bottom:1px dotted #666;
    font-weight:normal;
    text-transform:uppercase;
    float:right;
}
a:hover.buy {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#fff;
    background:#666;
    text-decoration:none;
    font-weight:normal;
    text-transform:uppercase;
    float:right;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    color: #ffffff;
    background-color: #3a3017;
}
.nav-pills > li > a {
    text-transform: uppercase;
    color: #3a3017;
}
.nav-pills > li > a:hover
{
    color: #000;
    background-color: #ccbba7;
}
.nav-pills > .active > a:hover{
    color: #000;
    background-color: #ccbba7;

}
.hero-unit {
    padding: 12px;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
}

#nobg
{
    background: none;
}
.icon-email {
    background-image: url("images/email.png");
    background-position: center center;
    height: 14px;
    width: 14px;
}
.icon-phone {
    background-image: url("images/phone.png");
    background-position: center center;
    height: 14px;
    width: 14px;
}
.icon-fb {
    background-image: url("images/fb.png");
    background-position: center center;
    height: 14px;
    width: 14px;
}
.icon-uk {
    background-image: url("images/en.png");
    background-position: center center;
    height: 14px;
    width: 14px;
}
.icon-pl {
    background-image: url("images/pl.png");
    background-position: center center;
    height: 14px;
    width: 14px;
}
.pinterest{
    background-image: url("//assets.pinterest.com/images/pidgets/pin_it_button.png");
    float: right;
    width: 40px;
    height: 20px;
}
.kup{
    background-image: url("images/kup.png") ;
    width: 40px;
    height: 20px;
    float: right;
    margin-right: 10px;
}
.buy{
    background-image: url("images/buy.png") ;
    width: 40px;
    height: 20px;
    float: right;
    margin-right: 10px;
}
.zamow{
    background-image: url("images/zamow.png") ;
    width: 40px;
    height: 20px;
    float: right;
    margin-right: 10px;
}
.order{
    background-image: url("images/order.png") ;
    width: 40px;
    height: 20px;
    float: right;
    margin-right: 10px;
}
.nobreak{
    display: inline;
}

.outstanding > li > a {
    text-transform: uppercase;
    color: #000000;
    background-color: #ccbba7 ;
}
.outstanding > li > a:hover
{
    color: #ffffff;
    background-color: #3a3017;
}
.outstanding > .active > a:hover{
    color: #000;
    background-color: 313131;}

.outstanding > .active > a,
.outstanding > .active > a:focus
{
    color: #ffffff;
    background-color: #3a3017;}



