/* ==== KZ, Almaty, NetStyle. Bormotuha - 02.10.2008 ====*/ /* === === reset === === */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: 0; } body, html { height: 100%;} body {background: #FFF;} body div, table td {text-align: left;} table { border: 0; border-collapse: collapse;} table td { padding: 0; vertical-align: top;} img {border: none;} :focus { outline: 0;} ol, ul { list-style: none;} input, select, textarea{ display: inline;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* === === / reset === === */ /* === === sturture === === */ body {min-height:100%; height: 100%;} #header, #content, #cover /* for general cover */ {min-width: 990px; max-width: 1260px; margin: 0 auto;} #content, #menu, #data {height: 100%;} #menu {width:250px;background: url(../cover_bg.jpg) repeat-y left top;} #data {width: 100%; background: url(../databg.jpg) repeat-y left top; padding: 0 2em 2em 2em;} #counter, #cr {background-color: #3884B5; height: 50px;} /* === === / sturture === === */ /* === design === */ #header {position: relative; height: 353px; background: #C7DEF3 url(../header_bg.jpg) repeat-x left top;} #header strong {display: block; position: absolute; z-index: 100; width: 156px; height: 144px; top: 250px; left: 10px; } #counter {text-align: center; padding: 1em 0 0 0;} #cr {color:#FFF; font-size: 0.9em;} .cpr {margin: 1em 0 0 0;} .vcard {margin: 1em 0.5em 0 0;} .cpr {float: left;} .vcard {float: right; } .org {display: inline;} .adr, .tel {display: none;} #cr a {color:#FFF; text-decoration:none;} #cr a:hover, #footer a:active {color: #FFF; text-decoration: underline;} #today {position: absolute; right: 30px;right: 30px;top:20px;display: block; width: 130px;} #today li {padding: 0 0 0.8em 0;color: #FFF;text-align: center; font-size: 1.1em;} #today li strong {color: #285C80;font-size: 1.3em; display: block; margin: 3px 0 0 0;} #today strong.smaldate {font-size: 1em;font-weight: normal;} /* === / design === */ /* === additions === */ .clear { clear: both;} table td {font-size: 1.2em;} .imgreplace a {text-indent: -100em; overflow: hidden;} .link a, .link a:visited {color: #05458D; text-decoration: underline;} .link a:hover, .link a:active {color: #E23C00; text-decoration: underline;} .tabl table { margin: 1em 0; clear: both;} .tabl td { border: 1px solid #05458E; padding: 0.5em; font-size:1em;} .tabl caption {background-color: #F8F3F0; font-weight: bold; padding: 0.5em 0;} .ulnorm li, .ullist .ulnorm li { margin: 0.6em 0;} .ulnorm ol {margin: 1em 4em;} .ulnorm ul {margin: 1em 2.3em;} .ulnorm ol li {list-style-type: decimal;} .ulnorm ul li { list-style: disc;} .ulnorm ul ul { margin: 0.2em 0 0 3em;} .ulnorm li li {list-style: square;} .imgb img { border: 1px solid #999; padding: 0.3em; background: url(../dl.gif) no-repeat center;} .imgl, .ullistimg img { float: left; margin: 0.2em 0.5em 0 0;} .imgr { float: right; margin: 0.2em 0 0 0.5em;} .imgc { clear: both; text-align: center; margin: 0.5em 0;} .link a img, .link a:link img, .link a:visited img {border: 1px solid #999; padding:0.2em;} a.back {display: block; float: right; width: 270px; padding:5px 8px; background-color: #F0F5FB; text-align: right; } .hiddenInput {display: none;} /* === / additions=== */ /* === tipografika === */ body {font: normal normal 62.5%/150% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ; color: #000;} #content {font-size:1.1em;} /* === tipografika === */ h1 /* zag of site */{background: #DDDDDD url(../h1bg.jpg) no-repeat right 0;position: absolute; top:279px; left:0; width: 988px;z-index: 10;} h1 img {display: block; float: left; margin: 0 0 0 200px;} h2 /* zag of pages */ {color:#EF9F00; font-weight: bold; margin: 0 0 1em 0;} .link h2 a { color: #EF9F00; text-decoration: underline;} .link h2 a:hover, .link h2 a:active {color: #EF9F00; text-decoration: underline;} h4 /* name of fotos in fotogallery */ {font-weight: normal;} h5 /* for block general info in index */{ font-size: 1em; color:#244C7A;} #content {font-size: 1.1em;} #geninfo h5 {font-weight: normal;} #avt h5, .dor {font-weight: bold;} h5.user {margin: 0 0 0 -39px; font-weight: normal; text-align: center;} h6 /* for bottom pagenavigation*/{border-top: 1px solid #999; padding: 2em 0; margin: 2em 0 0 0;} .photoTitle /* zag of pages */ {color:#05458D; font-weight: bold; margin: 0 0 1em 0;} .dor a.photoRoad, .dor a.photoRoad:visited {color: #E23C00; text-decoration: underline;} .dor a.photoRoad:hover, .dor a.photoRoad:active {color: #05458D; text-decoration: underline;} /* === navigation === */ #addmenu { margin: 35px 0 20px 70px; clear: both;} #addmenu li, #addmenu-bottom li { display: inline; } #addmenu a, #addmenu-bottom a {display: block;float: left;width: 30px;height: 25px;background-image: url(../navblock.gif); background-color: transparent;text-indent: -2000px;} a.add_home, a.add_home:visited { background-position: 0 0px;} a.add_home:hover, a.add_home:active { background-position: 0 -25px;} a.add_map, a.add_map:visited { background-position: -30px 0;} a.add_map:hover, a.add_map:active { background-position: -30px -25px;} a.add_foto, a.add_foto:visited { background-position: -60px 0;} a.add_foto:hover, a.add_foto:active { background-position: -60px -25px;} a.add_mail, a.add_mail:visited { background-position: -90px 0;} a.add_mail:hover, a.add_mail:active { background-position: -90px -25px;} #addmenu-bottom{ margin: 0 0 10px 70px; clear: both;} .addmenu-bottom-td {background: url(../cover_bg.jpg) repeat-y left top;} .addmenu-bottom-td2 {background: url(../databg.jpg) repeat-y left top;} #menynav {margin: 1em 0 0 0;} #menynav {width:250px;} #menynav li {clear: both; background: url(../nav_str.gif) no-repeat left bottom; padding: 0.3em 0 0.5em 1em;} #menynav a {color:#063366; text-decoration: none; padding: 0 0 0 20px; background: url(../nav_sq.gif) no-repeat 0 0;} #menynav a:hover, #menynav a:active {color:#063366; text-decoration: underline;} #menynav .menynav_foto { font-weight: bold;} #geninfo { border: 1px solid #5893B5; width: 200px; margin: 1em 0 1em 10px; padding: 1em 0;} #geninfo li {padding: 0.4em 1em; } #geninfo li a {display: block; color: #000; text-decoration: none;} #geninfo li a:hover, #geninfo li a:active {color:#000; text-decoration: underline;} #geninforeg { border: 1px solid #8C8C8C; width: 200px; margin: 1em 0 1em 10px; padding: 1em 0;} #geninforeg li {padding: 0.4em 1em; color: #8C8C8C; } #geninforeg h5 {color: #8C8C8C;} #avt {width: 200px; margin: 1em 0 1em 10px; padding: 1em 0;} #avt li {padding: 0.4em 1em;;} .toplinkdes { margin: 2em 2em 2em 0; text-align: right;} .toplinkdes a {border-bottom: 1px solid #DADADA; color: #063366; background: url(../nav_sq.gif) no-repeat left 3px;padding: 0 0 5px 20px; text-decoration: none;} .toplinkdes a:hover, .toplinkdes a:active {text-decoration: underline;} /* === / navigation === */ /* subvision */ .mapzone {float: right; padding: 0.5em; border: 1px solid;margin: 0 0 0 1em;position: relative; text-align: center;} .mapzone h5 { margin: 0 0 1em 0; font-weight: normal;} .mapzone span { display: block; width: 30px; height: 30px; background: url(../lupa.png) no-repeat center; position: absolute; bottom: 1em; right:1em;} /* /subvision */ /* data */ .data p {padding: 0.3em 0;} /* /data */ /* tooltips */ .balloonstyle{position:absolute;top: -500px;left: 0;padding: 5px;visibility: hidden;z-index: 100;background-color: white;} #arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;} /* tooltips */ /* numbers of pages*/ .pages {border-top: 1px solid #999; padding: 2em 0; margin: 2em 0 0 0;} .pages span, .pages a {padding: 0.3em 0.5em;} .pages a {text-decoration: none; border: 1px solid #3884B5; color:#3884B5;} .pages a:visited {color: #3884B5; text-decoration: none;} .pages a:hover, .pages a:active {background-color: #3884B5; border: 1px solid #3884B5; color: #FFF;} .pages span {color: #FF2E0B; font-weight: bold; border:1px solid #FF2E0B;} /* / numbers of pages*/ /* forms */ #avt input {width: 150px; height: 20px; border: 1px solid #B3B9C3;} #avt label {display: block; color:#135A88;} #avt .avtbat {background-color: #CCE1F5; border: 1px solid #135A88; cursor: pointer; margin: 0 0 1em 0;} #avt a{color:#135A88; text-decoration: underline; font-size: 0.9em;} #avt a:hover, #avt a:active{ color:#135A88; text-decoration: none;} a#exit { color: red; font-weight: bold; text-decoration: none; display: block; width: 80px; text-align: center; padding: 0.2em 0; border:1px solid #0D5E93; float: right; margin: 0 20px 20px 0; background-color: #D9E8F3;} a#exit:hover, a#exit:active { color: red; font-weight: bold; text-decoration: none;} .error {color: #FF0000; border:1px dotted #FF0000; padding: 1em;margin: 1em 0 0 2em;} #contform, .contform { margin: 1em 0 0 2em;} .formul { border: 1px solid #E5E5E5; border-bottom: none; width:510px; margin: 0 0 2em 0; font-size:0.9em; background-color: #F3F8FC;} .formbg {background-color: #F8F6F7;} .formul div, .futab1 { float: left; width: 180px;} .formul li {clear: both; padding: 0.5em 0.5em 0.5em 1.3em ; border-bottom: 1px solid #E5E5E5;} .formul input, .formul textarea, .formul select {border:1px solid #999; width: 300px;} .formul textarea { height: 10em;} input:focus, textarea:focus { border: 1px solid #075EAE;} .resetbat, .subbat {height: 2em; background-color: #CCE1F5; border: 1px solid #135A88; cursor: pointer; } .formul .resetbat { width: 141px;} .formul .subbat {width: 304px;} .fnon { color: #FF0000;} .fnon input { border: 1px solid #FF0000;} .proverka {display: inline; padding: 5px; margin: 0.8em 0 1em -0.4em; background-color: #075EAE; color: #fff;} .formul .checkbox_zak { width: 20px; border: none;} .marleft141 {margin: 0 0 0 178px} .formul table td{ font-size: 1em;} /* form - rasschitat stoimost komplekta */ .cat_cost_chb {border: 1px solid #E5E5E5;width:510px; margin: 0 0 2em 2em; font-size:0.9em;} .cat_cost_chb li{clear: both;padding: 0.5em 0.5em 0.5em 1.3em ;} .cat_cost_chb input {margin: 0 0.5em 0 0; border: none;} .cat_cost_chb select {margin: 0 0.5em 0.5em 0; width: 250px;} /* forms */ /* foto gallery */ .tabl .temp_foto_tab td {width: 210px; text-align: center; border: none;} .highslide-container div {font-family: Verdana, Helvetica;font-size: 1em;} .highslide {cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none; text-decoration: none; position: relative;} .highslide img {border: 2px solid silver; } .highslide:hover img {border-color: gray;} .highslide span {display: block; width: 30px; height: 30px; background: url(../lupa.png) no-repeat center; position: absolute; bottom: 0.5em; right:0.5em;} .highslide-active-anchor img, .highslide-active-anchor:hover img {border-color: black;} .highslide-image {border-width: 2px; border-style: solid; border-color: white; background: gray;} .highslide-wrapper, .rounded-white { background: white;} .highslide-image-blur {} .highslide-caption {display: none; border-top: none; font-size: 1em; padding: 5px; background: white; text-transform: uppercase;} .highslide-heading {display: none;font-weight: bold; margin-bottom: 0.4em;} .highslide-dimming {position: absolute; background: black;} .highslide-loading { display: block; color: black; font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none; padding: 3px;border: 1px solid white; background-color: white;padding-left: 22px; background-image:url(highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;} a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;} a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;} /* Controls. See http://www.google.com/search?q=css+sprites */ .highslide-controls {width: 195px;height: 40px; background: url(highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin-right: 15px; margin-bottom: 10px; margin-top: 20px;} .highslide-controls ul {position: relative;left: 15px;height: 40px;list-style: none;margin: 0;padding: 0;background: url(highslide/graphics/controlbar-white.gif) right -90px no-repeat;} .highslide-controls li {float: left;padding: 5px 0;} .highslide-controls a {background-image: url(highslide/graphics/controlbar-white.gif);display: block; float: left; height: 30px; width: 30px; outline: none;} .highslide-controls a.disabled { cursor: default;} .highslide-controls a span { /* hide the text for these graphic buttons */ display: none;} .highslide-move a {cursor: move;} /* The CSS sprites for the controlbar */ .highslide-controls .highslide-previous a {background-position: 0 0;} .highslide-controls .highslide-previous a:hover {background-position: 0 -30px;} .highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;} .highslide-controls .highslide-play a { background-position: -30px 0;} .highslide-controls .highslide-play a:hover {background-position: -30px -30px;} .highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;} .highslide-controls .highslide-pause a {background-position: -60px 0;} .highslide-controls .highslide-pause a:hover {background-position: -60px -30px;} .highslide-controls .highslide-next a {background-position: -90px 0;} .highslide-controls .highslide-next a:hover {background-position: -90px -30px;} .highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;} .highslide-controls .highslide-move a {background-position: -120px 0;} .highslide-controls .highslide-move a:hover {background-position: -120px -30px;} .highslide-controls .highslide-full-expand a {background-position: -150px 0;} .highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;} .highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;} .highslide-controls .highslide-close a {background-position: -180px 0;} .highslide-controls .highslide-close a:hover {background-position: -180px -30px;} /* / foto gallery */ /* map site */ .mapsite {margin: 0 0 1em 4em;} .mapsite li{padding: 0.5em 0 0.5em 0.7em;} .mapsite li ul { background: url(../map_ulbg.gif) repeat-y 0 0; margin: 0.5em 0 0.5em 2em;} .mapsite li li {background: url(../map_ulbg2.gif) no-repeat left top;} .mapsite li ul ul {margin: 0.5em 0 0.5em 2em;} .mapsite li ul ul ul{margin: 0.3em 0 0.2em 2em;} /* /mapsite */ .grey {color: gray; } .blue { color: #1C6293; text-align: center } .roadlist { margin: 20px auto 0; } .roadlist td { border: none; width: 50%;font-size: 1em;} .roadlistphoto td { border: none; width: 50%;font-size: 1em;}