/* глобальные блоки */

body {
 margin: 0px 10px 0px 0px;
 padding: 0px;
 background-color: #F2F6FF;
 background-image: URL('/!system/img/dsg/shapka/bg.jpg');
 background-repeat: repeat-x;
 font-family: Verdana,Arial,monospace;
}
b {
 font-family: 'Arial Black';
 font-weight: normal;
}
#page {
 width: 100%;
 height: 100%;
 position: relative;
}


/* шапка */

#shapka {
 width: 100%;
 height: 300px;
 position: absolute;
 top: 0px;
 left: 0px;
 background-image: URL('/!system/img/dsg/shapka/wave.jpg');
 background-repeat: no-repeat;
}


#logo { 
 position: absolute;
 top: 53px;
 left: 73px;
 z-index: 10000;
}
#nachalo { 
 position: absolute;
 top: 5px;
 left: 5px;
}
#component { 
 position: absolute;
 top: 62px;
 left: 345px;
 width: 200px;
 height: 33px;
 background-image: URL('/!system/img/dsg/shapka/bg-component.png');
 background-repeat: no-repeat;
 visibility: hidden;
 cursor: hand;
}
#compimg {
 position: absolute;
 width: 62px;
 height: 31px;
 overflow: hidden;
}
#comptext {
 position: absolute;
 width: 160px;
 left: 62px;
 padding: 0px 7px;
 color: #C2D3F1;
 font-size: 9px;
 line-height: 10px;
}

/* главные блоки содержания */

#rightcolumn {
 padding-left: 10px;
}
#cont {
 position: relative;
 width: 100%;
}
#leftcolumn {
 width: 45%;
 padding: 200px 10px 130px 10px;
}
#left1 {
 width: 50%;
 padding: 0px 5px 0px 0px;
}
#left2 {
 width: 50%;
 padding: 0px 0px 0px 5px;
}
#left0 {
 padding-top: 10px;
}      

/* вспомогательные блоки содержания */

#centercolumn {
 right: 0px;
 padding-top: 158px;
}

/* стили контента */
a img {
 border: none;
}
.center h1.ztop {
 width: 100%;
 height: 18px;
 padding: 2px;
 margin: 0px;
 background-color: #4385BD;
 background-image: URL('/!system/img/dsg/content/zbg.jpg');
 background-repeat: repeat-y;
 background-position: left;
 text-align: center;
 text-transform: uppercase;
 font-family: 'Arial Narrow';
 font-weight: normal;
 color: white;
 font-size: 12px; 
}
.center h1.ztoppodzag {
 width: 100%;
 height: 18px;
 padding: 2px;
 margin: 0px;
 background-color: #b9cdf0;
 background-repeat: repeat-y;
 background-position: left;
 text-align: center;
 text-transform: uppercase;
 font-family: 'Arial Narrow';
 font-weight: normal;
 color: white;
 font-size: 12px; 
}
.center h1.ztoparch {
 width: 100%;
 height: 18px;
 padding: 2px;
 margin: 0px;
 background-color: #C00000;
 text-align: center;
 text-transform: uppercase;
 font-family: 'Arial Narrow';
 font-weight: normal;
 color: white;
 font-size: 12px; 
}
.center .comment {
 color: #9bb0df;
 font-style: italic;
}
.center li {
 margin: 7px 0px;
 padding: 0px 10px 0.3em 13px;
 color: #282828;
 line-height: 1.5em;
 background-image: URL('/!system/img/dsg/content/left-marker.png');
 background-repeat: no-repeat;
 background-position: 5px 0.6em;
 list-style-type: none;
 font-size: 13px;
 font-family: Arial;
}
.center .smallbutton {
}

