/* layout
-------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Tahoma;
}
.wrap {
	margin: 0 auto;
	width: 980px;
}
.shadow {
	background: #fff url(shadow.gif) repeat-y 0 0;
}
.wrap .wrap {
	width: 950px;
}

/* header
-------------------------------- */
#header {
	position: relative;
	height: 130px;
	background: url(headbg.jpg) no-repeat 100% 0;
}

#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 233px;
	height: 33px;
	background: url(http://aquanovitek-vbg.ru/design/style/i0048.png) no-repeat 0 0;
}
#logo a {
	display: block;
	width: 230px;
	height: 50px;
	border: none;
	text-decoration: none;
}
#logo a:hover {
	border: none;
	text-decoration: none;
}
#logo span {
	visibility: hidden;
}
#logo-sub {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 230px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #3e4951;
}
#logo-und {
	position: absolute;
	top: 125px;
	left: 20px;
	width: 240px;
	z-index: 10;
}
#logo-und a {
	margin-right: 7px;
}
#phone {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 1.2;
	text-align: right;
	font-size: 17px;
	color: #22419a;
}
#phone p {
	margin: 0 0 10px 0;
	line-height: 1;
	font-size: 10px;
}
#fav {
	position: absolute;
	right: 10px;
	bottom: 20px;
	color: #22419a;
}

/* main menu
-------------------------------- */
#main-menu {
	position: absolute;
	top: 30px;
	left: 290px;
	width: 510px;
	background: url(menubg.gif) repeat-x 0 -19px;
}
#main-menu li {
	float: left;
	width: 125px;
	padding: 0 20px 0 25px;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	font-family: Verdana;
	background: url(menubg.gif) repeat-x 0 100%;
}
#main-menu li a.active {
	font-weight: bold;
	color: #0089cf;
}

a {
	color: #24306c;
}
a:hover, a:active {
	color: #24306c;
	text-decoration: underline;
}

/* sidebar
-------------------------------- */
#sidebar {
	float: left;
	width: 230px;
	padding: 45px 0 60px 20px;
	position: relative;
}
#sidebar a {
}
#sidebar h3 {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	font-family: normal;
	color: #085890;
	padding-bottom: 10px;
	background: url(sidehmark.gif) no-repeat 100% 6px;
}
#sidebar ul {
	position: relative;
	margin: 1ex 0 2em 0;
	background: url(sideitems.gif) no-repeat 0 100%;
}
#sidebar li {
	padding: 5px 0 5px 2px;
	background: url(sideitems.gif) no-repeat 0 0;
	font-size: 13px;
}
#sidebar li a {
	color: #323e47;
}
#submenu li {
	padding: 5px 0 5px 20px;
	background: url(submenubg.gif) no-repeat 0 0;
}

#submenu li a.active {
	font-weight: bold;
	color: #0089cf;
}
#submenu li a {
	color: #323e47;
}

#sidebar #new {
	font-size: 13px;
}
#sidebar #new div {
	font-size: 11px;
}
#sidebar #new h4 {
	margin: 1ex 0 0 0;
	font-size: 13px;
	color: #085890;
}
#sidebar #new img {
	float: left;
	margin: 0 10px 0 0;
}
#sidebar #new p {
	padding: 1ex 0;
	background: url(sideitems.gif) no-repeat 0 100%;
}
#sidebar #new div p {
	padding: 0;
	background: none;
}
#sidebar #new div {
	background: url(etc.gif) no-repeat 100% 100%;
}

/* page
-------------------------------- */
#page {
	float: right;
	width: 100%;
	margin: 0 0 0 -290px;
	padding-bottom: 60px;
}
#w1 {
	padding: 0 0 0 290px;
}
#page h1.bg a,
#page h1.bg a:link,
#page h1.bg a:visited {
	color: #fff;
}
#page .h1bg {
	position: relative;
	top: -10px;
	left: -10px;
	width: 300px;
	padding: 0px 50px 0px 310px;
	height: 63px;
	background: url(pageheader.jpg) no-repeat 0 0;
	line-height: 1.25;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
#page .h1bg table td,
#page .h1bg table {
	width: 100%;
	height: 60px;
	vertical-align: middle;
}
#page .h1bg table td h1 {
	text-align: right;
}

.content {
	padding: 0 20px 0 0;
	line-height: 1.5;
}

/* footer
-------------------------------- */
#footer {
	position: relative;
	height: 86px;
	background: url(footerbg.jpg) no-repeat 0 0;
	font-size: 11px;
}
#footer .menu {
	position: absolute;
	width: 600px;
	top: 15px;
	left: 300px;
	text-align: center;
}
#footer .menu li {
	display: inline;
	height: 10px;
	line-height: 1.5;
	padding: 0 1ex;
	border-right: 1px solid #323e47;
}
#footer .phone {
	position: absolute;
	width: 600px;
	bottom: 25px;
	left: 300px;
	text-align: center;
}
#footer .phone b {
	font-weight: bold;
}

