body				{ background: #fff }
#p,
.main				{ min-width: 995px; width: 100%; // width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 995)? "995px" : "100%") }

#p				{ position: absolute }
#p1				{ background: url(../images/skin/p1.png) left top no-repeat; width: 244px; height: 250px; top: 21px; left: 32.5%; position: absolute }
#p2				{ background: url(../images/skin/p2.png) left top no-repeat; width: 221px; height: 212px; top: 39px; left: 57%; position: absolute }
#p3				{ background: url(../images/skin/p3.png) left top no-repeat; width: 24%; height: 256px; top: 25px; right: 0; position: absolute }

.left				{ width: 22%; //width: 21%; padding-bottom: 100px }
.logo				{ width: 275px; height: 70px; background: url(../images/skin/logo.png) left top no-repeat; margin: 27px 0 0 0; position: absolute; text-decoration: none }

.head				{ height: 294px }
.head .we			{ position: absolute; font-size: 11px; background: url(../images/skin/we.png) left 27px no-repeat; color: #000; top: 216px; left: 20px; font-family: Tahoma; height: 60px }
.head .we div			{ color: #6d6d98; padding: 10px 0 0 68px }

.content			{ padding: 0 25px 100px 25px; font-size: 12px; line-height: 16px; margin: 2px 0 0 0 }

.top1				{ background: url(../images/skin/top2.jpg) left top repeat-x }
.top2				{ height: 294px; background: url(../images/skin/top1.jpg) left top no-repeat; max-width: 1042px; // width: expression(((document.documentElement.clientWidth || document.body.clientWidth) > 1042)? "1042px" : "100%") }

.rightCol			{ padding: 0 0 100px 0; width: 22% }
.right .h1,
.newsblockH1			{ background: #137915 url(../images/skin/line_gr.gif) right top no-repeat; color: #fff; font-size: 16px; text-align: left; font-weight: bold; padding: 5px 0 0 17px; margin: 0 0 15px 0; height: 22px; text-transform: uppercase }
.newsblockH1			{ background: #084bd9 url(../images/skin/line_bl.gif) right top no-repeat; line-height: 20px }
.newsblockH1 a			{ color: #fff }
.right .b			{ text-align: center; padding: 0 0 22px 0 }
.right .i img			{ border: 2px solid #bac6d6; padding: 1px; margin-bottom: 10px }
.right .holi .h1		{ background: #b40c02 url(../images/skin/line_rd.gif) right top no-repeat }
.right .seleb .h1		{ background: #b40c02 url(../images/skin/line_rd.gif) right top no-repeat; margin-bottom: 36px }
.right .new .h1			{ background: #254fad url(../images/skin/line_pi.gif) right top no-repeat }
.right .album .h1		{ background: #ff8300 url(../images/skin/line_or.gif) right top no-repeat }
.right .cmenu			{ padding: 0 0 20px 0 }
.right .cmenu .h1		{ background: #b40c02 url(../images/skin/line_rd.gif) right top no-repeat; margin-bottom: 10px }
.right .new			{ text-align: left; font-size: 12px }
.right .new a			{ display: block; padding: 0 0 4px 40px; background: url(../images/skin/a1.gif) 20px 6px no-repeat }

#air				{ height: 141px; width: 58px; background: url(../images/skin/air.png) left top no-repeat; position: absolute; margin: -30px 0 0 22px; // margin-left: -30px }
* html #air			{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/air.png", sizingMethod="crop") }
* html #p1			{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/p1.png", sizingMethod="crop") }
* html #p2			{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/p2.png", sizingMethod="crop") }
* html #p3			{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/p3.png", sizingMethod="crop") }

.footer				{ border-top: 1px solid #a1a1a1; color: #707070; font-size: 11px }
.footer div			{ padding: 16px 0 59px 16px; width: 655px }
.footer p			{ margin: 0 0 5px 0; padding: 0 }

.pager				{ margin: 0; padding: 70px 0 0 0; font-size: 95% }
.pager a,
.pager span			{ background: #e7ebf0; padding: 4px 9px 4px 9px; text-decoration: none; margin-right: 6px; display: block; float: left }
.pager span			{ background: #0371be; color: #fff }
.pager .ll			{ background: none; padding-left: 0; padding-right: 11px; text-decoration: underline }
.pager .rr			{ background: none; padding-right: 0; padding-left: 11px; text-decoration: underline }
.pager span.ll,
.pager span.rr			{ color: #132c3a; text-decoration: none }

.menu				{ height: 78px }
.menu .items			{ background: #19809e url(../images/skin/menu.jpg) left top no-repeat; height: 35px; padding: 0 0 0 8px }
.menu .items a:hover		{ color: #cce9ff }
.menu .items a,
.menu .items span		{ display: block; float: left; padding: 9px 9px 11px 9px; color: #fff }
.menu .items .s,
.menu .items .s:hover,
.menu .items span		{ background: #ff8300; text-decoration: none; color: #fff }

.path				{ padding: 9px 0 0 18px; font-size: 11px }
.path a,
.path span			{ background: url(../images/skin/arr.gif) left 5px no-repeat; padding: 0 2px 0 16px }
.path .m			{ padding: 0; background: none }


.newsList td			{ padding-bottom: 30px }
.newsList .l			{ width: 180px; padding-top: 4px }
.newsList .region		{ font-size: 14px; color: #657788; margin: 0 0 4px 0; font-weight: bold }
.newsList img			{ border: 1px solid #bac6d6; padding: 1px }
.newsList span			{ color: #ababab; display: block; font-size: 95%; margin-bottom: 4px }
.newsList h3			{ margin: 1px 0 0 0; padding: 0 0 10px 0 }

.newsListM			{ margin-bottom: 10px }
.newsListM span			{ margin-bottom: 2px }
.newsListM td			{ padding-bottom: 12px }
.newsListM h3			{ font-size: 18px }

.newsFull .i			{ float: left; padding: 0 18px 5px 0; text-align: center; font-size: 95%; margin: 4px 0 0 0 }
.newsFull .i .ii		{ border: 1px solid #cae1f1; padding: 1px; display: block; margin: 0 0 5px 0 }
.newsFull span			{ color: #ababab; font-size: 95%; display: block; margin: -2px 0 10px 0 }
.newsMisc h3			{ font-size: 18px; color: #000; padding: 0 0 2px 0 }
#photonum			{ margin: 4px 0 0 0; text-decoration: none }

.otherNews			{ margin: 0 0 20px 0 }
.otherNews span			{ color: #ababab; font-size: 95%; display: block; margin: 12px 0 0 0 }

.comments .cc			{ border-top: 1px solid #dedede }
.comments .c			{ background: url(../images/skin/comment.gif) 1px 20px no-repeat; border-bottom: 1px solid #dedede; font-weight: bold; padding: 18px 0 0 31px }
.comments .c span		{ font-weight: normal; font-size: 95%; color: #ababab }
.comments .te,
.comments .tee			{ font-weight: normal; padding: 10px 0 10px 0; margin: 0 0 12px 0; clear: both }
.comments .tee			{ margin: 0; padding: 7px 0 0 0; display: block }
.comments h3			{ font-size: 18px; color: #000 }
.comments .c .d			{ float: right }
.comments .c .n			{ float: left; font-size: 18px; color: #000 }
.gb .tee			{ //padding: 1px 0 0 0 }
.gb .answer			{ padding: 0 0 2px 12px; border-left: 3px solid #ff9600 }

.molH1				{ padding: 2px 0 3px 5px; display: block; background: #e6f1f5; margin: 5px 0 }
.subForm .mol			{ width: 275px }
.subForm .reg			{ padding: 3px 0 0 0 }
.subForm #molTr	div		{ margin: 0 0 3px 0 }

.list				{ font-size: 95% }
.list th			{ text-align: left; background: #ff7d03; color: #fff; font-weight: normal; padding: 4px 7px 5px 13px }
.list th a			{ color: #fff }
.list td			{ padding: 5px 10px 5px 10px }
.listFiles td			{ border-bottom: 1px solid #dedede; font-size: 105%; padding-right: 0 }
.listFiles p			{ padding-bottom: 0; margin: 0 }
.listFiles .file_a		{ display: none }
.listFiles .file_link		{ width: 80px }
.listFiles .file_name		{ padding: 25px 0 0 0 }
.listFiles .d			{ text-align: center; width: 120px; padding-left: 0; padding-bottom: 0 }
.listFiles .f			{ text-align: center; width: 90px; padding-left: 0; padding-bottom: 0 }
.listFiles th a			{ color: #fff }
.listFiles th .sort1		{ background: url(../images/skin/arr2.gif) right 6px no-repeat; padding: 0 16px 0 0 }
.listFiles th .sort2		{ background: url(../images/skin/arr2.gif) right -50px no-repeat; padding: 0 16px 0 0 }


.search table			{ margin-bottom: 10px }
.search td			{ padding: 4px 0 2px 0 }
.search .i			{ width: 100%; margin-bottom: 4px }
.search .ok			{ width: 80px; margin: 0 15px 0 0; // margin: 3px 15px 0 0; display: inline; height: 24px }
.search .cok			{ text-align: right; width: 130px }
.search p			{ margin: 0 0 0 0 }
.search .link			{ font-size: 95%; display: block; margin: 9px 0 12px 0 }
.search h3			{ padding-bottom: 5px }
.searchSmall table		{ margin: -5px 0 10px 8px }
.searchSmall .i			{ margin: 1px 0 }
.searchSmall .cok		{ width: 35px; padding-right: 8px }
.searchSmall .ok		{ margin: 0; padding: 0 0 6px 0; //padding: 0px; width: 22px; height: 22px; //margin-top: 1px; background: url(../images/skin/but.gif) center center no-repeat; border: 0 }

#sitemap			{ margin: 12px 0 0 21px }
#sitemap,
#sitemap ul			{ list-style-type: none; margin: 0 }
#sitemap li			{ padding: 0 }
#sitemap ul			{ margin: 5px 0 0 25px; list-style: disc; color: #0371be }
#sitemap ul li			{ padding-bottom: 4px }
#sitemap ul ul			{ margin: 3px 0 2px 1px; list-style: none }
#sitemap ul ul li		{ background: url(../images/skin/ul.gif) left 6px no-repeat; padding-left: 20px }
#sitemap ul ul ul li		{ background: url(../images/skin/m3.gif) left 8px no-repeat; padding-left: 15px }

.photo td			{ width: 50%; padding: 0 30px 45px 0 }
.photo img			{ border: 1px solid #cae1f1; padding: 1px }
.photo h3			{ padding-bottom: 4px }

.photos 			{ margin-left: -12px }
.photos .i			{ display: block; height: 72px; width: 72px; background: center center no-repeat }
.photos .b			{ display: block; height: 72px; width: 72px; border: 1px solid #bac6d6; padding: 1px }
.photos div			{ float: left }
.photos a			{ text-decoration: none; /*background: url(../images/skin/zoom.gif) 65px 80px no-repeat;*/ height: 96px; display: block; width: 97px; padding-left: 12px; outline: none }
.photos .custom			{ text-align: right; float: none; margin: -10px 0 15px 0; height: 30px }
.photos .custom a		{ padding: 0; width: 150px; background: none; height: 30px; text-decoration: underline; float: right }


.sotrPoto			{ color: #707070 }
.sotrPoto h3			{ padding: 0; color: #132c3a; margin: -4px 0 3px 0; font-size: 18px }
.sotrPoto .l			{ width: 95px }
.sotrPoto .i			{ display: block; height: 72px; width: 72px; background: center center no-repeat }
.sotrPoto .b			{ display: block; height: 72px; width: 72px; border: 1px solid #bac6d6; padding: 1px }
.sotrPoto a			{ text-decoration: none; /*background: url(../images/skin/zoom.gif) 65px 80px no-repeat;*/ height: 98px; display: block; width: 77px }

#years				{ margin: 0 0 0 0 }
#years span			{ background: #ff8300; color: #fff }
#years a,
#years span			{ margin: 2px 3px 2px 0; display: block; float: left; padding: 1px 5px 2px 6px }
.archive1			{ margin: 15px 0 0 0; border-top: 1px solid #e9e9e9 }
.archive1 td			{ padding: 6px 10px; border-bottom: 1px solid #e9e9e9 }
.archive1 .c1			{ padding-left: 17px; padding-right: 0; width: 67px } 

html, body, .main,
.mainContainer			{ height: 100% }

#page				{ _height: expression( document.documentElement.offsetHeight - 296 - 129 + 'px'); }

.weather			{ float: right; width: 200px;  margin: 200px 2% 0 0; // margin: 200px 3.5% 0 0; color: #707070 }
.weather p			{ padding-bottom: 10px; margin: 0 }

#letters			{ margin: 0; padding: 0; font-family: Tahoma; font-size: 11px }
#letters a,
#letters span			{ padding: 2px 5px 2px 2px }
#letters span			{ color: #b7b7b7 }
#letters .s			{ color: #ff7200 }

.cartList .c1			{ width: 182px }
.cartList td			{ padding: 0 0 19px 0 }
.cartList img			{ border: 1px solid #bac6d6; padding: 1px }
.cartList h3			{ padding: 0; margin: -4px 0 0 0; font-size: 18px }

.postCard .i			{ display: block; border: 1px solid #bac6d6; padding: 1px; margin: 0 0 0 18px }
.postForm .i			{ width: 260px }
.postForm table			{ width: 500px }
#style				{ font-size: 12px }

.formTable			{ font-size: 95%; border-bottom: 1px solid #dedede; margin-bottom: 20px }
.formTable td			{ border-top: 1px solid #dedede; vertical-align: middle; padding: 2px 0 0 16px; height: 34px }
.formTable .rr			{ width: 215px }
.formTable .i,
.formTable .s			{ margin: 0 0 2px 0 }
.formTable .text		{ padding: 10px 11px }
.formTable .text .t		{ width: 99%; height: 130px }
.formTable .la			{ color: #707070; width: 90%; margin: 0 0 4px 0 }
.formTable2 td			{ padding: 4px 0 4px 11px; height: 24px }
.formTable .big			{ vertical-align: top; padding-top: 8px }
.formTable .t			{ width: 194px }
.formTable select		{ font-size: 11px }
.formTable2 .i,
.formTable2 .t			{ width: 90% }
.formTable2 .img		{ display: block; border: 1px solid #cae1f1; padding: 1px; margin: 5px 0 5px 0 }

.formPostCart .t		{ width: 100px }
body .formPostCart .fi		{ padding-bottom: 10px; padding-top: 5px; width: 100% }
.formPostCart .fi input		{ width: 400px; height: 20px; padding-top: 3px }
.formPostCart .fi div		{ margin: 4px 0 }
.formPostCart .fi .label	{ color: #707070; margin-bottom: 6px }
.formPostAnketa .t1		{ width: 194px }
.formPostAnketa .c1		{ vertical-align: top }
body .formPostAnketa .i		{ marign: 0 }

.m1	 			{ font-size: 105%; text-align: left }
.m1 a,
.m1 span			{ background: url(../images/skin/m1.gif) 15px 10px no-repeat; display: block; padding: 6px 0 6px 20px }
.m1 a:hover			{ background-image: url(../images/skin/m2h.gif) }
.m1 .s,
.m1 .s:hover,
.m1 span			{ background-image: url(../images/skin/m2s.gif); color: #657296 }
.m2 span			{ color: #707070 }

.m2 div				{ margin: 0 0 10px 18px }
.m2 div a,
.m2 div span			{ background: url(../images/skin/m2.gif) 3px 11px no-repeat; padding: 5px 0 5px 20px }
.m2 div .s:hover,
.m2 div .s,
.m2 div span			{ background-image: url(../images/skin/m2s.gif) }
.m2 div div a:hover		{ background-image: url(../images/skin/m3h.gif) }
.m2 div div			{ margin: 0 0 8px 14px }
.m2 div div a,
.m2 div div span		{ background: url(../images/skin/m3.gif) 16px 9px no-repeat; padding: 2px 0 2px 30px }
.m2 div div s,
.m2 div div s:hover,
.m2 div div span		{ background-image: url(../images/skin/m3s.gif); color: #657296 }

#main .content			{ margin: 0 }
#main .newsList1		{ margin-bottom: 36px }
#main .newsList1 span		{ color: #ababab; display: block; font-size: 95%; margin-bottom: 4px }
#main .newsList .l		{ width: 210px }
#main .newsList1 .l		{ width: 277px }
#main .newsList .l img,
#main .newsList1 .l img		{ border: 2px solid #bac6d6; padding: 1px }
#main .newsList1 h3		{ margin-top: -14px; font-size: 18px }
#main .newsList .all		{ border-bottom: 1px solid #e3e3e3 }
.newsList .all			{ padding-bottom: 20px; text-align: right }
#main .newsList img		{ border: 1px solid #bac6d6 }
#main .newsList3 td		{ padding-bottom: 10px }


.fileUploadForm			{ font-size: 11px }
.fileUploadForm span		{ display: block }
.fileUploadForm .ok		{ width: 100px }
.fileUploadForm .file		{ height: 22px; width: 410px; width: _418px }
.fileUploadForm .t		{ width: 410px }

#postReg			{ display: none }

#steps span			{ font-size: 13px; margin-right: 3px; padding: 1px 3px }
#steps .s			{ background: #ff8300; color: #fff }

.viewProfile .u1		{ margin: 15px 0 16px 0; border: none }
.viewProfile .u1 .i		{ width: 203px }
.u1 .i img			{ border: 1px solid #bac6d6; padding: 1px; display: block; margin: 3px 0 0 0 }
.u1 .descr			{ background: #edf5f7; padding: 10px 15px; font-size: 12px }
.u2 p				{ margin-bottom: 10px }


@media all and (min-width: 0px) {
}

.vidText			{ float: left; font-size: 11px }
.vidText .time			{ color: #7a8f9b; margin: 0 0 20px 0 }
.vidText .file_link		{ margin-left: -21px; width: auto; margin-bottom: 21px }	
.playerLeft			{ float: left; width: 340px; vertical-align: top }
td.vidText,
td.playerLeft			{ float: none }
td.playerLeft			{ width: 345px }

.photo2				{ float: left; width: 240px; height: 225px; overflow: hidden }
.photo2 p			{ width: 215px; padding: 0 0 0 8px; margin: 10px 0 0 0; font-size: 11px; line-height: 12px; border-left: 4px solid #19809e }
.photo2 img			{ width: 160px }

.form2				{ margin: 0 }
.form2 td			{ padding: 5px 0 0 0; font-size: 11px }
.form2 table			{ width: 505px }
.form2 table,
.form2 .okt td			{ border-top: 1px solid #dedede }
.form2 td			{ background: #f2f2f2 }
.form2 .w td			{ background: #fff }
.form2 .clr td			{ background: none; border: none }
.form2 .wl td			{ border-bottom: 1px solid #dedede }
.form2 .c1			{ width: 204px; padding: 10px 8px 5px 13px; color: #132c3a }
.form2 .c1 span,
.form2 .c1 .r			{ float: left; display: block }
.form2 .c1 .r			{ color: #b8180d; float: right; font-size: 13px }
.form2 .i,
.form2 .t			{ width: 265px }
.form2 .t			{ width: 261px; height: 100px }
.form2 .ok			{ font-size: 13px; padding: 2px 10px 3px 10px; height: 30px }
.form2 .la			{ color: #6e7579; margin: 0 0 12px 0; line-height: 12px }

#addSmen a			{ display: block; margin: 8px 0 15px 0; padding: 1px 0 1px 35px; background: url(../images/skin/add.gif) 15px center no-repeat }
.mdash div			{ height: 30px }
.mdash .i,
.mdash .s			{ float: left; display: block }
.mdash div.s			{ padding-left: 5px; padding-right: 5px }

#logonBlock			{ float: right; font-size: 11px; padding: 0 24px 0 22px; background: url(../images/skin/logon.gif) left center no-repeat; margin: 14px 0 0 0 }
#logonBlock span		{ border-right: 1px solid #9e9e9e; padding: 0 0 0 4px; margin: 0 9px 0 0 }

@media screen and (-webkit-min-device-pixel-ratio:0){
	.menu .items a,
	.menu .items span		{ padding-top: 10px }
	.content			{ margin-top: 2px } 
	.gb .answer			{ padding-top: 1px; padding-bottom: 1px }
}

.editProf h3			{ color: #000 }
.editProf img			{ padding: 1px; border: 1px solid #bac6d6; display: block; margin: 10px 0 0 0 }
.editProf .smanName		{ float: left }
.editProf .smenDel		{ float: right }
.editProf .smenDel label	{ padding: 0 0 0 16px; background: url(../images/skin/del.gif) left top no-repeat }
.editProf li			{ clear: both; width: 460px }
.editProf ul			{ clear: both; margin-bottom: 20px; list-style: none }
.editProf #childOptions table	{ clear: both }
.viewProfile h3			{ color: #000 }
.viewProfile .c1		{ padding-top: 8px }

.editPro			{ float: right; background: url(../images/skin/edit.gif) left top no-repeat; padding: 0 0 0 24px; margin: 5px 0 0 0 }
.newSearch			{ background: url(../images/skin/se.gif) left 2px no-repeat; padding: 0 0 0 20px; display: block; width: 160px; margin: 0 0 4px 0 }
.users				{ font-size: 11px; line-height: 13px }
.users h3			{ font-size: 18px }

.ad				{ width: 220px; margin: 10px -19px 0 0; padding: 0 19px 14px 19px; background: url(../images/skin/tire.jpg) right bottom no-repeat }
.lang				{ float: right; font-size: 10px; position: relative; margin: -25px 6px 0 0; font-family: Tahoma }
.lang a,
.lang span			{ padding: 0 5px 1px 5px }
.lang span			{ background: #587fa0; color: #fff }


#p2010				{ width: 881px; height: 215px; background: url(http://molodezh.okean.org/images/skin/2010.png) left top no-repeat; left: 15%; top: 0; position: absolute }
* html #p2010			{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://molodezh.okean.org/images/skin/2010.png", sizingMethod="crop") }

#p2011				{ width: 633px; height: 279px; background: url(http://molodezh.okean.org/images/skin/2011.jpg) left top no-repeat; left: 292px; top: 0; position: absolute }