@charset "utf-8";

body{
	background:#fff url(../images/bg.jpg) no-repeat top center;
	background-size:100%;
	font-size:16px;
	color:#000;
}
a {
	font-weight: 700;
}
.wrapper{
	width:auto;
	min-width:994px;
	margin:0 auto;
	overflow-x:hidden;
}

.header{
	width:994px;
	margin:0 auto;
}

.header .logo{
	display:block;
	margin:30px 0 0 28px;
	font-size:48px;
	color:#999999;
	text-transform:uppercase;
	line-height:70px;
	text-decoration:none;
}

.header .logo span{
	color:#49c3db;
}

.menu{
	background:url(../images/menu.png) no-repeat top center;
	width:1014px;
	height:80px;
	margin:0 -10px;
	padding:2px 40px 0;
}

.menu li{
	display:block;
	padding:16px 26px 12px;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	background:url(../images/menu-div.png) no-repeat top right;
	vertical-align:baseline;
	height:62px;
}
.menu li:nth-child(2) {
	padding-top: 25px;
}

.menu li.active{
	background:#6bc2d3;
}

.content{
	width:994px;
	padding:0 20px 30px;
	margin:20px auto;
	background:#fff;
	border-radius:5px;
	box-shadow:0px 0px 10px #999;
}

.left{
	border-right: 1px solid #eee;
    float: left;
    padding-right: 20px;
    width: 700px;
}

h1{
	color:#2fa9c1;
	font-size: 36px;
	padding:0 0 10px;
	font-weight:bold;
}

.line{
	width:100%;
	height:1px;
	border-bottom:1px solid #cccccc;
	margin:20px 0 20px;
	clear:both;
}

.clear-both{
	clear:both;
}

.main-img img{
	width:150px;
}

.main-img{
	float:left;
	display:block;
	margin:0 20px 0 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	border:1px solid #999;
	padding:2px;
}

.main-img b{
	font-size:11px;
	line-height:14px;
	display:block;
	font-weight:normal
}

p{
	line-height:21px;
	text-align:justify;
	text-indent:20px;
}

.right{
	width:230px;
	float:right;
	padding:0 0 0 16px;
}

.right-header{
	width:240px;
	margin-left:-16px;
	height:45px;
	line-height:45px;
	color:#fff;
	background:url(../images/side-header.png) no-repeat top left;
	font-size:20px;
	padding:0 0 0 16px;
	font-weight:normal;
}

.right1 span{
	display:block;
	padding-left:24px;
	line-height:21px;
	background:url(../images/plus.png) no-repeat left center;
	color:#33a5bd;
	text-decoration:underline;
}

.right2 span{
	display:block;
	color:#33a5bd;
	font-size:15px;
	clear:both;
	margin:10px 0;
}

.right2 img{
	float:left;
	margin:0 10px 0 0;
	width:70px;
}

.rating{
	float:right;
}

.comment{
	min-height:100px;
	border-bottom:1px solid #eee;
	width:100%;
	padding:10px 0 0 90px;
}

.comment p{
	text-indent:0;
	padding-right:10px;
}

.comment.last{
	border-bottom:1px solid #eee;
}

.comment img.ava{
	margin:0 0 0 -90px;
	width:70px;
	display:block;
	position:absolute;
}

.comment p img{
	margin: 10px auto 10px !important;
	display:block;
	position:relative;
	width:auto;
	max-width:70%;
	float:none;
}

.comment .name{
	font-weight:bold;
	font-size:16px;
	display:block;
	margin-bottom:10px;
}

.comment textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c3cbd4;
    color: #000;
    display: block;
    margin: 0 0 10px;
    padding: 3px;
    resize: none;
    width: 50%;
}
.comment input, .button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c3cbd4;
    color: #000;
    display: block;
    margin: 0 0 10px;
    padding: 3px;
    resize: none;
    width: 200px;
}
.comment input[type="button"], .button {
    background: #6383a8 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: tahoma,arial,verdana,sans-serif,Lucida Sans;
    font-size: 16px;
	font-weight:bold;
    line-height: 20px;
    overflow: visible;
    padding: 6px 16px 7px;
    text-decoration: none;
    transition: background-color 100ms ease-in-out 0s;
    vertical-align: top;
    white-space: nowrap;
	text-decoration:none;
	text-align:center;
	clear:both;
	float:none;
	margin: 30px auto;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.button:hover{
	color:#fff;
	text-decoration:none;
	background:#45688e;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.addcomment .comment{
	padding-left:0;
}

.at{
	padding:20px 20px 10px 20px;
	border-radius:10px;
	background:#eee;
}
.at img{
	float:right;
	height:300px;
	margin:0 0 0 20px;
}

.ok{
	line-height:26px;
	display:block;
	margin-top:10px;
}

.doctor{
	background:#eee;
}
.price {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    margin: 40px 0 0;
}

.price__old {
    text-decoration: line-through;
}

.price__old, .price__new {
    margin: 0 15px;
    font-style: italic;
    font-weight: 700;
}

.price__new {
    font-size: 2em;
    color: #C92228;
}