
/* --------------- Start of Common Rules ---------------- */

body {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #6e848f /*url(../images/bgr_logo.jpg) top right no-repeat*/;
	font-family: Arial, Helvetica, sans-serif;
	color: #192832;
	font-size: 80%;
	}

td {text-align: left; vertical-align: top;}
p {padding: 0px; margin: 0px 0px 1.5em 0px}

h1, h2, h3 {padding: 0px; font-weight: normal;}

h1 {color: #f998ad; font-size: 250%; margin: 0px;}
h2 {color: #f998ad; font-size: 180%; margin: 0px 0px 0.5em 0px;}
h3 {font-size: 150%; margin: 0px 0px 0.3em 0px;}

ul {
	margin-top: 0px;
	margin-bottom: 1.5em;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 140%;
	}

a:link {color: #a4b5c2; text-decoration: underline;}
a:visited {color: #a4b5c2; text-decoration: underline;}
a:hover {color: #c8d1d7; text-decoration: none;}
a:active {color: #c8d1d7; text-decoration: none;}

.layoutTop {width: 100%; margin: 0px 0px 31px 0px;}
.layoutCore {width: 100%; background: url(../images/el_montage.jpg) no-repeat left bottom;}
.layoutFooter {width: 100%; background: #91a2ae url(../images/el_footer_c.gif) repeat-x left top; margin-top: 10px;}

/* --------------- End of Common Rules ---------------- */


/* --------------- Start of Top Zone Rules ---------------- */

.topBgrMain {background: url(../images/top_main.jpg) no-repeat left top;}
.topBgrRoof {background: url(../images/top_roof.jpg) no-repeat left top;}
.topBgrMettile {background: url(../images/top_mettile.jpg) no-repeat left top;}
.topBgrFasad {background: url(../images/top_fasad.jpg) no-repeat left top;}
.topBgrRainsys {background: url(../images/top_rainsys.jpg) no-repeat left top;}
.topBgrWindows {background: url(../images/top_windows.jpg) no-repeat left top;}
.topBgrIsol {background: url(../images/top_isol.jpg) no-repeat left top;}

.topLogoCell {height: 225px; padding: 0px 80px 0px 22px;}
.topLogoImg {padding: 61px 0px 0px 0px;}

.topIcoCell {padding: 50px 0px 0px 34px;}
.topIcoHome, .topIcoMap {padding: 0px 20px 0px 0px; float: left;}
.topIcoMail {padding: 0px 0px 0px 0px; float: left;}

.menuLev01 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 32px;
	}

.menuLev01 div {padding: 10px 14px 10px 14px;}

.menuLev01 a:link {color: #FFFFFF; text-decoration: underline;}
.menuLev01 a:visited {color: #FFFFFF; text-decoration: underline;}
.menuLev01 a:hover {color: #FFFFFF; text-decoration: none;}
.menuLev01 a:active {color: #FFFFFF; text-decoration: none;}

#menuLev01Active {background-color: #f85a7c;}

.menuLev01AboutCell {width: 192px; padding: 0px 80px 0px 0px;}
#menuLev01About {margin: 0px; text-align: center; width: 192px;}

/* --------------- End of Top Zone Rules ---------------- */


/* --------------- Start of Menu Level 02 Column Rules ---------------- */

.menuLev02Cell {padding: 0px 40px 300px 32px;}
.menuLev02Spacer {width: 223px; height: 1px;}

.menuLev02 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #f998ad;
	font-weight: bold;
	margin-bottom: 20px;
	}

.menuLev02 td {padding: 0px 0px 0.7em 0px;}
.menuLev02 td img {padding: 0.35em 6px 0px 2px;}

.menuLev02_01 {width: 14px;}

.menuLev02 a:link {color: #FFFFFF; text-decoration: underline; font-weight: normal;}
.menuLev02 a:visited {color: #FFFFFF; text-decoration: underline; font-weight: normal;}
.menuLev02 a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal;}
.menuLev02 a:active {color: #FFFFFF; text-decoration: none; font-weight: normal;}

a.menuLev02_03:link {color: #f998ad; text-decoration: underline; font-weight: bold;}
a.menuLev02_03:visited {color: #f998ad; text-decoration: underline; font-weight: bold;}
a.menuLev02_03:hover {color: #f998ad; text-decoration: none; font-weight: bold;}
a.menuLev02_03:active {color: #f998ad; text-decoration: none; font-weight: bold;}

.addressCell {margin: 0px 0px 30px 14px;}
.addressCell span {display: block;}
.addressCell img {padding-left: 12px;}

.addressBigText {
	font-size: 150%;
	padding-bottom: 0.2em;
	}

.addressSmallText {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%;}

.addressBigText a:link {color: #192832; text-decoration: underline;}
.addressBigText a:visited {color: #192832; text-decoration: underline;}
.addressBigText a:hover {color: #192832; text-decoration: none;}
.addressBigText a:active {color: #192832; text-decoration: none;}

/* --------------- End of Menu Level 02 Column Rules ---------------- */


/* --------------- Start of Article Cell & Header Rules ---------------- */

.articleTextCell {padding: 0px 80px 0px 0px;}

.headerCell {padding: 0px 0px 15px 0px; background: url(../images/el_line_ver.gif) repeat-y top left;}
.headerCellAlt {padding: 0px 0px 15px 26px; background: none;}

.headerArticle {background: url(../images/el_line_hor.gif) repeat-x top left;}
.headerArticle div {
	float: left;
	padding: 0px 12px 0px 0px;
	background-color: #6e848f;
}

.priceCell {width: 192px; padding: 0px 80px 0px 14px;}
.priceCellAlt {width: 80px; padding: 0px;}

.priceLabel {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #f85a7c;
	width: 164px;
	padding: 10px 14px 10px 14px;
	}

.priceLabel span {font-weight: normal; font-size: 80%;}

.priceLabel a:link {color: #FFFFFF; text-decoration: underline;}
.priceLabel a:visited {color: #FFFFFF; text-decoration: underline;}
.priceLabel a:hover {color: #FFFFFF; text-decoration: none;}
.priceLabel a:active {color: #FFFFFF; text-decoration: none;}

/* --------------- End of Article Cell & Header Rules ---------------- */


/* --------------- Start of Menu Level 03 Column Rules ---------------- */

.menuLev03Cell {padding: 0px 40px 211px 0px;}
.menuLev03Spacer {width: 173px; height: 1px;}

.menuLev03 {
	border-left: #f998ad solid 1px;
	padding: 0px 0px 0px 26px;
	}

.menuLev03 p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	}

.menuLev03 div {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #f998ad;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0.6em 0px;
	}

.menuLev03 a:link {color: #f998ad; text-decoration: underline; font-weight: normal;}
.menuLev03 a:visited {color: #f998ad; text-decoration: underline; font-weight: normal;}
.menuLev03 a:hover {color: #f998ad; text-decoration: none; font-weight: normal;}
.menuLev03 a:active {color: #f998ad; text-decoration: none; font-weight: normal;}

.assortimentCell {
	font-family: Arial, Helvetica, sans-serif;
	color: #f998ad;
	font-weight: bold;
	font-size: 110%;
	vertical-align: bottom;
	width: 100%;
	}

.assortimentLogos img {display: block; margin: 20px 0px 0px 26px;}

/* --------------- End of Menu Level 03 Column Rules ---------------- */


/* --------------- Start of Foto Gallery Rules ---------------- */

.fotoHeader {
	margin: 20px 80px 0px 46px;
	color: #FFFFFF;
	border-bottom: #FFFFFF solid 1px;
	}

.fotoDescriptCell {padding: 23px 40px 23px 46px;}
.fotoDescriptSpacer {width: 209px; height: 1px;}

.fotoDescriptCell {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f998ad;
	}

.fotoDescriptCell table div {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	}

.fotoDescriptCell table td {padding: 0px 5px 0.7em 0px;}

.fotoGalleryCell {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #f998ad;
	float: left;
	display: block;
	margin: 23px 71px 0px 0px;
	}

.fotoGalleryCell table {margin: 0px 9px 23px 0px; float: left;}

.fotoGalleryCell div {
	background-color: #f85a7c;
	display: block;
	width: 182px;
	}

.fotoGalleryCell div img {margin: 10px; border: #FFFFFF solid 1px;}

/* --------------- End of Foto Gallery Rules ---------------- */


/* --------------- Start of Footer Rules ---------------- */

.footerBgrL {width: 50%; height: 52px; background: url(../images/el_footer_l.gif) no-repeat left top;}
.footerBgrR {width: 50%; height: 52px; background: url(../images/el_footer_r.gif) no-repeat right top;}

.footerCellR {padding: 0px 80px 0px 0px;}
.footerCellL {padding: 0px 40px 0px 46px; text-align: right;}

.footerAddress {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 85%;
	line-height: 160%;
	}

.footerPhone {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #FFFFFF;
	white-space: nowrap;
	margin: 0.4em 0px 0.8em 0px;
	}

.footerPhone img {margin: 0px 0.4em 0px 0px;}

.footerMenuL, .footerMenuR {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #fa3b64;
	font-size: 95%;
	line-height: 150%;
	}

.footerMenuR {padding: 0px 80px 30px 0px;}
.footerMenuL {padding: 0px 40px 30px 46px; text-align: right;}

.footerMenuL div, .footerMenuR div {white-space: nowrap; display: inline;}
.footerMenuL span, .footerMenuR span {padding: 0px 0.5em 0px 0.5em; color: #FFFFFF;}

.layoutFooter a:link {color: #FFFFFF; text-decoration: underline;}
.layoutFooter a:visited {color: #FFFFFF; text-decoration: underline;}
.layoutFooter a:hover {color: #FFFFFF; text-decoration: none;}
.layoutFooter a:active {color: #FFFFFF; text-decoration: none;}

a.footerMenuLev03:link {color: #fa3b64; text-decoration: underline;}
a.footerMenuLev03:visited {color: #fa3b64; text-decoration: underline;}
a.footerMenuLev03:hover {color: #fa3b64; text-decoration: none;}
a.footerMenuLev03:active {color: #fa3b64; text-decoration: none;}

.footerBluehead {
	color: #385a6b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
	float: right;
	}

.footerBluehead div {float: left;}
.footerBluehead img {margin: 0px 0px 0px 1em;}

.footerBluehead a:link {color: #385a6b; text-decoration: underline;}
.footerBluehead a:visited {color: #385a6b; text-decoration: underline;}
.footerBluehead a:hover {color: #385a6b; text-decoration: none;}
.footerBluehead a:active {color: #385a6b; text-decoration: none;}

/* --------------- End of Footer Rules ---------------- */

#blok_link a {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #666666;
     text-decoration: none;
}
#blok_link a:hover {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #666666;
     text-decoration: none;
}
#blok_link a.active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #666666;
     text-decoration: underline;
}

#blok_link {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #666666;
     text-decoration: none;
}