/*  
oranz           #ff921a
seda pismena    #bfbfbf
seda body       #d4d4d4
zelena nadpisu  #17bb01
seda paticka    #a9a8a8
*/

body {
  font-family: calibri,tahoma,helvetica,arial,verdana; 
  background-color: #d4d4d4;
  text-align: center;   
}
a {
  color: #bfbfbf;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #ff921a; 
}

/*   *****************  WHOLE PAGE CONTAINER  **************  */
#pageContainer {
  width: 1000px;
  min-height: 1000px;
  margin: 0 auto;  
  background-image: url(../img/background.png);
  text-align: left;
} 

/*   *****************  HEADER  **************  */
#header {
  width: 100%;
  margin: 0 auto;
}
#header a, #header a img {
  text-decoration: none;
  border: none;
  padding: 0px;
}
#headerTop {
  width: 100%;
  height: 20px;
  background-color: #a9a8a8;
}
#headerMiddle {
  height: 270px;
  width: 100%;
}
#headerMidUp {
  width: 100%;
  height: 19px;
  position: relative;
  z-index: 3;
  background-image: url(../img/head_top_grad.png);
}
#headerMidLeft {
  height: 270px;
  width: 49px;
  position: relative;
  z-index: 5;
  float: left;
  background-image: url(../img/head_left_grad.png);
}
#headerMidRight {
  height: 270px;
  width: 65px;
  position: relative;
  z-index: 8;
  float: right;
  background-image: url(../img/head_right_grad.png);
}
#logoContainer {
  width: 175px;
  height: 130px;
  margin: 0px;
  float: left;
  margin-left: -22px;
  margin-top: -10px;
}
#headerLogo {
  width: 175px;
  height: 130px;
  background-image: url(../img/logo.png);
}
#headerMidImg {
  width: 747px;
  height: 270px;
  float: right;
  margin-right: -65px;
}
#adobal {
  width: 747px;
  height: 270px;
  position: relative;
  z-index: 1;
}
#head_img_left {
  height: 270px;
  width: 65px;
  background-image: url(../img/head_img_left_grad.png);  
  float: left;
  position: relative;
  z-index: 8;
}
#logoTitle {
  position: relative;
  float: left;
  z-index: 10;
  height: 120px;
  width: 145px;
  background-image: url(../img/logo_title.png);
  margin-top: -135px;
  margin-left: 158px;
}

/*   *****************  PAGES NAVIGATION  **************  */
#headerDown {
  width: 100%;
  height: 50px;
  clear: both;
}

#products, #news, #news_sel, #reference, #reference_sel, #aboutus, #aboutus_sel {
  height: 50px;
  float: left;
  margin: 0px;
  padding: 0px;
}
#products {
  width: 253px;
  background-image: url(../img/top/products.png);
  height: 50px;
}
#aboutus, #aboutus_sel {
  width: 373px;
}
#headerDown a #aboutus {
  background-image: url(../img/top/aboutus_2.png);
}
#headerDown a:hover #aboutus {
  background-image: url(../img/top/aboutus_hover_2.png);
}
#headerDown a #aboutus_sel {
  background-image: url(../img/top/aboutus_sel_2.png);
}
#news, #news_sel {
  width: 253px;
  background-image: url(../img/top/news.png);
}
#headerDown a:hover #news {
  background-image: url(../img/top/news_hover.png);
}
#headerDown a #news_sel {
  background-image: url(../img/top/news_sel.png);
}
#headerDown a:hover #reference {
  background-image: url(../img/top/reference_hover_2.png);
}
#headerDown a #reference_sel {
  background-image: url(../img/top/reference_sel_2.png);
}
#reference, #reference_sel {
  width: 373px;
  background-image: url(../img/top/reference_2.png);
}



/*   *************   NAVIGATION   **************  */
#navigation {
  width: 253px;
  float: left;
  margin: 0px;
  padding: 0px;
}
#navigation a {
  text-decoration: none;
  border: none;
  padding: 0px;
  color: #777777;
  font-weight: bold;
  font-size: 19px;  
}   
#navigation a:hover {
  color: #f67800;
}
.navItem, .navItem_sel {
  height: 35px;
  width: 253px;
  margin: 0px;
  padding-top: 10px;
  text-align: center;
  background-image: url(../img/prod_back_init.png);
}
.navItem_sel {
   color: #f67800;
   background-image: url(../img/prod_back_sel.png);
}


/* NEW PRODUCTS */
/*
#navigation a #konstrukcni_prace {
  background-image: url(../img/products/konstrukcni_prace.png);
}
#navigation a:hover #konstrukcni_prace {
  background-image: url(../img/products/konstrukcni_prace_hover.png);
}
#navigation a #konstrukcni_prace_sel {
  background-image: url(../img/products/konstrukcni_prace_sel.png);
}

#navigation a #ocelove_konstr {
  background-image: url(../img/products/ocelove_konstr.png);
}
#navigation a:hover #ocelove_konstr {
  background-image: url(../img/products/ocelove_konstr_hover.png);
}
#navigation a #ocelove_konstr_sel {
  background-image: url(../img/products/ocelove_konstr_sel.png);
}

#navigation a #ostatni {
  background-image: url(../img/products/ostatni.png);
}
#navigation a:hover #ostatni {
  background-image: url(../img/products/ostatni_hover.png);
}
#navigation a #ostatni_sel {
  background-image: url(../img/products/ostatni_sel.png);
}

#navigation a #vstupy_dvere_strisky {
  background-image: url(../img/products/vstupy_dvere_strisky.png);
}
#navigation a:hover #vstupy_dvere_strisky {
  background-image: url(../img/products/vstupy_dvere_strisky_hover.png);
}
#navigation a #vstupy_dvere_strisky_sel {
  background-image: url(../img/products/vstupy_dvere_strisky_sel.png);
}

#navigation a #zabradli_vykladce {
  background-image: url(../img/products/zabradli_vykladce.png);
}
#navigation a:hover #zabradli_vykladce {
  background-image: url(../img/products/zabradli_vykladce_hover.png);
}
#navigation a #zabradli_vykladce_sel {
  background-image: url(../img/products/zabradli_vykladce_sel.png);
}
*/

/*   *************   PAGE   **************  */
.page {
  width: 100%;
  margin: 0 auto;
  min-height: 1000px;  
}
#content_top_grad {
   margin-left: 253px;
   width: 747px;
   height: 9px;
   background-image: url(../img/content_top_grad.png);
}
.content {
   margin-left: 270px;
   width: 713px;
   text-align: left;
   min-height: 970px;   
}

.footerTop {
   clear: both; 
   margin: 0 auto;
   width: 1000px;
   height: 19px;
   background-image: url(../img/footer_grad.png);
}
.footer {
  clear: both;
  background-color: #a9a8a8; 
  margin: 0 auto;
  color: white;
  font-weight: bold;
  font-size: 90%;
  padding: 10px;
}
.footerL {
  text-align: left;
  float: left;
}
.footerR {
  float: right;
  text-align: right;
}
.footerEnd {
  clear: both;
}
.footer a {
  color: #ff921a;
}
.footer a:hover{
  color: white;
}