html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-size: 62.5%;
text-align: center;
color: #252a30;
font-family: sans-serif;
background: white  url(images/bg_body.gif) repeat-x;
}
#content {
width: 954px;
background:  white url(images/bg_content.gif) repeat-y 231px 0px;
text-align: left;
margin: 0 auto;
position: relative;
}
#main {
width: 468px;
background:  url(images/bg_main.gif) no-repeat;
float: left;
position: relative;
left: 230px;
padding: 15px 20px 10px 20px;
top: -6px;
min-height: 240px;
height: auto!important;
height: 240px;
}
#categories{
position: absolute;
top: 182px;
left: 250px;
width: 468px;
height: 800px;
overflow: hidden;

}
#zdene-domy #main, #drevostavby #main {
padding-top: 870px;
}
#zdene-domy h1, #drevostavby h1 {
position: absolute;
top:13px;
width: 450px;
}
#side {
width: 230px;
background: #f8f8f8;
float: left;
position: relative;
left: -508px;
}
#side address {
font-style: normal;
border-left: 8px solid white;
border-right: 8px solid white;
border-bottom: 4px solid white;
padding: 1em;
font-size: 110%;
line-height: 1.8em;
color: black;
}
#side address strong {
font-size: 110%;
}
#side #news {
border-left: 8px solid white;
border-right: 8px solid white;
padding: .2em 1em 1.4em 1em;
font-size: 110%;
color: black;
}
#news h2 {
color: #1876ac;
font-size: 130%;
}
#news .item {
padding: .6em 0
}
#news .item h3 {
font-size: 110%;
padding: .1em 0
}
#news .item h3 a {
color: black;
}
#news .item strong {
font-weight: normal;
font-size: 90%;
}
#side p#partner {
padding-top: 20px;
background: white;
font-size: 120%;
text-align: center;
}
#side p#partner a {
background: url(images/gservis.gif) no-repeat;
display: block;
height: 62px;
width: 0;
padding-left: 130px;
overflow: hidden;
margin: 0px auto 0 auto;
}
#side p#metropole {
font-size: 110%;
text-align: center;
padding: 1.5em 0 0 0;
color: black;
background: white;
}
#otherside {
background: #f8f8f8;
float: left;
width: 206px;
left: 5px;
position: relative;
}
#otherside #prohlidka {
font-size: 140%;
color: #1e81c2;
text-decoration: none;
display: block;
font-weight: bold;
background:  url(images/bg_prohlidka.gif) no-repeat 4px 0;
padding: 255px 0 1em 0; 
text-align: center;
width: 200px;
height: 20px;
}
#otherside a#prohlidka:hover {
text-decoration: underline;
}

