<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.border{border:1px solid #000;}
* {margin: 0px; padding: 0px; border: 0px;}
html, body {height: 100%;}

body {margin:0; padding:0; color:#000; font-family:Arial; background:#fff url(../images/design/bg.jpg) 0 0 repeat-x;}

a {color:#0369a3; text-decoration:underline;}
a:hover {text-decoration:underline;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -47px; width:964px;}

table.table {text-align: center; border-top: 1px solid #c0c0c0;	border-left: 1px solid #c0c0c0;}
table.table td {border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
table.pics, table.pics2, table.picsPrice {border:0px;	width:100%; background:none; text-align:center; margin:30px 0 30px 0;}
table.pics img, img.pics {margin:10px 0 20px 0; padding:2px; border:1px solid #c0c0c0; background:#f0f0f0;}

table.pics2 img {
	margin-top: 5px;
	padding: 2px;
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
}

table.pics2 {
	color: #777;
}

table.pics p {
	text-align: left;
	margin: 8px 0 0 10px;
}


.logo{
   background:url(../images/design/logo.jpg) 0 0 no-repeat;
   width:964px;
   height:393px;
} 
/*
.phone{
   background:url(../images/design/phone.jpg) 0 0 no-repeat;
   width:214px;
   height:51px;
   display:table;
	margin-top: 15px;
} */

.phone-cover {
	width:214px;
	height:51px;
	display:table;
	margin-top: 15px;
}

.phone-cover p {
	font-style: italic;
	font-size: 14px;
}

.phone {
	color: #4191B6;
	font-size: 30px;
}
.phone-code {
	color: #414141;
	font-size: 16px;
}

.left{float:left;}
.right{float:right;}

.left_outer {width:300px;display:table;} 
.right_outer{width:600px}  
 
.main_inner{display:table; padding:20px;}
.main { background: #fff url(../images/design/content/t.jpg) top repeat-x;}
*html .main {margin-top: -5px;}
.a {background: url(../images/design/content/r.jpg) right repeat-y;}
.b {background: url(../images/design/content/b.jpg) bottom repeat-x;}
.c {background: url(../images/design/content/l.jpg) left repeat-y;  }
.d {background: url(../images/design/content/t_l.jpg) top left no-repeat;}
.e { background: url(../images/design/content/t_r.jpg) top right no-repeat;}
.f {height: 100%; background: url(../images/design/content/b_r.jpg) bottom right no-repeat;}
.g {height: 100%; background: url(../images/design/content/b_l.jpg) bottom left no-repeat;}
 
 
.main_menu {display:table;margin-top:0px;}
.main_menu ul{list-style:none;padding:0px;border: 1px solid #fff;}
.main_menu li{float:left; clear:both;padding-left:40px;margin:0px;}
.main_menu a {display:block;padding:8px 8px 8px;color:#0369a3;width:200px;text-decoration: none;}
.main_menu a:hover {border:1px solid #0369a3;padding:7px 7px 7px 7px;}
.main_menu2 {margin:10px 0 0;}
.main_menu2 li {display:list-item; margin:0; margin:5px 0 5px 25px; padding:0; font-size:12px; list-style-type:square; color:#0369a3;}
.main_menu2 a {margin:0; padding:0;width: auto;display: inline;}
.main_menu2 a:hover {text-decoration:underline; padding:0;border: none;}


.item1 {background: url(/templates/kroem/images/design/items/item1.jpg) 0 5px  no-repeat;}
.item2 {background: url(/templates/kroem/images/design/items/item2.jpg) 0 5px  no-repeat;}
.item3 {background: url(/templates/kroem/images/design/items/item3.jpg) 0 7px  no-repeat;}
.item4 {background: url(/templates/kroem/images/design/items/item4.jpg) 0 0  no-repeat;}
.item5 {background: url(/templates/kroem/images/design/items/item5.jpg) 0 5px  no-repeat;}
.item6 {background: url(/templates/kroem/images/design/items/item6.jpg) 0 5px  no-repeat;}
.item7 {background: url(/templates/kroem/images/design/items/item7.jpg) 0 5px  no-repeat;}
.item8 {background: url(/templates/kroem/images/design/items/item8.jpg) 0 0  no-repeat; width:100px; height:46px; margin-top:10px; margin-left:30px; padding:10px 0 0 60px;}

.item8 a {color:#000; text-decoration:none;}
.item8 a:hover{border:0px;}


span.active3, span.active2 {
	font-weight: bold;
	color: #777;
	margin-left: 2px;
}

.search {}
.header{
   margin-right:20px;
   color:#0369a3;
   font-size:18px;
   font-style:italic;
   width:80px;
   
}
.header a{
   display:block;
   border-bottom:1px dotted #0369a3;
}

.header a:hover{border-bottom:0px;padding-bottom:1px;}

.slogan{
   font-size:18px;
   font-style:italic;
   padding:10px 0 10px;
   text-align:right;
   color:#6f6e6e;
}
.input_search{
    background: url(../images/design/input.jpg) 0 0  no-repeat; 
    width:120px;
    height:20px;
    border:0px;
    font-size:10px;
    padding:2px 10px 0 20px;
}
.btn_search{
    background: url(../images/design/search.jpg) 0 0  no-repeat; 
    width:22px;
    height:20px;
    border:0px;
 }
 .akcii_outer{
	margin-right: 20px;
	margin-bottom: 30px;
    width: 275px;
	height: auto;
    background: url(../images/design/akcii_bg.jpg) 0 0  repeat-y;
    font-size:12px;
    float:left;
 }
 .akcii_header{
    background: url(../images/design/akcii_header.jpg) 0 0  no-repeat;  
    width:175px;
    padding:15px 50px 0 50px;
    color:#0369a3;
    font-size:18px;
    font-style:italic;
    
 }
.razdel{
    border-bottom:1px dotted #0369a3;
    width:225px;
    height:1px;
    margin:5px 25px;
}
  .akcii_footer{
    background: url(../images/design/akcii_footer.jpg) bottom  no-repeat;  
    width:257px;
    height:4px;
    padding:0 18px 0 0;
 }
 .akcii_content{
    
    padding:10px;
    width:255px;
 }

.content{clear:both; width:620px; font-size:0.8125em; color:#1b1b1b;}
.content p {margin-bottom:15px;	text-align:justify;}

/* headers */
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; text-align:left;}
h1 {font-size:2.0em; font-weight:normal; color:#f90; margin:5px 0 10px 0;}
h2 {font-size:1.6em; color:#000; margin:15px 0 10px 0; font-weight:normal;}
h3 {font-size:1.2em; color:#000; margin:10px 0 5px 0;}
.s_title {margin:10px 0 20px; font-size:1.0em; font-weight:bold; border-bottom:1px solid #09F; text-align:center;}
.m_title {margin:5px 0 15px; font-size:1.2em; font-weight:bold;}


.content a {text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content ul {margin-left:20px;}
.content ul li {margin:0 0 10px;}
.topmenu a {display:block; position:relative; height:29px; line-height:22px; font-size:22px; font-family:'Arial Narrow', Helvetica, sans-serif; text-decoration:none;}
.topmenu a:hover {text-decoration:none;}
 
.topitem1 {
   background: url(../images/menu/dostavka_n.png) 0 0  no-repeat;
   filter:expression(fixPNG(this));
   padding:27px 0 0 10px;
   width: 169px;
   height:29px;
   top:270px;
   left:101px;
   z-index:2;
   cursor: pointer;
}
.topitem1:hover{
	background: url(../images/menu/dostavka.png) 0 0  no-repeat;
	filter:expression(fixPNG(this));
}

.topitem2{
   background: url(../images/menu/karta_n.png) 0 0  no-repeat;
   filter:expression(fixPNG(this));
   padding:27px 0 0 3px;
   width: 200px;
   height:29px;
   top:91px;
   left:97px;  
   z-index:2;
   cursor: pointer;
}
.topitem2:hover{background: url(../images/menu/karta.png) 0 0  no-repeat;}

.topitem3{
   background: url(../images/menu/photo_n.png) 0 0  no-repeat;
   filter:expression(fixPNG(this));
   width:189px;
   padding:27px 0 0 3px;
   height:29px;
   top:-74px;
   left:313px;
   z-index:2;
   cursor: pointer;
}
.topitem3:hover{background: url(../images/menu/photo.png) 0 0  no-repeat;}

.topitem4{
   background: url(../images/menu/about_n.png) 0 0  no-repeat;
   filter:expression(fixPNG(this));
   width:139px;
   padding:27px 0 0 35px;
   height:29px;
   top:-75px;
   left:771px;
   z-index:2;
   cursor: pointer;
}
.topitem4:hover{background: url(../images/menu/about.png) 0 0  no-repeat;}

.topitem5{
   background: url(../images/menu/contact_n.png) 0 0  no-repeat;
   filter:expression(fixPNG(this));
   width:107px;
   padding:27px 0 0 52px;
   height:29px;
   top:67px;
   left:795px;
   z-index:2;
   cursor: pointer;
}
.topitem5:hover{background: url(../images/menu/contact.png) 0 0  no-repeat;}
.bottom-menu a {margin-right:30px; font-size:12px;}

.main_link{
  width:221px;
  height:89px;
  position:relative;
  top:-280px;
  left: 25px;
  cursor: pointer;
}
.icons{
  width:105px;
  height:10px;
  position:relative;
  top:-370px;
  right:50px;
}
.icons a{
  display:inline-block;
  width:11px;
  height:10px;
  padding:0 0 0 20px;
}
.icon_home{background: url(../images/design/icons/home.png) 0 0  no-repeat;}
.icon_mail{background: url(../images/design/icons/mail.png) 0 0  no-repeat;}
.icon_map{background: url(../images/design/icons/map.png) 0 0  no-repeat;}

.inlinks {
	margin: 30px 0 30px 0;
	text-align: center;
}

.inlinks a {
	display: inline-block;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font: bold 12px verdana, arial;
	margin-right: 5px;
	border: 1px solid #fff;
}

.inlinks a:hover, .inlinks a.this {
	border: 1px solid #c5c5c5;
}

table.priceColor {
	width: 100%;
	margin: 20px 0 30px 0;
}

a.price {
	display: inline-block;
	height: 25px;
	padding: 8px 0 0 35px;
	margin: 15px 0 15px 10px;
	font: bold 11px verdana, arial;
	background: url(../images/design/icons/xls.jpg) no-repeat center left;
}

a.color {
	display: inline-block;
	height: 25px;
	padding: 8px 0 0 35px;
	margin: 15px 0 15px 10px;
	font: bold 11px verdana, arial;
	background: url(../images/design/icons/color.jpg) no-repeat center left;
}
span.name {
	font-size: 110%;
}

#module_content input, textarea, #module_content select {
	border: 1px solid #c0c0c0;
}

#module_content .mod_contact_left {
	margin-top: 10px;
	font-weight: bold;
	color: #0369a3;
}

table.materials {
	width: 100%;
	border: 1px solid #c0c0c0;
	margin-top: 30px;
}

table.materials td {
	padding: 10px;
}


table.mainPrice {
	width: 636px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	font: 12px arial;
}

table.mainPrice td {
	padding: 2px 7px 2px 7px;
}

td.blue {
	background: #6699cc;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

td.lightblue {
	background: #99ccff;
	font-weight: bold;
}

td.lightblue_brd {
	background: #99ccff;
	border-right: 1px solid #000;
	font-weight: bold;
}

td.white_brd {
	background: #fff;
	border-right: 1px solid #000;
}

table.mainPrice .title {
	font: bold 16px arial;
}

a.about {
	display: inline-block;
	height: 15px;
	padding-right: 20px;
	background: url(../images/design/arrow.jpg) no-repeat center right;
}

.push {
   height: 47px; /* .push must be the same height as .footer */
}


.zamer #module_content .mod_contact_left {
	color: #333;
}

.footer {
   height:51px;
   width: 920px;
   position:relative;
   margin:0 auto;
   padding:4px 0 10px;
   font-size:10px;
 }

.footer div.copy {
	width: 200px;
	float: left;
	color: #777;
	text-align:center;
	padding-top: 9px;
}

.live {float:left; width:41px; text-align:right;}
.skygarant {margin-left:46px; padding-top:3px;}

.footer div.counters {
	width: 700px;
	text-align: left;
	padding-left:80px;
	margin-left: 220px;
}

*html .footer div.counters {
	margin-top: -23px;
}

.custom-tip { color: #000000; width: 170px; border: 1px #0369a3 solid; z-index: 13000; }
.custom-title { font-size: 12px; line-height: 18px; font-weight: bold; color: #0369a3; margin: 0; padding: 4px; background: #c0c0c0; padding: 8px 8px 4px; }
.custom-text { font: normal 12px arial; line-height: 16px; padding: 4px; background: #fff; padding: 4px 8px 8px; text-align: center;}

/* my seo styles */
.fltl {float:left;}
img.fltl {margin-right:10px;}
.cls {clear:both;}

.cat_img_01, .cat_img_02 {width:100%;}
.cat_img_01 td, .cat_img_02 td {padding:5px; vertical-align:top; text-align:center;}
.cat_img_01 a {display:block; width:133px; padding-bottom:176px; margin:0 auto;}
.cat_img_02 a {display:block; width:120px; padding-bottom:90px; margin:0 auto;}

a#service_01 {background:url(/uploads/Uslugi/757.jpg) bottom center no-repeat;}
a#service_02 {background:url(/uploads/Uslugi/81.jpg) bottom center no-repeat;}
a#service_03 {background:url(/uploads/Uslugi/755.jpg) bottom center no-repeat;}
a#service_04 {background:url(/uploads/Uslugi/85.jpg) bottom center no-repeat;}

a#krovel_01 {background:url(/uploads/metallocherepica/imag1.jpg) bottom center no-repeat;}
a#krovel_02 {background:url(/uploads/metallocherepica/rosen_ban1.jpg) bottom center no-repeat;}
a#krovel_03 {background:url(/uploads/metallocherepica/imag10copy.jpg) bottom center no-repeat;}
a#krovel_04 {background:url(/uploads/metallocherepica/imag3copy.jpg) bottom center no-repeat;}
a#krovel_05 {background:url(/uploads/metallocherepica/imag11copy.jpg) bottom center no-repeat;}
a#krovel_06 {background:url(/uploads/metallocherepica/787.jpg) bottom center no-repeat;}

.ext_links {width:155px; padding-left:40px;}
.ext_links p {padding:0 0 15px;}

.pics_01 {width:100%; padding:15px 0 25px;}
.pics_01 td {width:33%;}
.pics_01 a {display:block; width:120px; margin:0 auto; padding:90px 0 0; text-align:center; background:#f0f0f0; font-weight:bold;}
#metal_krovel {background:url(/uploads/metallocherepica/imag1.jpg) top center no-repeat;}
#kom_krovel {background:url(/uploads/metallocherepica/rosen_ban1.jpg) top center no-repeat;}
#prof_krovel {background:url(/uploads/metallocherepica/imag10copy.jpg) top center no-repeat;}
#soft_krovel {background:url(/uploads/metallocherepica/imag3copy.jpg) top center no-repeat;}
#nat_krovel {background:url(/uploads/metallocherepica/imag11copy.jpg) top center no-repeat;}
#shif_krovel {background:url(/uploads/metallocherepica/787.jpg) top center no-repeat;}

.links {padding:5px 0 15px;}
.links div {float:left; border-right:1px solid #000;}
.links a {margin:0 20px 0 0; font-size:12px; font-weight:bold;}
</pre></body></html>