html {
 background:#121212 url("../images/html-bg.jpg") repeat-x;
 padding:0px;
 margin:0px;
}
body {
 background: url("../images/background.jpg") no-repeat center top;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:12px;
 padding:0px;
 padding-bottom:10px;
 margin:0px;
 line-height:150%;
}
form {
 padding:0px;
  /*background:url("../images/background.png") no-repeat center top;*/
 font-family:Arial,Helvetica,sans-serif,serif;
}
a {
 color:#EEE;/*#AEC51D;*/
}
a:hover {
 text-decoration:none;
}
h1 {
 color:#4c4c4c;
 font-size:60px;
 font-weight:normal;

 margin-top:20px;
}
.info h1 {
 color:#000;
 font-size:34px;
 font-weight:normal;
 margin-bottom:10px;
}

h2 {
 font-size:14px;
 color:#fff;
 text-align:center;
 margin-top:18px;
 margin-bottom:12px;
}
h3 {
 font-size:15px;
}
h4 {
 font-size:12px;
}
h5 {
 font-size:10px;
}
h6 {
 font-size:9px;
}
h1 span.green {
 color:#2A9708;
}
h2 span.lg {
 color:#C3E15F;
}
h2 span.dg {
 color:#BAC88D;
}
.bigger {
 color:#616161;
 font-size:22px;
 padding-left:20px;
}
.smaller {
 color:#616161;
 font-size:13px;
 width:500px;
 display:block;
 position:relative;
 bottom:20px;
}
p.perex {
 font-size:14px;
 color:gray;
}
p {
 text-align:justify;
 margin:1px;
}
#page {
 width:900px;
 margin:0px auto 10px;
 
 background:url("../images/page-bg.png");
 padding:10px;
 padding-bottom:0px;
 position:relative;

 }
.top {
 height:85px;
 position:relative;
}
.top a.logo {
 width:387px;
 height:71px;
 background:url("../images/logo.png") no-repeat;
 display:block;
 
}
.top a.logo span {
 display:none;
}
.top .komora {
 width:274px;
 height:49px;
 background:url("../images/komora-logo.png") no-repeat;
 position:absolute;
 bottom:5px;
 right:0px;
}
.top .komora span {
 display:none;
}
.header {
width:899px;
height:210px;
background:url("../images/header.jpg");
position:relative;
margin:10px 0;
}
.header .chimney {
width:416px;
height:17px;
background:url("../images/header-komin.png");
position:absolute;
top:-17px;
right:76px;
}
.header .text {
position:absolute;
bottom:15px;
left:20px;
color:#FFF;
font-style:italic;
}
.header a.zakon {
color:#FFFFFF;
display:block;
font-weight:bold;
left:10px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
position:absolute;
text-align:center;
top:125px;
width:70px;
 background:#8a0202;

}
/** hlavni cast stranky **/
.main {
position:relative;
height:auto;
background:url("../images/bg-divmain.png") repeat-y right;
}
.main div.left {
width:696px;
background:url("../images/main-bg.png");
color:#FFF;
margin-right:4px;
float:left;
padding-bottom:15px;
padding-top:15px;
min-height:302px;
height:100%;
}
.main .left h1 {
 display:block;
 margin:0px;
 padding:3px;
 padding-left:30px;
 height:21px;
 background:url("../images/h1bg.png") repeat-x;
 font-weight:normal;
 color:#FFF;
 text-align:left;
 margin-bottom:10px;
 font-size:15px;
}
.main .left .text {
 padding:0px 20px 5px 30px;
}
.main .right {
width:200px;
background:#FFF;
float:left;
padding-top:15px;
text-align:center;
min-height:300px;
height:100%;
}

.main .right h3, .main .right h2  {
 display:block;
 margin:0px;
 padding:3px;
 padding-left:10px;
 height:21px;
 background:url("../images/righth3bg.png") repeat-x;
 font-weight:normal;
 color:#FFF;
 text-align:left;
 margin-bottom:10px;
font-size:15px;
}
.main .right img {
 margin:5px;
}


.wrapper {
 clear:both;
}

/** footer **/ 
#footer {
 clear:both;
 height:36px;
 margin:0px;
 background:url("../images/main-bg.png");
 margin:10px 0 0;
 padding:0px 10px;
}
#footer .center {
margin:0 auto;
text-align:center;
width:930px;
}
#footer ul {
 display:block;
 padding:10px 0px 0px 0px;
 margin:0px;
}
#footer ul li {
 display:block;
 float:left;
 padding:0px 5px;