#header {
height: 122px;
overflow: hidden;
position: relative;
background: white url(images/bg_header.gif) repeat-x left bottom;
}
#footer {
background: #f4f4f4 url(images/bg_footer.gif) repeat-x ;
height: 8em;
clear: both;
padding: 4em 2em 1em 2em;
}
#footer p {
margin-top: 3em;
font-size: 110%;
color: black;
}
#footer p a {
color: black;
}
#footer li {
display: inline;
}
#footer br {
display: none;
}
#lista {
clear: both;
background: #f4f4f4;
padding: 1em;
}
#menu h2, #menutop h2, #menufooter h2 {
display: none;
}
#menu{
padding: 8px;
background: white;
}
#menu ul li {
display: block;
margin-bottom: 2px;
}
#menu li a{
height: 2.8em;
line-height: 2.9em;
padding: 0 0 0 30px;
display: block;
color: black;
text-decoration: none;
font-size: 120%;
background: #f4f4f4 url(images/bg_menu.gif) repeat-x left top; 
overflow: hidden;
border-bottom: 1px solid #c0c0c0;
}
#menu a:hover, #menu li.current a{
background: #1c75ad;
color: white;
}
#menu a:hover {
background: #198ACF;
text-decoration: underline;
}
#menutop1 {
position: absolute;
top: 35px;
right: 0;
}
#menutop1 li {
font-size: 110%;
border-right: 1px solid black;
}
#menutop1 li.novinky {
border: 0;
}
#menutop1 li a {
color: black;
font-weight: bold;
display: inline;
padding: .5em
}
#menutop2 {
position: absolute;
top: 81px;
right: 0;
}
#menutop h2.vyber  {
display: block;
position: absolute;
top: 85px;
right: 530px;
font-size: 120%;
background: white;
color: #d10425;
background: url(images/bg_sipka.gif) no-repeat right center;
padding: 4px 30px 5px 0;
}
#menutop2 li {
font-size: 120%;
}
#menutop2 li a {
color: #1b76af;
background: url(images/bg_menu_horni.gif) no-repeat left top;
margin: 0 0 0 .5em;
padding-top: 3px;
height: 36px;
line-height: 36px;
display: block;
float: left;
width: 126px;
text-align: center;
overflow: hidden;
text-decoration: none;
font-weight: bold;
}
#menutop2 li a:hover, #menutop2 li.current-cat a {
color: white;
background: #168155;
}
#menufooter {
margin-top: 1em;
}
#menufooter li{
font-size: 110%;
padding: 0 .5em 0 .3em;
border-right: 1px solid black;
}
#menufooter li.kontakty {
border: 0;
}
#menufooter li a {
color: black;
font-weight: normal;
}
#header a strong {
display: none;
}
#current a {
width: 0;
height: 116px;
padding-left: 230px;
overflow: hidden;
display: block;
background:  url(images/logo.jpg) no-repeat left top;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
#other {
position: absolute;
top: 0;
right: 0;
z-index: 100;
background: black;
}
#other a {
color: white;
}
form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
#otherside form {
font-size: 110%;
width: 80%;
margin: 0 auto;
}
#otherside fieldset legend {
display: none;
}
#otherside form label {
text-align: left;
display: block;
padding: 1em 0 .4em 0;
font-weight: bold;
}
#otherside form input, #otherside form textarea {
width: 98%;
}
#otherside h3.kontaktform {
background: #168155;
color: white;
padding: 1em;
font-size: 120%;
margin-top: 1em;
}
#otherside input, #otherside  textarea {
border: 1px solid #b7b7b7;
background: white url(images/bg_input.gif) repeat-x;
}
#otherside input#sendbutton {
background: black url(images/bg_button.gif) no-repeat;
height: 21px;
border: 0;
color: white;
width: 59px;
margin: 10px 0 20px 0;
}
.cf_info {
color: red;
padding: 1em ;
font-size: 130%;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: bold;
color: #1b74ac;
padding: .5em 0 .2em 0;
clear: both;
}
h1 {
font-size: 180%;
color: #1b74ac;
background: #f5f5f5;
padding: .5em;
margin-bottom: 
.5em;
}
#main h2, .page #submain h2 {
font-size: 160%;
border-bottom: 3px solid #e1e1e1
}
h3 {
font-size: 150%;
}
h4 {
font-size: 140%;
}
#main p {
font-size: 120%;
margin: 0.5em 0;
line-height: 1.3em;
text-align: justify;
}
#main ul, #main ol {
margin: 0.5em 0;
}
#main ul li, #main ol li {
list-style: disc url();
margin-left: 2em;
font-size: 120%;
}
#main ol li {
list-style: decimal;
}
#main li li {
font-size: 100%;
}
#main table {
margin: 1em auto .5em auto;
width: 90%;
font-size: 120%;
border-collapse: collapse;
border: 1px solid black;
clear: both;
}
#main table th {
text-align: right;
padding: .6em;
}
#main table th, #main table td {
vertical-align: middle;
border: 1px solid black;
}
#main table td, #main table tr {
background: white url(images/bg_input.gif) repeat-x;
padding: .6em;
border: 1px solid black;
}
#main table thead th, #main table th.right, #main table th.left {
text-align: center;
float: none;
border: 1px solid black;
background: #ececec;
}
#main table td.right {
text-align: right;
float: none;
border: 1px solid black;
}
#main table td.left {
text-align: left;
float: none;
}
#main table thead th, #main table thead td {
border-bottom: black double;
}
#main table tfoot th, #main table tfoot td {
border-top: black double;
}
#main table tbody th {
border-right: black double;
}
#main table caption {
caption-side: bottom;
font-style: italic;
text-align: left;
}
.hidden {
display: none;
}
a {
text-decoration: underline;
color: #0F557F;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
.left {
float: left
}
.right {
float: right;
}
img.left {
margin-top: 1em;
margin-right: 1em;
}
img.right {
margin-top: 1em;
margin-left: 1em;
}
.linklove {
display: none !important;
}

#kontakty #main img.leva {
position:absolute;
top: 120px;
left: 200px;
}
#kontakty #main img.prava {
position:absolute;
top: 120px;
left: 320px;
}

