html {margin: 0; padding: 0; background: #2C2C2C;}
body {min-width: 835px; padding: 0; margin: 0; color: #2C2C2C; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; font-size: small; color: #2c2c2c; background: white;}

.clear {clear: both;}
.hidden {display: none;}
.small {font-size: 90%;}

a img {border: none;}
a {padding: 0 2px; color: #2C2C2C; text-decoration: none; border-bottom: 2px solid #F59F19; background: #fef5e4;}
a:hover, a:focus {color: #2C2C2C; border-bottom: 2px solid #C2D943; background: #f8faec;}
a:active {background: #C2D943 !important;}
a.ven {padding-right: 12px; background: #fef5e4 url('../images/ven.gif') no-repeat right 5px;}
a.ven:hover, a.ven:focus {background: #f8faec url('../images/ven.gif') no-repeat 3px right;}
a.ven:active {background: #C2D943 url('../images/ven.gif') no-repeat 3px right !important;}
a.noborder {border-bottom: none; background: none;}
p {margin: 5px 0; line-height: 170%; text-indent: 2em; text-align: justify;}
ul {line-height: 170%;}

h1 {margin: 0; padding: 0; height: 273px; overflow: hidden; background: black;}
h1 a {position: relative; display: block; height: 273px; margin: auto; padding: 0; text-align: center; background: black; color: white; border: none; cursor: pointer; overflow: hidden;}
h1 a:hover, h1 a:focus {border-bottom: none; background: black;}
h1 span {position: absolute; top: 0; left: 0; width: 100%; height: 273px; background: url('../images/moon_header.gif') no-repeat center;}

#menu {background: #F59F19 url('../images/menu.gif') top; border-bottom: 6px solid #BBD043; overflow: visible;}
#menu ul {width: 43em; height: 47px; margin: 0px auto; padding: 0 0 0 1px; font-size: large; text-align: center; list-style: none; background: url('../images/mezi.gif') no-repeat left 0px;}
#menu li {float: left; height: 45px; width: auto; padding: 0 1px 0 0px; background: url('../images/mezi.gif') no-repeat right 0px;}
#menu a {display: block; height: 28px; padding: 10px 0.8em; margin-top: -2px; color: white; text-decoration: none; background: none; border: none;}
* html #menu a {height: auto; margin-top: -1px; padding: 8px 0.8em;}
#menu a:hover, #menu a:focus, #menu .active a {color: #2c2c2c; background: #bad042 url('../images/menu.gif') bottom;}

#content {clear: both; width: 835px; margin: 20px auto 5px auto;}
#left-main {float: left; width: 545px; padding-bottom: 20px;}
#right {float: right; width: 270px; padding-bottom: 20px;}
#left {float: left; width: 270px; padding-bottom: 20px;}
#right-main {float: right; width: 545px; padding-bottom: 20px;}

#content h2 {margin: 0px; font-size: 220%; color: #9085b7; font-weight: normal; letter-spacing: -1px;}
#content h3 {margin: 20px 0 5px 0; font-size: 180%; color: #9085b7; font-weight: normal; letter-spacing: -1px;}
#content h3.dark {margin: 0; padding: 5px 10px; color: #C2D943; background: #2C2C2C;}
#content h4 {margin: 20px 0 5px 0; color: #F59F19; font-size: 140%; font-weight: normal;}

#sluzby {list-style: none; margin: 5px 0 10px 0; padding: 0;}
#sluzby a {padding: 0; text-decoration: none; cursor: pointer; border-bottom: none;}
#sluzby li {height: 35px; background: #fef5e4; margin-bottom: 5px; padding: 2px 5px 3px 0; color: #807c73; font-size: 90%; line-height: 150%;}
#sluzby li strong {float: left; width: 185px; height: 24px; padding: 11px 5px 5px 50px; margin: -3px 15px -2px 0; background: #fdeed2; color: #f7aa1e; text-transform: uppercase; font-size: x-large; font-weight: normal;}
#sluzby .li1 strong {background: #fdeed2 url('../images/ct1.gif') no-repeat left;}
#sluzby .li2 strong {background: #fdeed2 url('../images/ct2.gif') no-repeat left;}
#sluzby .li3 strong {background: #fdeed2 url('../images/ct3.gif') no-repeat left;}
#sluzby .li4 strong {background: #fdeed2 url('../images/ct4.gif') no-repeat left;}

#left-main ul, #right-main ul {margin: 5px 0; padding: 0; list-style: none;}
#left-main ul li, #right-main ul li {padding: 0 0 5px 4em; background: url('../images/ctverecek_m.gif') no-repeat 2em 2px;}

#reference {list-style: none !important; margin: 0; padding: 0;}
#reference li {float: left; display: block; width: 258px; border-bottom: solid 5px white; padding: 0px !important; background: none !important;}
#reference span.nohref, #reference a {display: block; width: 258px; background: #EAF1C7; border-bottom: none; padding: 0 5px 3px 5px; color: #2c2c2c; text-align: right; text-decoration: none;}
#reference a:hover, #reference a:focus, #reference span.nohref:hover, #reference span.nohref:focus {background: #c2d943;}
#reference .kwick {border: 5px solid #8F85B7; margin: 0 -5px 0 -5px; overflow: hidden;}
#reference a:hover .kwick, #reference a:focus .kwick, #reference span.nohref:hover .kwick,  #reference span.nohref:focus .kwick {border: 5px solid #c2d943;}

#reference.full {margin: 0 -7px !important;}
#reference.full li {margin: 7px !important;}
* html #reference.full li {margin: 2px !important;}
#reference.full img {border: 5px solid #8F85B7; margin: 0 -5px 0 -5px;}
#reference.full a:hover img, #reference.full a:focus img {border: 5px solid #c2d943;}

.clanek {margin-bottom: 5px; background: #F8FAEC;}
.clanek a {display: block; padding: 1px 10px; color: #4D4F44; border-bottom: none; background: none; text-decoration: none;}
.clanek a:hover, .clanek a:focus {background: #C2D943;}
.clanek span {display: block; padding: 1px 10px; text-align: right; color: #534836; background: #FDEDD3;}
.clanek span a {display: inline; padding: 0 2px; color: #2C2C2C; text-decoration: none; background: none; border-bottom: 2px solid #F59F19;}
.clanek span a:hover, .clanek span a:focus {background: none; border-bottom: 2px solid #C2D943;}

p.slogan {background: #f8faec; padding: 5px; color: #aac02e; font-weight: bold; letter-spacing: -1px; text-indent: 0; font-style: italic; text-align: center; font-size: medium;}
p.slogan span {font-style: italic; color: #F59F19; font-size: 250%; position: relative; line-height: 0%;}
p.slogan span.dquo {left: -2px;}
p.slogan span.ldquo {top: 10px;}

.submenu {margin: 0 0 10px 0; padding: 0px; list-style: none; background: #C2D943;}
* html .submenu1 li {height: 30px;}
.submenu a { display: block; color: #2C2C2C; text-decoration: none; padding: 4px 10px; background: none; border-bottom: none;}
.submenu a:hover, .submenu a:focus {background: #F59F19; color: white; border: none !important;}
.submenu a.active {font-weight: bold;}

.submenu1 {margin: 0 0 10px 0; padding: 0px; list-style: none; background: #f8faec;}
* html .submenu li {height: 30px;}
.submenu1 a {display: block; color: #2C2C2C; text-decoration: none; padding: 4px 10px; background: none; border-bottom: none;}
.submenu1 a:hover, .submenu1 a:focus {background: #fef5e4; color: #2C2C2C; border: none !important;}
.submenu1 img {position: relative; top: 4px;}

.list {background: #fef5e4; margin: 0; padding: 0; list-style: none;}
.list li {padding: 0 0 0 20px; background: url('../images/bod.gif') no-repeat 7px 8px;}

p#previews {text-indent: 0; margin: 10px 0 5px 0;}
p#previews a {float: left; margin: 5px; border: none;}
p#previews a:hover, p#previews a:focus {border: none;}
p#previews a img {margin: 0; border: 3px solid #C2D943;}
p#previews a:hover img, p#previews a:focus {margin: 0px; border: 3px solid #F59F19;}

p.projekt {padding: 0 0 0 15px; text-indent: 0; background: url('../images/bod.gif') no-repeat 2px 8px;}
p.projekt strong {font-size: medium; color: #F59F19;}

p.button {position: relative; height: 17px; padding: 6px 0; text-indent: 0;}
p.button a.button {position: absolute; top: 0; right: 0; display: block; height: 23px; padding: 3px 15px 3px 15px; text-decoration: none; color: white !important; font-weight: bold; background: url('../images/button.gif') repeat-x top !important; border: 4px solid #C2D943 !important;}
p.button a.button:hover, p.button a.button:focus {color: black; background: url('../images/button.gif') repeat-x bottom !important;}

dl#slovnik {margin: 0; padding: 0;}
dl#slovnik dt {font-size: medium; color: #F59F19; font-weight: bold; padding: 0 5px;}
dl#slovnik dd {margin: 0; padding: 0 5px;}
dl#slovnik dl {margin: 0; padding: 0 5px;}
dl#slovnik dl dt {font-size: small; color: #2C2C2C; font-weight: normal;}
dl#slovnik dl dd {margin: 0; padding: 0 5px 0 10px; color: #807c73;}

dl#historie {margin: 0; padding: 0;}
dl#historie dt {font-size: medium; color: #F59F19; font-weight: bold; padding: 5px 5px 0 5px;}
dl#historie dd {margin: 0; padding: 0px 10px;}
dl#historie ul {list-style-image: url('../images/bod.gif'); margin: 0; padding: 0 0 0 25px;}
dl#historie small {color: #807c73;}

.odd {background: #f8faec;}
.even {background: #fdfef8;}
p.odd, p.even {text-indent: 0; margin: 0; padding: 10px 5px 10px 10px;}

.anonce:hover {background: #fcf8f0;}
.anonce h4 {position: relative; color: #2C2C2C !important; font-weight: normal; font-size: small !important; margin: 10px 0 0 0 !important; padding: 0 0 0 2em !important; background: url('../images/bod.gif') no-repeat 2px 8px;}
.anonce h4 a {color: #F59F19; font-weight: bold; font-size: medium; border: none; background: none; padding: 0;}
.anonce h4 a:hover, .anonce h4 a:focus {color: #2C2C2C;}
.anonce h4 small {color: #807c73;}
.anonce span {position: absolute; top: 0; right: 0.5em;}
.anonce span a {font-size: small; font-weight: normal;}
.anonce p {text-indent: 0; padding: 0 0.5em 0 2em;}

p.anonce {color: #807c73;}
p.anonce:hover {background: none;}

p#stranky {margin-top: 30px; text-align: right; color: #807c73;}
p#stranky a {padding: 0px 0.3em; border: 1px solid #F59F19;}
p#stranky a:hover, p#stranky a:focus {border: 1px solid #C2D943;}
p#stranky a.active {background: #F59F19;}
p#stranky a.active:hover, p#stranky a.active:focus {border: 1px solid #F59F19;}

.kontakt {position: relative; margin: 15px 0 10px 0; padding: 0 0 0 15px; background: url('../images/bod.gif') no-repeat 2px 5px;}
.kontakt small {color: #807c73;}
.kontakt p {width: 300px; position: absolute; top: 0px; right: 0px; color: #807c73; text-indent: 0;}

form fieldset {border: 1px solid #C2D943;}
*html form fieldset {padding: 5px;}
form legend {color: #F59F19;}
form p {text-indent: 0;}
form label {float: left; width: 100px;}
form input, form select {width: 200px; border: 1px solid #F59F19; background: #fef5e4;}
form textarea {width: 400px; border: 1px solid #F59F19; background: #fef5e4; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; font-size: small;}
form input:focus, form select:focus, form textarea:focus {border: 1px solid #C2D943; background: #f8faec;}
form input.btn {display: block; width: 8em; height: 35px; padding: 0; text-decoration: none; color: white !important; font-weight: bold; background: url('../images/button.gif') repeat-x top !important; border: 4px solid #C2D943 !important;}
form input.btn:hover, form input.btn:focus {background: url('../images/button.gif') repeat-x bottom !important; cursor: pointer;}
form small {color: #807c73;}

#mapa {padding: 0 !important;}
#mapa li {padding: 2px 0 2px 25px !important; background: url('../images/tree1.gif') no-repeat 0 -10px !important;}
#mapa li.first {background: url('../images/tree1_first.gif') no-repeat 0 -10px !important;}
#mapa li.last {background: url('../images/tree1_last.gif') no-repeat 0 -10px !important;}
#mapa ul {margin: -2px 0 -2px -25px;}
#mapa ul li {padding: 2px 0 2px 50px !important; background: url('../images/tree2.gif') no-repeat 0 -10px !important;}
#mapa ul li.first {padding: 4px 0 2px 50px !important; background: url('../images/tree2.gif') no-repeat 0 -10px !important;}
#mapa ul li.last {background: url('../images/tree2_last.gif') no-repeat 0 -10px !important;}
#mapa ul ul {margin: -2px 0 -2px -50px;}
#mapa ul ul li {padding: 2px 0 2px 75px !important; background: url('../images/tree3.gif') no-repeat 0 -10px !important;}
#mapa ul ul li.first {padding: 4px 0 2px 75px !important; background: url('../images/tree3.gif') no-repeat 0 -10px !important;}
#mapa ul ul li.last {padding: 3px 0 2px 75px !important;background: url('../images/tree3_last.gif') no-repeat 0 -11px !important;}

#bottom {clear: both; border-top: 8px solid #c2d943; background: #2c2c2c; color: white; padding-bottom: 60px;}
#bottom-content {width: 820px; margin: 5px auto 0px auto; font-size: 90%; text-align: right;}
#bottom-content p {margin: 0px; float: left; text-indent: 0;}
#bottom-content strong {margin: 10px 0; padding: 5px 15px; background: #c2d943; color: #2C2C2C; font-weight: normal;}
#bottom-content a {background: none; border-bottom: none; color: #e8e8e8; text-decoration: none;}
#bottom-content a:hover, #bottom-content a:active, #bottom-content a:focus {color: white; text-decoration: underline; background: none !important;;}
#bottom-content p#tvorba {clear: left; margin-top: 15px;}

.cotojatka {padding: 3px 5px; background: white; border: 2px solid #C2D943;}
body > .cotojatka {font-size: 90%;}
* html .cotojatka {font-size: 85%;}

.tool-tip {font-size: 90%; color: white; background: black;}
.tool-title {font-weight: bold; margin: 0; color: white; padding: 8px 8px 4px; color: #BAD042;}
.tool-text {padding: 4px 8px 8px;}
.kwick {display: block;}

/* Sleva 40 dní */
#sleva40dni {margin: 10px 30px 10px 10px; text-align: center;}
#sleva40dni a {border-bottom: none; background: none;}