@import url(stala/default.css);

body, td, div, dl, dt, dd, menu, ul, ol, li, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #3a3a3a;
	font-weight: 400;
	line-height: 140%;
}
h1 {
	font-size: 24px;
	padding-top: 40px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 200;
}
a {
	text-decoration: none;
	color: #ff5300;
}
a:hover {
    text-decoration: underline;
}
a:active, a:focus {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #fff url(tlo.png) center 68px no-repeat;

}

hr, .hr {
	border: 0; height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    width:100%;
	margin: 20px 0 20px 0;
}

ul, ol {
	list-style-position: outside;
	margin-left: 25px;
	margin-bottom: 0px;
	padding: 0px;
    vertical-align:middle;
}

.text {
	line-height: 140%;
	width:100%;
	clear:both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
}

.main {
	clear: both;
	width: 1060px;
	position: relative;
	text-align: center;
	margin: auto;
}

/*STRTA HEADER***********************************************************************/

#logo {
	width: 160px;
	height: 90px;
	float:left;
	font-size: 30px;
	text-align: center;
	position:absolute;
	top: 9px;
	left: 15px;
	z-index:100;
	text-indent: -9999px;
}

#logo span {
	width: 160px;
	height: 90px;
	position:absolute;
	top:0;
	left:0;
	background:url(logo2.png);
}

.loga{
	position: absolute;
	top: 8px;
	right: 0px;
}
.text-menu{
	position: absolute;
	top: 78px;
	right: 10%;
	color: #fff;
	font-size: 16px;
}

.loga span{
	float: left;
	display: inline-block;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
	padding-right: 4px;

}

.loga a {
	display: inline-block;
	width: 98px;
	height: 28px;
	margin-left: 14px;
	margin-top: 4px;
}

.loga a:hover img {
	opacity: .6;
}

.bns{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(bns.png) no-repeat;
	width: 106px;
	height: 106px;
}

header {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	height: 405px;
	background: url(cien.png) right bottom no-repeat;
}

#wiodaca {
	position: absolute;
	top: 65px;
	left: -25px;
}

/*NAWIGACJA ROZWIJANA*************************************************/

nav {
	position: absolute;
	top: 69px;
	right: 0;
}

nav a#home {
	width: 14px;
	height: 14px;
	padding-right: 12px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 12;
	background-image: url(home.png);
	background-repeat: no-repeat;
	background-position: center center;
}

nav li {
	display: inline-block;
	text-align:center;
	position:relative;
	text-transform: uppercase;
	height: 35px;
	border-right: 1px solid #5d5a5a;
}

nav li :first-child {
	background:none;
}

nav li:last-child {
	border: none;
}

nav li.s a, nav li:hover {
	color:#fff;
	text-decoration:none;
	background: url(pattern.gif);
}

nav li a {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding-right: 17px;
	padding-left: 15px;
	position:relative;
	top: 10px;
	font-weight: 300;
	text-transform: uppercase;
}


nav li.s a, nav li:hover a, nav li.act a {
	color:#fff;
	text-decoration:none;
	background:url(menus.gif) no-repeat center bottom;
}

nav li.s menu a, nav li.act menu a, nav li:hover menu a {
	color:#fff;
}

nav li menu {
	display:none;
	position:absolute;
	text-align:left;
	background-color: #343131;
	padding: 0px 10px 20px 10px;
	z-index:2;
	min-width:150px;
	border-bottom: solid 3px #cace11;
}

nav li menu a {
	color:#fff;
	display:block;
	padding: 7px 10px 7px 10px;
	white-space: nowrap;
	font-size: 12px;
	background:none !important;
	line-height: 100% !important;
	height:auto !important;
	margin-bottom: 2px !important;
}

nav li menu a {
	color:#ffffff;
}

nav li menu a:hover, nav li menu a.s {
	color:#000;
	background: #cace11 !important;
}

/*FOOTER*************************************************/

footer {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#copy {
	color:#b4b9bd;
	font-size:11px;
}
#studio {
	font-size:10px;
}

#studio a {
	color:#202224;
}

#studio a:hover {
	text-decoration: none;
	color: #cace11;
}

/*ŚRODEK*************************************************/

#content {
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#content h1{
	color: #343131;
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 10px;

}




.soc{
	position: absolute;
	right: -40px;
	top: 44%;
	width: 310px;
	background: url(tlo_soc.png) center center no-repeat;
	height: 110px;
}

