*{margin:0; padding:0;}
body{font-family: 'Signika', Arial, Helvetica, sans-serif; font-size:12px;}
a img{border:0;}
a{text-decoration:none; color:#000;}

header, article, footer{margin:0 auto;}

.my-wrapper-header{background:url('/images/elem/heder-bg.jpg') #505050 repeat-x; height:100px; z-index: 99999;}
.my-navbar{}
.navbar-inverse{border:none; background:none;}
.my-navbar-nav{font-size:13px; margin-top: 10px;}
/*.my-navbar-nav a.active{background: none;}*/
.my-navbar-nav .navbar-nav>li>a{color:#cbc;}
.my-smallnavbar-nav{clear: both;}
.my-navbar-brand{margin-top:18px; text-align: center; display: block;}
.my-smallnavbar-nav{margin-top:20px;}
.my-smallnavbar-nav li a{padding-top:0; padding-bottom:0;}
.my-input-header{margin-top:17px; width:100%;}
.my-input-header input{border-radius: 0;}
.my-input-header textarea{border-radius: 0; height:100px; resize:none;}
.my-input-header button{float:right; background:#8bdde2; border:none; padding:5px 10px;}
.my-input-header a{color:#a6a7a7;}
.collapsed my-collapsed-nav{background:#900;}

#wstep{background:#ececec; margin-top:100px;}
#kontrahenci{background:#91deed;}
#rozrachunki{background:#ff9921;}
#zamowienie{background:#e4e4e4;}
#towary{background:#ff578f;}
#integracja{background:#ffcc00;}
#kontakt{background:#484848;  border-bottom:7px solid #8bdde2;}
.container{position: relative;}
.container-first{margin-top:70px;}
.container-next{margin-top:30px; margin-bottom: 50px;}
.container h1{color:#6d6d6d; font-size:40px; font-family: 'Roboto Condensed'; font-weight: 300; margin-top:0;}
.container h1.special-margin{margin-bottom:70px;}

.hover1:hover,.active1{background:#91deed;}
.hover2:hover,.active2{background:#ff9921;}
.hover3:hover,.active3{background:#e4e4e4;}
.hover4:hover,.active4{background:#ff578f;}
.hover5:hover,.active5{background:#ffcc00;}
.hover1:hover a,.active1 a, .hover2:hover a,.active2 a, .hover3:hover a,.active3 a, .hover4:hover a,.active4 a, .hover5:hover a,.active5 a{color:#FFF !important;}
 
.container-next h1{margin:20px 20px 0 0; float:left; color:#333132;}
.container h3{font-size:18px; color:#333132; margin-bottom:5px;}
.container p{font-size:14px; color:#333132;}
.box-text{background:#ffffff; padding:15px; clear: both; overflow: hidden;}
.box-text p.small{text-align: right; color:#939393; font-size:10px;}
.read-more{float:right; padding:10px; 30px;  margin-bottom:40px;}
.read-more a:hover{display: block; color:#000; text-decoration: none;}
.read-more1{background:#ffcd00;}
.read-more2{background:#8bdde2;}
.read-more3{background:#ff508a;}
.col-md-center{text-align: center;}
.special-margintop{margin-top:65px;}
.special-margintop2{margin-top:335px;}
.tel{position: absolute; z-index:9999; right:0; top:800px;}
.tel .tel1{display: block;}
.tel .tel2, .tel .tel3, .tel .tel4, .tel .tel5{display: none;}
.scrollme{position: fixed; top:130px; z-index:9999; left: 0; width: 100%;}
.scrollme .tel{top:0;}
.max_scroll .tel{top:3600px;}
.container .col{padding:0;}



.pluss-box{margin-top:20px; clear:both;}
.pluss-box-head{background: #FFF; float:left; padding: 11px 25px;}
.pluss-box-head h3{margin:0;}
.pluss-box-plus{background:url('/images/elem/bg-pluss-add.png'); float:left; height:41px;}
.pluss-box-body{clear: both; background:url('/images/elem/bg-body.png'); padding:25px 10px; margin-right:30px;}
.pluss-box-body ul{list-style: none;}
.pluss-box-body ul li{margin-bottom:35px; background:url('/images/elem/ul_arrow.png') left center no-repeat; padding-left:17px;}
.pluss-box-body ul li:last-child{margin-bottom:0;}

.comment-head{margin-left:28px;}
.comment-head img{margin-left:25px;}
.comment-body{background:url('/images/elem/bg-body.png'); padding:20px 30px 5px 30px;}
.comment-body p.autor{font-size:12px; color:#3f4040;}

.gotopmargin{margin-top:-50px;}

.small{display: none;}
.small h1{clear:both;}
.big img, .small img{float:left;}

.container-contact h1{margin-bottom: 10px;}
.container-contact h1, .container-contact h3, .container-contact p, .container-contact a{color:#FFF;}
.text-footer{clear:both; overflow: hidden;}

.small-fon{margin-left:20px;}
.small_logo{display: none;}
.my_loggin_button{margin:5px 0 0 0;}
.small_box{display: none;}

.box-text-small{background:#FFF; padding:10px 20px; margin-bottom: 10px; width:100%; height:60px;}
.box-text-small h3{font-size:18px; margin:0; padding-top:15px;}
.readmore-text-small{padding:10px 20px; margin-bottom: 10px; width:100%; height:60px;}
.readmore-text-small h3{font-size:18px; margin:0; padding-top:15px;}
.readmore-text1{background:#ffcd00;}
.readmore-text2{background:#8bdde2;}
.readmore-text3{background:#ff508a;}

@media screen and (min-width: 765px) {
	.container .from-hidde-small{display: none !important;}
}

@media screen and (max-width: 1200px) {
	.tel{top:900px; margin-right: -25px;}
	.max_scroll .tel{top:3700px;}
}
@media screen and (max-width: 765px) {
	.my-wrapper-header{height:50px;}
	.navbar-collapse{background:#323232; border:none; padding:20px 0;}
	.navbar-collapse ul{margin:0; padding:0;}
	.navbar-collapse ul li a{font-size:14px; padding:5px;}
	.hover1:hover{background:none;}
	.hover2:hover{background:none;}
	.hover3:hover{background:none;}
	.hover4:hover{background:none;}
	.hover5:hover{background:none;}
	.big_logo{display: none;}
	.small_logo{display: block;}
	.navbar-brand{padding:12px 15px;}
	.my-collapsed-nav{float:left;}
	.form-hidde{display: none;}
	.big_box{display: none;}
	.special-margintop,.special-margintop2{margin:0;}
	.small_box{display: block; margin:20px 0;}
}

@media screen and (max-width: 1000px) {
	.my-navbar-nav{font-size:12px;}
	.my-navbar-nav li a{padding-left:8px; padding-right:8px;}
	.my-smallnavbar-nav  li a{padding-left:5px; padding-right:5px;}
	.gotopmargin{margin:0;}
	.big{display: none;}
	.small{display: block;}
	.pluss-box-body ul li{margin-bottom: 10px;}
	.small_title h1{font-size:35px;}
	.small_title img{width:70px;}
	.small-fon{margin-top:-100px;}
	.pluss-box-body{margin:0;}
	.my_container{display: none;}
}
@media screen and (max-width: 550px) {
	.container h1.special-margin{font-size:28px;}
	.container-first{margin-top:30px;}
}

@media screen and (max-width: 400px) {
	.container h1.special-margin{font-size:22px;}
	.box-text-small h3{font-size:12px;  padding-top:20px;}
	.readmore-text-small h3{font-size:12px;  padding-top:20px;}
	.readmore-text-small,.box-text-small{padding:5px 10px;}
}



@media screen and (max-width: 490px) {
	.small-fon{margin-top:20px;}
}