/* CSS Document */

body {
     background-color: #D3EBFD;
     background-image: url('pictures/pozadi.jpg');
     background-repeat: repeat-x;
     text-align: center;
     margin: 0px;
     padding: 0px;
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
}

#center {
     position: relative;
     width: 930px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}

#hlavicka {
     position: relative;
     width: 930px;
     height: 316px;
     margin: 0px auto 0px auto;
     padding: 0px;
     background-image: url('pictures/hlavicka.jpg');
     background-repeat: no-repeat;
}

#menu {
     position: relative;
     width: 617px;
     height: 74px;
     margin: 0px auto 0px auto;
     padding: 0px;
     float: right;
}

#menu a {
    color: #113145;  /* aby neproblikavalo menu*/
}

/*koding menu - hlavního*/

#menu ul {
      list-style-type: none;
      display: inline;
}

#menu li {
      position: relative;
      height: 74px;
      top: 6px;
      float: right;
}

li.li-uvod {
     position: relative;
     width: 90px;
     height: 74px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-uvod {
     position: absolute;
     width: 90px;
     height: 74px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/uvod.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-uvod:hover {
     background-image: url('pictures/menu/uvod-hover.jpg');
}

li.li-prehled_sluzeb {
     position: relative;
     width: 154px;
     height: 74px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-prehled_sluzeb {
     position: absolute;
     width: 154px;
     height: 74px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/prehled_sluzeb.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-prehled_sluzeb:hover {
     background-image: url('pictures/menu/prehled_sluzeb-hover.jpg');
}

li.li-reference {
     position: relative;
     width: 115px;
     height: 74px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-reference {
     position: absolute;
     width: 115px;
     height: 74px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/reference.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-reference:hover {
     background-image: url('pictures/menu/reference-hover.jpg');
}

li.li-kontakt {
     position: relative;
     width: 102px;
     height: 74px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-kontakt {
     position: absolute;
     width: 102px;
     height: 74px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/kontakt.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-kontakt:hover {
     background-image: url('pictures/menu/kontakt-hover.jpg');
}

/*koding menu - hlavního*/


#boxy {
     position: relative;
     width: 930px;
     height: 187px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

/*koding boxy*/

#boxy ul {
      list-style-type: none;
      display: inline;
}

#boxy li {
      position: relative;
      height: 187px;
      float: left;
}

li.li-design_archytektura {
     position: relative;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-design_archytektura {
     position: absolute;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;  
     top: -15px;
     top: 0px;
     left: 0px;
     background-image: url('pictures/boxy/design_archytektura.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-projekty_rodinnych_domu {
     position: relative;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-projekty_rodinnych_domu {
     position: absolute;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/boxy/projekty_rodinnych_domu.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-rodinne_domy_na_klic {
     position: relative;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-rodinne_domy_na_klic {
     position: absolute;
     width: 310px;
     height: 187px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/boxy/rodinne_domy_na_klic.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}
/*koding boxy*/


#obsah {
     position: relative;
     width: 930px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px;
     float: left;
     background-image: url('pictures/obsah.jpg');
     background-repeat: no-repeat;
}


#text {
     position: relative;
     width: 920px;
     height: auto;
     margin: 0px;
     padding: 0px;
     float: left;
     background-color: #FFFFFF;  
}

#levy {
     position: relative;
     width: 435px;
     height: auto;
     float: left;
}

#pravy {
     position: relative;
     width: 410px;
     height: auto;
     float: right;
     padding: 15px 25px 0px 35px;
     #padding: 25px 25px 0px 35px;
     background-image: url('pictures/pravy.jpg');
     background-repeat: no-repeat;
     background-position: 15px 15px;
}

#all {
     position: relative;
     width: 835px;
     height: auto;
     float: right;
     margin: 5px 20px 25px 20px;
     #margin: 5px 20px 25px 0px;
     padding: 15px 25px 0px 35px;
     #padding: 25px 25px 0px 35px;
     background-image: url('pictures/pravy.jpg');
     background-repeat: no-repeat;
     background-position: 15px 15px;
}


#text h2,h3 {
     position: relative;
     width: 435px;
     height: 54px;
     padding: 8px 15px 5px 25px;
     margin: 15px 15px 0px 15px;
     font-family: Tahoma;
     font-style: normal;
     font-weight: bold;
     color: #1A4C8F;
     background-image: url('pictures/nadpis.jpg');
     background-repeat: no-repeat;
}

#text h1 {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     color: #1A4C8F;
     font-size: 24px;
}

#text h2 {
    font-size: 20px;
}

#text h3 {
    font-size: 16px;
    padding: 12px 15px 5px 25px;
}

table.domy {
     position: relative;
     width: 435px;
     height: auto;
     margin: 0px 15px 10px 15px;
}

table.domy p {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     font-size: 11px;
     line-height: 16px;
     color: #000000;
     margin: 0px;
}

td.nadpis-odkaz a {
     font-family: Tahoma;
     font-style: normal;
     font-weight: bold;
     font-size: 13px;
     color: #1A4C8F;
}

td.nadpis-odkaz a:hover {
      text-decoration: none;
}


.vsechny {
     position: relative;
     width: 435px;
     height: 46px;
     left: 15px;
     background-image: url('pictures/vsechny.jpg');
     background-repeat: no-repeat;
     text-align: right;
     padding-top: 8px;
}

.vsechny a {
     font-family: Tahoma;
     font-style: normal;
     font-weight: bold;
     font-size: 12px;
     color: #1A4C8F;
     margin: 0px 15px 0px 0px;
}

.vsechny a:hover {
      text-decoration: none;
}

#pravy p {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     font-size: 13px;
     line-height: 20px;
     color: #000000;
     margin: 0px 0px 25px 0px;
}

#pravy a {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     font-size: 13px;
     color: #000000;
     margin: 0px;
}

#all p {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     font-size: 13px;
     line-height: 20px;
     color: #000000;
     margin: 0px 0px 25px 0px;
}

#all a {
     font-family: Tahoma;
     font-style: normal;
     font-weight: normal;
     font-size: 13px;
     color: #000000;
     margin: 0px;
}

#pravy a:hover {
      text-decoration: none;
}

#paticka {
     position: relative;
     width: 920px;
     height: 23px;
     margin: 0px;
     padding: 12px 20px 25px 20px;
     #padding-top: 25px;
     float: left;
     background-image: url('pictures/paticka.jpg');
     background-repeat: no-repeat;
}

#paticka p,a {
     font-family: Arial;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #34424F;
}

#grafart {
     position: relative;
     width: 930px;
     height: 40px;
}

#grafart p,a {
     font-family: Arial;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #34424F;
}