border-right:1px solid #848484;

}
#footer ul li.last { border:0px; }
#footer ul li a {
 color:#848484;
}
.copyright {
background:url("../images/logomedia4.png") no-repeat scroll center 5px transparent;
color:#848484;
margin-top:5px;
text-align:center;
}
.call,.mail{
 font-size:15px;

 background:url("../images/telefon.png") no-repeat left center;
 position:absolute;
 right:10px;
 top:16px;
 color:#A7B3B5;
}
.call span {
 color:#FFF;
 font-weight:bold;
}
.mail {
 top:32px;
 background:url("../images/mail.png") no-repeat left center;
}

/** formulare **/
div.errors{ color:#F00; }
#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

textarea {
 width:293px;
 height:140px;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:13px;
 padding:3px;
}
input {
 
 font-family:Arial,Helvetica,sans-serif,serif;
 padding:3px;
}

/** menu **/ 
.menu {
 clear:both;
 background:url("../images/menu-bg.png") no-repeat;
 width:100%;
 height:46px;
}
.menu ul {
display:block;
padding:0px;
margin:0px;
}
.menu ul li {
 display:block;
 float:left;
 list-style:none;
 font-size:13px;
}
.menu ul li.last a {
 background:none;
}
.menu ul li a {
height:26px;
 padding:12px 10px 8px 10px;
 font-weight:bold;
 text-decoration:none;
 color:#FFF;
 display:block;
 background:url("../images/menu-divider.png") no-repeat right center;
}
.menu ul li.active {
 background:url("../images/menu-active.png") repeat-x;
}
.menu ul li.active a {

 color:#FFF;
}
.menu ul li a:hover {
text-decoration:underline; }

.menu .right {
 float:right;
 margin-top:10px;
 margin-right:5px;
}
.menu .right input.text {
 border:1px solid #4a0303;
}
.menu .right input.submit {
 background:#ae0101;
 border:1px solid #ae0101;
 color:#FFF;
 font-weight:bold;
 padding:2px;
}

ul.left {
 float:left;
 width:42%;
 background:none;
}
ul.left li, .text ul li{
 list-style-image:url("../images/ulli.png");
 font-size:14px;
 margin-bottom:7px;
}
hr {
 border:0px;
 height:1px;
 background:url("../images/hr.png") repeat-x;
}

.fl {
 float:left;
 display:block;
 width:250px;
}

.objednavka-form .fl {
 width:300px;
}
.objednavka-form label {
 color:#848484;
 padding:5px 2px;
 display:block;
}
.objednavka-form .input input, .objednavka-form .textarea textarea {
 border:0px;
}
.objednavka-form .input input {
 width:200px;
}
.objednavka-form input.submit {
 color:#FFF;
 background:#890404;
 border:0px;
 float:right;
}

.objednavka-form .line.half {
 float:left;
 width:105px;
}

.objednavka-form .line.half .input input {
 width:95px;
}

.galeria .fl {
 margin:5px;
 background:url("../images/obrazek-strechy.png") no-repeat;
 display:block;
 height:140px;
 position:relative;
 width:300px;
 cursor:hand;
 cursor:pointer;
}
.galeria .fl a {
 display:block;
 width:100%;
 height:100%;
}
.galeria .fl a span {
 display:block;
 padding:3px 10px;
 width:120px;
 position:absolute;
 left:152px;
 top:3px;
 background:#890404;
 color:#FFF;
 text-decoration:none;
}
.galeria hr {
 clear:both;
}


ul.download {
    background:#EFEFEF;
    border:1px solid #E0E0E0;
    padding:5px 10px 5px 10px;
    margin:0px 0px 0px 0px;
    font-size:0.9em;
}
ul.download li {
    clear:both;
    border-bottom:1px dotted #C0C0C0;
    padding:4px 0px 2px 0px;
    list-style-image:none;
    list-style:none;
}
ul.download li a {
    color:#A00;
}
ul.download li img {
    witdh:16px;
    height:16px;
    border:0px;
}
a.red {
color:#D00;
padding:10px;
display:block;
 }
span.star {
 color:#F00;
}

.copyright a.small-logo {display:block; margin:0px auto 0px; width:108px;height:42px;}

.copyright a.small-logo span {display:none;}
.hide {display:none;}