div.cs-skin-border {
	background: transparent;
	max-width: 600px;
	display: inline-block;
	width: 74px;
	height:29px;
	border:1px solid #ffffff;
	border-radius:20px;
	margin-left:10px;
	text-align:center
}
div.cs-skin-border2 {
	background: transparent;
	max-width: 600px;
	display: inline-block;
	width: 280px;
	height:43px;
	border:1px solid #28495b;
	background-color:#28495b;
	border-radius:20px;
	text-align:left;
	margin-right:15px;
}


.cs-skin-border > span {
	color:#ffffff;
	font-size:10px;
	line-height:29px !important;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
	display: inline-block;
}
.cs-skin-border2 > span {
	width:95%;
	color:#ffffff;
	font-size:13px;
	padding-left:20px;
	line-height:35px !important;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
	display: inline-block;
}

.cs-skin-border ul span::after, .cs-skin-border2 ul span::after{
	content: '';
	opacity: 0;
}

.cs-skin-border .cs-selected span::after, .cs-skin-border2 .cs-selected span::after {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}


.cs-skin-border .cs-options {
	/*background:url(../../../imgs/elem/linguas_bg.png) no-repeat top left;*/
	color: #0a2a3b;
	font-size: 10px;
	line-height:24px;
	width:auto;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
	border-radius: 15px;
}
.cs-skin-border2 .cs-options {
	background-color:#28495b;
	-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
	color: #ffffff;
	font-size: 12px;
	line-height:24px;
	padding-left:20px;
	width:100%;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-border.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	margin-top:-5px!important;
	margin-left:-1px!important;
}
.cs-skin-border2.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	margin-top:-16px!important;
	margin-left:-1px!important;
}
.cs-skin-border ul span {
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cs-skin-border2 ul span {
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
	color:#c3d600;
	width:74px;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.cs-skin-border2 .cs-options li span:hover,
.cs-skin-border2 li.cs-focus span {
	color:#c3d600;
	width:280px;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


#li_linguas .cs-select, #li_linguas .cs-select2{
	max-width:100%;
	width:100%;
}
#li_linguas .cs-skin-border span, #li_linguas .cs-skin-border2 span{
	max-width:100%;
	width:100%;
	color: #020101;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 45px;
	text-transform:inherit;
	font-size: 13px;
	text-align:left;
}
#li_linguas .cs-skin-border > span, #li_linguas .cs-skin-border2 > span{
	font-size: 14px;
	padding: 0px 25px;
}
#li_linguas .cs-skin-border.cs-active .cs-options, #li_linguas .cs-skin-border2.cs-active .cs-options{
	max-width:100%;
	width:100%;
}
#li_linguas .cs-select > span::after, #li_linguas .cs-select2 > span::after {
    right: 45px;
    font-size: 25px;
}



@media only screen and (max-width:900px) {
	div.cs-skin-border {	border:1px solid #304652;}
	.cs-skin-border > span {	color:#304652;}
	
	.cs-skin-border .cs-options {	background:url(../../../imgs/elem/linguas_bg2.png) no-repeat top left;	color: #fff;}	
	
	.cs-skin-border .cs-options li span:hover,
	.cs-skin-border li.cs-focus span {	color:#c3d600;}
	#li_linguas .cs-skin-border span{color: #020101;	}
}

@media only screen and (max-width: 1024px) {	
	div.cs-skin-border2 {width: 250px;	height:43px;}
	.cs-skin-border2 > span {	padding-left:20px;	line-height:35px !important;}
	.cs-skin-border2 .cs-options li span:hover,
	.cs-skin-border2 li.cs-focus span {	width:250px;}
	.cs-select2 ul {	list-style: none;	margin: 0;	padding: 0;	width: 250px; }


#li_linguas .cs-skin-border > span, #li_linguas .cs-skin-border2 > span{
	font-size: 14px;
	padding: 0px 25px;
}
#li_linguas .cs-skin-border.cs-active .cs-options, #li_linguas .cs-skin-border2.cs-active .cs-options{
	max-width:100%;
	width:100%;
}
#li_linguas .cs-select > span::after, #li_linguas .cs-select2 > span::after {
    right: 45px;
    font-size: 25px;
}
}


@media only screen and (max-width: 880px) {	
	div.cs-skin-border2 {width: 90%;	height:43px; margin-bottom:15px}
	.cs-skin-border2 .cs-options li span:hover,
	.cs-skin-border2 li.cs-focus span {	width:90%;}
	.cs-select2 ul {	list-style: none;	margin: 0;	padding: 0;	width: 90%; }


}