* {margin: 0;padding: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul, ol {list-style-type:none}
html {background: #f3f3f3 url('../img/bg-repeat.png') repeat-x}
body {background: url('../img/bg-center.png') no-repeat 50% 0;font: normal 12px Arial,sans-serif; color: #554f37}
p {line-height: 1.7em;padding: 0 0 25px 0}

/* links */
a {color: #879133;text-decoration: underline;}
a:link {color: #879133;}
a:focus {color: #879133; outline: 0}
a:visited {color: #879133}
a:hover {color: #000;text-decoration: none;}

/* titles */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0}
h1 {position: absolute;left: -9999px}
#intro h2 { font-size: 3.2em;margin: 0 0 20px; color: #5e6902;font-weight: bold}
h2 { font-size: 2.0em; font-style: italic;margin: 0 0 15px; color: #56513d;font-weight: normal;}
h2 span {color: #879133;}
h3 { font-size:1.7em;margin: 0 0 10px;color: #879133;font-weight: normal;font-style: italic;padding: 0;}
h4 { font-size:1.0em;margin: 5px 0 10px;color: #000;padding-bottom: 5px;border-bottom: 1px solid #ccc}

#layout {padding: 435px 0 0;margin: 0 auto;width: 940px;position: relative}

#intro {font-style: italic;position: absolute;top: 125px;left: 30px;width: 590px}
#intro p {font-size: 2.0em;color: #5e6902;padding: 0 0 10px;line-height: 1.1em}


/* logo */
a#logo {display: block;font-size: 1.5em;width: 182px;height: 91px;color: #000;position: absolute;left: 0;top: 0;text-decoration: none}
a#logo span {display: block;width: 100%;height: 100%;cursor: pointer;position: absolute;top: 0;left: 0;background: url('../img/logo.png') no-repeat}

/* navigation */
ul#nav {position: absolute;left: 19px;top: 345px;padding: 0;height: 43px;line-height: 43px}
ul#nav li {float:left;padding-left: 12px;background: url('../img/nav-sep.png') no-repeat 0 50%;line-height: 43px}
ul#nav li.first {background: none;padding-left: 0}
ul#nav li a {font-weight: bold;line-height: 45px;padding: 0 11px;display: block;text-decoration: none;font-style: italic;float: left;color: #554f37; }
ul#nav li a:hover,
ul#nav li a.active {color: #879133}
ul#nav li a.active {background: url('../img/nav-active.png') no-repeat 50% 100%}

/* wrap content */
#container {padding-bottom: 30px}
#refs {background: url('../img/bg-references.png') no-repeat;padding: 30px 0 50px}
#refs.nobackground {background: none;padding: 0 0 50px}
.padding {padding: 0 30px}
#refs .padding {padding: 0 0 0 30px}

/* content */
#content {min-height: 300px;width: 650px;float: left}
#content.full {width: 100%;float: none;}
#content ul {padding: 0 0 15px 0;list-style-type: none;}
#content ul li {padding: 6px 0 6px 23px;background: url('../img/li.png') no-repeat 0 6px;font-style: italic}  

table {width: 100%;border-collapse: collapse;margin-bottom: 25px;font-size: 1.0em}
table th {text-align: center;padding: 10px;background: #c5dc0a;color: #453c3a;font-size: 12px;border-bottom: 2px solid #bbcf10}
.contact th {background: none;border: 0}
table td {padding: 10px;text-align: center;border-bottom: 1px solid #ccc}
table .odd td {background: #eeeeee}
table .item {font-weight: bold;width: 200px;text-align: left}

form {margin-bottom: 20px}
form fieldset {padding: 10px 0;}
form table {width: 100%;border: 0;margin: 0}
form table th {padding: 10px 0 10px 0;border: 0;background: none;color: #000;text-align: left;width: 20%;vertical-align: top}
form table td {padding: 5px 20px 5px 0;width: 80%;border: 0;text-align: left;background: none}
form .text {padding: 5px;width: 199px;}
form select {padding: 5px;width: 199px;}
form textarea {padding: 5px;width:400px;font-family: Arial; font-size: 12px;height:120px;}
form .checkbox {width: 20px;height: 20px;float: left;position: relative;top: -4px;margin-right: 2px}
form .radio {width: 20px;height: 20px;float: left;position: relative;top: -5px;margin-right: 2px}
form tfoot td {padding-top: 10px}
form table .odd td {background: none}
form .submit {cursor: pointer;padding: 5px 10px;font-weight: bold;text-transform: uppercase;font-family: Arial;font-size: 1.0em;}

p#kontakt { padding: 0;margin-bottom: 20px;font-size: 120%; line-height: 30px;}
.fakturacni-udaje  { font-size: 120%;}
.fakturacni-udaje address { padding: 0;margin-bottom: 20px;line-height: 20px }
.fakturacni-udaje address strong { margin-bottom: 5px;display: block; }
.fakturacni-udaje p{ padding: 0;}

/* Messages */
	
.message {padding: 10px 15px 10px 40px;margin: 0 0 20px;font-weight: bold;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;	}
.message p {padding: 0;width: 93%;float: left;}	
.message.errormsg {border: 1px solid #e9c59b;background: #ffecce url('../img/error.gif') 12px 12px no-repeat;color: #e3302c;}	
.message.success {border: 1px solid #bfde84;background: #edfbd8 url('../img/success.gif') 12px 12px no-repeat;color: #508600;}
                
/* sidebar */
#sidebar {float: right;width: 240px}
#sidebar #tariffs li {height: 69px;background: url('../img/bg-tarif.png') no-repeat;margin-bottom: 10px}
#sidebar #tariffs li a {background: url('../img/bg-tarif-hover.png') no-repeat 0 -300px;display: block;font-style: italic;padding: 0 0 0 22px;font-weight: bold;height: 63px;text-decoration: none;position: relative;}
#sidebar #tariffs li a:hover {background-position: 0 0}
#sidebar #tariffs li a strong {color: #554f37;display: block;font-size: 1.7em;padding-top: 11px;}
#sidebar #tariffs li a:hover strong {color: #fff}
#sidebar #tariffs li a .info {display: inline;position: relative;left: -2px;top: -1px;color: #554f37;font-size: 1.0em}
#sidebar #tariffs li a:hover .info {color: #fff}
#sidebar #tariffs li a .price {color: #fff;display: block;width: 94px;font-size: 1.2em;height: 34px;position: absolute;left: 129px;top: 15px;text-align: center;line-height: 34px;}
#sidebar #tariffs li a:hover .price {color: #554f37}

/* references */
#refs ul {padding-top: 15px}
#refs ul li {float: left;width: 200px;margin-bottom: 25px;margin-left: 36px;}
#refs ul li a.image {position: relative;height: 217px;display: block;text-decoration: none;width: 200px}
#refs ul li a.image:hover strong {color: #554f37}
#refs ul li a.image img {z-index: 1;position: relative;left: 2px;top: 3px}
#refs ul li a.image span {cursor: pointer;background: url('../img/ref-window.png') no-repeat;width: 200px;height: 217px;display: block;position: absolute;top: 0;left: 0;z-index: 100}
#refs ul li a.image:hover span {background-position: 100% 0;}
#refs ul li a.image strong {display: block;text-align: center;color: #fff;z-index: 200;font-style: italic;position: absolute;width: 100%;top: 158px;left: 0;height: 39px;line-height: 39px;font-size:1.2em}
#refs ul li .comment {background: #fff url('../img/ref-btm.png') no-repeat bottom;padding: 10px 20px 20px 20px;text-align: center}
#refs ul li .comment p {padding: 5px 0 0;font-size: 0.9em;text-align: center}
#refs ul li.first {margin: 0}

/* footer */
#footerWrap {border-top: 1px solid #dadada}
#footer {clear: both;height: 70px;font-size: 0.9em;width: 940px;padding: 0;margin: 0 auto}
#footer p {padding: 0 30px;height: 50px;line-height: 50px}
#footer p.floatRight {padding-right: 95px;background: url('../img/logo-footer.png') no-repeat 100% 48%}
#footer p, #footer a {color: #969696}
  
/* footer */
a.order {text-indent: -9999px;display: block;width: 135px;position: relative;left:-10px;height: 61px;background: url('../img/butt-order.png') no-repeat 0 0}
a.more {text-indent: -9999px;display: block;width: 164px;float: right;position: relative;right: 5px;top:-5px;height: 61px;background: url('../img/butt-more.png') no-repeat 0 0}
a.order:hover,
a.more:hover {background-position: 0 -61px}
hr {display: none}
.high {font-weight: bold}
.clear {clear: both;display: block;height: 0;line-height: 0;font-size: 0;width: 100%}
.noscreen {display: none}
.floatLeft {float: left}
.floatRight {float: right}
.image img {border: 1px solid #808080}
img.floatLeft {margin-right: 10px}
img.floatRight {margin-left: 10px}
.bold {font-weight: bold}
.center {text-align: center}
.noborder {border: 0}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}