@charset "utf-8";
/* css reset */

html,body,div,ul,li,a,img,span,h1,h2,h3,p {
	margin:0px;
	padding:0px;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:500;
	color:#000;
}
ul {
	list-style:none;
}
img,a {
	border:none; 
	outline: none;
}
a {
	text-decoration:none;
	color:#0b6e97;
}
div {
	display:block;
}

/* css */

html,body {
	height:100%;
}
body {
	background-attachment: fixed;
	background-image: url(images/background.gif);
	background-repeat: repeat;
	background-position: left top;	
	background-color:#dededf;
}
#container {
	width:1230px;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	box-shadow: 0px 8px 30px 0px #575757;
}
#header {
	padding:42px 330px 36px 339px;
}
#menu {
	font-size:14px;
	text-align:center;
	border-bottom:1px solid #7b7b7b;
	padding-bottom:28px;
}
#menu a {
	color:#000;
}
#active-page {
	text-decoration:underline;
}
#menu a:hover {
	text-decoration:underline;
}
#menu ul {
	margin-top:28px;
}
#menu ul li {
	display:inline-block;
	display: -moz-inline-stack;
	margin-left:7px;
	margin-right:7px;
	*display: inline;
    _height: 20px;
	width: auto;
    min-height: 20px;
}
#drop-menu {
	width:230px;
	height:140px;
	position:fixed;
	right:-185px;
	top:200px;
	background-color:rgba(237,237,237,1);
	font-size:14px;
	box-sizing:border-box;
	padding-top:24px;
	padding-left:14px;
	transition-property:right;
	transition-duration:1s;
	-webkit-transition-property:right;
	-webkit-transition-duration:1s;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-bottom:1px solid #666;	
}

* html #drop-menu{ /*хак для ИЕ6*/
	position: absolute;
	right:0px;
	top:0px;
	background-color:#CCC;
}

#drop-menu:hover {
	right:0px;
}
#drop-menu a {
	color:#282a36;
}
.circle {
    width: 18px;
    height: 18px;
    background-color:rgba(40,42,54,0.3);
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
	margin-bottom:18px;
}
.circle:hover {
	background-color:rgba(40,42,54,1);
}
.circle span{
	display:block;
	position:relative;
	left:36px;
	white-space:pre;
}
.content {
	height:auto;
	padding:46px 238px 46px 220px;
	text-align:left;
}
.content h3 {
	font-size:20px;
	font-weight:500;
	line-height:28px;
	margin-top:-7px;
	margin-bottom:29px;
	text-align:center;
}
.content h2 {
	font-size:20px;
	font-weight:500;
	line-height:28px;
	margin-top:-7px;
	margin-bottom:29px;
	text-align:left;
}
.content p {
	text-align:justify;
	font-size:16px;
	line-height:28px;
}
#installation p{
	font-size:12px;
	text-align:center;
}
#note {
	color:#909090;
	font-size:14px;
	line-height:22px;
}
#links {
	text-align:left;
}
#manager-contacts {
	text-align:right;
}
.content a {
	color:#0b6e97;
	text-decoration:underline;
}
.content ul {
	text-align:left;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:40px;
}
.content ul li {
	line-height:28px;
	text-indent:-12px;
}
#attention li {
	text-indent:-22px;
}
.content ul li ul li {
	list-style-image:url(images/marker.gif);
	text-indent:2px;
}
#certificate-small {
	float: left;
	padding-right: 36px;
	background-image: url(images/certificate-small.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	position:relative;
	width:153px;
	height:211px;
}
#zoom {
    width: 84px;
    height: 84px;
    background-color:#000;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
	position:absolute;
	left:32px;
	top:60px;
	opacity:0.3;
	cursor:pointer;
}
#zoom:hover {
	opacity:0.5;
}
#zoom-plus {
	width:55px;
	height:7px;
	background-color:white;
	position:absolute;
	top:40px;
	left:14px;
}
#zoom-plus2 {
	width:7px;
	height:55px;
	background-color:white;
	position:absolute;
	left:38px;
	top:15px;
}
.fullscreen {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	left:0px;
	top:0px;
	z-index:100;
}
.fullscreen img {
	display:block;
	margin:0 auto;
}

#footer {
	border-top:1px solid #7b7b7b;
	padding:0px 66px 0px 66px;
	position:relative;
	height:144px;
}
#footer span {
	float:left;
}
#phone {
	font-size:24px;
	line-height:30px;
	margin-right:50px;
	margin-top:53px;
}
#address {
	font-size:14px;
	line-height:18px;
	margin-top:29px;
}
#footer img {
	position:absolute;
}
#rambler {
	left:330px;
	bottom:33px;
}
#logo-footer {
	top:25px;
	right:65px;
}
#mob-links {
	position:absolute;
	left:450px;
	bottom:23px;
	font-size:12px;
}

#social {
	text-align: right;
	margin: 0 8px;	
}

.zebra tr:nth-child(2n){
	background-color: #f0f0f0;
}