* {color: #666; font-size:13px; font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif;}
html { height:100%;}
body { height:100%; margin:0; padding:0; background:url(/i/rbg.gif) repeat-y 100% 0; }
table { border-collapse: collapse; }
td { padding: 0; }
img {border:0; padding:0; margin:0;}
ul, ol {margin-top:0px; margin-bottom:7px;}
 li {margin-bottom:2px;}
p {margin:0; padding: 8px 0;}
form {margin:0; padding:0;}
form * {vertical-align: middle;}
h1, h2, h3, h4 {margin: 0; padding: 0;}
h1 {font-size: 20px; color: #03b0be; border-bottom: 1px solid #03b0be; padding-bottom: 6px; margin-right: 22px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
.bl {display: block;}
a {text-decoration: none; color: #2186fa;}
	a:hover {text-decoration: underline;}
	
/* Srructure -main */
#box-all { min-width: 1000px; width: 100%; position: relative; }
* html #box-all { width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); }
	#box-all #pd-all { width: 100%; }
.collage { background: url(/i/kalag.jpg) no-repeat #e5e5e7; }

#all{ border-right: 7px solid #e1e2e4; background: #FFF url(/i/bg-vert-col.gif) repeat-y;}
#out-block{ width: 100%; float: left; margin-right: -20%;}
#main-block{ margin-right: 20%; width: 100%; w\idth: auto;}
 html>body #main-block {width: auto;}
#right-col{ width: 20%; float: right; }

#footer{ height: 130px; border-right: 7px solid #e0e1e3; background: #e0e1e3;}
.w160{ background: #FFF; width: 160px; } 
.kolca{ padding: 15px 0 20px 180px; }
 .kolca a{ text-decoration: underline; }
 .kolca a:hover{ text-decoration: none; }
 
 
/* Top */
.shapka{ background: #fff; border-top: 4px solid #D8E2EF; height: 94px; }
 * html .shapka{ height: 98px; he\ight: 94px; }
 .shapka table{ margin: 15px 0 0 10px; }
  .shapka table tr td{ width: 25%; }
  .shapka tr td div{ background: url(/i/arr.gif) no-repeat 0 0px; padding:0 10px 0 20px; font-size: 10px; color: #666; line-height: 100%; }
  .shapka tr td div a{ font-size: 11px; font-weight: bold; display: block;}

/* Str-in */  
#in-bl{ width: 100%; margin-left: -323px; float: right; }
#center-bl{ margin-left: 323px; width: 100%; w\idth: auto;}
 html>body #center-bl {width: auto;}
#left-col{ width: 323px; float: left; }

/* center-col */
.content{ background: url(/i/bg-content.jpg) no-repeat; padding:17px 20px 50px 22px; width:88%; text-align:justify;}


/* Контент */
.p-d{ background: #06dde0; font-size: 11px; color: #fff; text-transform: uppercase; padding: 10px 9px; margin-top: 20px; }
.project{ background: #dcfafa;}
 .project tr td{ width: 33%; }
  .project tr td div{ padding: 10px 11px 10px 17px; font-size: 11px; line-height: 100%; }
   .project tr td div a.pr{ display: block; font-size: 13px; font-weight: bold;}
	.project tr td div img{ display: block; margin: 4px -2px; border: 2px solid #EAE9E9; }
	.project tr td div a{ font-size: 11px; display: block; margin-top: 3px; }
	.project tr td div p{ padding: 0; }
.add-site{ border: 1px solid #8fd3f6; margin-bottom: 1px; }
.uch{ color: #666; font-size: 10px; font-weight: bold; padding-left: 10px; width: 315px;}
 .uch span{ font-size: 10px; font-weight: bold; color: #0391ff; }
.but { text-align: right; }
 .but img{ display: block; margin: 2px 6px; float: right; }
 
	.project tr td div span{ font-size: 11px; display: block; margin-top: 3px; color: #0A88EC; }
 
.site{ padding: 0 0 30px 0; }
 .site div.op { padding-top: 15px; }
 .site div.op span{ color: #D26CA7; font-size: 11px; }
 .site div.op p{ padding: 0; }
 .site div.op img{ border: 2px solid #EAE9E9; margin: 5px 10px 5px 0;}
 
 .site div{ padding: 5px 0 0; clear: both;}
 .site div img{ border: none; margin: 0 5px 0 0; }
a.h2{ font-size: 18px; } 

/* pages */
.page{ background: #dbf3ff; height: 15px; padding: 5px 10px; margin-bottom: 3px; clear: both;}
* html .page{ height: 25px; he\ight: 15px; }
 .page *{ font-size: 10px; }
 .page div{ float: left; font-weight: bold;}
 .page div a{ text-decoration: underline; }
 .page div a:hover{ text-decoration: none; }
 .page div span{ }
 .page div.next{ float: right;}

/* left-col */
.bg-logo{ background: url(/i/bg-logo.jpg) no-repeat; height: 127px; padding: 30px 0 10px 0; }
  * html .bg-logo{ height: 167px; he\ight: 127px; }
  
/* Str-left-in */
#left-in{ width: 100%; margin-left: -160px; float: right; }
#right{ margin-left: 160px; width: 100%; w\idth: auto;}
 html>body #right {width: auto;}
#left{ width: 160px; float: left; } 

.rekl{padding: 25px 15px 10px;  }
 .rekl div{ color: #333; font-size: 11px; line-height: 100%; padding-bottom: 15px; }
 .rekl div p{ padding: 0; }
 .rekl div *{ font-size: 11px; }
 .rekl a{ text-decoration: underline;}
 .rekl a:hover{ text-decoration: none; }

.sved{ padding: 15px 15px 25px; }
 .sved a{ display: block; margin-bottom: 5px; line-height: 100%; font-size: 12px; }
  
.podp{ background:#8dd5fb; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #cde9ff; padding: 7px 15px 5px; color: #FFF; }
	.podp a { color: #FFF; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.add{ background: url(/i/add.gif) no-repeat 4px 3px; padding: 3px 20px; border: 1px solid #E8E9E9; margin:0 5px 20px 0; }
 .add a{ color: #007dff; font-size: 9px; font-weight: bold; text-transform: uppercase;}


/* Блок новости */
.news{ padding: 10px 15px; }
 .news div{ font-size: 12px; line-height: 110%; padding-bottom: 10px; }
 .news div p{ padding: 0; }
 .news div span{ display: block; font-size: 9px; color: #aad0d9; }
 .news div img{ border: 3px solid #E8EDF0; margin: 5px 5px 5px 0; }
 .news div a{ font-weight: bold; font-size: 12px;}
#pd{ margin: 0 0 0 -15px;}

/* Блок статьи */
.article{ padding: 10px 5px 20px 15px; }
 .article a{ font-size: 11px; font-weight: bold; display: block; margin-bottom: 5px; line-height: 100%;}
  
/* Вертикальное меню */
.vmenu{ padding: 15px 7px; margin: 0; list-style: none; }
 .vmenu li{ background: url(/i/point-vmenu.gif) no-repeat 0 11px; padding: 8px 0 10px 15px; line-height: 100%; border-bottom: 1px solid #fff;}
 .vmenu li.on{ background: url(/i/point-vmenu-on.gif) no-repeat 0 11px; padding: 8px 0 10px 15px; line-height: 100%; border-bottom: 1px solid #fff; }
 .vmenu li.on ul{ padding: 5px 0 5px 0px; margin: 0; list-style: none; }
  .vmenu li.on ul li{ background: url(/i/pp.gif) no-repeat 0 6px; padding: 2px 0 2px 10px; border: none; line-height: 100%;}
   .vmenu li.on ul li.on{ background: url(/i/pp-on.gif) no-repeat 0 6px; padding: 2px 0 2px 10px; border: none; line-height: 100%; }
   .vmenu li.on ul li a{ font-size: 11px; text-transform: none; font-weight: normal; }
   .vmenu li.on ul li span{ font-size: 11px; text-transform: none; font-weight: normal; color: #0a88ec;}
	
  .vmenu li a{ font-size: 11px; color: #0a88ec; font-weight: bold; text-transform: uppercase; line-height: 100%;}



/* right-col */
.search{ height: 60px; background: #f2f3f7; border-top: 4px solid #0ad8ed; padding: 14px 0px 0 15px;}
 .search span{ color: #545559; font-size: 12px; display: block; margin-bottom: 3px; }
 .search input.inp{ width: 110px; margin-right: 10px; }
 * html .search{ height: 78px; he\ight: 60px; }
.part{ background: #06dde0; height: 17px; padding: 3px 15px 0; color: #fff; font-size: 12px; font-weight: bold; }
  * html .part{ height: 20px; he\ight: 17px; }

.link{ background: #dcfafa; padding: 5px 15px; }
 .link a{ font-size: 10px; font-weight: bold; margin-bottom: 5px; text-decoration: underline;}  
 .link a:hover{ text-decoration: none; }

.pd{ padding-left: 15px; }
.txt-bl{ background: #F7F5CE; padding: 0; margin: 0 5px 0 0px; border: 1px solid #B0B1B4;}
.sm-text{ font-size: 9px; color: #666; padding: 5px 0px 25px; }

/* регистрация */ 
.reg{ background: #dcfafa; padding: 10px 15px; }
  .reg input.inp{ width: 70px; margin:0 4px 4px 0; font-size: 10px; color: #999; font-weight: bold; }
  .reg a{ font-size: 9px; font-weight: bold; display: block; float: left; margin:5px 10px 0 0; text-decoration: underline; }
  .reg a:hover{ text-decoration: none; }
  
.cl { clear:both; height:0px; _height:2px; font-size:0px; margin:0; _margin:0 0 -2px 0; padding:0; }
	.cl img { display:block; height:0px; }
   
   .form-reg tr td textarea{ width: 300px; }



/* Templates */
.hr {background:#000; height:1px; font-size:0;}
 .hr img {display:block; height:1px;}
 
.spis{list-style:none; margin:10px 0 15px 15px; padding:0;}
 .spis li {background: url(/i/point1.gif) no-repeat 0 4px; margin-bottom:1px; padding-left:15px;}