.right h1 {
 font-size: 10px;
 text-transform: uppercase;
 color: #356285;
 font-weight: normal;
 margin: 10px 0px;
}
#search {
 margin-top: 25px
}
#subscr {
 margin-top: 45px
}
#search form,#subscr form {
 display: inline;
 margin: 0px;
 padding: 0px;
 line-height: 10px;
}
#search input.text,#subscr input.text {
 border: solid 1px #C2D5E8;
 width: 110px;
 height: 23px;
 margin: 0px;
 padding: 0px;
 padding-top: 5px;
 padding-left: 5px;
 font-family: Arial;
 font-size: 11px;
 color: #C0C0C0;
}
#search input.chb {
 padding: 0px;
 margin: 0px;
}
#search .podpchb {
 width: 140px;
 margin: -15px 0px 0px 30px;
 font-family: Arial;
 font-size: 11px;
}
#search a,#subscr a {
 margin: 0px 0px 0px 30px;
 color: #356285;
 font-family: Arial;
 font-size: 11px;
}
.center h2 {
 text-transform: uppercase;
 font-weight: normal;
 font-size: 14px;
 color: #05599A;
 margin: 25px 15px 15px 15px;
}
.center h3 {
 font-weight: bold;
 font-size: 12px;
 color: #05599A;
 margin: 25px 15px 15px 15px;
}
.center img {
 margin: 5px 15px;
}
.center p,.center td {
 margin: 20px 15px;
 font-size: 14px;
 color: #4C4C4C;
 line-height: 1.5em;
 font-family: Arial;
}
.center p {
 text-align: justify;
}
.center blockquote {
 font-size: 12px;
 text-align: justify;
 color: #4C4C4C;
 line-height: 18px;
 font-family: Arial;
}
.center dl {
 text-align: left;
}
.center dt {
 font-weight: bold;
}
.center dd {
 margin-left: 10px;
 padding-bottom: 15px;
}
.center a {
}
.center a:link {
 color: #2a649f;
 text-decoration: none;
}
.center a:visited {
 color: #97aed5;
 text-decoration: none;
}
.center a:hover,.center a:active {
 color: #ff8a00;
 text-decoration: none;
}
.center input:text,.center select {
 border: solid 1px #C2D5E8;
 height: 20px;
 margin: 0px;
 padding: 0px;
 padding-top: 5px;
 padding-left: 5px;
 font-family: Arial;
 font-size: 12px;
}

.left h2 {
 margin: 20px 0px 5px 0px;
 padding: 4px 5px;
 background: #4C96D0;
 color: white;
 font-weight: normal;
 font-size: 11px;
 text-transform: uppercase;
}
.left h3 {
 margin: 13px 0px 0px 5px;
 color: #356285;
 font-weight: normal;
 font-size: 11px;
 text-transform: uppercase;
}
.left ul {
 margin: 7px 0px 10px 0px;
 padding: 0px;
 font-family: Arial;
 font-size: 12px;
}
.left ul ul {
 margin: 7px 0px 10px 10px;
 padding: 0px;
 font-family: Arial;
 font-size: 90%;
}
.left li {
 margin: 7px 0px;
 padding: 0px 0px 0.3em 13px;
 color: #282828;
 line-height: 1.5em;
 background-image: URL('/!system/img/dsg/content/left-marker.png');
 background-repeat: no-repeat;
 background-position: 5px 4px;
 list-style-type: none;
}
.left p,.left td {
 margin: 10px 0px;
 padding: 0px 7px;
 font-family: Arial;
 font-size: 12px;
}
.left .perch {
 padding: 0px 7px 0px 15px;
 text-indent: -8px;
}          	
.perch img {
 margin: 7px 0px;
}
.left .media {
 padding-left: 23px;
 line-height: 90%;
}
.left a:link {
 color: #2a649f;
 text-decoration: none;
}
.left a:visited {
 color: #97aed5;
 text-decoration: none;
}
.left a:hover,.left a:active {
 color: #ff8a00;
 text-decoration: none;
}
.media img {
 margin-left: -23px;
 margin-right: 3px;
}

