/* CSS Document */

body {

  margin: 0;

  padding: 0;

  text-align: center;

  background: url('../images/topline.gif') repeat-x;

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 0.8em;

}



#page {

 text-align: justify;

 width: 977px;

 margin: 0 auto;

 padding-top: 27px;

 position: relative;

}



#navigation {

  position: absolute;

  top: 0px;

  left: 12px;

}



#navigation ul {

  margin: 11px 0 0 0;

  padding: 0;

}



#navigation li {

  float: left;

  list-style-type: none;

  margin: 0 5px;

}



#navigation li a {

  display: block;

  width: 168px;

  height: 45px;

}



#navigation li a span {

  display: none;

}



#navigation li a:hover {

  background-position: -168px;

}



#navigation li#zalComputers a {

  background: url('../images/zalozkyComputers.gif') no-repeat 0 0;

}



#navigation li#zalDesign a {

  background: url('../images/zalozkyDesign.gif') no-repeat 0 0;

}



#navigation li#zalHosting a {

  background: url('../images/zalozkyHosting.gif') no-repeat 0 0;

}



#navigation li#zalComputers a:hover, #navigation li#zalDesign a:hover, #navigation li#zalHosting a:hover, #navigation li#zalComputers a.active, #navigation li#zalDesign a.active, #navigation li#zalHosting a.active {

  background-position: -168px 0;

}



#search {

  width: 300px;

  left: 680px;

  top: 25px;

  position: absolute;

}



#search #searchField {

  width: 174px;

  border: 0;

  background: url('../images/searchForm.gif') no-repeat;

  height: 17px;

  padding: 9px 20px 9px 40px;

}



#search #searchButton {

  vertical-align: -16px;

}



#head {

  height: 188px;

  background: url('../images/head.gif') no-repeat;

  padding: 12px;

  position: relative;

}



#head #headImgComputers {

  width: 953px;

  height: 187px;

  background: url('../images/headImgComputers.jpg') no-repeat; 

}



#head #headImgDesign {

  width: 953px;

  height: 187px;

  background: url('../images/headImgDesign.jpg') no-repeat; 

}



#head #headImgHosting {

  width: 953px;

  height: 187px;

  background: url('../images/headImgHosting.jpg') no-repeat; 

}



#head a {

  position: absolute;

  top: 67px;

  left: 84px;

  display: block;

  width: 278px;

  height: 82px;

}



#head a span {

  display: none;

}



#menu {

  float: left;

  width: 191px;

  margin: 20px 0 0 15px;
  

}



#menu h2 {

  margin: 0;

  padding: 0;

  display: block;

  width: 191px;

  height: 38px;

  background: url('../images/menuTitle.gif') no-repeat;

}



#menu h2 span {

  display: none;

}



#menu ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  background: url('../images/menuBg.gif') repeat-y;

}



#menu li {

 margin: 5px 0;

 display: block;

 width: 191px;

}



#menu li.first {

  margin-top: 0;

  padding-top: 5px;

}



#menu li.last {

  margin-bottom: 0;

}



#menu li a {

 display: block;

 background: url('../images/menu.gif') no-repeat 0 center;

 padding: 9px 0;

 padding-left: 70px;

 text-decoration: none;

 color: #333;

 font-weight: bold;

}



#menu li a:hover, #menu li a.active {

 background: url('../images/menu.gif') no-repeat -191px 0;

 color: #fff;

}



#menu #menuEnd {

  width: 191px;

  height: 12px;

  background: url('../images/menuEnd.gif') no-repeat;

}



#content {

  float: right;

  width: 745px;

  margin: 20px 10px 0 0;

}



#content a {

  color: #a51e22;

}



#content a:hover {

  text-decoration: none;

}



#content-in {

  margin: 0 10px;

}

#content-in p.itd{

  line-height:20px;
}

#content h1 {

  margin: 0;

  padding: 9px 0 9px 60px;

  background: url('../images/titleBg.gif') no-repeat;

  font-size: 1.5em;

  color: #333; 

}


