/* CSS Document */
* {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
font-family: Trebuchet MS;
color: black;
background-image: url(../obrazky/drevo_pozadi.jpg);
background-repeat: repeat;
}
.carka {
visibility: hidden;
clear: both;
}
.skryty {
visibility: hidden;
font-size: 1px;
}

#celek {
width: 960px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
}
#top {
width: 935px;
height: 67px;
background-image: url(../obrazky/horni_nabidka.png);
background-position: right;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
float: left;
}
#top img#logo {
float: left;
}
#slide {
width: 960px;
height: 368px;
background-image: url(../obrazky/hybaci_okno.png);
float: left;
}
#telo {
 text-align: left;
width: 935px;
height: auto;
min-height: 406px;
background-image: url(../obrazky/pozadi_telo.png);
background-repeat: repeat;
float: left;
}
#menu {
width: 590px;
height: 53px;
background-image: url(../obrazky/pozadi_menu.png);
background-repeat: repeat;
float: left;
margin-top: 40px;

}
#menu ul {
width: 100%;
float: left;
margin-left: 20px;
}
#menu li {
list-style-type: none;
display: inline;
}
#menu a {
color: white;
font-size: 13px;
text-decoration: none;
}
#menu a:hover {
text-decoration: underline;
}
#menu p {
float: left;
height: 33px;
background-image: url(../obrazky/delici_cara.png);
background-position: right;
background-repeat: no-repeat;
padding-top: 12px;
margin-right: 8px;
padding-right: 8px;
}

#last {
background-image: none;
}
#spokojenost {
width: 267px;
height: 324px;
background-image: url(../obrazky/spokojenost.png);
float: left;
margin-top: 20px;
}
#tradice {
width: 267px;
height: 324px;
background-image: url(../obrazky/tradice.png);
float: left;
margin-top: 20px;
margin-left: 65px;
}
#profesionalita {
width: 265px;
height: 324px;
background-image: url(../obrazky/profesionalita.png);
float: left;
margin-top: 20px;
float: right;

}
.nadpisek {
float: left;
color: white;
font-size: 17px;
margin-left: 10px;
margin-top: 40px;
}
.obrazek_maly {
float: left;
margin-top: 25px;
}
.textik_kratky {
width: 90%;
height: auto;
font-size: 12px;
text-align: left;
float: left;
margin-left: 15px;
margin-top: 10px;
}
#paticka {
width: 936px;
height: 34px;
background-image: url(../obrazky/paticka.png);
float: left;
margin-top: 40px;
}
#telefon {
float: left;
margin-top: 15px;
margin-left: 180px;
}
#telefon-cislo {
float: left;
color: white;
margin-top: 20px;
margin-left: 15px;
}
#home {
float: left;
margin-top: 20px;
margin-left: 40px;
}
#rychly {
float: left;
margin-top: 20px;
margin-left:30px;
}
#leve-menu {
width: 200px;
height: auto;
float: left;
font-size: 12px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 20px;
}
#seznam-levy {
width: 100%;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#seznam-levy li {
list-style-type: none;
background-image: url(../obrazky/odrazka.jpg);
background-position: right center;
background-repeat: no-repeat;
width: 100%;
height: 20px;
border-bottom: gray 1px dotted;
}
#seznam-levy a {
color: black;
text-decoration: none;
}                     
#seznam-levy a:hover {
text-decoration: underline;
}
#popis-oken img {
width: 100px;
float: left;
}
#popis-oken-a img {
margin-right: 15px;
float: left;
}
.fotka {
width: 100px;
height: auto;
padding: 5px;
border: 1px #cc1213 solid;
background-color: #bfe0d6;
float: left;
margin-left: 25px;
margin-bottom: 20px;
}
.fotka:hover {
border: 1px #1c62d6 solid;
}
#leva {
width: 40%;
height: auto;
float: left;
}
#prava {
width: 40%;
height: auto;
float: left;
}
#popis-oken p {
width: 97%;
font-size: 13px;
margin-bottom: 5px;
margin-top: 5px;
padding: 10px;

}
#popis-oken-a p {
width: 97%;
font-size: 13px;
margin-bottom: 5px;
margin-top: 5px;
padding: 10px;

}

.red{
width: 100%;
color: #cc1213;
font-size: 17px;
float: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
font-variant: small-caps;
}
.reda{
width: 70%;
color: #cc1213;
font-size: 17px;
float: left;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-variant: small-caps;
}
.redb{
width: 50%;
color: #cc1213;
font-size: 17px;
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
font-variant: small-caps;
}
.cervena {
width: 97%;
height: 167px;
border: #cc1213 1px solid;
text-align: justify;
margin-left: 25px;
margin-top: 25px;
}
.cervena img {
float: left;
margin-right: 10px;
} 
.cervena p {
width: 97%;
font-size: 13px;
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
.cervena h3 {
margin-top: 10px;
}
.modra {
width: 97%;
height: 167px;
border: #1c62d6 1px solid;
text-align: justify;
margin-left: 25px;
margin-top: 25px;
}
.modra img {
float: left;
margin-right: 10px;
} 
.modra p {
width: 97%;
font-size: 13px;
margin-bottom: 10px;
}
.modra h3 {
margin-top: 10px;
}
.seznam-obycejny {
margin-left: 15px;
font-size: 13px;
float: left;
margin-top: 10px;
}
.seznam-obycejny li a {
color: black;
}
.seznam-obycejny a {
text-decoration: underline;
}
.seznam-obycejny a:hover {
text-decoration: none;
}
.seznam-obycejny li {
list-style-type: square;
}
#copyright {
width: 90%;
height: auto;
color: white;
font-size: 11px;
padding-top: 5px;
}
#copyright a {
color: white;
text-decoration: underline;
font-weight: bold;
}
#formular {
width: 100%;
height: auto;
font-size: 13px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 20px;
}
.bord {
border: black 2px solid;
padding: 3px;
margin-top: 5px;
}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;width: 50%;text-align: center;margin-left: auto;margin-right: auto;margin-top: 15px;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;width: 50%;text-align: center;margin-left: auto;margin-right: auto;margin-top: 15px;}