.soc a{
	display: inline-block;
	width: 37px;
	height: 37px;
	position: absolute;
}

.soc a:hover{
	opacity: 0.5;
}

.soc h3{
	width: 85px;
	float: left;
	font-size: 14px;
	color: #393939;
	font-weight: 300;
	text-align: left;
	margin-top: 45px;
	margin-left: -5px;
}

.fb{background: url(soc1.png) no-repeat; top: -2px; right: 159px;}
.tw{background: url(soc2.png) no-repeat; top: -2px; right: 103px;}
.in{background: url(soc3.png) no-repeat; top: -2px; right: 51px;}
.cm{background: url(soc4.png) no-repeat; bottom: 0; right: 180px}
.sk{background: url(soc5.png) no-repeat; bottom: 0; right: 125px;}
.gg{background: url(soc6.png) no-repeat; bottom: 0; right: 71px;}

.kontakt{
	position: absolute;
	right: 10%;
	bottom: 120px;
	width: 260px;
	text-align: right;
	line-height: normal;
}

.kontakt span{
	display: inline-block;
	font-size: 30px;
	color: #2e2e2e;
	background: url(tel.png) left center no-repeat;
	font-weight: 300;
	padding-left: 35px;
}

.kontakt a{
	font-size: 16px;
	color: #bbbf00;
	font-weight: 300;
	line-height: 0%;
}



.kform{
	position: absolute;
	text-align: left;
	width: 260px;
	right: 0;
	top: 37%;
}

.kform span{
	font-size: 20px;
	color: #393939;
	font-weight: 300;
	line-height: 0;
	margin-left: 5px;
}

.kform h4{
	font-size: 30px;
	color: #b1b1b1;
	font-weight: bold;
	line-height: 80%;
	margin-left: 5px;
}

.kform input[type=text] {
	font-size: 9px;
	color: #5b5b5b;
	text-transform: uppercase;
	width: 228px;
	border: none;
	padding: 13px 0 13px 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: #f7f7f7 url(br.png) center 29px no-repeat;
}

.kform textarea{
	font-size: 9px;
	color: #5b5b5b;
	text-transform: uppercase;
	width: 228px;
	height: 72px;
	border: none;
	border-radius: 10px;
	padding: 8px 0 0 8px;
	background: #f7f7f7 url(br.png) center 63px no-repeat;
	resize: none;
}

.wyslij{
	display: block;
	background: url(wys.png) no-repeat;
	width: 25px;
	height: 25px;
	border: none;
	position: absolute;
	top: 125px;
	right: 22px;
	cursor: pointer;
}

.tlo{
	clear: both;
	float: left;
	width: 100%;
	background: url(tlobox.gif) left bottom repeat-x;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}



.opis{
	text-align: center;
	font-size: 13px;
	color: #fffefe;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	padding: 15px;
	display: none;
}

.box{
	position: relative;
	width: 330px;
	height: 215px;
	float: left;
	cursor: pointer;
}

.box h2 a:hover{
	text-decoration: none;
}

.box:nth-child(1){
	margin-left: 27px;
}

.box:nth-child(2n){
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}


.b1{background: url(ik1.gif) center 40px no-repeat;}
.b2{background: url(ik2.gif) center 40px no-repeat;}
.b3{background: url(ik3.gif) center 40px no-repeat;}
.b4{background: url(ik4.gif) center 40px no-repeat;}
.b5{background: url(ik5.gif) center 40px no-repeat;}
.b6{background: url(ik6.gif) center 40px no-repeat;}

.box:before{
	content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
	position: absolute;
	left: 50%;
	bottom: 10px;
}

.box:hover:after{
	content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
	position: absolute;
	left: 49%;
	bottom: 131px;
}

.b1:before{background: url(tr1.png) no-repeat;}
.b2:before{background: url(tr2.png) no-repeat;}
.b3:before{background: url(tr3.png) no-repeat;}
.b4:before{background: url(tr4.png) no-repeat;}
.b5:before{background: url(tr5.png) no-repeat;}
.b6:before{background: url(tr6.png) no-repeat;}

.b1:hover:before, .b2:hover:before, .b3:hover:before, .b4:hover:before, .b5:hover:before, .b6:hover:before{background: none;}