#content h2 {

  background: url('../images/titleH2.gif') no-repeat 5px center;

  padding-left: 25px;

  font-size: 1.3em;

  color: #333;

}



#foot {
  background: url('../images/bottomBg.gif') no-repeat;
  text-align: center;
  height: 25px;
  font-size: 85%;
  color: #666;
  padding-top: 5px;
  margin: 10px 0 20px 0;
}

#footPartneri {
  height: 109px;
  background: url('../images/bottomBgPartneri.gif') no-repeat;
  padding-top: 5px;
  margin: 10px 0 20px 0;
}

#footPartneri #partneri {
  height: 84px;
  text-align: center;
}

#footPartneri #partneri img {
  margin-top: 5px;
}

#footPartneri #copy {
  text-align: center;
  font-size: 85%;
  color: #666;
}




.clear {

  clear: both;

}



#mapa {

  float: right;

  border: 3px solid #d5d5d5;

  width: 355px;

  height: 230px;
  
  margin-left: 20px;

}
/* Kontakty */

.person1 {

width: 346px;

height: 147px;

background: url('../images/vizitka.gif') no-repeat;

float:left;

margin-top:20px;
margin-left:15px;
}


.person2 {

width: 346px;

height: 147px;

background: url('../images/vizitka.gif') no-repeat;

float:right;

margin-top:20px;
margin-right:15px;
}


.person3 {

float: left;

margin-top: 25px;

margin-bottom: 20px;

margin-left: 195px;

width: 346px;

height: 147px;

background: url('../images/vizitka.gif') no-repeat;
}

.person_name {

width: 340px;

height: 15px;

padding-top: 25px;

padding-left: 45px;

}


.person_kontakt_left {

width: 70px;

height: 60px;

margin-top:18px;

padding-left:55px;

text-align:right;

float:left;

}

.person_kontakt_right {

width: 180px;

height: 60px;

margin-top:18px;

margin-left:35px;

float:left;

}

/*  Reference */
div.ref_main{
width: 736px;
height: 140px;
background: url('../images/reference_bg.gif');
margin-bottom:10px;
padding:0;

}
div.ref_main a, div.ref_main img { text-decoration:none;  border: 0; }

div.ref_main img { width:122px; height:98px; }

div.ref_main h3 { font-size:1.4EM;color: #666; padding: 0; margin-top:-1px; margin-left:5px; }
div.ref_main .green {color: #2A6302; margin-top:13px;}
div.ref_main .red {color: #9F2124;}
div.ref_main .yellow {color: #F9B94D;}
div.ref_bottom_left a{color: #2A6302;}

div.ref_top_left{
width: 520px;
height: 32px;
float:left;
padding: 30px 0 0 60px;
}
div.ref_bottom_left{
width: 515px;
height: 47px;
float:left;
padding: 20px 5px 0 60px;
}
div.ref_right{
width: 146px;
height: 109px;
float:right;
padding: 25px 0 0 10px;
}



#reference li {
  
  font-size:1.3EM;
  
  margin:0;
  
  display:inline;      
  
  list-style-type:none; 
  
          

}

 #reference a  {

  text-align:center;

  width: 180px;
  
  height: 20px;
  
  padding-top:10px;
  
  padding-bottom:5px;

  float:left;                   

  line-height:14px;

  text-decoration:none;        

  color:#a62124;

  }
  
#reference a:hover {      
 
   background-color:#f8f8f8;
   
   }


#ref{

  margin-left:40px;  

  width: 650px;
  
  height: 50px;
  
}

div.right {
    height:180px;
    width:346px;
    border:0px solid #e9e9e9;
    float:left;
    _background: #F8F8F8;
    padding-left:14px;
    
}
div.left {
    height:180px;
    width:346px;
    border:0px solid #e9e9e9;
    _background: #F8F8F8;
    padding-left:14px;
    
}