@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/*SEARCH ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#searchblok{
	width:281px;
	height:47px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	display:inline;
	background-color:#f8f6f6;
	border-bottom:1px solid #eeecec;
	-webkit-box-shadow: inset 1px -1px 0px 0px rgba(244,242,242,0.75);
	-moz-box-shadow: inset 1px -1px 0px 0px rgba(244,242,242,0.75);
	box-shadow: inset 1px 0px -1px 0px rgba(244,242,242,0.75);
}

#searchblok #searchForm {padding:7px 0px 0px 0px; margin:0px 0px 0px 22px;}
#searchblok #searchForm #searchText {
	border:1px solid transparent;
	background-color:transparent;
	border:none;
	margin:0px 0px 0px 0px;
	height:31px;
	width:215px;
	color:#6b6b6b!important;
	font-weight:bold;
}

#searchblok #searchForm #searchTextBackground {
	background-color:transparent;
	width:214px;
	height:28px;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
}

#searchblok #searchForm  .searchButton {
	display:inline;
	float:left;
	margin: 2px 0px 0px 0px;
	padding:0px;
	clear:right;
	width:31px;
	height:31px;
	position:inherit;
	background-color:#2abb9d;
	border:none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-image:url(/images/site/searchButton.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
}

/*seach mobile*/

#searchMobile{ display:none;background-color:#2abb9d; width:100%;padding:0px;}
.header .searchButtonMobile{
	background-image:url(/images/site/searchButton.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#2abb9d;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display:none;
	float:right;
	width:31px;
	height:31px;
	margin: 18px 10px 0px 0px;
}
.header .activeSearchButton{
	 width:31px;
	 height:31px;
	 position:inherit;
	 background-color:#2abb9d;
	 border:none;
	 border-radius: 50%;
	 background-image:url(/images/site/searchClose.png);
	 background-repeat:no-repeat;
	 background-position:50% 50%;
}
#searchMobile #searchblok {
	z-index: 50;
	width:100%;
	margin-left:-15px;
	display:block;
	float:none;
}
#searchMobile #searchblok {width:100%;}
#searchMobile #searchblok #searchText {line-height:34px;margin:0px 0px 0px 11px;padding:0px 0px 0px 15px; width:95%; display:inline;float:none; text-transform:uppercase;color:#ffffff;}
#searchMobile #searchblok #searchButton {position:absolute; top:0; right:20px;}


@media (max-width: 767px){
	.header  .searchButtonMobile{display:block;}
	#searchblok #searchForm #searchTextBackground{width:80%;}
	#searchMobile #searchblok{margin-left:0px;}
	#searchblok #searchForm .searchButton{ float:right;display:inline;margin:0px 10px 0px 0px;}
	#searchMobile #searchblok #searchText{ margin:0px; padding:0px; }
}