body { background: #eee; color: #404040; font-family: Verdana; font-size: 11px; margin: 0; padding: 10px 0; }

.text-center { text-align: center; }

.clear-both { clear: both; }

.float-left { float: left; }

h1 { font-size: 1.6em; color: #224fc4; margin-top: 0; margin-bottom: 32px; }
h2 { font-size: 1.4em; color: #505050; margin-top: 10px; margin-bottom: 18px; text-align: center; }
h3 { font-size: 1.2em; color: #0757a7; font-weight: bold; margin: 20px 0 8px 0; text-align: left; padding-left: 16px; }

hr { border-color: silver; border-top-width: 0; margin: 0; padding: 0; }

a,
a:visited { text-decoration: none; color: #0757a7; }
a:active { color: navy; }

a img { border-width: 0; }

table { font-size: 1em; }
table tbody { border-width: 0; }
table thead { border-width: 0; }
table p { margin: 0 !important; padding: 0 !important; }

#page { width: 938px; margin: auto; padding-bottom: 34px; text-align: left; border: 1px solid #011240; border-bottom-width: 0; background: white url('images/page.jpg') left 228px no-repeat; }

#header { position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 10px; }
#header-inner { width: 938px; height: 227px; margin: auto; background: transparent url('images/header-3.jpg') top left no-repeat; border: 1px solid #011240; position: relative; }

#footerbefore { width: 100%; text-align: center; }
#footerbefore-inner { width: 671px; margin: auto; padding: 16px 0 16px 267px; text-align: left; background: white; border-left: 1px solid #011240; border-right: 1px solid #011240; border-top: 1px solid silver; background: #f5f5f5; }
#footerbefore h2 { margin: 0 0 4px 0; text-align: left; font-size: 1.2em; }
#footerbefore p { margin: 0; }

#footer { width: 100%; text-align: center; }
#footer-inner { width: 930px; height: 15px; padding-top: 3px; padding-left: 8px; margin: auto; background: transparent url('images/footer.jpg') top left no-repeat; border-color: #011240; border-style: solid; border-width: 1px; text-align: left; color: white; font-size: 0.9em; }
#footer-inner a { color: white; }

#main { width: 810px; float: left; margin-top: 250px; }
#main .inner { width: 543px; padding: 8px 0 20px 0; float: right; min-height: 400px; background: transparent url('images/main-inner.jpg') left 42px no-repeat; line-height: 18px; }
#main .inner p { margin: 16px 0; }

#sidebar-left { width: 267px; float: left; margin-top: 18px; padding-top: 27px; background: transparent url('images/sidebar-left.jpg') top left no-repeat; } 
#sidebar-left h2 { display: none; }

#sidebar-right { width: 128px; float: right; margin-top: 268px; padding-top: 27px; background: transparent url('images/sidebar-right.jpg') top right no-repeat; }
#sidebar-right h2 { display: none; }

#header a { color: white; text-decoration: none; font-size: 1.2em; font-family: Arial; font-weight: bold; padding-left: 10px; padding-right: 10px; }
#header a:hover { text-decoration: underline; }
#logo-cw { position: absolute; top: 0; left: 0; width: 227px; height: 0 !important; height /**/: 227px; padding-top: 227px; overflow: hidden; display: block; background: transparent; }
#logo-astravernici { position: absolute; top: 0; right: 0; width: 356px; height: 0 !important; height /**/: 88px; padding-top: 88px; overflow: hidden; display: block; background: transparent; }
#link-naterove-hmoty { position: absolute; top: 45px; left: 248px; width: 89px; height: 39px; padding-top: 5px; display: block; background: transparent; text-align: center; }
#link-produkty { position: absolute; top: 90px; left: 357px; width: 89px; height: 39px; padding-top: 5px; display: block; background: transparent; text-align: center; }
#link-podpora-prodeje { position: absolute; top: 182px; left: 467px; width: 89px; height: 39px; padding-top: 5px; display: block; background: transparent; text-align: center; }
#link-reference { position: absolute; top: 134px; left: 579px; width: 89px; height: 31px; padding-top: 13px; display: block; background: transparent; text-align: center; }
#link-kontakty { position: absolute; top: 182px; left: 689px; width: 89px; height: 31px; padding-top: 13px; display: block; background: transparent; text-align: center; }

#block-menu-primary-links { padding-bottom: 42px; background: transparent url('images/primary-links-block.jpg') right bottom no-repeat; }
#block-menu-primary-links ul { margin: 0; padding: 0; list-style: none; background: transparent url('images/primary-menu.jpg') top left repeat-y; }
#block-menu-primary-links ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; height: 132px; background: transparent url('images/primary-menu-li.jpg') left bottom no-repeat; }
#block-menu-primary-links ul li.first { background: transparent url('images/primary-menu-li-first.jpg') left bottom no-repeat; }
#block-menu-primary-links ul li.last { background: transparent url('images/primary-menu-li-last.jpg') left bottom no-repeat; }
#block-menu-primary-links ul li a { display: block; height: 84px; width: 110px; padding: 48px 100px 0 20px; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
#block-menu-primary-links ul li a.active { color: navy; }
#block-menu-primary-links ul li a.menu-127 { background: transparent url('images/odkaz-katalog-odstinu.jpg') right center no-repeat; }
#block-menu-primary-links ul li a.menu-128 { background: transparent url('images/odkaz-tonovaci-technika.jpg') right center no-repeat; }
#block-menu-primary-links ul li a.menu-129 { background: transparent url('images/odkaz-nabidka-vzorkovnic.jpg') right center no-repeat; }

#block-menu-secondary-links { padding-bottom: 33px; background: transparent url('images/secondary-menu-block.jpg') left bottom no-repeat; }
#block-menu-secondary-links ul { margin: 0; padding: 0; list-style: none; background: transparent url('images/secondary-menu.jpg') top right repeat-y; }
#block-menu-secondary-links ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; height: 132px; background: transparent url('images/secondary-menu-li.jpg') right bottom no-repeat; }
#block-menu-secondary-links ul li.first { background: transparent url('images/secondary-menu-li-first.jpg') right bottom no-repeat; }
#block-menu-secondary-links ul li.last { background: transparent url('images/secondary-menu-li-last.jpg') right bottom no-repeat; }
#block-menu-secondary-links ul li a { display: block; height: 24px; padding: 106px 0 0 26px; text-transform: uppercase; font-weight: bold; font-size: 8px; }
#block-menu-secondary-links ul li a.active { color: navy; }
#block-menu-secondary-links ul li a.menu-130 { background: transparent url('images/odkaz-povrchova-uprava-naby.jpg') 36px 0 no-repeat; }
#block-menu-secondary-links ul li a.menu-131 { background: transparent url('images/odkaz-povrchova-uprava-vnej.jpg') 34px 5px no-repeat; }
#block-menu-secondary-links ul li a.menu-132 { background: transparent url('images/odkaz-referencni-fotogaleri.jpg') right 3px no-repeat; }

table.prilozene-soubory { width: 100% }
table.prilozene-soubory td { border: 1px solid silver; padding: 4px; }
table.prilozene-soubory th { background: gray; color: white; border: 1px solid gray; padding: 4px; text-align: center; }

#node-11 .content,
#node-12 .content,
#node-14 .content,
#node-19 .content,
#node-16 .content { background: transparent url('images/vodoureditelne.jpg') top right no-repeat; }

#kontakty-zastoupeni { width: 100%; margin-top: 20px; }
#kontakty-zastoupeni th { font-size: 1.4em; border-bottom: 1px solid silver; padding: 12px; }
#kontakty-zastoupeni td { padding: 10px 0px; }

.view-reference .views-row-odd,
.view-reference .views-row-even { margin-top: 10px; padding-top: 20px; border-top: 1px solid #ddd; position: relative; }
.view-reference .views-field-field-reference-obrazek-fid { float: left; }
.view-reference .views-field-title a { text-align: left; font-size: 1.2em; margin-top: 0; color: #0757a7; font-weight: bold; float: right; width: 400px; }
.view-reference .views-field-body { width: 400px; float: right; }

div.pagemenu-zaznam { margin-bottom: 16px; padding-top: 5px; clear: both; }
div.pagemenu-zaznam img { float: left; float: left; margin-right: 16px; }
div.pagemenu-zaznam h2 { text-align: left; font-size: 1.2em; margin-top: 0; color: #0757a7; }

#block-user-1 .content { padding: 0 18px 20px 18px; }

.node-type-reference div.meta { display: none; }
.node-type-reference .field-field-reference-obrazek .field-item { float: left; padding: 7px; height: 100px; overflow: hidden; }

#block-block-5 { font-size: 0.8em; margin-top: 10px; }
#block-block-5 p { margin: 0; padding: 0; }

#tlacitko-eshop { margin: 10px 0 0 0 !important; font-size: 1.2em; }
#tlacitko-eshop a { display: block; border: 1px solid silver; line-height: 19px; padding: 18px 10px 7px 18px; background: white url('images/gradient-white-silver-75.jpg') left bottom repeat-x; height: 50px; position: relative; }
#tlacitko-eshop a:hover { text-decoration: underline; }
#tlacitko-eshop a img { display: block; position: absolute; top: 0; right: 0; }

#block-block-6 { padding-top: 5px; margin-bottom: 40px; }
