html { margin: 0; padding: 0;}
ul, ol, li, p, a, img, div, form { margin: 0;	padding: 0;	border: 0;}
td,tr{	margin: 0;	padding: 0;		}


html{height:100%;
width:100%;
background-color:#33CCFF;
	background-image: url(im/bgnd0.png);
	background-repeat: repeat-y;
	background-position:center top;
	}
	
body{
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
height:100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
color: #309;
}

 @font-face { font-family: bauhaus;  src: url("bauhaus.ttf");}

h1 {font-size:2.6em;line-height: 0.8em;font-weight: 300;color: #309; font-family: bauhaus; letter-spacing: 0.04em;}
h2 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #309;}
h3 {font-size:1.6em;line-height: 1em; font-weight: 800;color: #969; font-family: Verdana, Geneva, sans-serif;}
h4 {font-size:1.4em;line-height: 0.8em;font-weight: 800;color: #969;}
h5 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #969;}
h6 {font-size:1.1em;line-height: 0.8em;font-weight: 900;color: #309;}

a:link {color: #999;  text-decoration: none;}
a:hover {color:#979; text-decoration: none;}
a:visited {color: #939;text-decoration: none;}

img {border: 0 none;}

p {margin-top:8px;
	margin-bottom:8px;
	line-height: 1.6em;
	text-align:justify;}
	
#Div1 { 
	background-image: url(img/topp.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: auto;
	width: 1010px;
	position: relative;
	margin: 0 auto;
background-color:#fff;
	}

#MainBody{ margin-left:auto; margin-right:auto;
	background-image: url(im/foter.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	}

#logo {margin-right: 155px;}

#center{text-align: center;}
#inline {display: inline;}
#righlink {display: inline;font-size: 1.4em; font-weight: lighter; letter-spacing: 0.05em; font-family: bauhaus;}

#inblock {padding-left:15px; padding-right:25px;}
#mainblock {padding-left:25px;}

#adr {font-size:1.2em;line-height: 1.8em;font-weight: 900;color: #309;}


/*---------------------- menu -------------------------*/ 

.list ul{ margin-top:10px;
	margin-bottom:10px;
}
.list li {list-style-type:disc;
	margin-left:30px;
	line-height: 1.4em;}


#l_block{height: 300px;
	width: 130px;
	background-color:#fff;
	margin-right:5px; 
		}

#l_block{position:fixed;}
 @media screen and (max-width: 1400px) {#l_block{position: absolute;}}
 
#r_block{height: 300px;
	width: 130px;
	background-color:#fff;
	margin-left:10px; 
		}

#r_block{position:fixed;}
  @media screen and (max-width: 1400px) {#r_block{position: absolute;}}

ul {margin:0; padding:0; 
	list-style-type:none; }
	
.mm li { float:left; 	margin-bottom:5px;}

#abo { background-image:url(img/okl.png); width:128px;}	
#usl { background-image:url(img/usl.png); width:128px;}
#gall { background-image:url(img/gal.png); width:128px;}
#cont { background-image:url(img/cont.png); width:128px;}
#inshur { background-image:url(img/str.png); width:128px;}
#vr { background-image:url(img/vr.png); width:128px;}
#act { background-image:url(img/act.png); width:128px; height:80px;}	
#otz { background-image:url(img/otz.png); width:128px;height:80px; }
#plz { background-image:url(img/polint.png); width:128px;height:80px; }
#pampac { background-image:url(img/memo.png); width:128px;height:80px; }

.mm a	{display:block; height:80px; 
	background-position: 0 0px ; 
	text-indent:-9999px;
	background-repeat:none;
	overflow: hidden;
	margin-bottom:5px;}

.mm a:hover { background-position: 128px 0 ; }

#skid a {display: block;  text-indent: -9999px;  background-repeat: none;   background-image: url(img/skid.png);
	width: 128px;          height: 111px;
	background-position: 0 -111px;
	overflow: hidden;			margin-top: 50px;   }

#skid a:hover { background-position: 0 0; }

/*------------------- content boxs ----------------------*/ 

.content {left:10px; margin-right:20px;} 
 
.spoiler_links {font-family: Verdana, Geneva, sans-serif;}
.closer {font-weight: 900; color: #309; text-align:right;}
		

hr {border-color:#009;}

.clozer {position: absolute; display:block; right:70%; bottom:12px; width: 70px;  height: 25px;  float:right;}
 
 
 #hirr{ background-image:url(img/hr_phone.png); background-position: right bottom; background-repeat:no-repeat;}
 #impl{ background-image:url(img/zubU3.png); background-position: right bottom; background-repeat:no-repeat; background-size: 50%;}
 
 
/*---------------------- slider -------------------------*/ 
 
        .slider {
            float: right;
            width: 709px;
            height: 275px;
            position: relative;
        }

        .sliderContent {
            float: left;
            width: 709px;
            height: 275px;
            clear: both;
            position: relative;
            overflow: hidden;
        }

        .sliderContent .item {
            position: absolute;
            width: 709px;
            height: 275px;
        }



/*---------------------- MotionCAPTCHA canvas -------------------------*/

#mc {
	float: left;
	text-align: center;
}

#mc-canvas {
	padding: 1px;
	display: block;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
/* Red border when invalid */
#mc-canvas.mc-invalid {
	border: 2px solid #aa4444;
}
/* border when valid */
#mc-canvas.mc-valid {
	border: 2px solid #fff;
}

/* The submit button */

}
#submit-btn:hover,
#submit-btn:focus {
	cursor: pointer;
	background: #f30;
}

.label_captcha {
	font-size: 12px;
	color: #667;
	float: left;
	display:inline;
}

#v_middle {
vertical-align:middle;
}		

/**
 * jQuery MotionCAPTCHA Plugin CSS
 * josscrowcroft.com/projects/motioncaptcha-jquery-plugin/
 * 
 * Only these rules are absolutely necessary for the plugin.
 * NB. The width & height of the canvas can be flexible to fit your layout but there's a recommended min/max
 * - if you need it much bigger/smaller, you could tweak the background-positions of the shape classes.
 */

/* The canvas: */
#mc-canvas {
	width:210px;  /* For best results, set width to between 210px and 240px */
	height:140px; /* For best results, set height to between 140px and 170px */
	background:#fff -9999px -9999px no-repeat;
	background-image: url('im/motionCaptcha-shapes.jpg') !important;
}

/* The shapes: */
#mc-canvas.triangle     { background-position:  10px   10px }
#mc-canvas.x            { background-position:-200px   10px }
#mc-canvas.rectangle    { background-position:-400px   10px }
#mc-canvas.circle       { background-position:-600px   10px }
#mc-canvas.check        { background-position:  10px -150px }
#mc-canvas.caret        { background-position:-200px -150px }
#mc-canvas.zigzag       { background-position:-400px -150px }
#mc-canvas.arrow        { background-position:-600px -150px }
#mc-canvas.leftbracket  { background-position:  10px -300px }
#mc-canvas.rightbracket { background-position:-200px -300px }
#mc-canvas.v            { background-position:-400px -300px }
#mc-canvas.delete       { background-position:-600px -300px }
#mc-canvas.leftbrace    { background-position:  10px -450px }
#mc-canvas.rightbrace   { background-position:-200px -450px }
#mc-canvas.star         { background-position:-400px -450px }
#mc-canvas.pigtail      { background-position:-600px -450px }

/* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
.mc-noselect {
	-webkit-user-select: none,
	   -moz-user-select: none,
	        user-select: none
}


/*---------------------- other -------------------------*/ 

#mylogo { padding-right:20px; padding-bottom:10px;}

#otzv{color:#000;}

#topbutton {position: fixed; display:none; margin-left:30px; bottom:20px; width:79px;height:30px; }

#thanks {height: 600px; padding-bottom:20%;}