#footer .make {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #a2aed0;
}
#footer .make a {
	color: #a2aed0;
}
#footer .copy {
	position: absolute;
	top: 15px;
	left: 40px;
	font-weight: bold;
	color: #142b6a;
}
#footer .addr {
	position: absolute;
	top: 30px;
	left: 40px;
	line-height: 1.25;
}
#footer .counter {
	position: absolute;
	bottom: 5px;
	left: 40px;
}

/* content
-------------------------------- */
.content {
	color: #323e47;
}
.content .layout1 {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.content .layout1 td {
	vertical-align: top;
	text-align: center;
	border: none;
}
.content .layout {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.content .layout td {
	vertical-align: top;
	text-align: left;
	border: none;
}
.content .grid td {
	border: none;
	background: url(tdbotbg.gif) no-repeat 5px 100%;
}

/* grid1 */
.content .grid1 h2 a,
.content .grid1 h2 a:link,
.content .grid1 h2 a:visited {
	color: #085890;
}
.content .grid1 h2 {
	font-size: 14px;
	margin: 1ex 0 0 0;
	color: #085890;
	text-decoration: none;
}
.content .grid1 h4 a,
.content .grid1 h4 a:link,
.content .grid1 h4 a:visited,
.content .grid1 h4 {
	margin: 0 0 1ex 0;
	font-size: 12px;
	font-style: italic;
	color: #61727e;
	text-decoration: none;
}
.content .grid1 td {
	font-size: 11px;
	line-height: 1.5;
	background: url(tdbotbg.gif) no-repeat 5px 100%;
}
.content .type3 td {
	background: url(tdbotbg3.gif) no-repeat 5px 100%;
}
.content .grid1 div.sh {
	padding: 5px 15px 5px 0;
	background: url(tddivbg.gif) no-repeat 100% 50%;
	min-height: 238px;
	_height: 238px;
}
.content .type3 div.sh,
.content .type2 div.sh {
	padding: 5px 15px 5px 0;
	background: url(tddivbgt2.gif) no-repeat 100% 50%;
	min-height: 125px;
	_height: 125px;
}
.content .grid1 div.c2 {
	background: none;
}
.content .grid1 td div.sh div
{
	background: url(etc.gif) no-repeat 98% 100%;
	margin-bottom: 10px;
	overflow: hidden;
	_height: 1%;
	_overflow: visible;
}
.content .grid1 td div.sh div img {
	margin-right: 1em;
	float: left;
}
.content .grid1 td div.sh div h2 {
	padding: 0;
	margin: 0;
	background: none;
}

.content h2.bg a,
.content h2.bg a:link,
.content h2.bg a:visited {
	color: #085890;
}
.content h2.bg {
	font-size: 13px;
	color: #085890;
	background: url(h2bg.gif) no-repeat 100% 50%;
}
.content h2.rt a,
.content h2.rt a:link,
.content h2.rt a:visited {
	color: #085890;
}
.content h2.rt {
	font-size: 12px;
	padding-right: 70px;
	text-align: right;
	background: url(h2bg.gif) no-repeat 100% 50%;
}
.content h2.x a,
.content h2.x a:link,
.content h2.x a:visited {
	color: #085890;
}
.content h2.x {
	font-size: 12px;
	padding-left: 20px;
	text-transform: uppercase;
	height: 16px;
	line-height: 16px;
	background: url(x.gif) no-repeat 0 50%;
	color: #085890;
}

.content .map {
	padding: 1ex 0;
	text-align: center;
}
.content .box h2.rt a,
.content .box h2.rt a:link,
.content .box h2.rt a:visited {
	
}
.content .box h2.rt {
	margin: 0 10px 0 0;
}
.content .btop {
	width: 640px;
	background: url(boxtop.gif) no-repeat 0 0;
}
.content .bbot {
	width: 630px;
	padding: 5px 5px 10px 5px;
	background: url(boxbot.gif) no-repeat 0 100%;
}

/* gallery
-------------------------------- */
.gallery {
	position: relative;	
}
.gallery .prevnext {
	position: absolute;
	top: 1px;
	left: 10px;
	width: 110px;
	height: 20px;
}
.gallery .prevnext a.prev {
	float: left;
	width: 53px;
	height: 20px;
	background: url(prevnext.gif) no-repeat 0 0;
}
.gallery .prevnext a.next {
	float: left;
	width: 53px;
	height: 20px;
	background: url(prevnext.gif) no-repeat 100% 0;
}
.gallery .prevnext a span {
	display: none;
}
.gallery {
	text-align: center;
}
.gallery img {
	margin: 10px 0;
}
.gallery .thumbnails {
	margin: 0 10px;
	background: url(tdbotbg.gif) repeat-x 0 0;
}

/* input
-------------------------------- */
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus 
{
	border-color: #888;
	outline: 2px solid #ddffff;
}

/* block
-------------------------------- */
.block {
	margin: 1em 0;
	padding: 0 0 1px 0;
	background: url(tdbotbg.gif) repeat-x 0 100%;
}

.block h2 a,
.block h2 a:link,
.block h2 a:visited {
	color: #0089cf;
}
.block h2 {
	font-size: 120%;
	color: #0089cf;
}

img.left {
	float: left;
	margin: 0 1em 1ex 0;
}

.content blockquote {
	border: none;
	font-style: italic;
	color: #4a7d9a;
}


/* table
-------------------------------- */

.content table th {
	text-align: center;
	vertical-align: middle;
	background-color: #DBE9F7;
}
.content table {
	width: 100%;
}
.content table th span {
	font-weight: normal;
	display: block;
}
.content table td {
	text-align: center;
	vertical-align: middle;
}
.content table tr.odd {
	background-color: #f6f6f6;
}
.content table tr.null { 
   border-color: #ffffff;}

.content table th,
.content table td {
	padding: 5px;
	border-color: #a4a4a4;
}

.content ul li {
	list-style-type: square;
}

/* prev-next
-------------------------------- */
.prev-next {
position: absolute;
top: -40px;
left: 290px;
height: 35px;
width: 640px;
font-size: 11px;

}
.prev-next a:visited,
.prev-next a:link,
.prev-next a {
	font-weight: bold;
	text-decoration: none;
	color: #3e4951;
}
.prev-next div div {
	padding: 0 0 2px 0;
	background: url(tdbotbg3.gif) repeat-x 0 100%;
}
.prev-next .prev {
	float: left;
	padding-left: 20px;
	background: url(prev.gif) no-repeat 0 50%;
}
.prev-next .next {
	float: right;
	text-align: right;
	padding-right: 20px;
	background: url(next.gif) no-repeat 100% 50%;
}

div.clear {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

.page-num {
	margin: 1ex 0;
	text-align: center;
	font-size: 11px;
}
.page-num a:visited,
.page-num a:link,
.page-num a {
	font-size: 13px;
	color: #3e4951;
	text-decoration: none;
}
.page-num span {
	font-size: 16px;
	font-weight: bold;
	color: #f68210;
}

.legend {
	margin: 1em 0;
	font-size: 11px;
	font-style: italic;
	background: url(tdbotbg.gif) repeat-x 100% 100%;
}
.legend div {
	padding: 1ex;
	background: url(tdbotbg.gif) repeat-x 0 0;
}
.legend span {
	font-weight: bold;
	font-style: normal;
}

.content ul,
..content ul.gr,
.content ul.cy {
	margin-left: 0;
}
.content ul li,
.content ul.cy li {
	list-style: none;
	padding-left: 18px;
	background: url(ullicyan.gif) no-repeat 3px 6px;
}
.content ul.gr li {
	list-style: none;
	padding-left: 18px;
	background: url(ulligray.gif) no-repeat 3px 6px;
}

.content h2 a,
.content h2 a:link,
.content h2 a:visited {
	color: #085890;
}
.content h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	_height: 16px;
	line-height: 16px;
	background: none;
	color: #085890;
}

.content  h3 a,
.content  h3 a:link,
.content  h3 a:visited,
.content  h3 {
	margin: 0 0 1ex 0;
	font-size: 12px;
	_font-style: italic;
	_color: #61727e;
	_color: #085890;
	color: #666666;	
	
	text-decoration: none;
}

/* zem
 ------- */

#zemContactForm {
  padding: 1em 1ex 0 1ex;
  text-align: left;
}
#zemContactForm label {
}
#zemContactForm textarea#message {
  padding: .25ex 0 .25ex .5ex;
  width: 300px;
  font-size: 100%;
  overflow: auto;
  background: #f6f6f6;
}
#zemContactForm input#zemail {
  padding: .25ex;
  font-size: 100%;
  width: 300px;
  background: #f6f6f6;
}
#zemContactForm #zemSubmit {
  border: 1px solid #ddd;
  background: #eee;
}