.b1:hover:after{background: url(tr1.png) no-repeat;}
.b2:hover:after{background: url(tr2.png) no-repeat;}
.b3:hover:after{background: url(tr3.png) no-repeat;}
.b4:hover:after{background: url(tr4.png) no-repeat;}
.b5:hover:after{background: url(tr5.png) no-repeat;}
.b6:hover:after{background: url(tr6.png) no-repeat;}


h2 {
	width:100%;
	float:left;
	clear:both;
	font-size: 22px;
	font-weight: bold;
	margin-top: 85px;
}

h2 a{
	color: #343131;
}

h3{
	font-size: 16px;
	color: #676767;
	font-weight: 300;
}

#scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 980px;
  height:190px;
	margin: 30px 0 40px 40px;
}


#scrollable .items, #scrollable2 .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

.realizacje .items .real {
  float:left;
  width: 188px;
	position:relative;
  margin: 7px 5px 0px 4px;
}

.realizacje .items .real div {
	width:170px;
	height:140px;
	background: rgba(0,0,0,.8) url(look.png) no-repeat center center;
	position:absolute;
	left:9px;
	top:2px;
	display: block;
	opacity:0;
	z-index:100;
	cursor:pointer;
	-moz-transition: 1s;
	-webkit-transition: 1s; 
	transition: 1s;
}


.realizacje .items .real:hover div {
	opacity:1;
}



.realizacje .items .real a {
	color:#b5b5b5;
}

.realizacje .items .real:hover a {
	color:#cace11;
	text-decoration:none;
}


.realizacje .items img {
	display: inline-block;
	outline: 5px solid #d7d7d7;
	border: solid 2px #fff;
}



.partners {
	position:relative;
}


.partner {
  float:left;
  width: 170px;
	position:relative;
  margin: 7px 6px 0px 0px;
}




.partner div {
	width:200px;
	background: rgba(0,0,0,.8);
	position:absolute;
	right:-180px;
	bottom:100px;
	display: block;
	z-index:100; 
	cursor:pointer;
	text-align:left;
	color:#fff;
	font-size:11px;
	padding:15px;
	line-height:140%;
	display:none;
	-moz-transition: 5s;
	-webkit-transition: 5s; 
	transition: 5s;
}

.partner:hover div {
	display:block;
}

.partner div::before {
	content: "";
	width: 24px;
	height:20px;
	display: block;
	position:absolute;
	bottom:-20px;
	left:20px;
	background: url(rog.png) no-repeat left top;
}

.partner div a {
	color:#fff;
	font-size:14px;
	display: block;
	margin-bottom:5px;
	font-weight:bold;
	
}

.partner div a {
	color:#fff;
}

.partner div a:hover {
	color:#cace11;
	text-decoration:none;
}


.partner img {
	display: inline-block;
	outline: 1px solid #d7d7d7;
	border: solid 4px #fff;
}

.partner:hover img {
	border: solid 4px #d7d7d7;
}


#nagl_klienci {
	background: url(nasi_kli.png) no-repeat left top;
	width: 330px;
	height: 39px;
	line-height:39px;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	display: block;
	margin: 0 auto;
}



.set{
	position:absolute;
	left: -62px;
	top: 35px;
	color:#343131;
}

.items a img{
	margin-bottom: 10px;
}

.items a span{
	font-size: 11px;
	color: #b5b5b5;
}

.items a:hover span{
	color: #cace11;
}





.prev {
    background: url(nav2l.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 61;
    margin-top: -25px;
	border: none;
    cursor: pointer;
}

.next {
    background: url(nav2p.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: 61;
    margin-top: -25px;
	border: none;
    cursor: pointer;
}



.tresc{
	clear: both;
	float: left;
	width: 100%;
	font-size: 11px;
	color: #8c8787;
	margin: 30px 0 18px 0;

}

#kols {
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom:30px;
	padding-top:50px;
}

#kols h2{
	margin: 10px 0;
}


aside {
	width: 1060px;
	height:140px;
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin-top: 30px;
}
aside blockquote {
	display: block;
	width: 1060px;
	float:left;
	height: 140px;
	position: relative;
}
aside blockquote .slajd {
	position: absolute;
	top:0px;
	left:0px;
	display:none;
}

/*rwd*/

#nav_res {
	position:absolute;
	right:20px;
	top: 113px;
	width: 25px;
	height:20px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	border:solid 10px #000;
	background: #000 url(stala/nav_res.gif) repeat-x center;
	cursor: pointer;
	padding: 10px;
}


