body {
margin: 1px;
}
div.gd1 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/intercom.jpg);
}
div.gd2 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/elektro.png);
}
div.gd3 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/kontrol.png);
}
div.gd4 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/cart.jpg);
}
div.gd5 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/specialoffers.jpg);
}
div.gd6 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/TabloPredpaziteli.jpg);
}
div.gd7 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/skd.jpg);
}
div.gd8 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/elshemi.jpg);
}
div.gd9 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/video_intercom.jpg);
}
div.gd10 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/proekti.png);
}
div.gd11 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/Okabeliavane.jpg);
}
div.gd12 {
margin: 15px auto;
width: 234px;
height: 110px;
display: inline-block;
background-image: url(../images/menu/callme.png);
}

#podmenu{
    margin-top: 16px;
}

ul.menuu {
margin-left: 0px;
margin-top: 110px;
padding: 0px;
display: inline-block;
background-color: #2b2b2b;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#141414));
background-image: -webkit-linear-gradient(#5e5e5e, #141414);
background-image: -moz-linear-gradient(top, #5e5e5e, #141414);
background-image: -ms-linear-gradient(#5e5e5e, #141414);
background-image: -o-linear-gradient(#5e5e5e, #141414);
background-image: linear-gradient(#5e5e5e, #141414);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2b2b2b', GradientType=0);
width: 234px;
}
ul.menuu li {
background: url(../images/blue/bodylif.gif) no-repeat 0px 50px;
text-align:left;
padding-left: 0px;
float: center;
list-style: none;
border-right: 0px solid #2b2b2b;
position: relative;
}
ul.menuu li a {
color: white;
display: block;
font-family: Arial;
font-size: 14px;
padding: 8px 16px 10px;
text-decoration: none;
border-bottom: 0px solid #2b2b2b;
}
ul.menuu li a:hover {
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#141414));
background-image: -webkit-linear-gradient(#5e5e5e, #141414);
background-image: -moz-linear-gradient(top, #5e5e5e, #141414);
background-image: -ms-linear-gradient(#5e5e5e, #141414);
background-image: -o-linear-gradient(#5e5e5e, #141414);
background-image: linear-gradient(#5e5e5e, #141414);
}
ul.menuu li ul {
display: none;
}
ul.menuu li:hover ul {
display: block;
position: absolute;
top: 33px;
left: 0px;
background-color: #2b2b2b;
z-index: 1000;
width: 234px;
}
ul.menuu li:hover ul li {
float: left;
width: 100%;
border-right: none;
}
ul.menuu li:hover ul li a {
border-top: 1px solid #000000;
border-right: none;
padding: 6px 20px 8px;
}
ul.menuu li:hover ul li a:hover {
background-color: #404040;
}
p.preim {
color: #fff;
font-size: 17px;
padding: 6px 0px 6px 40px;
background-color: #333366;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
span.punkt {
color: #fff;
width: 200px;
font-size: 17px;
padding: 5px 10px 5px 10px;
background-color: #ff9900;
margin-right: 10px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
h1.new {
color: #fff;
font-size: 17px;
padding: 0px 0px 0px 40px;
background-color: #4b4f65;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
h2.newk {
color: #fff;
font-size: 17px;
padding: 0px 0px 0px 40px;
background-color: #2a5e7e;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
h2.newka {
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 40px;
background-color: #929292;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
p.newd {
color: #fff;
width:94%;
font-size: 13px;
padding: 6px 0px 6px 0px;
background-color: #4b4f65;
margin-left: 5px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
p.newa {
color: #fff;
font-size: 13px;
padding: 5px 5px 5px 0px;
background-color: #606061;
margin-right: 8px;
margin-left: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
a.whteg { color: #fff; }
a.buttona {
background: #2E8CE3;
padding: 6px 30px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#5978c8));
box-shadow: 4px 4px 5px rgba(122,122,122,0.7);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
a.buttona:hover {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#2E69E3));
}
a.buttona:active {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#2E69E3));
box-shadow: inset 1px 1px 0 0 #004A7F;
-moz-box-shadow: inset 1px 1px 0 0 #004A7F;
-webkit-box-shadow: inset 1px 1px 0 0 #004A7F;
padding: 8px 29px 6px 31px;
}
p.udalnastr {
color: #fff;
font-size: 16px;
padding: 10px 0px 10px 40px;
background-color: #485ca5;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
p.pathways { font-size: 12px; }
a.pathways { text-decoration: underline; }
ul.menud {
margin: 0px
padding: 0px;
display: inline-block;
background-color: #2b2b2b;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#373737));
background-image: -webkit-linear-gradient(#5a5a5a, #373737);
background-image: -moz-linear-gradient(top, #5a5a5a, #373737);
background-image: -ms-linear-gradient(#5a5a5a, #373737);
background-image: -o-linear-gradient(#5a5a5a, #373737);
background-image: linear-gradient(#5a5a5a, #373737);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='373737', GradientType=0);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: 1005px;
}
ul.menud li {
background: url(../images/blue/bodylif.gif) no-repeat 0px 5px;
float: left;
list-style: none;
border-right: 0px solid #4f4f4f;
position: relative;
padding-left: 0px;
}
ul.menud li a {
color: white;
display: block;
font-family: Arial;
font-size: 13px;
padding: 8px 20px 10px;
text-decoration: none;
border-right: 1px solid #2b2b2b;
}
ul.menud li a:hover {
background-color: #2b2b2b;
}
ul.menud li:first-child a:hover {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
}
ul.menud li ul {
display: none;
}
ul.menud li:hover ul li {
float: none;
width: 150px;
border-right: none;
}
ul.menud li:hover ul li a {
border-top: 1px solid #4f4f4f;
border-right: none;
padding: 6px 20px 8px;
}
ul.menud li:hover ul li a:hover {
background-color: transparent;
color: #c1deff;
}
ul.menud li:hover ul li:first-child a:hover {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.lidss {
color: #fff;
float: right;
width: 200px;
padding: 0px 5px 0px 5px;
font-size: 16px;
background-color: #2b5e7c;
margin: 40px 0px 0px 15px;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: right;
}
.form-fields {
border: 1px solid #c9b7a2;
background: #f2e8c9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #000000;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
padding:8px; width:184px;
}
.butt {
background: #2E8CE3;
padding: 0px 30px;
width:200px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
cursor: pointer;
border: 1px solid #ffffff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#5978c8));
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.butt:hover {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#2E69E3));
}
.butt:active {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #5978c8, #6988d7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6988d7),
to(#2E69E3));
box-shadow: inset 10px 1px 0 0 #004A7F;
-moz-box-shadow: inset 1px 1px 0 0 #004A7F;
-webkit-box-shadow: inset 1px 1px 0 0 #004A7F;
padding: 8px 29px 4px 31px;
}
.butta {
float: right;
width: 200px;
background: #2E8CE3;
padding: 8px 5px 8px 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: center;
cursor: pointer;
border: 1px solid #225178;
margin: 50px 0px 0px 15px;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.butta:hover {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
margin: 50px 0px 0px 15px;
margin-right: 8px;
margin-bottom: 15px;
}
.butta:active {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
box-shadow: inset 10px 1px 0 0 #004A7F;
-moz-box-shadow: inset 1px 1px 0 0 #004A7F;
-webkit-box-shadow: inset 1px 1px 0 0 #004A7F;
padding: 8px 5px 8px 5px;
margin: 50px 0px 0px 15px;
margin-right: 8px;
margin-bottom: 15px;
}
.buttaprice {
float: right;
width: 100px;
background: #2E8CE3;
padding: 8px 5px 8px 5px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: center;
cursor: pointer;
border: 1px solid #225178;
margin-top: 18px;
margin-right: 8px;
margin-bottom: 15px;
box-shadow: 4px 4px 5px rgba(122,122,122,0.9);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.buttaprice:hover {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
margin-top: 18px;
margin-right: 8px;
margin-bottom: 15px;
}
.buttaprice:active {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #38779c, #2b5e7c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b5e7c),
to(#38779c));
box-shadow: inset 10px 1px 0 0 #004A7F;
-moz-box-shadow: inset 1px 1px 0 0 #004A7F;
-webkit-box-shadow: inset 1px 1px 0 0 #004A7F;
padding: 8px 5px 8px 5px;
margin-top: 18px;
margin-right: 8px;
margin-bottom: 15px;
}
.simpleForm { border: 0px solid #fafafa; background: #397ea6; background: -webkit-gradient(linear, left top, left bottom, from(#397ea6), to(#397ea6));
background: -webkit-linear-gradient(top, #397ea6, #397ea6); background: -moz-linear-gradient(top, #397ea6, #397ea6); background: -ms-linear-gradient(top, #397ea6, #397ea6);
background: -o-linear-gradient(top, #397ea6, #397ea6); background-image: -ms-linear-gradient(top, #397ea6 0%, #397ea6 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; font-family: 'Helvetica Neue',Helvetica,sans-serif; text-decoration: none; vertical-align: middle; min-width:300px;
padding:15px; width:724px;}
.form-field { border: 0px solid #000000; background: #f7f1de; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
color: #000000; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:373px;}
.form-fielda { border: 0px solid #000000; background: #f7f1de; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
color: #000000; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:385px;}
.form-fieldw { border: 0px solid #000000; background: #f7f1de; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
color: #000000; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:100px;}
.form-fieldz { border: 0px solid #000000; background: #f7f1de; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
color: #000000; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:155px;}
textarea.form-field {height:80px;}
.form-field:focus { background: #f7f0d4; color: #000000;}
.simpleForm label { margin-bottom:1px; display:inline; font-weight:bold; color: #ffffff; text-shadow: #000000 0 1px 0;}
.simpleForm p{margin:10px 0px 0px 0px;}
.simpleForm p.submit-container { margin:0; text-align:right;}
.form-button { border: 1px solid #447314; background: #6aa436; background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
background: -webkit-linear-gradient(top, #8dc059, #6aa436); background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436);
background: -o-linear-gradient(top, #8dc059, #6aa436); background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #addc7e 0 1px 0; color: #31540c; font-family: helvetica, serif; padding: 8.5px 18px; font-size: 14px;
text-decoration: none; vertical-align: middle; cursor:pointer;} .form-button:hover { border: 1px solid #447314; text-shadow: #31540c 0 1px 0; background: #6aa436;
background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436)); background: -webkit-linear-gradient(top, #8dc059, #6aa436);
background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436); background: -o-linear-gradient(top, #8dc059, #6aa436);
background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); color: #fff;} .form-button:active { text-shadow: #31540c 0 1px 0; border: 1px solid #447314;
background: #8dc059; background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436)); background: -webkit-linear-gradient(top, #6aa436, #8dc059);
background: -moz-linear-gradient(top, #6aa436, #8dc059); background: -ms-linear-gradient(top, #6aa436, #8dc059); background: -o-linear-gradient(top, #6aa436, #8dc059);
background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%); color: #fff;}
span.croapses {
color:#ffffff;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
font-size: 9pt;
}