html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, texarea, button, fieldset, legend, select, option, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo /* td, th */ /* XHTML 1.0 Strict Semantic */ {
padding:0;
margin:0;
}
applet, b, base, big, canvas, center, dfn, dir, font, i, link, menu, s, strike /* XHTML 1.0 NOT(!!) Strict Semantic */ {
padding:0;
margin:0;
}
:-moz-any-link:focus {
outline: none;
}
img { display:block; border:none;}
ul, li { list-style: none; }
ol {list-style: decimal;}
.clear { clear: both; }
body {
height: 100%;
margin: 0;
padding: 0;
color: #000;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
background: #012E4B no-repeat;
background-image: url(/img/body.jpg);
width:100%;
}
#home { }
#minmax{
width: 100%;
height: 1em;
position: absolute;
left: 0;
top: -1em;
visibility: hidden;
line-height: 1em;
background: white;
}
#conteiner {
max-width: 100%;
min-width: 1000px;
margin: 0;
padding: 0;
position: relative;
//overflow-x: hidden;
//width: expression(
(
document.getElementById('minmax')
&& document.getElementById('minmax').clientWidth < 1000
)
? '1000px'
: (
document.getElementById('minmax')
&& document.getElementById('minmax').clientWidth < 100%
)
? '100%'
: '100%'
);
min-height:100%;
height:auto !important;
height:100%;
}
div#content {
background:url(/img/Footer.Extra2.png) bottom right no-repeat;
padding-bottom:200px;
min-height: 700px;
_height: 700px;
}
div#contents {
background:url(/img/m.gif) bottom right no-repeat;
padding-bottom:50px;
}
div#bg_bottom_more { background:url(/img/Footer.Extra3.jpg) repeat-x center bottom;}
div#left_bibliotek { left:0px; bottom:159px; position:absolute; background:url(/img/Footer.Extra1.png) no-repeat; width:431px; height:312px;}
.info {
margin-left:31%;
margin-top:150px;
padding-right:60px;
font-size:14px;
position: relative;
}
a {color:#59CBFF; text-decoration:underline;}
a:hover { color:#ff9f16;}
.info a { color:#3AA2D5; padding:0px; margin:0px;}
.info a:hover { color:#ff9f16;}
.infos {
margin-top:150px;
font-size:14px;
position: relative;
}
.infos p { color:#FFFFFF;}
.infos a { color:#3AA2D5; padding:0px; margin:0px; text-decoration:none;}
.infos a:hover { color:#ff9f16;}
div#content h1 {
margin:0px;
font-size:24px;
color:#48b52a;
font-weight:normal;
margin-bottom: 20px;
}
div#contents h1 {
margin:0px;
font-size:24px;
color:#48b52a;
font-weight:normal;
margin-bottom: 20px;
}
div#content h2 {
margin:0px;
font-size:18px;
color:#48b52a;
font-weight:normal;
margin-bottom: 20px;
}
#right {
position: absolute;
z-index: 999;
right: 0px;
top: 0px;
width:565px;
}
div.logo {
position: absolute;
padding-left: 63px;
top: 40px;
padding-top: 73px;
_zoom:1;
}
div.logo a {
background: url(/img/logo.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod='crop');
_background: transparent;
text-indent: -9999px;
height: 65px;
width: 318px;
position: absolute;
top: 0;
left: 63px;
}
div.logo p {
font-size: 24px;
color: #ff9f16;
font-style: italic;
}
#header { height:1px;}
div.GlobalBar {
background-image: url(/img/GlobalBar.png);
background-repeat: no-repeat;
right:0px;
margin-top: 28px;
padding-left: 60px;
padding-top: 4px;
min-height: 42px;
_height: 42px;
}
div.GlobalNav {
float: left;
margin-top: 1px;
z-index: 9998;
}
div.GlobalNav li {
float: left;
font-size: 14px;;
background-image: url(/img/GlobalNav.E.png);
background-repeat: no-repeat;
background-position: 100% 0%;
padding-right: 1px;
list-style:none;
/* _margin-top: -1px;
*/}
div.GlobalNav li a {
color: #fff;
text-decoration: none;
display: block;
/* _display: inline-block;
*/ padding-right: 27px;
padding-left: 27px;
line-height: 33px;
}
div.GlobalNav li.hover a {
background-image:url(/img/GlobalNav.E.Hover.png);
background-repeat: repeat-x;
}
div.GlobalBar div.FastNav {
float: left;
padding-top: 8px;
padding-right: 10px;
padding-left: 21px;
}
div.GlobalBar div.FastNav li {
float: left;
list-style:none;
}
div.GlobalBar div.FastNav a {
display: block;
text-indent: -300px;
overflow: hidden;
width: 21px;
height: 20px;
background-repeat: no-repeat;
margin-right: 4px;
}
div.GlobalBar div.FastNav li.Home a {background:url(/img/Header.FastNav-01.gif);}
div.GlobalBar div.FastNav li.Map a {background:url(/img/Header.FastNav-02.gif);}
div.GlobalBar div.FastNav li.Contact a {background:url(/img/Header.FastNav-03.gif);}
div.GlobalBar div.FastNav li.Home a:hover {background:url(/img/Header.FastNav-01.gif) 0px -27px;}
div.GlobalBar div.FastNav li.Map a:hover {background:url(/img/Header.FastNav-02.gif) 0px -27px;;}
div.GlobalBar div.FastNav li.Contact a:hover {background:url(/img/Header.FastNav-03.gif) 0px -27px;;}
div.LangSwitcher {
float: left;
padding-left: 8px;
padding-top: 2px;
padding-bottom:2px;
padding-right: 11px;
background-image: url(/img/LangSwitcher.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
div.LangSwitcher li {
float: left;
_display: inline;
padding-right: 8px;
list-style:none;
}
div.LangSwitcher li a {
display: block;
}
/*********************/
div.GlobalNav ul.inner1,
div.GlobalNav ul.inner2 {
display: none;
/* display: block !important;
visibility: visible !important;
*/ position: absolute;
border:1px solid #00234a;
margin-top:0;
z-index:100;
background-color: #002e4a;
background-image: url(/img/GlobalNav.E.E.jpg);
background-repeat: no-repeat;
margin-left: -1px;
z-index:9999;
}
div.GlobalNav ul.inner2 {
z-index:200;
margin-top: -2px;
margin-left: 0;
}
div.GlobalNav ul.inner1 li {
clear: both;
height:auto;
width:auto;
cursor:pointer;
float: none !important;
position: static;
margin: 0;
padding: 0;
line-height: 1;
font-size: 0.9em;
background: none;
_display: inline;
_zoom: 1;
}
div.GlobalNav ul.inner1 li li {
font-size: 1em;
}
div.GlobalNav ul.inner1 li a {
padding:9px 22px;
height:auto;
display: block;
color:#00aeef;
text-decoration:none;
white-space:nowrap;
line-height: 1;
background-image: url(/img/GlobalNav.E.Pointer.gif);
background-repeat: no-repeat;
background-position: 9px 1.1em;
_height: 0px;
}
div.GlobalNav li ul.inner1 li.hover {
background-image: url(/img/GlobalNav.E.E.Hover.png);
background-repeat: repeat-x;
}
div.GlobalNav li ul.inner1 li.hover a {
color:#fff;
}
.bottom_left_img { bottom:0px; left:0px; position:absolute; background: url(/img/Footer.Extra2.png); width:380px; height:612px;}
.footer { background: url(/img/footer.jpg); height:158px; width:100%; margin-top:0px;}
.bread { text-align:right; margin-top:-10px;}
.bread ul { padding-bottom:20px;padding-right:20px;}
.bread li{ display: inline; padding:5px; padding-left:15px; background:url(/img/pic_orange.gif) left center no-repeat; font-size:11px; color:#5EC72D}
li.home_link { background:none;}
.bread li a { font-size:11px; color:#3FADE2; text-decoration:none;}
.bread li a:hover {color:#FFFFFF;}
.portfolio_site { background:url(/img/line_pic_orange.gif) no-repeat right center;}
.portfolio_site a { font-size:18px; color:#3FADE2; text-decoration:none; padding-right:30px; line-height:30px;}
.info {color:#FFFFFF;}
.info p { font-size:14px; color:#FFFFFF; padding-bottom:8px; text-indent:15px;}
.portfolio_opis{ margin-bottom:30px;}
.center_img img { background-image:url(/img/bg_img.gif); padding:3px; display:block; margin:auto; margin-bottom:30px;}
.pred a{font-size:14px; color:#3FADE2; float:left; background: url(/img/line_pic_orange_l.gif) left center no-repeat; padding-left:25px; text-decoration:none;}
.sled a{font-size:14px; color:#3FADE2; float:right; background: url(/img/line_pic_orange.gif) right center no-repeat; padding-right:25px; text-decoration:none;}
#left_blok { position:absolute; top:180px; left:7%; width:20%; z-index:5;}
#left_blok li a{ font-size:14px; color:#FFFFFF; text-decoration:none; background:url(/img/pic_kv_orang.gif) left center no-repeat; padding-left:8px;}
#left_blok li li a{ font-size:14px; color:#3FADD2; text-decoration:none;background:url(/img/pic_kv_green.gif) left center no-repeat; padding-left:8px; margin-left:20px;}
#left_blok li a:hover { text-decoration:underline;}
.faq { background: url("/img/faq.png") no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/faq.png',sizingMethod='crop');
_background: transparent;
width:172px; height:103px; margin-bottom:0px;}
.faq img, .raschet img, .contacts img {width:172px; height:103px;}
.raschet { background: url("/img/raschet_stoim.png") no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/raschet_stoim.png',sizingMethod='crop');
_background: transparent;
width:165px; height:83px; margin-bottom:0px; margin-left:15px;}
.contacts { background: url("/img/contact.png") no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/contact.png',sizingMethod='crop');
_background: transparent;
width:114px; height:79px; margin-bottom:0px; margin-left:35px;}
a.left_blok_btn{ background:url(/img/btn_left.gif) no-repeat; display:block; height:44px; padding-left:10px; font-size:18px; text-decoration:none; color:#85CADE; font-weight:normal; position:relative; margin-bottom:0px;}
.left_blok_icon a:hover { color:#ff9f16;}
.left_blok_btn span {background:url(/img/btn_right.gif) no-repeat right; height:29px; line-height:29px; display:block; padding-right:10px; padding-top:15px;float:left; position:relative; cursor:pointer; white-space:nowrap;}
.left_blok_icon {margin-top:40px; width:220px;}
.otst_faq { padding-left:25px;}
.otst_raschet { padding-left:15px;}
.otst_cont { padding-left:45px;}
.telefon { position:absolute; right:90px; top:80px; font-size:18px; color:#8be3fd;}
.telefon b { position:absolute; font-weight:normal;}
.telefon p { padding-left:100px;}
.footer_right { float:right; background:url(/img/line.gif) no-repeat; height:158px; width:26%; padding-left:60px; margin-top:1px; color:#949995; font-size:12px; margin-right:20px;}
.footer_right p { margin-top:30px;}
.footer_telefon { display:block; margin-top:10px;}
.footer_telefon b { position:absolute; font-weight:normal;}
.footer_telefon p { margin:0px; padding:0px; padding-left:70px;}
.searsh { float:left; width:26%; display:block; color:#949995; font-size:11px; padding-top:40px; height:119px; padding-left:50px;}
.searsh input { margin:0px; padding:0px; border:none; float:left; background-color:#A09A8E; font-size:12px; color:#333333; height:21px;}
input.searshinput { line-height:20px; height:20px; margin-right:2px;}
.footer_spis {
float:left;
width:190px;
padding-left:10px;
padding-top:30px;
line-height: 13px;
}
.footer_spis a { text-decoration:none; color:#ADBBC6; font-size:12px; background:url(/img/pic_ser.gif) no-repeat left center; padding-left:13px;}
.footer_spis a:hover, .footer_spiss a:hover{ color:#FFFFFF;}
.footer_spiss {
float:right;
width:14%;
padding-left:10px;
padding-top:30px;
line-height: 13px;
}
.footer_spiss a { text-decoration:none; color:#ADBBC6; font-size:12px; background:url(/img/pic_ser.gif) no-repeat left center; padding-left:13px;}
.footer_spiss a :hover { text-decoration: underline;}
.sitemap {
padding-top:20px;
padding-left: 32px;
}
.sitemap ul { font-size:14px; color:#FFFFFF;}
.sitemap ul ul { margin-left:30px;}
.sitemap ul ul ul{ margin-left:30px;}
.sitemap li {line-height:22px;}
.sitemap li a { color:#FFFFFF; background:url(/img/pic_map.gif) no-repeat left center; padding-left:15px; text-decoration:none;}
.sitemap li li a { color:#3FADE2; background:url(/img/pic_kv_orang.gif) no-repeat left center; padding-left:10px;}
.sitemap li li li a { color:#3FADE2; background:url(/img/pic_kv_green.gif) no-repeat left center; padding-left:10px; font-size:12px;}
.opis { margin-top:15px; text-indent:20px;}
.portfolio_cont { padding-top:20px;}
.portfol_zagl { font-size:12px; color:#3FADE2; margin-top:20px;}
.portfol_zagl a { color:#ff9f16; font-size:16px; text-decoration:none;}
.portfol_zagl a { color:#4BAE30;}
.portfol_zagl b { font-size:16px;color:#ff9f16; font-weight:normal;}
.raboty {
width:100%;
padding-left: 0px;
position: relative;
}
.raboty a { display:block; float:left; background:url(/img/img_link_bg.gif); padding:3px; margin:10px 0px 10px 30px;}
.raboty a:hover {float:left; background:url(/img/img_link_bg_hover.gif);}
a.link_str { background:url(/img/line_pic_orange.gif) no-repeat right center; padding-right:25px; font-size:12px;}
.green { color:#4BAE30; font-weight:normal;}
div.krugl_left { background:url(/img/krugl_left.gif) no-repeat; height:30px; line-height:30px; float:right; padding-left:15px;}
div.krugl_left span {background:url(/img/krugl_right.gif) right center no-repeat; height:30px; line-height:30px; display:block; padding-right:15px; float:left; font-size:12px; color:#ff9f16;}
div.arhiv {
margin-top:20px;
padding-left: 20px;
}
div.arhiv p { padding-bottom:15px;}
div.arhiv i { font-style:normal; font-size:11px; color:#1874A0;}
div.arhiv a { font-size:12px;}
p.comment { text-indent:24px; background:url(/img/comment_top.gif) left top no-repeat; line-height:20px; padding-top:12px; text-align:justify; margin-bottom:30px; z-index:200; margin-right:20px;}
.comment span { background:url(/img/comment_bottom.gif) right bottom no-repeat; display:block;}
.comment i { text-align:right; display:block; color:#5AB9E7; font-size:14px;}
.spisok_str {}
.spisok_str a { text-decoration:none; padding-left:8px; padding-right:8px; height:30px; line-height:30px; display:block; float:left; z-index:1000; position:relative;}
.spisok_str a:hover { background-image:url(/img/spisok_str.gif); height:30px; line-height:30px; color:#FFFFFF;}
.spisok_str span { height:30px; line-height:30px; color:#FFFFFF; padding-left:8px; padding-right:8px; height:30px; line-height:30px; display:block; float:left; z-index:1000; position:relative;}
a.spisok_str_left, a:hover.spisok_str_left { background:url(/img/line_pic_orange_l.gif) no-repeat left center; margin-right:3px; line-height:30px; height:30px;}
a.spisok_str_right, a:hover.spisok_str_right {background:url(/img/line_pic_orange.gif) no-repeat right center; margin-left:3px; line-height:30px; height:30px;}
.adres { display:block; margin-top:30px; margin-bottom:30px;}
.adres img { float:right;}
.adres strong {color:#ff9f16; font-size:16px; padding-bottom:10px; font-weight:normal; display:block;}
.contact_form { background:url(/img/contact_bg.gif) no-repeat 310px 0px; width:590px;}
.contact_form td {color:#FFFFFF; vertical-align:top; line-height:30px;}
.contact_form td b { color:#ff9f16; font-weight:normal;}
.input_form { background-color:#015981; border:2px solid #FFFFFF; padding:3px; width:200px; margin:3px;}
.textarea_form { background-color:#015981; border:2px solid #FFFFFF; padding:3px; width:320px; height:100px; margin:3px;}
.input_form_capch {background-color:#015981; border:2px solid #FFFFFF; padding:3px; width:60px; margin:3px;}
.form_button { background: url(/img/button.gif) no-repeat; width:163px; height:36px; border:0; line-height:36px; color:#FFB74A; padding-left:15px; display:block;}
p.otstup { margin-top:10px; display:block;}
p.cifr { font-size:22px; color:#FFB74A;}
body#homes { background-image:url(/img/bg_home.jpg);}
.bloks { margin-right:60px; line-height:13px;}
.bloks h3 { font-size:16px; font-weight:normal; color:#FF7800; padding-left:10px; padding-top:40px;}
.bloks p { font-size:12px; font-weight:normal; line-height:13px; color:#333333; padding:10px; padding-right:20px; padding-top:3px;}
.bloks ul { margin-left:20px; font-size:12px; list-style:outside;}
.bloks div { }
.blok1 { float:right; background:url(/img/01.jpg) no-repeat; width:215px; height:262px;margin:5px;}
.blok2 { float:right; background:url(/img/02.jpg) no-repeat; width:215px; height:262px;margin:5px;}
.blok3 { float:right; background:url(/img/03.jpg) no-repeat; width:215px; height:262px;margin:5px;}
.blok_text { height:226px;}
.blok_text a {color:#00739e;}
.blok_text a:hover {color:#FF7800;}
.bg_bottom_gorod { background:url(/img/bottom_bg.gif) no-repeat right bottom;}
.button_blok { background:url(/img/blok_bottom.gif); width:215px; height:36px; margin:0px;text-align: center;}
.button_blok a { font-size:18px; line-height:33px; color:#409633; text-decoration:none; background:url(/img/pic_big_orange.gif) no-repeat right center; padding-right:15px;}
#galery { height:180px;}
#galery em{ color:#FFFFFF; display:block; margin-top:-30px;}
#galery em a { text-decoration:none; color:#3AA2D5;}
#galery em a:hover { text-decoration:none; color:#FF7800;}
.otstup_bg { height:30px;}
.bg_portfol {background: url(/img/bg_raboty.gif);}
.portfolio { float:left; width:60%; height:180px;}
.portfol_r { float:left; width:20%; height:180%; background:#006600;}
.colich_proectov td { padding:0px; margin:0px;}
.colich_proectov b { font-size:110px; color:#63C927;}
.colich_proectov i {
font-size:14px;
color:#fff;
font-style:normal;
display:block;
margin-top: 15px;
}
.colich_proectov em { font-size:20px; color:#fff; font-style:normal; display:block; margin-top:-5px; margin-left:20px;}
.colich_proectov strong { font-size:30px; color:#fff; font-style:normal; display:block; margin-top:-5px; margin-left:7px;}
.opis_home { width:39%; padding-left:70px; margin-top:40px; float:left;}
a.next {color:#63CA25; background:url(/img/pic_orange.gif) no-repeat right 7px; padding-right:12px; text-decoration:none; }
a.next:hover { color:#ff9f16;}
.problog { background:url(/img/problog.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/problog.png',sizingMethod='crop');
_background: transparent; float:left; overflow:hidden;}
.problog h2 {
color:#91E9FF;
font-size:24px;
font-weight:normal;
padding-left:245px;
padding-top:70px;
}
.problog p { font-size:12px; color:#FFFFFF; line-height:13px; padding-bottom:5px;}
.problog p a { color:#59CBFF; background:none; display:block; text-decoration:underline;}
.problog a {font-size:12px; padding-right:10px; }
.problog a.view_more {color:#63CA25; background:url(/img/pic_orange.gif) no-repeat right center; font-size:12px; padding-right:10px; text-decoration:none;}
.problog_data { float:left; width:50px; padding-top:20px; padding-left:175px;}
.problog_data b { font-size:34px; display:block; font-weight:normal; color:#9BC8F1; line-height:24px}
.problog_data i { font-size:11px; display:block; font-style:normal; color:#9BC8F1; letter-spacing:7px; padding-left:3px; text-transform:lowercase;}
.problog_text { padding-top:20px; padding-left:20px; float:left; width:400px;}
.uslug_home {width:54%; float:right; position:relative; margin-top:50px;}
.uslug_home .left_blok_icon {float:left; width:33%; height:180px; margin:0px; }
.uslug_home .left_blok_icon1 {float:left; width:150px; height:180px; margin:0px; }
.uslug_home .left_blok_icon1 .otst_cont {padding-left:25px;}
.uslug_home .left_blok_icon1 .contacts {margin:0px 0px 0px 15px; padding:0px;}
.uslug_home .faq { height:100px; background-position:0px -5px;}
.uslug_home .raschet { height:100px; background-position:0px 20px;}
.uslug_home .contacts { height:100px; background-position:0px 20px;}
.calc {
width:510px;
padding-left:40px;
}
.round_blok {
background:url(html/slider_fon_bottom.gif) no-repeat bottom;
width:510px;
padding-bottom:10px;
}
.round_blok_bottom {
background:url(/img/slider_fon.gif) no-repeat top;
padding:10px;
overflow:hidden;
_height:1%;
zoom:1;
position:relative;
}
.slider {
padding-top:5px;
width:426px;
float:left;
}
.site_name {
width:426px;
height:15px;
bottom:0px;
margin-top:20px;
margin-left:10px;
color:#03618b;
font-size:11px;
}
html* .site_name {
margin:0px;
margin-bottom:-10px;
}
.price {
float:right;
background:url(/img/price.gif) no-repeat bottom;
width:55px;
height:28px;
padding-top:5px;
color:#ff9f16;
font-size:12px;
line-height:28px;
text-indent:7px;
}
.price b {
color:#60c622;
font-weight:normal;
}
.site_type {
color:#ff9f16;
font-size:11px;
margin-bottom:-10px;
position:relative;
}
.calc h3 {
color:#61c923;
font-size:14px;
padding-left:10px;
}
.itogo {
font-size:14px;
color:#fff;
text-align:right;
padding:15px;
width:510px;
}
.itogo span {
color:#ff9f16;
font-size:18px;
}
.itogo span b {
color:#60c622;
font-weight:normal;
}
.calc label {
color:#ff9f16;
font-size:11px;
display:block;
width:105px;
float:left;
text-align:center;
padding-bottom:5px;
}
.calc label input {
display:block;
margin:auto;
margin-top:5px;
}
.faq_site { padding-bottom:5px;}
.faq_site a{ background:url(/img/pic_faq.gif) no-repeat right 10px; padding-right:25px; font-size:14px; }
.faq_opis { padding:15px 0px 15px 20px; font-size:12px; display:none;}
.uslugi { padding:20px;}
.uslugi .more { font-size:11px; background: url(../images/pic_orange.gif) no-repeat scroll right 6px; padding-right:13px;}
.uslugi .text { padding-bottom:20px;}
.uslugi .bulet { background:url(../images/pic_kv_orang.gif) no-repeat left 8px; padding-left:10px; margin-left:-10px;}
/*gallery*/
.gallery a { margin-bottom:0px;}
.gallery p a{ font-size:11px; background:none; padding:0px; margin:0px; width:100px; padding-left:5px;}
.gallery p a:hover { background:none;}
#wrap {
padding:0px;
overflow:hidden;
_height:1%;
zoom:1;
}
.gallery a {
text-decoration:none;
}
.gallery a:hover { text-decoration:underline;}
.gallery ul {
list-style-type:none;
font-size:12px;
margin:0 auto;
}
.gallery ul li {
width:100px;
display:-moz-inline-box;
display:inline-block;
margin:5px; margin-left:0px;
padding:10px;
padding-left:0px;
vertical-align:top;
}
.current a {color:#FF9F16!important;}