/* TAGS */
a { color: #45C5EC; font-weight: bold;  }
a:hover {text-decoration: none; }
body { color: #475667; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;  font-size: 80%;  margin: 0px auto;  text-align: center; padding: 0px; background-color: #F3EBF9; line-height: 170%; background-color: #E8F2F4; width: 900px; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; clear: both; float: none; color: #17B7E7;z-index:99;position:relative }
h1 {font-size: 170%; clear: both; font-weight: normal; margin-top: 0px; }
h2 {font-size: 150%; font-weight: normal; }
h3 {font-size: 140%; font-weight: normal; }
ul, ol {padding: 0; margin: 0; margin-left: 15px; }
ol li {background: url(img/ol.gif) 0% 50% no-repeat; padding-left: 5px;margin-left:10px; list-style-position: inside; color: #ffffff; font-weight: bold; margin-left: 0px; line-height: 220%;}
ol li strong {color: #6C7177; font-weight: bold; }
/* PAGE LAYOUT */
#head { background: transparent url("img/header.jpg") no-repeat right;  color: inherit;  height: 224px;  position: relative;  text-align: left;  width: 540px; left: 10px; }
#logo { cursor: pointer;  display: block; left: 89px; top: 74px; height: 89px; position: absolute;  text-align: left;  text-decoration: none; width: 136px;  z-index: 15;  }
#logo span { background: transparent url("img/logo-dentomanek.jpg") no-repeat;  display: block;  height: 84px;  position: absolute;  width: 136px;  z-index: 5;  }
#logo strong { color: black;  position: absolute;  text-decoration: underline; display: none;  }
#logo:hover strong { text-decoration: none;  }
.cleaner {clear: both; float: none; }
#footer {width: 780px; text-align: left; clear: both; float: none; margin: 0 auto; padding: 0px 60px; background: url(img/footer.jpg) no-repeat top; height: 65px;margin-bottom:30px; }
#footer p {color: #45C5EC; text-align: center; margin: 0px; padding: 0px; background: url(img/line.jpg) repeat-x; padding-top: 5px}
#footer br {display: none; }
#footer span.fr a {padding-left: 20px; background: url(img/as.gif) no-repeat 0% 50%; }
.fl {float: left; }
.fr {float: right; }
.r {text-align: right; }
#exc {background: url(img/exc.jpg) no-repeat 0% 50%; width: 100%; height: 202px; margin-top: -30px; }
#exc p.fl {width: 365px; }
#exc p.fr {widows: 160px; padding-right: 100px;}
#exc p {padding: 60px 0px 10px 20px; margin: 0px; }
#exc p.fr span {font-size: 170%; color: #17B7E7; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
#exc p.fr span strong {padding-top:20px;position:relative;top:20px;}
#ordhod {position: absolute; top: 0px; right: 50px; width: 240px; height: 220px; background-color: #FAFAFA; padding: 15px 30px; }
#ordhod h3 {padding: 12px 0 12px 50px; background: url(img/ordhod-h3.jpg) no-repeat 0% 50%; font-size: 170%; }
#ordhod ul {position: relative; margin: 0px; padding: 0px; }
#ordhod ul li {font-size: 11px; margin-left: 0; padding-left: 0;   display: block;   background: transparent url(img/line.gif) bottom repeat-x;  list-style:none;text-decoration: none; }
#ordhod ul strong {  position: absolute;   right: 0;   padding-right: 0; }
#page {text-align: left; margin: 0 auto; background: url(img/layout.jpg) repeat-y; width: 900px; position: relative; padding-bottom: 30px; }
#main {padding: 70px 55px 0px 55px; }
#content {float: right; width: 400px; }
#pic {float: left; width: 350px; }
#pic img {padding-bottom: 20px; }
#sidebar {width: 240px; float: right; text-align: left; font-size: 85%; padding-top: 15px; bor der: 1px solid black; }
#sidebar-bottom {width: 240px; height: 46px; background: url(img/sidebar-bottom.jpg) bottom repeat-y; }
#navigace {position: absolute; top: 303px; height: 32px; width: 577px; }
#navigace p {padding: 0px; margin: 0px; line-height: 32px; background: url(img/navigace-background.jpg) no-repeat top; padding-left: 37px; padding-right: 37px; color: #FFFFFF; font-size: 90%; }
#navigace a {color: #FFFFFF; font-weight: normal; }
#formular {margin: 20px 0px; width: 350px; padding: 0px; font-size: 85%; }
#formular legend {border: none; display: none; }
#formular fieldset {padding: 0px; margin: 0px; border: none; font-family: verdana, sans-serif;  margin-bottom: 0.5em;  line-height: 1.5em; }
#formular .noblock {padding: 10px 0px; }
#formular .noblock label {display: inline; margin: 0px; padding: 0px; padding-left: 3px; }
#formular .noblock input {border: none; width: 13px; margin: 0px; padding: 0px; }
#formular .submit input {width: 300px; text-align: center; background-color: #87A2D6; border: 1px solid #3158BF; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
#formular .submit {text-align: center; }
#formular label {color: #6C7177; display: block; padding: 5px 0px 0px 0px; }
#formular input, {font-size: 11px; }
#formular input, #formular textarea {width: 300px; border: 1px solid #6C7177; font-size: 11px; }
#formular ul.zemError {color:red;}
#formular input#zemSubmit {width:auto;margin-top:10px;}
#formular input.zemRequirederrorElement, #formular textarea.zemRequirederrorElement {border:1px solid red;}
#formular label.zemRequirederrorElement {font-weight:bold;}

#menu {text-align: left; position: absolute; top: 224px; left: 50px; width: 800px; background: url(img/menu.jpg) no-repeat; height: 40px; line-height: 40px; }
#menu ul li a {color: #178DC2; font-size: 90%; text-decoration: none; }
#menu ul li a:hover, #menu ul li a.current {text-decoration: underline; color: #CAB000; text-decoration: none; }
#menu ul {margin: 0px; padding: 0px; list-style: none; width: 800px; }
#menu ul li {float: left; text-align: center; padding: 0px; margin: 0px; width: 200px; }