#homepage #main {
padding-top: 40em;
}
#homepage #uvnitr {
background: #f5f5f5;
padding: 1em;
}
#homepage #uvnitr h2{
border: 0;
padding: 0;
}
#homepage h1 {

}
.cleaner {
clear: both;
}
#homepage #categories {
position: absolute;
left: 245px;
top: 125px;
width: 478px;
height: 40em;
overflow: hidden;
margin-top: 8px;
}
#homepage #categories .item {
float: left;
width: 225px;
margin: 0 5px 1em 5px;
}
#homepage #categories .item p {
font-size: 120%;
}
#homepage #categories h2 {
font-size: 150%;
color: #1b74ac;
background: #f5f5f5;
padding: .5em;
margin-bottom: .5em;
}
#homepage #categories .item h3 {
font-size: 130%;
color: #1b74ac;
border-bottom: 3px solid #e1e1e1;
margin-bottom: .6em;
}
#homepage #realizace h2 {
font-size: 140%;
border-bottom: 3px solid #e1e1e1;
background: none;
padding: 1em 0 0 0;
}
#homepage #realizace .polozka p, #homepage #realizace .polozka li {
font-size: 120%;
}
#homepage #main {
min-height: 530px;
height: auto!important;
height: 530px;
}
.single #fotka {
width: 470px;
height: 285px;
padding: 1em 0 1em 0
}
table#ceny {
width: 460px;
margin: 1em 0 1em 0;
}
.single table#cisla {
margin: 1em 0 2em 0;
width: 460px;
}
.single .dalsi-fotky img{
padding: 10px 0;
}
.single #main h2 {
margin-top: 1em;
}
.single #main #prohlidka a {
display: block;
float: right;
width: 0;
padding-left: 80px;
height:60px;
background: url(images/bg_button_prohlidka.gif) no-repeat 5px top;
overflow: hidden;
}
.single #main .prohlidka li {
list-style: none;
}
.category #main .item, .page #submain .item, #virtualni-prohlidka #main .item  {
float: left;
width: 145px;
height: 150px;
overflow: hidden;
margin: 10px 10px 10px 0;
}
.category #main .item img {
margin: 0 10px;
}
.category #main .item h3, .page #submain .item h3, #virtualni-prohlidka #main .item h3 {
font-size: 120%;
height: 2.5em;
overflow: hidden;
}
.category #main .item ul li, .page #submain .item ul li , #virtualni-prohlidka #main .item ul li{
margin: 0;
list-style: none;
font-size: 100%;
}
.category #main .button {
clear: both;
display: block;
background: #1b74ac;
color: #f5f5f5;
padding: .5em;
margin: 1em;
font-size: 120%;
width: 300px;
text-align: center;
float: right;
text-decoration: none;
font-weight: bold;
}
.category #main .button:hover {
background: #115F8F;
}
#kalkulacka table input {
padding: .3em;
}
.cform fieldset	{ 
	margin-top: -10px; 
}
.cform .cf_hidden {
	display:none; 
}
.cform legend { 
display: none;
}
ol.cf-ol { 
	border: 0;
	margin:0pt;
	padding:20px 0pt 0pt;
}
ol.cf-ol li	{
	background:none!important; 
	margin:0 10px!important; /*some themes may interfere otherwise*/
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}
ol.cf-ol li.textonly {
	letter-spacing:2px;
	margin:6px 0pt !important;
	padding:3px 0; 
	text-align:center;
}
.cform label {
font-weight: bold;
}
.cform input,
.cform textarea,
.cform select { 
	margin:0 0 8px 0;
	padding:3px;
	background: #fbfbfb; 
	border: 1px solid silver; 
	vertical-align:top;
	letter-spacing:1px;
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}
.cform textarea,
.cform input {
	width:425px; 
}
.cform textarea {
	font-size: 0.9em;
	height: 16em;
	overflow:auto;
}
span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	font-size:80%;
margin: -.5em 0 2em 0;
}
p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right;
}
.cform input.sendbutton	{ 
width:150px;  
}
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:420px;
	line-height:1.3em;
	margin:10px auto;
	font-family:monospace;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}

img.pudorys {
  width: 200px;
  height: 150px;
}

#main form.kontakt-form {
  width: 100%;
  padding: 10px 0;
  margin: 0;
}
#main form.kontakt-form fieldset {
  padding: 5px;
  border: none;
}
#main form.kontakt-form fieldset legend {
  color: #1b74ac;
  font-size: 130%;
  font-weight: bold;
}
#main form.kontakt-form fieldset fieldset legend {
  color: #000000;
  font-size: 120%;
  font-weight: bold;
}
#main form.kontakt-form ul {
  margin: 0;
  padding: 0;
}
#main form.kontakt-form ul li {
  list-style-type: none;
  clear: both;
}
#main form.kontakt-form fieldset ul li label {
  display: block;
  float: left;
  width: 250px;
  padding: 0 5px;
  text-align: right;
}
#main form.kontakt-form fieldset.kontakty ul li label {
  width: 120px;
}
#main form.kontakt-form fieldset.kontakty ul li textarea {
  width: 260px;
  height: 90px;
  border: 1px solid #aaaaaa;
  background: white url(images/bg_input.gif) repeat-x;
}
#main form.kontakt-form fieldset.kontakty ul li input {
  border: 1px solid #aaaaaa;
  background: white url(images/bg_input.gif) repeat-x;
}

#main p.submit_error, 
#main p.submit_ok {
  font-size: 130%;
  font-weight: bold;
  padding: 10px;
  border: 4px solid #990000;
}
#main p.submit_ok {
  border: 4px solid #009900;
}