/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline; background: transparent;
font-family: arial, sans-serif;
}
html {height: 100%;}
body {line-height: 1.1; text-align: center; background: #484039 url("../sitegr/bg.gif") center top repeat-y; height: 100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*centering and 100% height and bottom footer*/
hr#cleaner {width: 986px; clear: both; height: 0px; width: 0px; border: 0px; padding: 10px 0 10px 0;}
a {color: #000;}
a:hover {color: #C10900;}
div#page {background:url("../sitegr/topbg.gif") center top no-repeat; padding-top: 40px;}
div#pageHolder {width: 986px; margin:0px auto; background:url("../sitegr/sitebg.gif") repeat-y; text-align: left;
position:relative; /* needed for footer positioning*/
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
padding: 0 1px 0 1px; }
div#pageHolderBig {width: 986px; margin:0px auto; background:url("../sitegr/sitebgfull.gif") repeat-y; text-align: left;
position:relative; /* needed for footer positioning*/
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
padding: 0 1px 0 1px; }
div#top {height: 133px; width:986px; background:url("../sitegr/top.gif") no-repeat; padding-bottom: 5px;}
div#top ul {text-align: right; padding: 90px 25px 0 0;}
div#top ul li {display: inline;}
div#top ul li a {padding-left: 45px; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 0.9em;}
div#top ul li a:hover {color: #ccc;}
div#top p.topPhone {text-align: right; padding-right: 20px; font-size: 0.9em; color: #9e9e9e;}
div#top p.topPhone strong {font-weight: bold; color: #fff;}
div#mid {height: 268px; width:986px; background:url("../sitegr/mid-foto.jpg") no-repeat; padding-bottom: 5px;}
div#gallery {height: 264px; width: 204px;float: right;}
div#submenu {float: right; width: 301px;}
li.buttonTop {display: block; height: 37px;}
li.buttonTop a {line-height: 37px; display: block; height: 37px; padding-left: 10px; background:url("../sitegr/buttonTop.jpg") top left no-repeat;}
li.button {display: block; height: 38px;}
li.button a {line-height: 38px; display: block; height: 38px; padding-left: 10px; background:url("../sitegr/button.jpg") top left no-repeat;}
li.buttonBottom {display: block; height: 37px;}
li.buttonBottom a {line-height: 37px; display: block; height: 37px; padding-left: 10px; background:url("../sitegr/buttonBottom.jpg") top left no-repeat;}
div#content {height: 267px; width:986px; padding-bottom: 5px;}
div#contentMain {width:540px; height:267px; background:url("../sitegr/content-main.gif") no-repeat; float:left;}
div#contentProdejna {width:218px; height:267px; background:url("../sitegr/prodejna-stavebnin.gif") no-repeat; float:left; margin-left: 5px;}
div#contentProdejna p {color: #2a2a2a; font-weight: bold; font-size: 1.2em; padding: 10px 10px 10px 20px;}
div#contentTruhlarstvi {width:218px; height:267px; background:url("../sitegr/truhlarska-vyroba.gif") no-repeat; float:left; margin-left: 5px;}
div#contentTruhlarstvi ul {color: #2a2a2a; font-weight: bold; font-size: 1.2em; padding: 10px 10px 10px 35px; list-style-type: disc;}
div#content h2, div#contentMain p {padding: 5px 20px 10px 20px;}
div#content h2 {padding-top: 20px; color:#ed0800; font-size:1.4em; text-transform: uppercase;}
div#content h2 a {color:#c00800; text-decoration: none;}
div#content h2 a:hover {color:#000; text-decoration: underline;}
div#contentBig {width:986px; background:url("../sitegr/contentLong.gif") repeat-y;}
div#contentBig ul {padding: 0px 10px 4px 35px; list-style-type: disc;}
div#contentBigMain {width:976px;}
div#contentBigMain h2, div#contentBigMain p {padding: 10px 20px 10px 20px;}
div#contentBigMain h3 {padding: 10px 20px 10px 20px;}
div#contentBigMain h2 {padding-top: 20px; color:#ed0800; font-size:1.4em;}
div#contentBigTop {height: 40px; width:986px; background:url("../sitegr/contentTop.gif") no-repeat;}
div#contentBigTops {height: 20px; width:986px; background:url("../sitegr/contentTop.gif") no-repeat;}
div#contentBigFoot {height: 50px; width:986px; background:url("../sitegr/contentFoot.gif") bottom no-repeat; margin-bottom: 10px;}
ul#subNav li {display: inline; padding: 0 0 0 25px; }
ul#subNav li a {line-height: 40px; font-size: 1.2em; font-weight: bold}
div#footer {width:986px; /* position:absolute; bottom:0; stick to bottom */ background:url("../sitegr/footer.jpg") no-repeat; padding-bottom: 40px;}
div#footer div.content {font-size: 0.8em; height: 131px;}
div#footer .content p {color: #fff; padding: 20px;}
div#footer .content p a {color: #fff;}
div#footer div.address {width: 330px; float: left;}
div#footer div.company {width: 230px; float: left;}
div#footer p.copy {text-align: center; font-size: 0.7em;}
div#footer p.copy a {color: silver;}
p.refPg a {text-decoration:none;}
p.refPg a img {border: 3px solid #6c6c6c;}
.stavba {background: #EFEFEF; margin: 5px 20px 0px 20px; clear:both;}
.stavba h3 {padding: 20px;}
div#photos {width:900px; clear: both; padding: 20px;}
div#ephotos {width:900px; clear: both; padding: 20px; height: 350px;}
.frontCard {float: left; padding: 8px 0 0 10px;}
.frontCard img {border: 3px solid #6c6c6c;}
.nCard {width:160px; float: left; margin: 0 20px 20px 0; border: 0px; overflow: hidden; padding: 0px; display: block;}
.nCard img {border: 3px solid #6c6c6c;}
.foto {width:92px; float: left; margin: 5px 1px 3px 4px; border: 0px; overflow: hidden; padding: 0px; display: block; text-align: center;}
.more {text-align: right;}
hr#clear {clear:both; width: 900px; border: 0px; }
.half {width: 50%; float: left;}
form#contact {margin: 0 10px 0 20px; clear: both;}
div.third {width: 300px; height: 200px; float: left;}
/* Form elements
-----------------------*/
fieldset {padding:10px 30px;margin:0;border:1px solid #ccc;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;border-bottom-width:2px;}
legend {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input {width:450px;}
input, textarea {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
input:focus,
textarea:focus {background:#ffc;}
textarea {font:.9em Verdana, Arial, Helvetica, sans-serif;}
label {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:90px;}
label:after {content:": ";}
button {display:block;float:left;clear:both;margin:1em 0 1em 90px;}
/*
* User feedback
-----------------------*/
.yay, .oops {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700; clear: both;}
.yay {background:#090;}
.oops {background:#f30;}
div.error {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}