﻿ul.tabs {
	width: 390px;
	height: 42px;
	/* margin: 0 auto; */
	list-style: none;
	overflow: hidden;
    padding: 0;
}
ul.tabs li {	
	float: left;
	width: 100px;
	height:30px;
}
ul.tabs li a {
	position: relative;
	display: block;
	height: 37px;
	margin-top: 0px;
	padding: 0px 0 0 0;
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 18px;
	text-align: center;	
	text-decoration: none;
	color: #ffffff;
	/*background: #6edeef;*/
	background: white;
	/* -webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	   -moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	        box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	        	border: 1px solid #eee;
	-webkit-transition: padding 0.2s ease, margin 0.2s ease;
       -moz-transition: padding 0.2s ease, margin 0.2s ease;
         -o-transition: padding 0.2s ease, margin 0.2s ease;
        -ms-transition: padding 0.2s ease, margin 0.2s ease;
            transition: padding 0.2s ease, margin 0.2s ease; */
}
.tabs li:first-child a {
	z-index: 3;
  -webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}
.tabs li:nth-child(2) a {
	z-index: 2;
}
.tabs li:last-child a {
	z-index: 1;
  /* -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
	   -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
	        box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3); */
  -webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
}
ul.tabs li a:hover {
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
}
ul.tabs li a.active {
	margin: 0px 0 0 0;
	/* padding: 0px 0 10px 0; */
	/*background: #545f60;*/
	background: #eee;
	color: #6edeef;
	/*color: #ff6831;*/
	z-index: 4;
	outline: none;
}
.group:before,
.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.group:after {
    clear: both;
}