@CHARSET "UTF-8";

/*** Layout ***/
body {margin: 0; padding: 0; text-align: center; background: #ccc; font: 0.8em Verdana; color: #333}
#L-0 {width: 919px; margin: auto; text-align: left; overflow: hidden}
#L-1 {float: left; background: #accaff; border: 2px solid #fff; padding-bottom: 10000px; margin-bottom: -10000px}
#L-top {width: 300px; height: 129px; background: #69f url('/images/layout/top_grad.gif') repeat-x}
#L-top-watermeter {height: 129px; position: relative; top: -2px; background: url('/images/layout/watermeter.jpg') no-repeat}
#L-left {border-top: 2px solid #fff; }
#L-2 {float: left; width: 600px; }
#L-grey {height: 100px; background: url('../images/layout/sh-right.gif') repeat-y; text-align: right;}
#L-shN {height: 5px; background: url('../images/layout/sh-top.gif') repeat-x; overflow: hidden;}
#L-shNE {height: 5px; background: url('../images/layout/sh1-left.gif') no-repeat;}
#L-shNW {height: 5px; background: url('../images/layout/corner-NE.gif') no-repeat right top;}
#L-shE {background: url('../images/layout/sh-right.gif') repeat-y right}
#L-shEN {padding-right: 5px; background: url('../images/layout/corner-NE.gif') no-repeat 592px -5px}
#L-white {background: #fff;}
#L-whiteW {background: url('../images/layout/wsh-right.gif') repeat-y}
#L-whiteNE {padding: 3px 3px 3px 0; background: url('../images/layout/corner-NE.gif') no-repeat 592px -5px}
#L-blue {height: 67px; background: #06c url('../images/layout/blue-repeat.gif') repeat-x 1px 0}
#L-blueW {height: 63px; color: #fff; padding: 4px 0 0 10px; background: url('../images/layout/blue-left.gif') no-repeat}
#L-main {margin: 0;}

#L-a {float: left; width: 15px; padding-bottom: 10000px; margin-bottom: -10000px; background: url('../images/layout/wsh-left.gif') repeat-y}
#L-a1 {height: 100px; background: #ccc url('../images/layout/sh-left.gif') repeat-y top right}
#L-a2 {height: 75px; background: url('../images/layout/corner-NW.gif') no-repeat}

#logo {margin: 6px 3px 0 0;}

/*** Elements, fonts ***/

h1 {font-family: 'Trebuchet MS'; font-size: 2em; margin:0}
h2 {font: bold 1.2em 'Trebuchet MS'; margin: 10px 0 0}
/* Menu use */
h4 {margin: 0 0 2px 0; padding: 2px 3px 3px; font: bold 1.6em 'Trebuchet MS'}

a {text-decoration: none; color: #791F15}
a:hover {color: #A52B1D}
p {margin:0; padding:0}
#L-main p {margin: 3px 0}
abbr {text-decoration: none; border: none}
address {margin: 0;padding:0;font: normal 1em Verdana}
img {border: 0}

#Search {background: #FDFFCD}
/* #FFFF6A */
#Search h4 {background: #FFFF6A url('/images/layout/yellow.gif'); border-top: 1px solid #FFF54E}
#Search div.label {display: block; float: left; width: 140px; margin: 4px 0 0}
#Search label {font-weight: normal}
#Search label.checkbox {margin-right: 3px}
#Search div.pool {background: #F6F6BC; margin-bottom: 2px; padding: 2px; color: #333}
#Search div.activepool {background: #FBFF99; color: #000}
#Srch-submit {background: #FFFF6A url('/images/layout/yellow.gif'); padding: 2px; border-bottom: 1px solid #FFF54E; text-align: center}
#Search select {width: 140px}

form {margin: 0; padding: 0}

#SearchResultInfo {background: #FCFFB3 url('/images/layout/yellow.gif'); margin: 3px 0}
#SearchResultInfo div {background: url('/images/layout/yellow_shadow.gif') repeat-y; padding-left: 5px}
#SearchResultInfo h5 {font: bold 1.2em 'Trebuchet MS'; margin: 0; padding: 0; color: #333}
#SearchResultInfo span {font-weight: normal; color: #666}
#SearchResultInfo p {font-size: 0.9em; margin: 0; color: #666}
#SearchResultInfo p.links {float: right; text-align: right}

.WM {border-collapse: collapse; margin: 10px 0 0 5px}
td {padding: 0}
tr.WM-main {height: 38px; background: #2a72f7; }
tr.WM-addition {height: 58px; background: #b9ccf1;}
td.WM-photo {width: 96px; height: 96px}
td.WM-photo img {display: block; width: 90px; height: 90px; margin: 3px}
td.WM-producent {width: 110px}
td.WM-producent a {display: block; height: 32px; margin: 3px 0; color: #fff; font: normal 1.4em Verdana}
td.WM-producent div {padding: 12px 2px 0}
td.WM-model {width: 206px}
td.WM-model a {display: block; height: 32px; margin: 3px; color: #fff; font: normal 1.5em Verdana}
td.WM-model div {padding: 10px 2px 0}
td.WM-model a:hover, td.WM-producent a:hover {background: #3f8fff; color: #fff}
td.WM-icon {width: 35px; }
td.WM-icon img {display: block; width: 32px; height: 32px; margin: 3px 3px 3px 0}
td.WM-desc p {margin: 2px 4px 2px 2px; color: 666px; font-size: 0.9em}
td.WM-versions {width: 175px;}
td.WM-versions h5 {margin: 0; font: normal 0.9em Verdana; color: #666}
td.WM-versions ul {margin: 0; padding-left: 0; font: bold 1em Arial; color: #333; list-style: square inside none; line-height: normal}
td.WM-versions li {padding: 0; line-height: normal}
td.WM-versions div {text-align: right; font: normal 8px Verdana; float: right}
tr.WM-versions table {border-collapse: collapse; font: 12px Arial}
tr.WM-versions table td {border: 1px solid #999}
tr.WM-separator {height: 10px; background: #fff}

div.content {margin-left: 5px}
div.sidebox {margin-bottom: 10px; width: 300px; overflow: hidden}

#Spec {width: 591px; margin: 3px; color: #222;}
#Spec th {background: #accaff; height: 32px; font: bold 1.2em 'Trebuchet MS'; padding: 0 5px;}
#Spec td {background: #cadbf9; height: 32px; padding: 0 5px;}
#Spec .header {
	background-image: url(/images/layout/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#Spec .headerSortUp { background-image: url(/images/layout/asc.gif); background-color: #8dbdd8;}
#Spec .headerSortDown { background-image: url(/images/layout/desc.gif); background-color: #8dbdd8;}


#GoogleMap {width: 585px; border: 1px solid #ccc}
#GoogleMap div {margin: 3px;}

#Menu {border-top: 1px solid #70a4ff; border-bottom: 1px solid #70a4ff}
#Menu h4 {background: url('/images/layout/blue_bg.gif')}
#Menu a {display: block; margin-bottom: 2px; color: #333; cursor: hand;}
#Menu a:hover, #Menu a.active {background: #cadbf9; } 
#Menu .point {width: 8px; height: 32px; margin-right: 2px; float: left; background: #f7de51 }
#Menu a.active .point {background: #f7ba51 }
#Menu h5 {height: 20px; margin: 0; font: bold 1.5em 'Trebuchet MS'; line-height: 20px }
#Menu p {height: 12px; margin: 0; font: normal 0.8em 'Verdana'; line-height: 12px; color: #666; }
#Menu a:hover p {color: #333}
#Menu .bottom {height: 5px; font-size: 1px; background: url('/images/layout/blue_bg.gif')}

#GoogleAdSense {}

.clg {margin: 5px 0 10px 5px; }
.clg-main {height: 96px; background: #6ea2ff url('/images/layout/clg_main.gif') repeat-x}
.clg-img {float:left}
.clg-img img {display: block; width: 90px; height: 90px; margin: 3px}
.clg-producent {float: left}
.clg-producent a {display: block; width: 90px; height: 32px; margin: 3px 0; color: #fff; font: normal 1.4em Verdana}
.clg-producent a span {margin: 0 2px; line-height: 32px}
.clg-producent a:hover, .clg-model a:hover {background: #96bafd; color: #fff}
.clg-model {float: left}
.clg-model a {display: block; width: 200px; height: 32px; margin: 3px 0 3px 3px; color: #fff; font: normal 1.4em Verdana}
.clg-model a span{margin:0 2px;line-height:32px}
.clg-icons {float: left}
.clg-icons div {width: 192px; height: 32px; margin: 3px; background: #e5e5e5 url('/images/layout/clg_icons.gif') repeat-x}
.clg-icons img {diplay: block; float: left; width: 32px; height: 32px}
.clg-desc {float: left}
.clg-desc div {width: 293px; height: 58px; overflow:hidden; margin-right: 3px; background: #d4d4d4 url('/images/layout/clg_addition.gif') repeat-x}
.clg-desc p {padding: 2px; font-size: 0.9em}
.clg-vers {float:left}
.clg-vers a {display: block; width: 192px; height: 58px; background: #d4d4d4 url('/images/layout/clg_addition.gif') repeat-x}
.clg-vers a:hover {background: #ddd}
.clg-vers h5 {padding: 2px; margin: 0; font: normal 0.8em Verdana; }
.clg-vers ul {margin: 0 2px; padding-left: 0; font: normal 0.9em Arial; color: #666; list-style: square inside none; line-height: normal}
.clg-vers li {padding: 0; line-height: 1.1em}
.clg-vers span {color: #333}
.clg-versions {display: none; margin-left: 93px; padding: 0 3px 3px; background: #6ea2ff url('/images/layout/clg_versions.gif')}
.clg-versions div {height: 57px; background: #cfcfcf;}
.clg-versions table {border-collapse: collapse; font-family: Arial; width: 100%}
.clg-versions tr.Dn {background: #96bafd;}
.clg-versions tr.Qn {background: #cadbf9;}
.clg-versions tr.L {background: #96bafd;}
.clg-versions th {font-weight: normal; padding: 2px}
.clg-versions .name {width: 124px; text-align: left}
.clg-versions .abbr {width: 20px; text-align: right; font-size: 1.1em}
.clg-versions .measure {width: 34px; color: #666; text-align: left}
.clg-versions td {padding: 2px; text-align: center}
.clg-versions strong {}

p.addr {margin-left: 10px}
.addr-t {width: 50px}
.addr-cd {font-size: 0.8em; color: #666}

#Footer {margin: 3px 0 3px 5px; text-align: center}
#Footer div {margin: auto; border-top: 1px solid #666; font-size: 0.8em}

#sbi {background: #fff url('/images/layout/googlelogo.gif') no-repeat 10px 4px; border: 1px solid #70a4ff}
.sbi-active {background-image: none !important}
#GoogleSearch {margin-right:5px}

img#address-info {position: relative; margin-bottom: -3px; width: 85px; height: 13px}

div.message {position: absolute; top: 30px; margin: 0.5em; padding: 0.5em; background: #FCFFB3; font-weight: bold;}