body { margin: 0; padding: 0; font: 12px/140% sans-serif; text-align: center; background: #f0f0f0; } a img { border: none; } a { text-decoration: none; } #page { margin: 0 auto; width: 780px; text-align: left; border-width: 1px; border-color: #7f0306; border-style: none groove groove; background: #b29f85; color: #222222; } * html #page { width: 782px; } /* header (logos, links) */ #head { position: relative; height: 170px; background: #e23422 url('/images/1d/g/deco.jpg') no-repeat; color: white; z-index: 50; } #logo-mobila { position: absolute; top: 15px; left: 38px; width: 367px; height: 140px; background: url('/images/1d/g/logo-mobila.png'); } #logo-apmr { position: absolute; top: 84px; left: 686px; width: 56px; height: 56px; background: url('/images/1d/g/logo-apmr.png'); } #lang { position: absolute; top: 15px; left: 686px; font-weight: bold; } #lang span { } #lang a { color: white; text-decoration: underline; } /* header */ /* top menu style */ #menu-c { border-top: 1px #6e2e02 solid; } #menu { height: 89px; background: #e8c452 url('/images/1d/g/m-bg.jpg') no-repeat left bottom; color: white; } #menu a { display: block; float: left; overflow: hidden; width: 94px; height: 89px; margin-left: 4px; color: white; text-align: center; } #menu span { display: block; height: 30px; line-height: 30px; font-weight: bold; } a#m1 { margin-left: 0; } #m1 { background: #a9361b url('/images/1d/m/1n.jpg') no-repeat; } #m1:hover { background: #e26b22 url('/images/1d/m/1h.jpg') no-repeat; } #m1.selected, #m1:active { background: #7f0306 url('/images/1d/m/1s.jpg') no-repeat; } #m10 { background: #a9361b url('/images/1d/m/10n.jpg') no-repeat; } #m10:hover { background: #e26b22 url('/images/1d/m/10h.jpg') no-repeat; } #m10.selected, #m10:active { background: #7f0306 url('/images/1d/m/10s.jpg') no-repeat; } #m20 { background: #a9361b url('/images/1d/m/20n.jpg') no-repeat; } #m20:hover { background: #e26b22 url('/images/1d/m/20h.jpg') no-repeat; } #m20.selected, #m20:active { background: #7f0306 url('/images/1d/m/20s.jpg') no-repeat; } #m30 { background: #a9361b url('/images/1d/m/30n.jpg') no-repeat; } #m30:hover { background: #e26b22 url('/images/1d/m/30h.jpg') no-repeat; } #m30.selected, #m30:active { background: #7f0306 url('/images/1d/m/30s.jpg') no-repeat; } #m40 { background: #a9361b url('/images/1d/m/40n.jpg') no-repeat; } #m40:hover { background: #e26b22 url('/images/1d/m/40h.jpg') no-repeat; } #m40.selected, #m40:active { background: #7f0306 url('/images/1d/m/40s.jpg') no-repeat; } #m50 { background: #a9361b url('/images/1d/m/50n.jpg') no-repeat; } #m50:hover { background: #e26b22 url('/images/1d/m/50h.jpg') no-repeat; } #m50.selected, #m50:active { background: #7f0306 url('/images/1d/m/50s.jpg') no-repeat; } #m60 { background: #a9361b url('/images/1d/m/60n.jpg') no-repeat; } #m60:hover { background: #e26b22 url('/images/1d/m/60h.jpg') no-repeat; } #m60.selected, #m60:active { background: #7f0306 url('/images/1d/m/60s.jpg') no-repeat; } #m70 { background: #a9361b url('/images/1d/m/70n.jpg') no-repeat; } #m70:hover { background: #e26b22 url('/images/1d/m/70h.jpg') no-repeat; } #m70.selected, #m70:active { background: #7f0306 url('/images/1d/m/70s.jpg') no-repeat; } /* top menu style */ #main { font-size: 100%; clear: both; padding-top: 10px; padding-left: 0; padding-bottom: 30px; margin-left: 0; background: #4f4943 url('/images/1d/g/p-bg.jpg') no-repeat; } .clear { clear: both; } .box { margin-top: 20px; margin-bottom: 20px; padding: 5px 20px; border: 1px #222222 dashed; background: #fffce9; } .box-simple { margin-top: 0; margin-bottom: 20px; padding: 5px 20px; } /* left column (links, menus) */ * html #side { display: inline; } #side { width: 205px; float: left; margin-left: 30px; } .cover { text-align: center; } .cover div, .cover p { margin: 20px 0; } #main a img { border: 1px #fffce9 solid; } #main a:hover img { border: 1px #222222 solid; } #main a.img:hover { background: transparent; } #det-menu ul { margin: 35px 0 15px 20px; padding: 0; list-style: url('/images/1d/g/list1.png'); } #det-menu li { padding: 0 0 3px 0; margin: 0 0 3px 0; } #det-menu li a { border-bottom: 1px #222222 dashed; width: 100%; display: block; } #det-menu ul ul { margin: 5px 0 5px 20px; list-style: url('/images/1d/g/list2.png'); } #det-menu li li { padding: 0; margin: 0; } /* left column */ /* main column (articles, photos, et caetera) */ #text { width: 485px; float: left; margin-left: 30px; color: #666666; } /* right column (mainly photos will be here) */ .photos { width: 163px; float: right; margin: 0 0 10px 15px; padding: 0; text-align: center; } .photos div { margin-bottom: 15px; } /* right column */ #main a { color: #b80000; } #main a:visited { color: #660000; } #main a:hover { background: #ffffb3; } h1 { font-size: 120%; color: #222222; } h2 { font-size: 100%; color: #222222; } h3,h4,h5,h6 { font-size: 80%; color: #222222; } /* Issues */ div.issue { clear: both; } .cover-list { float: left; margin: 20px 20px 20px 0; text-align: center; font-weight: bold; } .section-list { margin: 0 0 20px 0; } .section-list h2 { margin: 0; padding: 0; } .section-list ul { margin: 0 0 0 20px; padding: 0; list-style: none; } /* Sections */ div.section { clear: both; } .article-list { margin: 0 0 20px 0; padding: 0; list-style: none; } /* Articles */ div.article { clear: both; } p.issue { color: #666666; } p.section { font-weight: bold; color: #666666; } div.article h1 { font-size: 90%; text-transform: uppercase; } div.article h2 { font-size: 90%; } /*div.article .full-text p:first-child:first-letter { color: #ff5737; font: 260% FreeSerif,Georgia,serif; float: left; vertical-align: top; padding: 0 5px; }*/ .author { color: #222222; font-style: normal; font-weight: bold; margin-top: 25px; padding-left: 27px; height: 17px; background: url('/images/1d/g/pencil.png') no-repeat; } .attachments { margin: 25px 0 15px 0; font-weight: bold; } /* Normal pages */ div.pg { clear: both; } .text-home { min-height: 120px; } #banner { clear: both; height: 89px; border-top: 1px #222222 solid; padding: 0 30px; background: white; color: red; } #bottom { clear: both; padding: 3px 20px; background: #6e2e02; color: white; font-size: 90%; } #bottom a { color: white; text-decoration: underline; }