/* common */
* {margin: 0; padding: 0;}

img {border: 0;}
table {font-size: 100%;}
th {text-align: left;}

a:hover {text-decoration: none;}

.clnr {font-size: 0; clear: both;}
.fr {float: right;}
.fl {float: left;}

.obr {line-height: 0; border: 4px solid #E3E7EC;}
.obr img {border: 1px solid #fff; width: 160px;}
.ir, .il {margin: 4px 0 5px 0;}
.ir {margin-left: 15px;}
.il {margin-right: 15px;}

.right {text-align: right;}
.center {text-align: center;}

.red {color: #E50000;}

/* elements */
body {color: #000; background: #ccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;}
h1 {position: absolute; top: 0; left: 0;}
h2 {color: #06c; background: url(../graphics/bgDot.gif) bottom left repeat-x; font-size: 95%; letter-spacing: .2em; margin-bottom: 15px; padding-bottom: 5px;}
h3 {color: #E50000; font-size: 110%; margin: 15px 0 5px 0;}
h4 {color: #fff; background: #E50000; font-size: 75%; margin-bottom: 1em; padding: 8px 26px 9px 26px;}

/* layout */
#main {background: #fff; text-align: left; position: relative; margin: 0 auto; width: 920px;}
#header {background: url(../graphics/bgHeader.jpg) top right no-repeat; position: relative; height: 170px;}
#content {background: url(../graphics/bgContent.gif) top left repeat-y;}
#leftHolder {float: left; width: 230px;}
#rightHolder {float: right; width: 690px;}
#right {margin: 20px 23px 15px 22px;}
#footer {color: #fff; background: #E50000; font-size: 70%; padding: 22px 25px 50px 255px;}

/* header */
h1 a, h1 a span {background: url(../graphics/Logo.png); display: block; width: 230px; height: 170px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

#header h2 {color: #fff; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: normal; letter-spacing: .02em; margin: 0; padding: 0; position: absolute; top: 95px; left: 270px;}

p#navigace {background: #F0F0F0; font-size: 70%; text-transform: uppercase; position: absolute; top: 0; left: 230px;}
p#navigace a {color: #000; text-decoration: none; text-align: center; line-height: 43px; display: block; float: left; border-right: 1px solid #fff; padding: 0 12px; height: 43px;}
p#navigace a.current {color: #e50000;}
p#navigace a.dark {background: #EAEAEA;}
p#navigace a:hover {background: #D7D7D7;}

/* content */
#content p, #content .clanek-anotace, #content .clanek-text {line-height: 1.4em; margin-bottom: 1em;}
#content a {color: #E50000;}

/* left */
#leftHolder form {background: #BDBDBD; padding: 0 10px;}
#leftHolder form p {line-height: 30px; margin: 0; height: 30px;}
#leftHolder form input, #leftHolder label {vertical-align: middle;}
#searchInput {border: 1px solid #000; width: 110px;}

#left p, #left li, #left .clanek-anotace, #left .clanek-text {font-size: 70%; margin: 0 10px 1em 26px;}

ul#leveMenu {list-style: none; margin: 1em 26px;}
ul#leveMenu li {background: url(../graphics/bgLeftMenu.gif) 0px 5px no-repeat; margin: 0 0 .3em 0; padding-left: 10px;}
ul#leveMenu a {color: #000; text-decoration: none;}
ul#leveMenu a:hover {color: red; text-decoration: underline;}
ul#leveMenu a.current {color: #E50000;}

/* right */
p#horniMenu {background: #F0F0F0; font-size: 70%; line-height: 30px; border-bottom: 1px solid #D4D4D4; padding: 0 17px; height: 30px;}
p#horniMenu a {color: #000; font-weight: bold; text-decoration: none; margin: 0 5px;}
p#horniMenu a:hover {text-decoration: underline;}
p#horniMenu a.current {color: #E50000;}

h3 a {text-decoration: none;}
h3 a:hover {text-decoration: underline;}

#right p, #right li, #right .clanek-anotace, #right .clanek-text {font-size: 80%;}
#right .clanek-text li {font-size:100%;}

#right ul {list-style: none; margin: 1em 0 1em 1.2em;}
#right li {margin-bottom: .4em;}
#right ul li {background: url(../graphics/bgLi.gif) 0px 7px no-repeat; padding-left: 10px;}

table.commonTable {font-size: 90%; border: 1px solid #ccc; margin: .33em 0 1.33em 0; width: 500px;}
table.commonTable th, table.commonTable td {padding: 5px;}
table.commonTable tr.tmavy th, table.commonTable tr.tmavy td {background: #eaeaea;}

table.kontakty {margin: .33em 0 1.33em 0;}
table.kontakty th, table.kontakty td {padding: 0 10px 2px 0;}
table.kontakty td {padding-right: 25px;}

fieldset {border: 1px solid #ccc; margin-bottom: 1.33em; padding: 0 12px;}
legend {font-size: 80%; border: 1px solid #ccc; padding: 1px 10px;}
label {font-weight: bold;}
form table {font-size: 80%; margin: 12px 0;}
form th, form td {padding-bottom: 10px;}
form th {text-align: right; padding-right: 10px;}
form td {text-align: left;}
form textarea {vertical-align: top;}

table.loga {margin: 1em 0 1.33em 0;}
table.loga td {text-align: center; padding: 0 25px 10px 0;}

/* galerie */
.galerie {margin: 15px 0 25px 0;}
.galerie .nahled {float: left; border: 1px dashed #ccc; margin: 10px 19px;}
#right .nahled p {font-size: 70%; line-height: 1.3em; text-align: center; margin: .6em 5px; width: 110px;}
#right .nahled a {color: #333; text-decoration: none;}
#right .nahled a:hover {color: #06c; text-decoration: underline;}
.nahled img {margin: 5px 5px 0 5px;}

/* prodejna a pujcovna */
table.katalog {font-size: 70%; margin: 1em 0; width: 640px;}
table.katalog th {background: #d7d7d7; vertical-align: top; padding: 5px 10px;}
table.katalog td {padding: 5px 10px;}
table.katalog tr.darkRow td {background: #eaeaea;}

table.pujcovna {background: #fefefe; border: 1px solid #fff;}
table.pujcovna td {vertical-align: top; padding-top: 15px;}
table.pujcovna td.foto {line-height: 0; padding: 0;}
table.pujcovna img {border: 2px solid #ccc;}

col.prodejNazev {width: 340px;}
col.prodejID {width: 80px;}
col.foto {width: 84px;}

/* akcni nabidka */
#akcni-nabidka {background: url(../graphics/bgAkcniNabidka.gif) top left repeat-y; margin: 1em 0;}
.produkt {padding-bottom: 1em; width: 310px;}
.produkt h3 {font-size: 90%; margin: 7px 10px 5px 10px;}
.produkt p {color: #06c; margin: 0 10px;}
.produkt img {float: left; border: solid #fff; border-width: 1px 1px 1px 0; margin: 0 10px 5px 10px;}
.produkt img#makita {float: left; border: solid #fff; margin: 0; border: none;}
.produkt table {font-size: 80%; margin: 0 10px 1em 0;}
.produkt th, .produkt td {padding-bottom: 4px;}
.produkt th {font-weight: normal; text-align: right; padding-right: 10px;}
.produkt td input {width: 30px; border: 1px solid #000; padding: 0 1px;}

.submit {font-size: 90%;}
.konec {background: #fff; height: 22px;}

/* objednavka */
form.objednavka {margin-top: 20px;}
form.objednavka fieldset {text-align: center; border: 1px solid #D4D4D4; margin-bottom: 20px; padding: 0 15px;}
form.objednavka legend {color: #666; font-size: 70%; font-weight: bold; border: 1px solid #bdbdbd; padding: 1px 10px;}
form.objednavka table {font-size: 80%; margin: 15px auto; width: 600px;}
form.objednavka th, form.objednavka td {padding-bottom: 10px;}
form.objednavka th {text-align: right; padding-right: 10px;}
form.objednavka td {text-align: left;}
#psc, #pocKs {width: 40px;}

#right p.strankovani {font-size: 70%; font-weight: bold; float: right; position: relative; top: 7px;}
#right p.strankovani a {color: #000; text-decoration: none;}
#right p.strankovani a:hover {text-decoration: underline;}
#right p.strankovani a.current {color: #E50000;}

/* footer */
#footer p {line-height: 1.5em;}
#footer p.fl {width: 420px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}