/*atributs*/
body{
  margin:0px;
  padding:0px;
  background-color: #2F2F2F;
}
#hlavnixx{
  margin:0px;
  margin-top: -30px;
  padding:0px;
  width: 960px;
  height: 900px;
}
h4{
  font-size: 13px;
}
.hlavni{
  position: absolute;
  left: 50%;
  width:960px;
  margin-left: -480px;
  height: 746px;
  background-color: #2F2F2F;
}
/* Logo */
.logo {
  position: absolute;
  background-image: url(images/mininotebooky2_01.gif);
  width: 900px;
  height: 141px;
  top: 0px;
  left: 0px;
}

.menu {
  position: absolute;
  background: #663300;
  width: 169px;
  height: auto;
  top: 245px;
  left: 107px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-align:center;

}
.menu a:link {
    			color: #FFFFFF;
    			text-decoration: none;
}
.menu a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
.menu a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* jednotlive polozky menu*/
a.menu-onas {
  position: absolute;
  background-image: url(images/tl_onas.gif);
  width: 160px;
  height: 40px;
  top: 10px;
  left: 5px;
}
a.menu-onas:hover {
    background-image: url(images/tl_onas.gif);
    background-position: 0 -40px;
}
a.menu-realizace {
  position: absolute;
  background-image: url(images/tl_realizace.gif);
  width: 160px;
  height: 40px;
  top: 50px;
  left: 5px;
}
a.menu-realizace:hover {
    background-image: url(images/tl_realizace.gif);
    background-position: 0 -40px;
}
a.menu-fotogalerie {
  position: absolute;
  background-image: url(images/tl_fotogalerie.gif);
  width: 160px;
  height: 40px;
  top: 90px;
  left: 5px;
}
a.menu-fotogalerie:hover {
    background-image: url(images/tl_fotogalerie.gif);
    background-position: 0 -40px;
}
a.menu-ostatni {
  position: absolute;
  background-image: url(images/tl_ostatni.gif);
  width: 160px;
  height: 40px;
  top: 130px;
  left: 5px;
}
a.menu-ostatni:hover {
    background-image: url(images/tl_ostatni.gif);
    background-position: 0 -40px;
}
a.menu-odkazy {
  position: absolute;
  background-image: url(images/tl_odkazy.gif);
  width: 160px;
  height: 40px;
  top: 170px;
  left: 5px;
}
a.menu-odkazy:hover {
    background-image: url(images/tl_odkazy.gif);
    background-position: 0 -40px;
}
a.menu-kontakty {
  position: absolute;
  background-image: url(images/tl_kontakty.gif);
  width: 160px;
  height: 40px;
  top: 210px;
  left: 5px;
}
a.menu-kontakty:hover {
    background-image: url(images/tl_kontakty.gif);
    background-position: 0 -40px;
}

.menu-text {
  position: absolute;
  background: #663300;
  width: 169px;
  height: auto;
  top: 250px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-align:center;

}




.main {
  position: absolute;
  background: transparent;
  width: 572px;
  height: 582px;
  top: 226px;
  left: 276px;
}
.main-text {
  position: absolute;
  background: transparent;
  width: 572px;
  height: 582px;
  top: 0px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-align: center;
}
.main-text a:link {
    			color: #99CC33;
    			text-decoration: none;
}
.main-text a:hover, a:focus {
    color: #33FF99;
    text-decoration: none;
}
.main-text a:visited {
    color: #99CC33;
    text-decoration: none;
}
#logo {
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-align: center;
}

.web1 {
  position: absolute;
  background-image: url(images/krovy_01.gif);
  width: 960px;
  height: 67px;
  top: 0px;
  left: 0px;
}
.web2 {
  position: absolute;
  background-image: url(images/krovy_02.gif);
  width: 97px;
  height: 199px;
  top: 67px;
  left: 0px;
}
.web3 {
  position: absolute;
  background-image: url(images/krovy_03.gif);
  width: 763px;
  height: 199px;
  top: 67px;
  left: 97px;
}
.web4 {
  position: absolute;
  background-image: url(images/krovy_04.gif);
  width: 100px;
  height: 199px;
  top: 67px;
  left: 860px;
}
.web5 {
  position: absolute;
  background-image: url(images/krovy_05.gif);
  width: 960px;
  height: 500px;
  top: 266px;
  left: 0px;
}
.web6 {
  position: absolute;
  background-image: url(images/krovy_06.gif);
  width: 97px;
  height: 127px;
  top: 766px;
  left: 0px;
}
.web7 {
  position: absolute;
  background-image: url(images/krovy_07.gif);
  width: 763px;
  height: 56px;
  top: 766px;
  left: 97px;
}
.web8 {
  position: absolute;
  background-image: url(images/krovy_08.gif);
  width: 100px;
  height: 127px;
  top: 766px;
  left: 860px;
}
.web9 {
  position: absolute;
  background-image: url(images/krovy_09.gif);
  width: 763px;
  height: 71px;
  top: 822px;
  left: 97px;
}
.main_pozadi {
  position: absolute;
  background-image: url(images/main_pozadi.gif);
  width: 572px;
  height: 430px;
  top: 226px;
  left: 276px;
}

#onas-text{
  text-align: left;
  font-size: 12px;
  color: #333333;
}
#onas-text a:link{
  text-align: left;
  font-size: 12px;
  color: #990000;
}
#onas-text a:hover,focus{
  text-align: left;
  font-size: 12px;
  color: #735F33;
}
#onas-text a:visited{
  text-align: left;
  font-size: 12px;
  color: #990000;
}

.copyright {
  position: absolute;
  background: transparent;
  width: 600px;
  height: 20px;
  top: 822px;
  left: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
}
.copyright a:link {
    			color: #FF9933;
    			text-decoration: none;
}
.copyright a:hover, a:focus {
    color: #FFCC00;
    text-decoration: none;
}
.copyright a:visited {
    color: #FF3300;
    text-decoration: none;
}