/* Getting the new tags to behave */

@import url(../../fonts/fonts.css);

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 }

* { margin:0; padding:0;}
html { min-width:986px;}
html, body { min-width:100%;  height:100%;}	
body { 
	background:#fff; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.1875em;
	/*color:#8a8989;*/
	color: #000;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left; padding-left: 10%;}
.fright{ float:right; padding-right: 10%;}
.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }
fieldset{ border:none}

a{ color:#757676; text-decoration:underline; outline:none;}
a:hover{ text-decoration:none}
		

.link{color:#54b5b3; text-transform:uppercase; font-size:.84em}
.link1{ color:#8a8989; text-decoration:none}
.link1:hover{ text-decoration:none; color:#fff}

.button{color:#fff; background:#54b5b3; font-weight:bold; text-transform:uppercase; padding:0 11px 0 11px; line-height:31px; display:block; text-decoration:none;  font-size:.84em; float:left  }
.button:hover{text-decoration:none; background:#999 }

section ul{margin:0; padding:0; list-style:none;}
section ul li{background:url(/images/tail2.gif) bottom left repeat-x; margin:0; padding-left:3px; }
section ul li.active-item{background:none; margin:0; padding-left:3px; }
section ul li.active-item a{color: #757676; }
section ul li.active-item ul{display: block; }
section ul li ul{display: none; }
section ul .last{background:none}
section ul li a{color:#757676; text-decoration:none; line-height:2.307em; margin:0;} 
section ul li a:before{content: '»'; padding-right: 10px;}
section ul li a:hover { text-decoration: none; font-weight:bold; color:#000;}



.wysiwyg ul{margin:0; padding:0 30px; list-style:inside !important;}
.wysiwyg ul li{background: none !important;   margin-bottom: 7px;}

.link-1 { display:block; float:left; background:url(/images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(/images/link_left.gif) left top no-repeat;}
.link-1  b { display:block; background:url(/images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


.block {height:122px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -46px; position:relative; z-index:9000000; background: #000;}
html, body {height:100%;}

/*==========================================*/

.pr{ position:relative; z-index:5000; width:100%; background: #333333;}

.jbgallery img { -ms-interpolation-mode: bicubic; }

.jbgallery ul li{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #F9F9F9 url('http://vitvet.com/images/main.jpg') no-repeat top center;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
}

.jbgallery ul li img{
	position: absolute;
	right: 10%;
	top: 0px;
	bottom: 0px;
	height: 100%;
	opacity: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.jbgallery ul li img.active{
	opacity: 1;
}

.jbgallery ul li{
	opacity: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.jbgallery ul li.active{
	opacity: 1;
}

/*header*/
header {font-size:0.75em; color:#FFFFFF }
header .indent{margin:78px 0 0 687px; position:absolute; width:235px}
header .inside{padding: 1px 0 0 209px; z-index:50000; position:relative; width:1000px; left:10%}
header .img{margin:21px 0 0 0}
header .logo{margin:67px 0 0 35px; position:absolute}

header span.l {position:absolute; left:10%; text-indent:-9999px; z-index:100000}
header span.l a { display:block; width:209px; height:67px; background:url(/images/logo.png) no-repeat left top;	}



.extra h1 {
	color: #000;
	font-size: 3.69em;
	margin-bottom: 11px;
	line-height: 1.2em;
	font-family: 'MyriadProRegular';
	font-weight: normal;
}

nav{ z-index:5000}


header nav li {
display:inline-block;
font-size:0;
margin-right:35px;
line-height:66px;
vertical-align:middle;
position:relative;
}

header nav li>a {
font-family:MyriadPro-Regular;
display:inline;
font-size:18px;
color:#fff;
text-decoration:none;
text-shadow:2px 2px 0 #000;
}

header nav li> span {
display:inline-block;
width:9px;
margin-top:28px;
height:9px;
background:url(/images/arrow_down.jpg) no-repeat;
margin-left:10px;
}

header nav li .sub_menu {
display:inline-block;
position:absolute;
top:-999px;
left:-15px;
background:#333;
width:220px;
z-index:1;
margin:0;
padding:20px 10px 0;
}

header nav li .sub_menu li {
display:block;
width:100%;
height:35px;
line-height:35px;
vertical-align:middle;
margin:0 0 5px;
}

header nav li .sub_menu li a {
display:inline-block;
font-family:MyriadPro-Regular;
font-size:16px;
color:#fff;
text-decoration:none;
text-shadow:2px 2px 0 #000;
display: block;
line-height:35px;
height:35px;
vertical-align:middle;
padding:0 10px;
}

header nav li .sub_menu li a:hover {
background:#444;
}

header nav li:first-child {
margin-left:50px;
}

header nav li:first-child .sub_menu {
left:-49px;
width:185px;
}

header nav li:last-child {
margin-right:0;
}

header nav li:hover .sub_menu {
top:45px;
}

/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding: 0;	list-style: none; z-index:5000}
.sf-menu {	line-height:1.0;}
.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width:100%;}
.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {	float:left;	position:relative;	background: url(/images/bg_menu.gif) top left no-repeat !important;}
.sf-menu li:hover {	float:left;	position:relative;	background: url(/images/bg_menu-act.gif) top left no-repeat !important;}
.sf-menu a {	display:block;	position:relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:67px; /* match top ul list item height */	z-index:99;}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:238px; /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.sf-menu {	float:	left;}
.sf-menu a {	text-decoration:none;	color:#fff;	text-decoration:none;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	padding:0 10px 0 10px;	display:block;	width:208px;	zoom:1;}
.sf-menu a:hover, .sf-menu a.current	  { /* visited pseudo selector so IE6 applies text colour*/	color:#fff;}
.sf-menu li {	float:left;	padding:0 10px;	line-height:67px;	font-size:16px;}
.sf-menu li ul{	padding:10px 0px 10px 0px;	background:#222222;	width:239px}

	.sf-menu li li { font-size:16px; font-weight:normal; text-transform:none; text-align:left; line-height:33px; width:219px; border:none;	}
	.sf-menu a.li{		background:url(/images/marker-1.png) top right no-repeat #222222; }
	.sf-menu a.li:hover{		background:url(/images/marker-1-act.png) top right no-repeat;	}
	.sf-menu a.li.current{		background:url(/images/marker-1-act.png) top right no-repeat;	}
		.sf-menu li li a {		font-family:Arial, Helvetica, sans-serif; font-weight:normal; background:#222222; color:#fff; line-height:33px; height:33px; overflow:hidden; display:block; width:198px; text-transform:capitalize;	}
	.sf-menu li li a:hover, .sf-menu li li a.current { color:#fff; background:#2c2c2c;	}
	.sf-menu li li:last-child a {		border-bottom:none;	}
.sf-menu li li li {}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	outline:0;}
				
/*** arrows **/
.sf-menu a.sf-with-ul {	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em;	overflow:hidden; background:url(/images/drop-down-arrow.gif) no-repeat 0 0;}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */	top:50%;	margin-top:-2px;}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator {	background:url(/images/drop-down-arrow-act.gif) no-repeat 0 2px;}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}
.sf-menu ul a > .sf-sub-indicator { background:url(/images/arrow-sub.gif) no-repeat 0 0;}
/*--- superfish dropdown menu begin ---*/



/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; }
aside .inside{ padding:0 0 0 0}
section .inside{padding:0 0 0 0}
.img-left{ float:left; margin:0 22px 0 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 1.5em 0}
.p{ margin:0}
.p1{ margin:0 0 23px 0}
.p2{ margin:0 0 9px 0}
h2{color:#000; font-size:3.69em; margin-bottom:11px; line-height:1.2em}
h3{color:#000; font-size:1.38em; margin-bottom:17px; line-height:1.2em}
h4{color:#000; font-size:.92em;}
.txt{color:#fff}
.txt1{ font-size:10px; color:#464646}
.txt1 a{ font-size:10px; color:#464646}
.tail{padding-bottom:2px;}
.tail1{ background:url(/images/tail.gif) bottom repeat-x; padding-bottom:15px; margin-bottom:15px}

.indent{padding:37px 40px 40px 32px}
.indent-col{padding:37px 30px 43px 32px}
.indent-col1{padding:37px 10px 43px 32px}
.indent-col2{padding:37px 0 43px 32px}

.h{ height:80px}

/*box*/
.box{ background: #FFF; width:100%;  min-height:581px; height:auto !important;}
.box .indent-box{ padding:0 3px 0 3px; }

.bot{ background:#fff;  margin-top:4px; width:100%; overflow:hidden; z-index:9000000000; position:relative}
/*footer*/
footer { height:35px;  background:url(/images/bot.png) top left repeat-x; z-index:9999999; position: relative; padding-left: 10%;
padding-top: 30px;}
footer .inside{ padding:8px 0 0px 0 }

body footer span .b_txt {
color:#000;
margin-right:0;
}

 footer span {
display: inline-block;
margin-right: 50px;
font-family: 'Trebuchet MS';
font-size: 12px;
color: gray;
}

.liveinternet{
	position: absolute;
	z-index: 99999999;
	bottom: 5px;
}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:45px}
.rowElem1{ height:30px; background:url(/images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:60px}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}input{
   	border:1px solid #272727; 
	background:#1e1e1e;
	width:280px; height:20px;
	font-size:13px;
	color:#8a8989;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
textarea{
   	border:1px solid #272727; 
	background:#1e1e1e;
	width:280px; height:151px;
	font-size:13px;
	color:#8a8989;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:31px;
	overflow:auto}
.price {border: 1px solid #8A8989;}
.price td {border: 1px solid #8A8989;padding:2px;}	
.text{
	text-align: justify;
}

/* wysiwyg */	
/*.wysiwyg p {
	margin: 0 0 0.7em 0;
}

.wysiwyg ol, .wysiwyg ul {
	margin-bottom: 0.7em;
	list-style-position: inside;
}

.wysiwyg ul {
	list-style-type: disc;
}

.wysiwyg ul ul {
	margin-left: 10px;
}

.wysiwyg li	{
	background: none;
}*/

label.error{
	display: none!important;
}

input.error{
	border-color: #c24f51!important;
}
	
.feed_back input:focus{
	outline: 0;
}

.feed_back .consult_form{
	display: inline-block;
	width: 320px;
	background: #efefef;
	font-family: 'Arial';
	font-size: 13px;
	color: #666;
}

.feed_back .consult_form .consult_form_inside{
	padding: 24px 20px;
}

.feed_back .consult_form p{
	margin: 0;
}

.feed_back .consult_form h4, .feed_back .consult_form h5{
	line-height: 13px;
	font-weight: normal;
	color: #666;
	line-height: 16px;
}


.feed_back .consult_form input[type="text"]{
	padding: 0 0 0 10px;
	width: 166px;
	height: 28px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 6px;
	-webkit-box-shadow: inset 2px 2px 0px #e5e5e5;
	-mox-box-shadow: inset 2px 2px 0px #e5e5e5;
	-ms-box-shadow: inset 2px 2px 0px #e5e5e5;
	-o-box-shadow: inset 2px 2px 0px #e5e5e5;
	box-shadow: inset 2px 2px 0px #e5e5e5;
}

.feed_back .consult_form input[type="submit"]{
	font-family: 'Arial';
	border: 0;
	width: 177px;
	height: 34px;
	font-size: 0px;
	padding: 0;
	cursor: pointer;
	margin-left: 66px;
	background: url('../images/callback_button.png');
}

.feed_back .consult_form input[type="submit"]:hover{
	background: url('../images/callback_button.png') center;
}

.feed_back .consult_form input[type="submit"]:active{
	background: url('../images/callback_button.png') bottom;
}

.feed_back .consult_form form{
	margin-top: 14px;
}

.feed_back .consult_form form label span{
	display: inline-block;
	width: 64px;
	line-height: 38px;
	position: relative;
	top: -3px;
} 

.feed_back {
	display: inline-block;
}


.feed_back .subscribe_form{
	display: inline-block;
	width: 286px; 
	background: #efefef;
	font-family: 'Arial';
	font-size: 13px;
	color: #666;
	position: relative;
}

.feed_back .subscribe_form .consult_form_inside{
	padding: 24px 20px;
}

.feed_back .subscribe_form p{
	margin: 0;
}

.feed_back .subscribe_form h4, .feed_back .subscribe_form h5{
	line-height: 13px;
	font-weight: normal;
	color: #666;
	line-height: 16px;
}


.feed_back .subscribe_form input[type="text"]{
	padding: 0 0 0 10px;
	width: 200px;
	height: 28px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 6px;
	-webkit-box-shadow: inset 2px 2px 0px #e5e5e5;
	-mox-box-shadow: inset 2px 2px 0px #e5e5e5;
	-ms-box-shadow: inset 2px 2px 0px #e5e5e5;
	-o-box-shadow: inset 2px 2px 0px #e5e5e5;
	box-shadow: inset 2px 2px 0px #e5e5e5;
}

.feed_back .subscribe_form input[type="submit"]{
	font-family: 'Arial';
	border: 0;
	width: 29px;
	height: 30px;
	background: url('../images/ga.png') no-repeat center #54b5b3;
	border-bottom: 4px solid #4ba3a1;
	padding: 0;
	cursor: pointer;
	position: absolute;
	right: 25px;
	top: 86px;
	font-size: 0px;
}

.feed_back .subscribe_form form{
	margin-top: 14px;
}

.feed_back .subscribe_form form label span{
	display: inline-block;
	width: 64px;
	line-height: 38px;
}

.feed_back .thankyou{
	display: none;
}

.feed_back > div.send h4, .feed_back > div.send form{
	display: none;
}

.feed_back > div.send .thankyou{
	display: block;
}

ul.news-list li {
	font-family: Arial;
	padding: 7px 0;
}

ul.news-list li a:before {
	content: '';
	padding: 0;
}

ul.news-list li a {
	font-size: 17px;
	line-height: 25px;
	color: #54b5b3;
}

ul.news-list li p {
	margin-bottom: 3px;
}

ul.news-list li a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #54b5b3;
}

ul.news-list li div.anons {
	text-align: justify;
	font-size: 12px;
	line-height: 19px;
	margin-top: 6px;
	margin-bottom: 10px;
}

ul.news-list li .date {
	color: #757676;
}
.submenu{
	background: none;
	line-height: 1.5;
}
.submenu a{
	line-height: 1.307em;
}
.submenu.active{
	color:#000;
}
.submenu a:before{
	content: none;
	background: none;
	color: #757676;
};