/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
/* Global properties ======================================================== */
body {
	background:url(../images/main-bg.jpg) no-repeat 50% 0 #020202;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.0625em;
	color:#fff;
	position:relative;
}
html {
	min-width:980px;
}
html, body {
	height:100%;
	min-height:660px;
}
/* Global Structure ============================================================= */
#main {
	position: relative;
	width: 777px;
	height:560px;
	font-size:.75em;
	background:#fff;
	margin:0 auto 0 auto;
	background:url(../images/content-bg.png) no-repeat 0 96px;
	top:60px;
	overflow:hidden;
}
/* Header */
	header {
	position:relative;
	height:96px;
}
/* Content */
	section#content {
	padding:26px 0 0 9px;
	position:relative;
}
/* Footer */
	footer {
	padding:60px 0 50px 0;
}
/* Left & Right alignment */

.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.col-1, .col-2, .col-3 {
	float:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
/* The inside class provides consistent padding. To be used often! */
.inside {
	padding: 20px;
}
/*----- form defaults -----*/
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}
/*----- other -----*/
.img-indent {
	margin:0 20px 0 0;
	float:left;
}
.img-indent.fright {
	float:right;
	margin:0 0 0 33px;
}
.img-box {
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
}
.img-box img {
	float:left;
	margin:0 20px 0 0;
}
.extra-wrap {
	overflow:hidden;
}
p {
	margin-bottom:16px;
}
.p1 {
	margin-bottom:8px;
}
.p2 {
	margin-bottom:16px;
}
.p3 {
	margin-bottom:24px;
}
/*----- txt, links, lines, titles -----*/
a {
	color:#fff;
	outline:none;
}
a:hover {
	text-decoration:none;
}
h2 {
	font-size:19px;
	line-height:28px;
	text-transform:uppercase;
	font-weight:normal;
	color:#212121;
	margin-bottom:1em;
	letter-spacing:-1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size:19px;
	line-height:28px;
	text-transform:uppercase;
	font-weight:normal;
	color:#212121;
	margin-bottom:4px;
	letter-spacing:-1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.button {
	display:inline-block;
	padding:6px 12px 6px 12px;
	background-color:#b1e513;
	color:#28310a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
	behavior:url(js/PIE.htc);
	position:relative;
}
.button:hover {
	background:#fff;
}
/*==================boxes====================*/
.box {
	width:759px;
	height:360px;
}
.box .inner {
	padding:58px 54px 30px 52px;
}
.page {
	display:none;
}
.box.color1 {
	z-index:1;
}
.color2 .button {
	background-color:#eaed01;
	color:#28310a;
}
.color2 .button:hover {
	background:#fff;
}
.color3 .button {
	background-color:#eaed01;
	color:#28310a;
}
.color3 .button:hover {
	background:#fff;
}
.color4 .button {
	background-color:#29e3ff;
	color:#111;
}
.color4 .button:hover {
	background:#fff;
}
.contacts {
	width:185px;
	margin-right:28px;
}
.feedback {
	width:438px;
}
.box.color5 {
	background:#8d8d8e;
	z-index:2;
}
.box.color5 .button {
	background-color:#eaed01;
	color:#28310a;
}
/*--- address begin ---*/
.address dt {
	margin-bottom:17px;
}
.address dt:first-line {
	font-weight:bold;
}
.address dd {
	clear:both;
	text-align:right;
}
.address dd span {
	float:left;
	padding-right:25px;
}
/*--- address end ---*/


/*--- gallery begin ---*/
#images {
	float:left;
	width:416px;
	height:234px;
	position:relative;
	overflow:hidden;
	background:url(../images/big-img-bg.png) no-repeat 0 0;
	margin-right:30px;
}
#images img {
	display:block;
	width:387px;
	height:200px;
	position:absolute;
	left:-404px;
	top:0;
	margin:5px 0 0 4px;
	border:5px solid #fff;
	box-shadow:0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .5);
}
#images img.first {
	left:0;
}
#slider {
	float:left;
	width:205px;
}
#slider li {
	float:left;
	width:93px;
	height:88px;
	background:url(../images/thumb-bg.png) no-repeat 0 0;
	padding:0 10px 12px 0;
}
#slider li.alt {
	padding-right:0;
}
#slider li a img {
	margin:5px 0 0 4px;
	border:5px solid #fff;
	box-shadow:0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .5);
}
#slider li div {
	display:block;
	position:absolute;
	left:65px;
	top:89px;
	width:387px;
	height:200px;
	display:none;
}
#slider li div img {
	border:5px solid #fff;
}
#slider li:hover div {
	display:block;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:linear;
}
.pagination {
	text-align:center;
	padding-top:10px;
}
.pagination a {
	text-decoration:none;
	padding:0 2px;
}
.pagination a:hover {
	text-decoration:underline;
}
/*--- gallery end ---*/



