html { background: #27343C; background-color: #00FF; color: #1B242A; }
body { background: #D2EEFF;max-width: 50em; margin: 0 auto; padding: 0.2em 1em; }
h1, p#logo, h2, h3, h4, h5, h6 { clear: left; /*font-family: sans-serif;*/ }
h1, p#logo { padding-left: 0.7em; margin-left: -0.9em; }
p#logo { margin-left: -0.9em; padding-left: 0.8em; font-size: 150%; font-weight: bold; margin-top: 0.2em; padding-top: 0; }
h2 { padding-left: 0.7em; margin-left: -0.8em; border-left: 0.2em solid #8080ff; }
h3 { padding-left: 0.8em; margin-left: -0.9em; border-left: 0.1em solid #8080ff; }
h1 em, p#logo em { font-size: 66%; display: block; }
p#logo a:hover em { border-color: #0000ff; }
p#logo em { border-top: 0.1em solid #8080ff; padding: 0.2em 0 3.5em 0.7em; border-left: 0.2em dotted #8080ff; margin-left: -0.9em; margin-bottom: -3em; }
a { text-decoration: none; }
a:before { content: "\00bb\00a0" ; /*>> */ }
p#logo a:before, a.google:before { content: ""; }
a img { border: none; }
body.home h1+p img,h1+p+p img { float: right; margin-left: 1em; }
body.home h1+p img { width: 10em; }
body.home h1+p+p img { width: 8em; }
a.more { font-size: 80%; font-variant: small-caps; }
h1 { text-align: right; border: none; }
p img { max-width: 100%; }
ul.footer { clear: both; margin-bottom: 1em; }
ul.footer li { list-style-type: none; display: inline; padding: 0 1em; font-size: 75%; border-left: 1px solid #8080ff; list-style-position: outside; }
ul.footer li:first-child { display: block; border-bottom: 0.2em solid #8080ff; border-right: 0.2em dotted #8080ff; padding-top: 3em; margin-top: -3em; padding-left: 1em; margin-left: -3.6em; font-weight: bold; /*font-family: sans-serif*/; font-size: 100%; border-left: none; }
/*ul.footer li:first-child+li { border-left: none; }
ul.footer li:first-child+li+li { border-left: 1px solid #8080ff; }*/
ul.footer li+li { border-left: 1px solid #8080ff; }
*[accesskey]:after { content: '[' attr(accesskey) ']'; margin: 0 0.5em; color: green; font-size: 80%; }
span.filetype { font-size: 80%; }



/* Prodejni akce */
p.akce { max-width: 40em; margin: 0 auto; }
p.akce img { width: 15em; margin-right: 1em; }
p.akce img:first-child { float: left; margin-bottom: 3em; }
p.akce img+img { display: block; padding: 3em 0; }

/* Reference */
/*ul.reference li { border-left: 0.2em solid #8080ff; padding-left: 0.7em; }*/

/* Kontakt */
.kontakt span, .finance span { width: 4em; text-align: right; display: inline-block; padding-right: 0.5em; }
dt { color: gray; }
dd em { display: block; }
dd.adr span { display: block; }
dd ul { margin: 0; padding: 0; }
dd ul li { margin: 0; list-style: none; }
.mapa { float: right; font-size: 75%; width: 320px; margin: 1em;}
.mapa img { display: block; margin-bottom: 0.5em; }


/** akce.html **/

p.intro { font-size: 125%; font-style: italic; }
p.intro img { float: right; }
p#greencena img { width: 25%; float: right; }
p.leaflet { max-width: 10em; }
p.leaflet img { float: left; padding-right: 1em; max-width: 5em; }
table.params { border: 0.1em solid black; padding: 0.5em 0; background-color: #cfc; }
table.params td { padding: 0 0.5em; }
table.params tr td:first-child { text-align: right; }
ul li img { display: block; }
table.prices { border-spacing: 0.5em 0.1em; margin: 2em 0; clear: both; }
table.prices caption { border-spacing: 0.5em 0.1em; margin: 0.5em 0; clear: both; padding-top: 3em; font-style: italic; }
table.prices tr th { vertical-align: bottom; }
table.prices td, table.prices th { padding: 0 1em; border-spacing: 2em; }
table.prices td { text-align: right; }
table.prices td:first-child { text-align: left; }
table.prices th { border-bottom: 0.2em solid #a0a0ff; }
table.prices tr:first-child th+th { border-bottom: 0.1em solid #8080ff; }
table.prices tbody tr:nth-child(2n) td { border-bottom: 0.1em dashed #a0a0ff; }
ul.products li { float: left; margin-left: 2em; }
ul.products li a { display: block; max-width: 12em; }
ul.products li a img { float: left; margin-right: 1em; max-width: 6em; padding-bottom: 1em; }

/** Reference **/

body.ref p img { padding: 0 0.5em 1em; }
body.ref p img.odd { float: right; padding-right: 0; } 
body.ref p img.even { float: left; padding-left: 0; } 
body.ref h3 { clear: both; }
body.ref h2 { clear: both; }