#nav_res:hover {
	background: #BBBF00 url(stala/nav_res.gif) repeat-x center;
	border-color: #BBBF00;
}


/*rwd*/
@media all and (max-width: 1230px){
	.bns{
		width: 68px;
		height: 68px;
		background-size: 100% auto;
	}
	
	.set {
		position: relative;
		left: auto;
		top: auto;
		display: block;
		text-align: center;
	}
	
	#scrollable{
		margin-top: 10px;
	}
	
	.loga{
		right: 125px;
	}
}

@media all and (max-width: 1080px){
	
	.input_f, .input{
		width: 100%;
	}
	
	#kols{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.main{
		width: 100%;
	}
	
	#wiodaca{
		left: 10px;
	}
	
	img#wiodaca{
		width: 100%;
	}
	
	#scrollable{
		width: 792px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.prev{
		left: 20px;
	}
	
	.next{
		right: 20px;
	}
	
	.box{
		float: none;
		display: inline-block;
		margin: 0;
		width: 33%;
	}
	
	.box:nth-child(1){
		margin: 0;
	}
	
	aside{
		width: 100%;
		height: 286px;
	}
	
	aside blockquote{
		width: 510px;
		float: none;
		margin: 0 auto;
	}
	
	.partner{
		margin: 0;
	}
	
	.pd{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

@media all and (max-width: 1024px){
	
	img#wiodaca{
		width: 30%;
	}
	
	#wiodaca{
		top: 134px;
	}
	
	.body {
		background: #fff url(tlo.png) center 90px no-repeat;
	}
	
	#logo{
		top: 9px;
	}
	
	nav{
		top: 90px;
	}
	
	.loga{
		top: 24px;
	}
	.text-menu{display: none;}
	
}


@media all and (max-width: 960px){
	
	.soc{
		right: 26%;
	}
	
	.kontakt{
		right: 33%;
	}
	
	.loga span{
		float: none;
		display: block;
		margin-top: 0px;
	}
	
	.loga{
		position: relative;
		top: auto;
		right: auto;
		display: inline-block;
		float: right;
		margin-top: 14px;
		margin-right: 30px;
	}
}

@media all and (max-width: 900px){
	
	#scrollable{
		width: 590px;
	}
	
	.kform{
		width: 237px;
	}
}

@media all and (max-width: 768px){
	
	.input_f, .input{
		width: 50%;
	}
	
	.partner div{
		right: -60px;
	}
	
	#wiodaca{
		display: none;
	}
	
	.soc{
		position: relative;
		top: auto;
		right: auto;
		display: block;
		bottom: auto;
		left: auto;
		margin-bottom: 10px;
	}
	
	.kontakt{
		position: relative;
		bottom: auto;
		right: auto;
		top: auto;
		left: auto;
	}
	
	.kform{
		position: relative;
		top: auto;
		right: auto;
	    float: right;
	}
	
	.sc{
		display: inline-block;
		float: left;
	}
	
	#logo{
      position: relative;
	  top: auto;
	  left: auto;
	  display: block;
	  margin: 8px 0 15px 20px;
	}
	
	
	.kontakt_block{
		clear: both;
		float: left;
		width: 100%;
		padding: 20px;
	}
	
	header{
		height: auto;
		background: none;
		border-bottom: 1px solid #ededed;
	}
	
	#home{
		display: none !important;
	}
	
	.loga{
		margin-bottom: 61px;
	}
	
	.sys_col0{
		clear: both;
		float: left;
		width: 100% !important;
	}

	.sys_col1{
		clear: both;
		float: left;
		width: 100% !important;
		margin-left: 0px;
	}
	
	h2{
		font-size: 16px;
	}
	
	h3{
		font-size: 14px;
	}
	
	/*menu rozwijane*/
	#nav_res {
		top: 90px;
		display:block;
		z-index: 100;
	}
	
	nav{
		position: relative;
		top: auto;
		right: auto;
		height: auto;
	}
	
	nav li {
		height: auto;
		border-right: none;
		margin-bottom: 2px;
	}
	
	nav li a{
		padding: 10px 0;
		height: auto;
		top: auto;
		color: #fff !important;
	}

	#menur {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		width:100%;
		clear:both;
		float:left;
		display: none;
		background: #343131;
		z-index: 1000;
		margin: 0;
	}

	#menur>menu {
		width:100% !important;
		display:block;
		background: none;
	}

	#menur li {
		display: block;
		width:100%;
		padding-left:0;
		padding-right:0;
		text-align:center;
		background: none;
	}

	#menur li a {
		font-size: 14px;
		margin: 0;
		color: #000;
	}

	#menur li {
		display:block;
	}

	#menur li menu {
		position:relative !important;
		top: auto !important;
		left:auto !important;
		display: none;
		text-align: center !important;
		padding: 0;
		background: #686868;
	}

	#menur li menu a{
		padding: 10px 0;
		margin: 0;
		color: #fff !important;
		margin-top: 2px !important;
	}

	nav li.s a, nav li:hover a, nav li.act a {
		color:#000 !important;
		text-decoration:none;
		background: #cace11;
		width: 100%;
	}
}

