html {height:100%; width: 100%; padding: 0; margin: 0;}

body {margin: 0; padding: 0; overflow: hidden; font-family: arial; font-size: 85%; width:100%; height:100%;}

img {border: none;}

a {text-decoration: none; color: #424242; font-size: 100%;}

h1 {color: #424242; margin-top: 0;}

.social_thumb {float: left; width: 100px; background-color: #fff; margin: 0 10px 0 0;}
.social_thumb img {float: left; background-color: none;}
.social_thumb b {float: left; background-color: none;}

/* стартовая страница */

.p {width: 100%; height: 100%; float: left; position: relative; font-size: 100%; text-align: justify; overflow: hidden;}

.p > div {background-color: #fff; width: 100%; position: absolute; text-align: center; top: 30%; box-shadow: 0 0px 25px silver;}

.p > div > a > img {width: 55%; padding: 2%;}

.p > a {text-decoration: none; color: #eee;}

.p > a:hover {color: #424242; z-index: 10; text-shadow: 0 0px 17px silver; font-size: 100%;}

/* конец стартовая страница */



/* логотип */

#tnm {position: fixed; left: 2%; top: 0; z-index: 999; width: 100%;}

#o {position: relative; float: left; padding: 10px 10px 10px 10px; font-size: 150%; margin: -0.4% 1% 0 0;  text-shadow: 0 0px 11px black; color: #fff; letter-spacing: 2px;}

/* конец логотип */

/* верхнее меню */

.topm {position: relative; margin: 6px 0 0 0; float: left;}

.topm > a {opacity: 0.6; padding: 8px 15px 9px 17px; font-size: 100%; letter-spacing: 2px;}

.topm > #pr {background-color: orange; color: black;}

.topm > #ma {background-color: #6bcbff; color: black;}

.topm > #gpr {background-color: #89ff6b; color: black;}

.topm .s, .topm .m, .topm a:hover {background-color: #1d1d1d; color: silver; opacity: 0.8;}

/* конец верхнее меню */



/* кнопка показать  меню */

#b {position: relative; float:right; z-index: 1000; width: 50px;}

#b img {width: 28%; position: absolute; right: 0; padding: 9px 15px 9px 15px; background-color: orange;}

/* конец кнопка показать  меню */



/* нижнее меню */

#f, #f ul,#om, #om ul, #g, #g ul, #g_pr, #g_pr ul {list-style: none; opacity: 0.7;}

#f:hover,#om:hover,#g:hover, #g_pr:hover {opacity: 0.9;}

#m {position: fixed; left: 0; z-index: 115; width: 35%;}

#f {position: fixed; left: 0; bottom: 0; padding: 0 0 0 1%; width: 100%; margin: 0 0 30px 0; background-color: orange;}

#g_pr {position: fixed; left: 0; bottom: 0; padding: 0 0 0 1%; width: 100%; margin: 0 0 30px 0; background-color: #89ff6b;}

#f a, #g_pr a {color: #fff; text-decoration: none; display: block; padding: 8px 15px 9px 17px; font-size: 100%; letter-spacing: 2px;}

#f li, #g_pr li {float:left; position:relative; margin: 0 -30px 0 30px;}

#f li:hover > a, #g_pr li:hover > a {background-color: #a1a1a1; color: white;}

#f li:hover > ul, #g_pr li:hover > ul {opacity:1; visibility: visible; box-shadow: 0 0px 9px black; z-index: 16; position: absolute;}

#f li li:hover > a, #g_pr li li:hover > a {background-color: #a1a1a1;} 

#f ul a, #g_pr ul a {color: #000;}

#f ul, #g_pr ul {visibility: hidden; padding: 0; margin: 0; position: absolute; bottom: 33px;}

#f ul li, #g_pr ul li {float: left; /* left - вывод в правую сторону*/ margin: 0; width: 230px; background-color: silver; font-size: 8pt;}

#f ul li a:hover, #g_pr ul li a:hover {color: #fff; background-color: #a1a1a1;}

#f ul ul, #g_pr ul ul {float: none; left: 230px; bottom: 0px;}

#f .sel a, #g_pr .sel a {background-color: #1d1d1d; color: silver;} /* заливка и цвет текста на кнопке соответствующей тек разделу */

#f .sel ul a, #g_pr .sel ul a, {background-color: silver; color: #fff;}

#f img, #g_pr img {float: right; width: 3px; margin: 5px -5px 5px 0; }

#f ul ul ul li img, #g_pr ul ul ul li img {width: 166px; float: left; margin: 0 0 8px -7px;}

#f ul ul ul li, #g_pr ul ul ul li {width: 196px; backg round-color: orange;}

#f ul ul li, #g_pr ul ul li {wid th: 236px; font-size:8pt; backg round-color: orange;}

#f ul ul ul li:hover, #g_pr ul ul ul li:hover {background-color: #a1a1a1;}

#om {z-index: 116; position: fixed; left: 0; bottom: 0; padding: 0 0 0 1%; width: 100%; margin-bottom: 30px; background-color: #6bcbff;}

#om li {list-style: none; padding: 0; margin: 0; opacity: 0.7;}

#om li {opacity: 0.9;}

#om a {color: #fff; text-decoration: none; display: block; padding: 8px 15px 9px 17px; font-size: 100%; letter-spacing: 2px;}

#om li {ma rgin: 0 0px 0 2%; float:left; position:relative;}

#om li:hover > a {background-color: #1d1d1d; color: white;}

#om li:hover > ul {opacity:1; visibility:visible; box-shadow: 0 0px 9px black; z-index: 20; position: absolute;}

#om li li:hover > a {background-color: #a1a1a1;} 

#om ul a {color: #000;}

#om ul {visibility:hidden; padding:0; position:absolute; bottom: 29px;}

#om ul li {float: left; /* left - вывод в правую сторону*/ margin: 0; width: 200px; background-color: silver; font-size: 8pt;}

#om ul li a:hover, #om ul ul ul img:hover {color:#fff; background-color: orange;}

#om ul ul {float: none; left: 200px; bottom: 0px;}

#om .sel a {background-color: #1d1d1d; color: silver;} /* заливка и цвет текста на кнопке соответствующей тек разделу */

#om img {float: right; width: 3px; padding: 5px;}

#om ul ul ul img {width: 166px; float: left; padding: 18px 18px 20px 18px; margin: -7px 0 0px -7px; background-color: #1d1d1d;}
/* когнец нижнее меню */



/* меню проекта */
#g {position: fixed; left: 2%; bottom: 0; padding: 0 0 0 1%; width: 100%; margin-bottom: 62px;}
#g li {margin: 0; float:left; position:relative; }
#g a {color: #fff; background-color: silver; text-decoration:none; display:block; padding: 8px 15px 9px 17px;}
#g li:hover > a {color: #000; background-color: orange;}
#g .ss a {color: silver; background-color: #1d1d1d;}
#g a b {display:block; color: #000;}
#idp a {background-color: #fff;} #idp li:hover {background-color: #fff; color: orange;}

/* манипулятор расположение кнопок */
.le {position: absolute; left: 1%; top: 40%; z-index: 12;}
.ri {position: absolute; right: 1%; top: 40%; z-index: 12;}
.up {position: absolute; left: 45%; top: 5%; z-index: 12;}
.bo {position: absolute; bottom: 0%; left: 45%; z-index: 12;}
.le img {padding: 51px 51px 51px 0px;}
.ri img {padding: 51px 0 51px 51px;}
.up img {padding: 0 51px 51px 51px;}
.bo img {padding: 51px 51px 0 51px;}

.container {position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;}
#pages {position: absolute; left:0; top:0;}
#pages > div {position:absolute; height:1100px; width:1700px;}

#page1 {left:0; top:0;}
#page2 {left:1700px; top:0;}
#page3 {left:3400px; top:0;}

#page4 {left:0; top:1100px;}
#page5 {left:1700px; top:1100px;}
#page6 {left:3400px; top:1100px;}

#page7 {left:0; top:2200px;}
#page8 {left:1700px; top:2200px;}
#page9 {left:3400px; top:2200px;}
/*
#pa ge10 {left:1700px; top:2200px;}
#pa ge11 {left:3400px; top:2200px;}
#pa ge12 {left:5100px; top:2200px;}
#pa ge13 {left:0; top:3300px;}
#pa ge14 {left:1700px; top:3300px;}
#pa ge15 {left:3400px; top:3300px;}
#pa ge16 {left:5100px; top:3300px;}
*/
/* манипулятор конец коломяжский проспект декаративное акриловое стекло*/

/* промежуточные страницы */
#cat0 {position: absolute; top: 30%; left: 20%; background-color: #fff; width: 300px; hei ght: 400px; overf low-y: scroll; ove rflow-x: none; padding: 15px 7px 9px 20px; z-index: 3; opacity: 0.6; font-size: 85%;}
#cat0:hover {opacity: 0.9; box-shadow: 0 0px 25px silver; background-color: #fff;}
#cat0 div {position: relative; float: right; top: -5px; right: -2px;} 
#cat0 div a {padding: 5px 10px 5px 10px;} 
#cat0 div a:hover {background-color: none; padding: 5px 10px 5px 10px;}
#cat0 img {visibility: hidden; position: absolute; top: 0; left: -160px;}
#cat0 a:hover > img {visibility: visible; background-color: #fff; padding: 15px;}
#cat0 a:hover {background-color: orange; padding: 0 0 0 20px;}

/* страница объекта */
#in {position: absolute; top:1%; left: 0; background-color: #fff; padding: 1% 1% 0 2.6%; height: 80%; z-index: 2; width: 150px; margin: 5% 0 0 0%; font-size: 85%;}
#in img {width: 100%;}

#boxdata {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden; backg round-color: orange;}

#lenta {
	position: absolute;
	top: 1%;
	left: 250px;
	height: 90%;
	margin: 9% 0 0 0;
	white-space: nowrap;
}

#allimg {white-space: normal; overflow-y: scroll; height: 83%;}
#allimg img {margin: -3px 0 0 0; padding: 5px;}

#lenta .imgs1 {
	height: 70%;
	margin: 0 20px 0 0;
}
#lenta span i {
	position: absolute;
	top: -577px;
	left: -20px;
	padding: 2px 5px;
	back ground-color: red;
	margin: 0 10px 0 0;
	z-index: 11111;
}
#lenta span {
	position: relative;
	height: 70px;
	width: 15px;
	background-color: red;	
}


/*
.imgs1 {height: 70%; margin: 0 50px 0 0;}


#txtb {height: 70%; -webkit-column-width: 190px; -moz-column-width: 190px; column-width: 190px; font-size: 85%; white-space: normal;}
#txtb img {width: 90%; background-color: #eee; padding: 5% 5% 7% 5%; margin: 2% 0 2% 0px;}
#txtb ul {list-style: circle; list-style: disc;}
#txtb ul li {margin: 0 0 5px -19px;}
*/

#txtb {height: 70%; font-size: 85%;}
#txtb img {width: 90%; background-color: #eee; padding: 5% 5% 7% 5%; margin: 2% 0 2% 0px;}
#txtb ul {list-style: circle; list-style: disc;}
#txtb ul li {margin: 0 0 5px -19px;}

.txt190px {height: 92%; -webkit-column-width: 190px; -moz-column-width: 190px; column-width: 190px; white-space: normal; font-size: 100%;}
.txt240px {height: 92%; -webkit-column-width: 240px; -moz-column-width: 240px; column-width: 240px; white-space: normal; font-size: 85%;}


/* стили для анонса */
.tbp {position: relative; left: -5%; margin: 0 0px 0 5%; padding: 12px 22px 16px 111px; background-color: #fff; opacity: 0.2; top: 10%; width: 25%; font-size: 85%;}
.tbp:hover {opacity: 0.9; box-shadow: 0 0px 25px silver; background-color: #fff;}
.tbp a {color: #424242; text-decoration: none;}
.tbp b {font-family: arial; margin: 0px;}
.tbp a:hover {color: orange;}



/* блог и плашки */
#pl1 {position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; height: 60px; z-index: 4; box-shadow: 0 -25px 55px #fff;}
#pl2 {position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; height: 30px; z-index: 4; box-shadow: 0 10px 25px 10px #fff;}

#lban {position: absolute; top: 1%; left: 0; height: 80%; margin: 9% 0 0 5.5%; font-size: 10pt;} /* контейнер */
#lban a {color: #5588ff; text-decoration: underline;}

.ban {width: 150px; height: 250px; padding: 10px; position: relative; color: #424242; font-size: 85%; margin: 4px 4px 0 0px; float: left; overflow: hidden; z-index: 109;}
.ban:hover {padding: 25px; margin: -13px; box-shadow: 0 0px 35px silver; background-color: #fff; z-index: 110;} 
.ban h2 {margin: 0; padding: 0; height: 55px; font-size: 120%;}
.post {width: 60%; position: relative; float: left; padding: 0 0 80px 0; font-family: arial; font-size: 90%;}
.post h1, .postc h1 {text-shadow: none; font-size: 150%;} 
.post img {width: 95%; padding: 2% 2% 2.5% 2%; background-color: #f1f1f1;}
.postc {width: 60%; position: relative; float: left; padding: 0 0 80px 0; font-family: arial; font-size: 90%; -webkit-column-width: 180px; -moz-column-width: 180px; column-width: 180px;
/*column gap*/-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} 
.postc img {width: 100%; padding: 2% 2% 2.5% 2%; margin: 2% 0 2% 0; background-color: #f1f1f1;}
.postc h1 {-webkit-column-span: 2; -moz-column-span: 2; column-span:2;}
.bano {position: relative; float: right; z-index: 7; padding: 10px; background-color: #eee; text-align: left; }

@media screen and (max-width: 1400px)
{
	# o /*надпись архмастая*/
	{
		position: relative; float: left;
		padding: 10px; margin: 20px 0 0 0;
		font-size: 300%; color: #fff;
		text-shadow: 0 0px 11px black; 
	}

	.t opm {margin: 10px 0 0 0;}

	.t opm > #pr, .t opm > #ma {font-size: 20pt;} /* кнопки верхнего меню */

	.p > d iv > a > img {width: 75%; padding: 2%;} /* главная страница */

	.c ontainer /* контейнер для фото */
	{
		position: absolute; 
		overflow-y: scroll; 
		left: 0; top: 0; 
		width: 100%; height: 100%;
	}

	.t bp /* анонс проекта */
	{
		opacity: 1; 
		left: 0;
		width: 340px;
		padding: 12px 20px 16px 20px;
		margin: 40px 0 0 0;
		font-size: 20pt;
	}
}