.restab * { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }

.restab { /*box-shadow: 0 0 0 1px #e8e8e8;*/ zoom: 1; position: relative; margin: 0 auto 3em; }
.restab:after , .restab:before { content: ""; display: table; }
.restab:after { clear: both; }
.restab p , .restab div { padding: 15px 20px; margin: 0; }
.restab p { background: #F6F6F6; cursor: pointer; border-bottom: 1px solid #B3B3B3;   }
.restab p:first-child { border-top: 1px solid #B3B3B3; }
.restab div { display: none; opacity: 0; border-bottom: 1px solid #B3B3B3; }
.restab .active { cursor: default; background: #e5e5e5; }
.restab p:hover.active , .restab p:hover { background: #e5e5e5; }
.restab .active + div { display: block; opacity: 1; }
@media screen and (min-width: 600px) {
	.restab p {
		float: left;
	    width: 23%;
	    margin-right: 75%;
	    padding: 20px;/*
	    border-right: 1px solid #e8e8e8;*/
	}
}

@media screen and (min-width: 600px) {
	.restab div {
	    position: absolute;
	    width: 75%;
	    right: 0;
	    padding: 0 20px;
	    border-bottom: 0px solid #B3B3B3;
	}
	.restab .active {
	    background: #e5e5e5;/*
	    border-right: 2px solid #E60000;*/
	}
}


.restab div table { margin: 1em 0; max-width: 100%; border-right: #ccc solid 1px; border-top: #ccc solid 1px; }
.restab div table td { vertical-align: middle; border-left: #ccc solid 1px; border-bottom: #ccc solid 1px; padding: 10px 15px; min-width: 75px; }
.restab div table td:first-child { text-align: left; background: #f6f6f6; }
.restab div table td.title { background: #333333; color: #fff; }
.restab div b { font-weight: normal; color: #E60000; }
.restab div ul { list-style-type: upper-alpha; margin-left: 20px; }
.restab div ul li { margin: .5em 0;}
.restab div span { display: block; font-weight: bold; font-family: 'SofiaProBold'; }
.restab div h6 { font-size: 18px; margin-bottom: 1em; }