#arch {
 position: relative;
 height: 170px;
}
#mon {
 text-align: center;
}
#monday {
 width: 165px;
 margin: 0px auto;
 border: solid #C0C0C0;
 border-width: 1px 0px;
 text-align: left;
}
#week {
 width: 165px;
 height: 17px;
 margin: 0px auto;
 color: #05599A; 
 text-align: left;
 position: relative;
}
#monday div,#week div {
 float: left;
 margin: 0;
 width: 20px;
 height: 17px;
 overflow: hidden;
 text-align: right;
 padding: 1px 1px 0 0;
 border: 1px solid #F2F6ff;
 font-family: Arial;
 font-size: 11px;
}
#monday div {
 cursor: pointer;
}
#arch .sund {
 color: red;
}
#curd {
 border: 1px solid #C2D5e8 !important;
 background: white;
}
#monz {
 font-family: Arial;
 font-size: 11px;
 text-transform: uppercase;
 text-align: center;
 margin: 20px 0px 10px 0px;
 cursor: pointer;
 background: #F2F6FF;
}
#advarch {
 position: absolute;
 width: 100%;
 height: 100%;
 background: #F2F6FF;
 width: 100%;
 top: 0px;
 left: 0px;
 visibility: hidden;
}
#advarch form {
 padding-top: 0px;
 font-family: Arial;
 font-size: 11px;
}
.left select,.left input {
 border: 1px solid #C2D5E8;
 font-family: Arial;
 font-size: 11px;
 line-height: 20px;
 width: 100px;
 margin: 5px;
 height: 20px;
}
.formdiv {
 margin: 10px;
}
.formdiv .smallbutton {
 line-height: 23px; 
 width: 60px;
 height: 25px;
 background: URL('/!system/img/dsg/content/bg-smallbutton.png');
 background-repeat: no-repeat; 
 text-align: center;
 padding: auto;
 font-family: Arial;
 font-size: 10px;
 color: #7F9DB9;
 cursor: hand;
 display: inline<!--#if expr="$HTTP_USER_AGENT=/Opera/" -->-block<!--#endif -->;
}
div.reklama {
 border: 1px solid #C2D5E8;
 background: URL('/!system/img/dsg/content/reklamatext.png');
 background-color: white;
 background-repeat: no-repeat;
 background-position: center center;
} 

#r00,#r06 {
 width: 150px;
 height: 200px;
 margin-top: 35px;
 margin-left: auto;
 margin-right: auto;
}

#r01,#r07 {
 width: 150px;
 height: 100px;
 margin-top: 35px;
 margin-left: auto;
 margin-right: auto;
}

#r06,#r07 {
   border: none;
   background: none;
   color: #F2F6FF;
}

/* блоки меню */

#menuline {
 position: absolute;
 width: 100%;
 right: 181px;
 height: 1px;
 top: 158px;
 background-color: #4E93CE;
}
#menubutton {
 position: absolute;
 left: 31px;
 width: 89px;
 height: 89px;
 top: 114px;
 cursor: hand;
}
#menu {
 position: absolute;
}
.menubody {
 background-image: URL('/!system/img/dsg/menu/bg.png');
 padding: 0px 10px 10px 10px;
 cursor: default;
}
.hitry {
 position: absolute;
}
.menuitem,.chmenu {
 text-transform: uppercase;
 text-decoration: none;
 padding: 4px 10px 3px 16px;
 margin: 0px;;
 font-size: 10px;
 line-height: 18px;
 background-repeat: no-repeat;
 background-position: 4px 9px;
}
.menuitem {
 color: #356285;
 background-image: URL('/!system/img/dsg/menu/marker1.png');
}
.chmenu {
 background-image: URL('/!system/img/dsg/menu/marker2.png');
 background-color: #79A1C0;
 color: white;
}
.submenu {
 width: 150px;
 position: absolute;
 visibility: hidden;
}
.submenu {
 top: -7px;
 left: 110px;
}
.chmenu .submenu {
 visibility: visible;
}
.menuitem .submenu {
 visibility: hidden;
}
.chmenu .menuitem,.chmenu .chmenu {
 text-transform: none;
 font-size: 11px;
}
#l000 {
 top: 153px;
 left: 74px;
}