@media all and (max-width: 700px){
	
	.box{
		clear: both;
		float: left;
		width: 100%;
		border: none;
		border-bottom: 1px solid #e6e6e6;
		height: 180px;
	}
	
	.opis{
		width: 100%;
		padding: 5px;
	}
	
	.tlo{
		background: none;
	}
	
	#scrollable{
		width: 390px;
	}
	
	#logo{
		float: none;
		margin: 5px auto;
	}
	
	.loga{
		margin: 0;
		padding: 0;
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 15px;
		border-bottom: 2px solid #343131;
		padding-bottom: 10px;
	}
	
	.body {
		background: #fff url(tlo2.png) center 116px no-repeat;
	}
	
	#nav_res{
		top: 34px;
	}
	
}

@media all and (max-width: 630px){
	
	.loga a{
		width: 33%;
		margin: 0;
		margin-bottom: 15px;
	}
	
	.loga span{
		margin-bottom: 10px;
	}
	
	.loga{
		clear: both;
		float: left;
		width: 100%;
	}
	
	.sc{
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.soc, .kontakt{
		margin: 5px auto;
	}
	
	.kform{
		clear: both;
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	
	.kform input[type=text], .kform textarea{
		width: 100%;
		background: #f7f7f7;
	}
	
	.kontakt{
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		margin: 15px 0;
	}
	
	.kontakt span{
		background: none !Important;
		padding: 0;
		margin-bottom: 10px;
	}
	
	.kontakt a{
		display: block;
	}
	
	.wyslij{
		right: -10px;
	}
	
	.body {
		background: #fff url(tlo2.png) center -44px no-repeat;
	}
	
	.kontakt_block{
		padding-bottom: 0px;
	}
}


@media all and (max-width: 540px){
	
	aside{
		height: 420px;
	}
	
	aside blockquote{
		width: 352px;
	}
	
	.partner{
		margin: 3px;
	}
	
	.box{
		height: 200px;
	}
}

@media all and (max-width: 500px){
	
	#scrollable{
		width: 190px;
	}
}


@media all and (max-width: 450px){
	aside{
		height: auto;
	}
	
	aside blockquote{
		width: 171px;
	}

	.input_f, .input{
		width: 100%;
	}
	
}

@media all and (max-width: 360px){
	
	.loga img{
		width: 65%;
	}
	
	#nav_res{
		right: 5px;
		top: 127px;
	}
	
	#nagl_klienci{
		width: 100%;
		background: none;
		color: #000;
	}
	
	.soc a{
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		display: inline-block;
	}
	
	.soc{
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		margin: 0;
		background: none;
		height: auto;
	}
	
	.soc h3{
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-bottom: 10px;
	}
	
	.partner div{
		right: 0;
		width: 170px;
	}
}

.lista li{
	line-height: 27px;
}




#rec{
	width: 520px;
	height: 215px;
	display: block;
	position: fixed;
	bottom: 5px;
	right: -415px;
	z-index: 10;
	background: url(pphone.png) no-repeat;
	text-align: left;
}

#rec:hover{
	-moz-transition: 0.9s;
	-webkit-transition: 0.9s; 
	transition: 0.9s;
	right: 0px;
}


#kform{
	padding-top: 110px;
	padding-left: 132px;
}

.inp_f{
	padding: 6px 12px 6px 12px;
	font-size: 16px;
	font-weight: 500;
}
.btn_f{
	padding: 6px 12px 6px 12px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 6px;
	background-color: #828282;
	color: #fff;
	border: thin none #fff;
}