/* Design by beatrice Mail to: avskopich@gmail.com Structure: display | position | float | overflow | width | height | border | margin | padding | background | align | font */ * {min-height:1px;} body {border:0; margin:0; padding:0; background:#fff ; font:12px "Verdana",san-serif; line-height:110%; color:#192666; _text-align:center;} a {color:#0066ff; text-decoration:none; } /* a:hover { text-decoration:underline; } */ a:hover { color:#32cd32; } p { border:0; margin:10px 0; padding:0; } div {display:block; border:0; margin:0; padding:0;} h1, h2, h3, h4, h5 {border:0; margin:7px 0 7px 0; padding:3px 0 3px 0; font-weight:bold;} h1, h2 {font-size:14px; line-height:100%; font-family:"Verdana",serif; text-align:center; color: #0066ff; padding:7px 0 7px 0; } h3 {font-size:12px; line-height:100%; font-weight:bold;} h4 {font-size:10px;} h5 {font-size:8px;} table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #749fe1; font-size:100%;} tr {display:table-row;} th, td {display: table-cell; border:1px solid #749fe1; margin:0; padding:5px; vertical-align:top; text-align:left;} th {background:#749fe1; text-align:center; color:#749fe1; font-weight:bold;} ul, ol {display:block; border:0; margin:0 0 15px 25px; padding:0;} ol {list-style-type:decimal; list-style-position: outside; padding-left: 15px; } ul { list-style:none; } ul li { background:url(img/marker.gif) 0 8px no-repeat; margin:0; padding:0 0 5px 15px; border:0;} ol li { background: none; margin:0; padding:0 0 5px 0; border:0; } ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;} dl {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0; font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;} form {border:0; margin:0; padding:0;} fieldset {border:0px; margin:0 0 0 0; padding:0 0 0 0;} legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;} input { font: 12px "Verdana",san-serif; width:100px; border:1px solid #749fe1; margin:3px 0 3px 0; } input#submit { background:#749fe1; color:#FFF; margin:3px 0 3px 0; } textarea { width:166px; margin:3px 0 3px 0; } hr {display:block; height:1px; margin:7px 0 7px 0; padding:0; background:#749fe1; border:0 solid #749fe1; color:#749fe1;} a, img, span {border:0; margin:0; padding:0;} abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;} del, .through {text-decoration:line-through;} strong, .strong {font-weight:bold;} cite, em, q, var {font-style:italic;} code, kbd, samp {font-family:monospace; font-size:110%;} /* Floating */ .f-left {float:left;} .f-right {float:right;} /* Text align */ .t-left {text-align:left;} .t-center {text-align:center;} .t-right {text-align:right;} .p-null { padding:0 0 0 0; } .m-null { margin:0 0 0 0; } .va-middle {vertical-align:middle;} .clear {clear:both;} .box {min-height:1px; _height:1px;} .box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;} .nom {margin:0;} .noscreen {display:none;} .bg-none { padding-left: 0; margin-left: 0; background: none; } /* -----------------...........--------------------------------------------------------------------------------------- */ #first-main {width:916px; margin:0 auto 0 auto; background: url(img/bg.gif) repeat-y; } #main {width:910px; margin:0 auto 0 auto; _text-align:left;} /* Header */ #header {position:relative; width:910px; height:250px; margin:0; padding:0; background:#749fe1 url(img/header.jpg) 0 0 no-repeat; color:#FFF;} #header a, #header a:hover { text-decoration: none; } #header a#butt-isr, #header a:hover#butt-isr, #header a#butt-isr-act, #header a:hover#butt-isr-act { position: relative; float:left; margin-left:12px; display:block; width:154px;} #header a#butt-isr { background: url(img/butt-isr.jpg); height:41px; } #header a#butt-isr-act { background: url(img/butt-isr-act.jpg); height:41px;} #header a:hover#butt-isr, #header a:hover#butt-isr-act { background: url(img/butt-isr-hover.jpg); height:51px; } /* #header a#butt-moskva, #header a:hover#butt-moskva, #header a#butt-moskva-act, #header a:hover#butt-moskva-act { position: relative; float:left; margin-left:16px; display:block; width:154px;} #header a#butt-moskva { background: url(img/butt-moskva.jpg); height:41px; } #header a#butt-moskva-act { background: url(img/butt-moskva-act.jpg); height:41px;} #header a:hover#butt-moskva, #header a:hover#butt-moskva-act { background: url(img/butt-moskva-hover.jpg); height:51px; } */ #header a#butt-moskva, #header a:hover#butt-moskva, #header a#butt-moskva-act, #header a:hover#butt-moskva-act { position: relative; float:left; margin-left:16px; display:block; width:154px;} #header a#butt-moskva { background: url(img/butt-povkv.jpg); height:41px; } #header a#butt-moskva-act { background: url(img/butt-povkv-act.jpg); height:41px;} #header a:hover#butt-moskva, #header a:hover#butt-moskva-act { background: url(img/butt-povkv-hover.jpg); height:51px; } #header a#butt-shveyc, #header a:hover#butt-shveyc, #header a#butt-shveyc-act, #header a:hover#butt-shveyc-act { position: relative; float:left; margin-left:236px; display:block; width:154px;} #header a#butt-shveyc { background: url(img/butt-shveyc.jpg); height:41px; } #header a#butt-shveyc-act { background: url(img/butt-shveyc-act.jpg); height:41px;} #header a:hover#butt-shveyc, #header a:hover#butt-shveyc-act { background: url(img/butt-shveyc-hover.jpg); height:51px; } #header a#butt-germ, #header a:hover#butt-germ, #header a#butt-germ-act, #header a:hover#butt-germ-act { position: relative; float:left; margin-left:16px; display:block; width:154px;} #header a#butt-germ { background: url(img/butt-germ.jpg); height:41px; } #header a#butt-germ-act { background: url(img/butt-germ-act.jpg); height:41px;} #header a:hover#butt-germ, #header a:hover#butt-germ-act { background: url(img/butt-germ-hover.jpg); height:51px; } /* #header a#btn-isr {position: relative; float:left; margin-left:55px; background: url(img/btn-isr.gif); display:block; width:245px; height:37px;} #header a:hover#btn-isr {position: relative; float:left; margin-left:55px; display:block; width:245px; height:59px; background: url(img/btn-isr-hover.gif);} #header a#btn-isr-act {position: relative; float:left; margin-left:55px; background: url(img/btn-isr-act.gif); display:block; width:245px; height:37px;} #header a:hover#btn-isr-act {position: relative; float:left; margin-left:55px; display:block; width:245px; height:59px; background: url(img/btn-isr-hover.gif);} */ #header a#btn-germ {position: relative; float:right; margin-right:55px; background: url(img/btn-germ.gif); display:block; width:245px; height:37px;} #header a:hover#btn-germ {position: relative; float:right; margin-right:55px; display:block; width:245px; height:59px; background: url(img/btn-germ-hover.gif);} #header a#btn-germ-act {position: relative; float:right; margin-right:55px; background: url(img/btn-germ-act.gif); display:block; width:245px; height:37px;} #header a:hover#btn-germ-act {position: relative; float:right; margin-right:55px; display:block; width:245px; height:59px; background: url(img/btn-germ-hover.gif);} /* Main menu (tabs) */ #tabs {background:#fff; margin:0; padding:0; width:910px; border:1px solid #749fe1; border-width:4px 0px 0px 0px;} #tabs ul {margin:0; padding:0; list-style:none;} #tabs ul li { width:144px; margin:3px 0 0 0; padding:0; float:left;} #tabs ul li a { display:block; position:relative; margin:0; padding:3px 0 5px 0; border:0; height:13px; background:#749fe1 url(img/btn-bg.gif) 0 0 repeat-x; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a p { text-align:center; margin:0; padding:0; } /* Main menu (tabs - link) */ #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:4px; height:21px; background:url(img/btn-l.gif) 0 0 no-repeat;} #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:4px; height:21px; background:url(img/btn-r.gif) 100% 0 no-repeat;} /* Main menu (tabs - hover) */ #tabs ul li a:hover {background:#fff url(img/btn-a-bg.gif) 0 0 repeat-x; color:#FFF;} #tabs ul li a:hover span.tab-l {background:url(img/btn-a-l.gif) 0 0 no-repeat;} #tabs ul li a:hover span.tab-r {background:url(img/btn-a-r.gif) 100% 0 no-repeat;} /* Main menu (tabs - active) */ #tabs ul li#active a { background:#fff url(img/btn-a-bg.gif) 0 0 repeat-x; color:#fff;} #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; width:4px; height:21px; background:url(img/btn-a-l.gif) 0 0 no-repeat;} #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:4px; height:21px; background:url(img/btn-a-r.gif) 100% 0 no-repeat;} /* Main menu (tabs - left) */ #tabs ul li#left { width:22px; } #tabs ul li#left a, #tabs ul li#left a:hover { height:13px; background:#fff url(img/btn-bg.gif) 0 0 repeat-x; color:#749fe1;} #tabs ul li#left a span.tab-r {position:absolute; top:0; right:0; width:4px; height:21px; background:url(img/btn-r.gif) 100% 0 no-repeat;} /* Main menu (tabs - right) */ #tabs ul li#right { width:22px; } #tabs ul li#right a, #tabs ul li#right a:hover { width:24px; height:13px; background:#fff url(img/btn-bg.gif) 0 0 repeat-x; color:#749fe1;} #tabs ul li#right a span.tab-l {position:absolute; top:0; left:0; width:4px; height:21px; background:url(img/btn-l.gif) 0 0 no-repeat;} /* Page (2 columns) */ #page {width:910px; min-height:1px; background:#FFF 0 0 no-repeat; } /* Left column */ #left {float:left; width:200px; margin:15px 0 0 0; padding:0; background:#fff 0 0 no-repeat;} #left-in {padding:0; border:1px solid #749fe1; border-width:4px 0 0 0;} #left h3 {padding:4px; margin:3px 0 0 0; background:#749fe1 0 0 repeat-y; color:#fff; text-align:center; } #left a { color:#fff; text-decoration: none; } #left a:hover { text-decoration: underline; } #left #l-body { padding:10px 15px 10px 15px; background:url(img/bg-l-col.gif) 0 0 repeat-y; } #left #l-body a { color:#0066ff; text-decoration:none; text-align: left; } #left #l-body a:hover { color:#32cd32; } #left #phone { background:#fff url(img/phone.gif) -2px 2px no-repeat; padding: 0 0 5px 40px; letter-spacing:-1.8px; line-height:120%; height:30px; font-size: 14px; font-weight:bolder; color:#0066ff; } #left #l-foot { height:4px; margin:0 0 10px 0; background: url(img/bg-l-col-bottom.gif) no-repeat; } /* Content */ #content { float:left; width:500px; margin:0 5px 0 5px; padding: 0 0 0 0; font: 12px "Verdana",san-serif; vertical-align:text-top; } #content a { color:#0066ff; text-decoration:underline; } #content a:hover { color:#32cd32; } #content p { line-height:130%; } #content #date { color:#aeaeae; font:10px "Verdana"; padding:2px 0 5px 0; } #content #c-body { vertical-align:text-top; margin:0 10px 0 10px; padding:23px 0 20px 0; _padding:23px 0 20px 0; text-align: justify; } /* margin:0 10px 0 10px; padding:0 0 20px 0; */ #content #c-body img { border:1px solid #4c85e0; } #content #c-body img.top-left { margin:15px 10px 10px 0; _margin:15px 10px 10px 0; float:left; } #content #c-body img.top-right { margin:15px 0 10px 10px; float:right; } #content #c-body img.left { margin:0 10px 10px 0; float:left; } #content #c-body img.right { margin:0 0 10px 10px; float:right; } #content #c-body h1, h2 { margin:0; padding:2px 0 5px 0; } #img-left { margin:0 10px 10px 0; _margin:0 10px 10px 0; float:left; } #img-right { margin:0 0 10px 10px; _margin:0 0 10px 10px; float:right; } .img-left { margin:0 10px 10px 0; _margin:0 10px 10px 0; float:left; } .img-right { margin:0 0 10px 10px; _margin:0 0 10px 10px; float:right; } .article-photo { float: left; margin:0 10px 0 0; width:100px; } /* Content - article */ #content .article { clear:both; margin:0 0 0 0; padding:10px 0 15px 0; _padding:5px 0 10px 0; background:#fff; } #content .article p { text-align:justify; margin:0; padding:0; line-height:130% } #content .article h3 { margin:0; padding:3px 0 3px 0; $padding:0 0 2px 0; } #content .info { padding:0; margin:1px 0 3px 0; border-bottom:1px solid #DEE5FD; color:#6685CC; font:10px "Verdana"; text-align:right; } #content .info span.date {padding-right:15px; background:url("img/ico_date.gif") 100% 50% no-repeat;} #content #question { border-top: 1px solid #749fe1; margin-top: 20px; padding: 20px 0; text-align: right; } #content #question input { width: 420px; } #content #question #submit { width: 100px; height: 25px; margin-top: 5px; } #content #question #vericode { width: 148px; } #content #question label { vertical-align: top; } #content #question textarea { width: 420px; height: 100px; border: 1px solid #749fe1; } @media all and (min-width: 0) { #content #c-body { padding:0 0 0 0; margin:15px 10px 15px 10px; } #content .article { margin:0 0 0 0; padding:10px 0 0 0; } } #paginate { font:12px "Verdana"; letter-spacing:2px; text-align:right; padding:0; } #paginate a { text-decoration:none; } #paginate a:hover { color:#32cd32; } /* Right column */ #right {float:left; width:200px; margin:15px 0 0 0; padding:0; background:#fff 0 0 no-repeat;} #right-in { padding:0; border:1px solid #749fe1; border-width:4px 0 0 0;} #right h3 { padding:4px; margin:3px 0 0 0; background:#749fe1 0 0 no-repeat; color:#fff; text-align:center; } #right a { color:#fff; text-decoration: none; } #right a:hover { text-decoration: underline; } /* Right column - About me */ #right #r-body { padding:10px 15px 10px 15px; background:url(img/bg-r-col.gif) 0 0 repeat-y;} #right #r-body a { color:#0066ff; text-decoration:none; } #right #r-body a:hover { color:#32cd32; } #right #r-body a:active { color:#32cd32; } #right #r-body form { margin:0; padding:0; } #right #r-body p { margin:0; padding:0; } #right #r-body ul { margin:0; padding:0; list-style:none; } #right #r-body ul li { background:url(img/marker.gif) 0 8px no-repeat; margin:0 0 0 0; padding:3px 0 3px 10px; } #right #r-body ul.menu-l2 { margin:0; padding:0; list-style:none; } #right #r-body ul.menu-l2 li { font-size:11px; background:url(img/mark2.gif) -6px 1px no-repeat; margin:0 0 0 0; padding: 1px 0 1px 10px; } #right #r-body ul li #read a { background:url(img/read.gif) 0 2px no-repeat;width:10px;height:10px;} #right #r-body ul li #read a:hover { background:url(img/read-active.gif) 0 2px no-repeat;width:10px;height:10px; } #right #r-foot { height:4px; margin:0 0 10px 0; background:#fff url(img/bg-r-col-bottom.gif) 0 0 no-repeat; } /* Footer */ #footer { font: bold 11px "Tahoma"; width:910px; height:45px; padding:10px 0 0 0; margin:0 auto 0 auto; background:#fff url(img/div-footer.gif) 0 0 no-repeat; color:#4e4f4f; text-align:center; } #footer a { color:#4e4f4f; text-decoration: none; } #footer a:hover { text-decoration:underline; } /* Bottom */ #bottom{ font: normal 10px "Tahoma"; width:916px; height:25px; padding:1px 0 0 0; margin:0 auto 0 auto; background:#fff url(img/bottom.gif) 0 0 no-repeat; color:#4e4f4f; text-align:center; } #bottom a { color:#4e4f4f; text-decoration:underline; } #bottom a:hover { color:#828282; }