/*===== header =====*/
header .logo {
	position:absolute;
	left:14px;
	top:0;
}
/*===== content =====*/
#content {
}
#calendar {
	float:left;
	width:247px;
	height:237px;
	background:url(../images/medicalit.png) no-repeat 0 0;
	margin-right:37px;
}
#calendar .inside {
	padding:30px 25px 0 28px;
}
#calendar table {
	width:100%;
	color:#28310a;
}
#calendar .calendar-title {
	display:block;
	color:#28310a;
	height:24px;
	line-height:24px;
	background:#eaed01;
	text-align:center;
	width:100%;
	margin-bottom:10px;
	position:relative;
}
#calendar .calendar-title a.prev {
	background:url(../images/prev.gif) no-repeat 0 0;
	position:absolute;
	display:block;
	left:6px;
	top:6px;
	width:7px;
	height:11px;
	overflow:hidden;
}
#calendar .calendar-title a.next {
	background:url(../images/next.gif) no-repeat 0 0;
	position:absolute;
	display:block;
	right:6px;
	top:6px;
	width:7px;
	height:11px;
	overflow:hidden;
}
#calendar table td {
	text-align:center;
	padding:1px 0;
}
#calendar table td a {
	background:#eaed01;
	color:#28310a;
	text-decoration:none;
	display:inline-block;
	padding:0 3px;
}
#calendar thead td {
	border-bottom:1px solid #d1c9b5;
}
dl.news {
	padding-bottom:10px;
}
dl.news dt {
	font-weight:bold;
}
dl.news dt a {
	font-weight:normal;
}
dl.news dd {
	margin-bottom:24px;
}
/*===== footer =====*/
footer {
	font-size:11px;
	color:#7e7e7f;
}
footer a {
	color:#7e7e7f;
	text-decoration:none;
}
footer a:hover {
	color:#fff;
}
footer .fright {
	padding:20px 0 0 0;
}
footer .fright img {
	position:relative;
	top:-3px;
}
footer nav {
	height:38px;
	display:block;
	background:#000;
}
footer .container {
	width:777px;
	margin:0 auto;
}
footer nav ul {
	float:right;
}
footer nav ul li {
	float:left;
	background:url(../images/divider.gif) no-repeat 0 3px;
	padding-left:1px;
	height:38px;
}
footer nav ul li a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	height:38px;
	line-height:38px;
	padding:0 18px;
	float:left;
}
footer nav ul li a.item1:hover {
	background:#b1e513;
	color:#000 !important;
}
footer nav ul li a.item1.active {
	color:#b1e513;
}
footer nav ul li a.item2:hover {
	background:#f9fc0b;
	color:#000 !important;
}
footer nav ul li a.item2.active {
	color:#f9fc0b;
}
footer nav ul li a.item3:hover {
	background:#fc7c0b;
	color:#000 !important;
}
footer nav ul li a.item3.active {
	color:#fc7c0b;
}
footer nav ul li a.item4:hover {
	background:#0bddfc;
	color:#000 !important;
}
footer nav ul li a.item4.active {
	color:#0bddfc;
}
/*----- forms -----*/
#contact-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
}
#contact-form .col-1 {
	width:223px;
	margin-right:0;
}
#contact-form .col-2 {
	width:214px;
	margin-right:0;
}
#contact-form .button {
	float:right;
	margin-left:9px;
}
#contact-form label {
	display:block;
	height:50px;
	overflow:hidden;
}
#contact-form label.error {
	color:#FF0000;
	text-transform:none;
	height:auto;
	position:absolute;
	margin-top:-16px;
	display:none;
}
#contact-form .col-2 label.error {
	margin-top:-39px;
}
#contact-form input {
	color:#111;
	border:none;
	background:#cfeef2;
	padding:10px 0 10px 10px;
	width:195px;
}
#contact-form textarea {
	color:#111;
	border:none;
	background:#cfeef2;
	padding:10px 0 10px 10px;
	width:205px;
	overflow:auto;
	height:114px;
	margin-bottom:38px;
}
#contact-form a {
}
#contact-form a:hover {
	cursor: pointer;
}