/* блоки часов - календаря */

#time {
 width: 100%;
 height: 42px;
 border-width: 0px 0px 2px 0px;
 border-color: white;
 border-style: solid;
 overflow: hidden;
 color: white;
 cursor: default;
}
#thour {
 position: absolute;
 top: 3px; 
 left: 0px;
 width: 40px;
 font-family: 'Verdana';
 font-size: 26px;
 letter-spacing: -2px;
}
#tdots {
 position: absolute;
 top: 7px; 
 left: 33px;
 width: 17px;
 font-family: 'Verdana';
 font-size: 20px;
}
#tminut {
 position: absolute;
 top: 3px; 
 left: 41px;
 width: 40px;
 font-family: 'Verdana';
 font-size: 26px;
 letter-spacing: -2px;
}
#tdate {
 position: absolute;
 top: 8px; 
 left: 85px;
 width: 85px;
 font-family: 'Arial Narrow';
 font-size: 10px;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}
#tday {
 position: absolute;
 top: 19px; 
 left: 85px;
 width: 85px;
 font-family: 'Arial Narrow';
 font-size: 10px;
 letter-spacing: 0.1em ;
 text-transform: uppercase;
}
#pobl {
 position: absolute;
 top: 130px; 
 left: 7px;
 width: 63px;
 height: 29px;
}
#posad {
 position: absolute;
 top: 162px; 
 left: 7px;
 width: 63px;
 height: 29px;
}
#tkrysha {
 top: 0px;
 position: absolute;
 width: 170px;
 height: 43px;
}

/* погода */
#pogoda {
 position: relative;
}
#plink {
 position: absolute;
 top: 190px;
 left: 63px;
}
#pgrad {
 position: absolute;
 top: 150px; 
 left: 100px;
 width: 50px;
 color: #445388;
 text-align: right;	
 font-family: 'Verdana';
 font-size: 24px;
 letter-spacing: -2px;
}
#ppodr {
 position: absolute;
 top: 10px; 
 left: 10px;
 width: 150px;
 padding: 5px;
 background: white;
 border: solid 1px #445388;
 font-family: 'Verdana';
 line-height: 16px;
 font-size: 10px;
 filter:alpha(opacity=70);
 visibility: hidden;
}
#pterm {
 position: absolute;
 top: 157px;
 left: 155px;
}

#pkrysha {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 170px;
 height: 180px;
}

/* блок нижнего копирайта */

#bottomcopy {
 height: 250px;
 padding: 45px 10px 10px 10px;
 margin-bottom: 10px;
 background-image: URL('/!system/img/dsg/niz/bg.jpg');
 font-family: Arial;
 font-size: 10px;
 color: #515B73;
 background-repeat: no-repeat;
 background-position: bottom;
}
#bottomcopy b {
 font-family: 'Arial Narrow';
 font-size: 15px;
}
/* блок многостраничности */

#multipage {
 font-family: Arial;
 font-size: 12px;
 margin: 20px 0px;
}
#multipage a {
 text-decoration: none;
 padding: 3px 7px;
 text-decoration: none;
 border-width: 0px 3px 3px 3px;
 border-style: solid;
 border-color:#97aed5;
}
#multipage a.pages {
 color: #ffffff;
 background: #97aed5;
}
#multipage a.current {
 text-decoration: none;
 color: #97aed5;
 background: #f2f6ff;
}
#multipage a:hover {
 color: #ff8a00;
 background: #f2f6ff;
}

img.opistvprog {
 vertical-align:middle;
 margin:0px 5px;
}