#checksearchtopbutopen, 
	#checksearchtopbutclose  {
    		display: none;
	}
	#searchtopbut {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		top: 0;
		overflow: hidden;
		width: 26px;
		bottom: 0;
		position: absolute;
		right: 0px;
		height: 52px;
		border: 1px solid transparent;
		margin-right: 10px;
	}
	.osnmenutop.osntopbut {
		/*margin-top: -60px;*/
		margin-top: 0;
		position: relative;
		float: right;
	}
	#idsearchtopbutopen,
	#idsearchtopbutclose,
	#searchtopbutform form .buttonSend {

		cursor: pointer;
		padding-top: 14px;
		padding-left: 0px;
		margin: 0;
		padding-bottom: 13px;

		border: 0;
		background-color: transparent;
		font-size: 23px;
		position: absolute;
		width: 26px;
		text-align: center;
	}

	#idsearchtopbutclose {
		right: -26px;
		opacity: 0;
		filter: Alpha(OPACITY=0);
		/*background-color: #f2f3f7;*/
		margin: 0;
		padding: 13px 0;
		color: #ffffff;
	}
	#idsearchtopbutopen,
	#searchtopbutform form .buttonSend {

		z-index: 1000;
	}
	#idsearchtopbutopen  {

		/*background-color: #f2f3f7;*/
		right: 0;
		margin: 0;
		padding: 13px 0;
	}
	#idsearchtopbutopen .fa:hover {

		color: #1c92ed;
	}
	#searchtopbutform form .buttonSend {

		padding-right: 0px;
		outline: 0;
		right: 0;
		/*background-color: #f2f3f7;*/
		color: #1c92ed;
	}
	#idsearchtopbutclose,
	#searchtopbutform form .buttonSend {

		/*-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-in-out;*/
	}

	#searchtopbutform form .inputesearchtopbut {

		float: left;
		position: relative;
		padding: 0 10px;
	}

	#searchtopbutform form .inputesearchtopbut,

	#searchtopbutform form,
	#searchtopbutform {

		margin: 0;
		padding: 0;
		width: 0;

		opacity: 0;
		height: 52px;
		overflow: hidden;
		outline: none;
		border: 0;
	
}


	input[type="text"].inputesearchtopbut {
    		position: relative;	
		float: left;
		padding-left: 15px;
		padding-right: 5px;
		/* background-color: rgba(54, 69, 81, 0.5); */
		/* color: #ffffff; */
		border: none;
		border-width: 0;
		font-size: 14px !important;
		font: normal 14px arial !important;
		text-transform: uppercase;
		margin-bottom: 0;
		width: calc(100% - 90px);
		width: -o-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -ms-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		resize: both;
	}

	#checksearchtopbutopen.checked ~ * #idsearchtopbutclose, 
	#checksearchtopbutopen:checked ~ * #idsearchtopbutclose {

		opacity: 1;
		filter:Alpha(OPACITY=100);
		right:0;
		color: #000000;

	} 
	#checksearchtopbutopen.checked ~ * #idsearchtopbutopen, 
	#checksearchtopbutopen:checked ~ * #idsearchtopbutopen {

		opacity: 0;
		filter:Alpha(OPACITY=0);
	} 

	#checksearchtopbutclose.checked ~ * #idsearchtopbutopen, 
	#checksearchtopbutclose:checked ~ * #idsearchtopbutopen {

		opacity: 1;
		filter:Alpha(OPACITY=100);
	} 
	#checksearchtopbutclose.checked ~ * #idsearchtopbutclose, 
	#checksearchtopbutclose:checked ~ * #idsearchtopbutclose {

		opacity: 0;
		filter:Alpha(OPACITY=0);
	} 

	#checksearchtopbutopen.checked ~ #searchtopbut,

	#checksearchtopbutopen:checked ~ #searchtopbut {
		width: 250px;
		top: 0;
		bottom: 0;
		/*border: 1px solid #f2f3f7;
		background-color: #f2f3f7;*/
	
}


	#checksearchtopbutopen.checked ~ * #searchtopbutform,

	#checksearchtopbutopen:checked ~ * #searchtopbutform {
		width: 250px;
		opacity: 1;
		filter:Alpha(OPACITY=100);
		width: -o-calc(100% - 26px);
		width: -ms-calc(100% - 26px);
		width: -moz-calc(100% - 26px);
		width: -webkit-calc(100% - 26px);
		width: calc(100% - 26px);
	
}


	#checksearchtopbutopen.checked ~ * #searchtopbutform form .inputesearchtopbut,
	#checksearchtopbutopen:checked ~ * #searchtopbutform form .inputesearchtopbut {
		width: -o-calc(100% - 26px - 10px);
		width: -ms-calc(100% - 26px - 10px);
		width: -moz-calc(100% - 26px - 10px);
		width: -webkit-calc(100% - 26px - 10px);
		width: calc(100% - 26px - 10px);
		opacity: 1;
		filter:Alpha(OPACITY=100);
		padding-left: 5px;
		/*background-color: #ffdbdb;*/
	
}


	#checksearchtopbutopen.checked ~ * #searchtopbutform form,
	#checksearchtopbutopen:checked ~ * #searchtopbutform form {
		width: 100%;
		opacity: 1;
		filter:Alpha(OPACITY=100);
	
}

	#checksearchtopbutopen.checked ~ * #searchtopbutform form .buttonSend,
	#checksearchtopbutopen:checked ~ * #searchtopbutform form .buttonSend {
		right: 26px;

	
}


.searchmodbut label#idsearchmodbutopen {
    top: 0;
}