html, body {width: 100%; height: 100%;}
body {margin: 0 auto; padding: 0; background: #fff; color: #000; font-family: Arial, Helvetica, "Sans Serif"; font-size: 0.85em;
	text-align: left; line-height: 1.3em;}

div {padding: 0; margin: 0;}
div.ref {font-size: 0.9em; color: #000; background: none; margin: .2em 0 .2em 0;}

table {font-size: 1em; background: none; color: #000; margin-bottom: 1em;}
table.reference {width: 100%; background: none; color: #000; margin: .6em 0 1em 0;}
table.typicky {border: solid 1px #cccc33; background: none; color: #000; margin: .6em 0 1em 0;}
table.photo {margin-top: 0;}

th, td.typicky {color: #cccc33; background: #f9f8eb; border-bottom: dotted 1px #cccc33; border-right: dotted 1px #cccc33; vertical-align: top; padding: .2em; margin: 0;}

td {padding: .2em; margin: .1em; vertical-align: top;}
td.ref-pic {width: 208px; max-width: 208px; padding: 0.8em 0 0.8em 0; margin: 0; border-bottom: dotted 1px #cccc33;}
td.ref-pic a {text-decoration: none; font-size: .85em;}

td.ref-desc {color: #000; padding: 0.8em 0 0.8em 0.9em; margin: 0; border-left: dotted 1px #cccc33; border-bottom: dotted 1px #cccc33;
	background: none; background-image: url(../_images/bg-ref-desc.gif); background-position: center center; background-repeat: no-repeat;}
td.typicky {color: #000; background: #fff; font-size: 1em; border-right: none;}
td.photo {width: 230px; text-decoration: none; color: #000; background: white; font-size: 1.1em; margin: 0; padding: .75em 0 0 0; margin: 0;}

a {text-decoration: underline; font-weight: normal;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}

a.photo, a.photo:visited {text-decoration: none;}
a.photo:hover {text-decoration: none;}

a:hover img.ref {width: 191px; height: 191px; border: solid 3px #999900;}

img {border: none; padding: 0; margin: 0;}
img.logo-hwebdesign {position: absolute; top: 13px; left: 647px;}
img.ref {border: solid 1px #808080; margin-top: .25em;}

img.sablony {border: solid 1px #000;}
img.leftalign {float: left; margin-right: 8px; margin-bottom: 0px;}
img.right {float: right; margin-left: 10px; margin-bottom: 0px;}
img.leftalignborder {float: left; margin-right: 8px; margin-bottom: 0px; border: solid 1px #f2eaa8;}
img.photo {border: solid 1px #000;}

/* nadpisy */
h1, h2, h3, h4 {color: #cccc33; line-height: 1em; font-weight: 100; margin: 0; padding: 0;}
h1 {width: 630px; font-size: 3.3em; font-weight: 500; letter-spacing: -4px; text-align: right; line-height: 1em; padding: .2em 0 .2em 0;}
h1 span {font-size: .3em; letter-spacing: 0px; color: #999900; line-height: 1em;}
h2 {font-size: 2em; letter-spacing: -0.05em;}
h3 {font-size: 1.6em; letter-spacing: -1px;}
h4 {font-size: 1.1em; letter-spacing: -1px; font-weight: 900;}

p {margin: 0; padding: 0 0 .75em 0;}
p.last {margin: 0 0 2em 0; padding: 0;}
p.nopadding {margin: 0; padding: 0;}

ul, ul.services {list-style-image: URL(../_images/ul.gif); padding: 0; margin: 0 0 0.5em 3em;}
ul.typicky {list-style-image: URL(../_images/ul-typicky.gif); padding: 0; margin: .25em 0 0.5em 1.25em;}
ul.ref-desc {list-style-image: URL(../_images/ul-reference-desc.gif); padding: 0; margin: 0 0 0.5em 1.3em;}
ul.dalsi-ref {list-style-image: URL(../_images/ul-typicky.gif); padding: 0; margin: 0 0 0.5em 18px;}

ul.services li {margin: 0 0 .1em 0; padding: 0;}
ul.services li strong {font-weight: normal; color: #202020;}
li {}
li.last {margin: 0 0px 1em 0px; padding: 0;}
li.note {font-size: .8em;}

span.tenreasons {color: #808080; font-family: Verdana, Arial; font-size: 8pt; font-weight: 900; letter-spacing: -1px;}
span.tmi-open {color: #514C00; background: #fff; border: solid 1px #666600; padding: .2em; text-decoration: none;}
span.pic-desc {color: #000; font-size: .9em; font-weight: 900;}
span.photo {font-size: .95em; text-decoration: underline;}
span.tisic {margin-right: .2em;}

acronym, span.popisek {border-bottom: dotted 1px #000; cursor: help}
hr {width: 100%; height: 1px; color: #cccc33; background: #cccc33; border: 1px; padding: 0; margin: 0 0 0.5em 0;}
strong {color: #404040; font-weight: 600;}
fieldset {width: 50%;}
legend {font-weight: 900; color: #cccc33;}

#logo {}
#topmenu {
	min-width: 760px; min-height: 38px; height:auto !important; height: 38px;
	line-height: 30px; white-space: nowrap; margin: 0; padding: 0 0 0 0.5em; text-decoration: none; font-weight: 900;
	background: #999900; color: #fff; font-size: 0.96em;
	background-image: url(../_images/bg-topmenu.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	border-top: solid 1px #808000;}
#topmenu a {color: #fff; background: #999900; text-decoration: underline; font-weight: 900; font-size: .96em;}
#topmenu a:visited {text-decoration: underline;}
#topmenu a:hover {text-decoration: none;}


#hwebdesign {height: 230px; background: none; background-image: url(../_images/bg-hwebdesign.gif); background-position: 42px 0px; background-repeat: repeat-x;
	margin: 0; padding: 0;}
#hwebdesign #search {z-index: 1; margin: 0;	padding: 2px 0 2px 0;	background: #ccc;	border-left:solid 1px #000;
 left: -100px; top: -100px;}

#content, #ref-content {width: 760px; max-width: 760px; min-height: 200px; padding: 0; margin: 0.75em 0 0 0;}
#ref-content {width: 100%; max-width: 100%;}
#onecolumnpadding {padding: 6px 18px 0 18px;}
#leftcolumn {float: left; width: 555px; color: #000; background: none; padding: 0;}
#leftcolumnpadding {padding: .4em 1.6em 0 1.6em;}
#rightcolumn {float: left; width: 205px; text-align: left; background: #fff;}
#rightcolumnpadding {margin: 0; padding: 1.1em 0 0 0;}
#rightcolumnpadding h3 {font-size: 1.3em;}
#rightcolumnpadding p {font-size: .9em;}
#rightcolumnpadding li {font-size: .9em;}
#foot {float: left; clear: both; width: 100%; min-height: 30px; line-height: 30px; font-size: 0.8em; float: left; white-space: nowrap; text-indent: 1.75em;
	background: #dad398; border-top: solid 1px #808000; border-bottom: solid 1px #808000;}
#copyright {float: left; width: 724px; text-align: center; background: none; padding: 0px; margin: 0px;}

.sluzby h2 {font-size: 1.8em; border-top: dotted 1px #cccc33; padding-top: .3em; margin-top: 0em;}
.sluzby h2 span {font-size: .75em; color: #808080;}
.sluzby p span {color: #999900; font-size: .95em; font-weight: 900;}

#voIframe { width: 100%; clear: both; float: left;}
/* zápis pro zpětné odkazy textové */
#voIframe iframe {color: #000; border: 0px; width: 100%; height: 30px; margin: 0px; padding: 0px; overflow:hidden;}