/* CSS STYLE NORMA.CZ */

h1 {padding: 0; margin: 0; float: left}

body {background: url('/grafika/bg-body.png') repeat-x #14425B; font-family: Century Gothic, sans-serif; font-size: 15px; color: #181B1F; margin: 0}


div#header, div#menu, div#banner, div.finner {width: 940px; margin: auto; clear: both}
div#content {width: 960px; margin: auto; clear: both}
div#footer {width: 100%; clear: both}


div#header {height: 120px; background: url('/grafika/bg-header.png') no-repeat}
div#header img.logo {border: none; position: relative; top: 38px}
div#header span.phonenrs {float: right; display: block; width: 300px; font-size: 25px; color: #73E456; text-align: right; padding-top: 30px}
div#header span.phonenrs em {font-style: normal; color: #487791}


div#menu {height: 60px; border: solid 10px #FFFFFF; background: #D8EBF5}
div#menu ul {margin: 0; padding: 0; line-height: 60px}
div#menu ul li {display: inline; font-size: 19px}

div#banner {height: 180px; border: solid 10px #FFFFFF; border-top: solid 2px #FFFFFF}

div#content {padding-top: 10px; background: url('/grafika/bg-content-white.png') 290px 15px no-repeat}
div#content div.left {width: 290px; float: left}
div#content div.left div.panel {background: #0F3245; width: 280px; border: solid 1px #175C73; margin-bottom: 10px}
div#content div.left div.panel h2, div#content div.left div.panel span.level2 {font-size: 24px; font-weight: bold; color: #73E456; text-transform: uppercase; margin: 0; padding: 0}
div#content div.inner {padding: 10px}
div#content div.left div.panel ul {margin: 0; padding: 10px 0 0 2px; font-size: 14px}
div#content div.left div.panel ul li {padding: 5px 0 5px 0; line-height: 20px; color: #FFFFFF; padding-left: 30px; background: url('/grafika/bg-li-panel.png') left 7px no-repeat; list-style-type: none}
div#content div.left div.panel ul li:hover {background: url('/grafika/bg-li-panel-2.png') left 7px no-repeat}
div#content div.left div.panel ul li em {font-style: normal; color: #ADB1BE; font-size: 14px}
div#content div.left a.more {display: block; text-align: right; font-size: 12px}
div#content div.left a.more:hover {text-decoration: underline}
div#content div.left div.panel strong {font-weight: normal; clear: both; text-align: right; display: block; font-size: 85%; font-style: normal; color: #55606C}
div#content div.left div.panel a {color: #FFFFFF; text-decoration: none}
div#content div.left table {width: 260px; padding: 10px 0 0 0; font-size: 13px}
div#content div.left table td {color: #FFFFFF; padding-bottom: 5px}
div#content div.left table sub {color: #ADB1BE; font-size: 14px}
div#content div.left table td.info {text-align: right; padding: 0 0 15px 5px; width: 50px}
div#content div.left table tr {vertical-align: top}
div#content div.left table td a {color: #FFFFFF; text-decoration: none; display: block}
div#content div.left table td a:hover {background: url('/grafika/bg-left-a-download.png') right top no-repeat}
div#content div.right {float: left; width: 670px}
div#content div.right div.rinner {padding: 8px 10px 10px 10px; background: #FFFFFF; text-align: left}
div#content div.right h2, div#content div.right span.level2 {font-size: 24px; font-weight: bold; margin: 0; padding: 0}
div#content div.right h3, div#content div.right span.level3 {font-size: 18px; font-weight: bold; color: #3D4250; padding: 0; margin: 0}
div#content div.right h3 strong, , div#content div.right span.level3 strong {color: #73E456; text-decoration: blink}
div#content div.right table.product {padding: 20px 0 15px 0}
div#content div.right table.product tr {vertical-align: top}
div#content div.right table.product ul li {color: #3D4250; margin: 0}
div#content div.right table.product td.links {text-align: right}
div#content div.right table.product td.links a {background: #103346; padding: 1px 20px 3px 20px; color: #FFFFFF; text-decoration: none}
div#content div.right table.product td.links a:hover {text-decoration: underline}
div#content div.right table.product td.links a.akce {color: #73E456}
div#content div.right table.product td.img {width: 100px}

p.clear {display: block; margin: 0; padding: 0}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.w50 {width: 50%}
.w30 {width: 33%}
.w100 {width: 100%}
.w70 {width: 70%}
.bgGrey {background: #DCDEE4}

div#footer {height: 90px; background: url('/grafika/bg-footer.png') repeat-x; margin: auto; color: #496473; font-size: 12px}
div#footer div.finner {width: 960px}
div#footer div.fleft {width: 290px; height: 90px; float: left}
div#footer div.fright {text-align: right; width: 670px; height: 90px; float: left; background: url('/grafika/bg-footer-right.png') no-repeat}
div#footer div.fleft span, div#footer div.fright span {position: relative; top: 55px}
div#footer a {color: #708EA0; text-decoration: none; border-bottom: dotted 1px #708EA0}
div#footer a:hover {color: #000000; border-bottom: dotted 1px #000000}

img.left {float: left; padding: 0 20px 10px 0}
.clear {clear: both}
a img {border: none}

table.prodejci {width: 100%}
table.prodejci td {background: #F0F8FB; vertical-align: top; padding: 10px 5px 10px 10px; border-bottom: solid 2px #FFFFFF}

table.prodejci tr:hover td {background: #D8EBF5}

table td {padding: 2px 10px; vertical-align: top}

table.catalog {width: 100%}
table.catalog th {background: #181B1F; padding: 5px 10px; font-weight: bold; text-align: center; color: #FFFFFF; border: solid 1px #FFFFFF}
table.catalog td {padding: 2px 10px; background: #DCDEE4; color: #181B1F; font-size: 17px; text-align: center; border: solid 1px #FFFFFF}
table.catalog tr:hover td {background: #FFFFFF}