/* form error */
.content .error h3 {
  padding: 10px 0 0 15px;
  font-style: italic;
  font-size: 120%;
  color: #d40026;
  background: url(formerr.gif) no-repeat 0 0;
}

.content .error ol {
	padding-left: 2em;
	line-height: 1.25;
	font-size: 11px;
	font-style: italic;
}
.content .error {
	padding: 0 0 1px 0;
	background: url(formerr.gif) no-repeat 0 100%;
}
.content .ok h3 {
	padding: 10px 0 0 15px;
	font-style: italic;
	font-size: 120%;
	color: #1d842c;
	background: url(formok.gif) no-repeat 0 0;
}
.content .ok {
	padding: 0 0 1px 0;
	background: url(formok.gif) no-repeat 0 100%;
}


/* form zemError */

#zemContactForm .zemError ul {
  padding-left: 1ex;
  line-height: 1.25;
  font-size: 11px;
  font-style: italic;
}
#zemContactForm .zemError {
  padding: 0 0 0 1ex;
  border-left: 7px solid #D40026;
}

a.flipimg:link, a.flipimg:visited {
  display: block;
  width: 100px;
  height:32px;
  background: url(http://www.aquanovitek-vbg.ru/design/bay.jpg) no-repeat top;
  padding: 0;
}
a.flipimg:hover {
  background-position: bottom;
  padding: 0;
}