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

.brk {
	clear: both;
}

.tabs input {
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
	float:right;
}

.tabs label {
	display:inline-block;
	width:135px;
	text-align:center;
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:#07f;
	border:none;
	background-color:#c7d3e0;
}


.tabs input:hover + label {
	background: #f00;
	color:#fff;
	-webkit-transition-duration: 0.3s; /* Safari */
	transition-duration: 0.3s;
}

.tabs input:checked + label {
    background: #07f;
	color:#FFF;
}

.content {
	position: relative;
}

.content div {
    position: absolute;
	top: 0;
	left: 0;
    opacity: 0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-sel-1:checked ~ .content .content-1, .tabs input.tab-sel-2:checked ~ .content .content-2	{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}