/* CSS reset */

header, footer, nav, menu, section, article, aside, figure, figcaption, hgroup, img, div, p, span, strong, small, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, table, tr, td, hr, blockquote {
  padding:0px;
  margin:0px;
  border:none;
}

/* fonts */

@font-face {
	font-family: "opensans-regular";
	src: url("/font/opensans-regular.eot");
	src: url("/font/opensans-regular.eot#iefix") format("embedded-opentype"),
	url("/font/opensans-regular.woff") format("woff"),
	url("/font/opensans-regular.ttf") format("truetype"),
	url("/font/opensans-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "opensans-bold";
	src: url("/font/opensans-bold.eot");
	src: url("/font/opensans-bold.eot#iefix") format("embedded-opentype"),
	url("/font/opensans-bold.woff") format("woff"),
	url("/font/opensans-bold.ttf") format("truetype"),
	url("/font/opensans-bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* body */

body {
  padding:0;
  margin:0;
  text-align:center;
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
  color:#000000;
  background:#ffffff;
}

/* header */

header {
  position:relative;
  width:100%;
  min-width:1100px;
  height:195px;
  margin:auto;
  color:#ffffff;
  background:url(/img/header-bg.png) center top repeat-x #192756;
}

  div#header-background-right {
    position:absolute;
    left:50%;
    width:50%;
    height:195px;
    background:url(/img/header-background-right-bg.png) center bottom repeat-x;
  }
  
  div#header-content {
    position:relative;
    width:1100px;
    height:130px;
    padding:65px 0 0 0;
    margin:auto;
    background:url(/img/header-content-bg.png) left bottom no-repeat;
  }
  
    img#header-logo {
      position:absolute;
      left:0px;
      top:0px;
    }
    
    /* menu */
    
    ul#menu {
      position:relative;
      float:right;
    }
    
      ul#menu li {
        position:relative;
        float:left;
        padding:15px 24px 15px 24px;
        list-style:none;
        font-family: 'opensans-regular', arial, helvetica, sans-serif;
        font-size:17px;
        text-transform:uppercase;
        border-right:1px dotted #8c93ab;
      }
      
      ul#menu li:last-child {
        border-right:none;
      }
      
      ul#menu li.act {
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
      }
      
        ul#menu li a {
          display:inline-block;
          position:relative;
          text-decoration:none;
          color:#b9c3e7;
        }
        
        ul#menu li.act a {
          color:#ffffff;
        }
        
        ul#menu li a:hover {
          text-decoration:underline;
          color:#ffffff;
        }
        
/* slider */

div#slider {
  position:relative;
  width:100%;
  min-width:1100px;
  height:386px;
  margin:auto auto 80px auto;
  background:url(/img/slider-bg.png) center top repeat-x;
}

  div#slider-background-left {
    position:absolute;
    width:50%;
    height:386px;
    background:url(/img/slider-background-left-bg.png) center top repeat-x;
  }
  
  div#slider-content {
    position:relative;
    width:1100px;
    height:386px;
    margin:auto;
    background:url(/img/slider/2015-01.jpg) 7px top no-repeat;
  }
  
    div#slider-content h1 {
      position:absolute;
      right:0px;
      top:95px;
      width:300px;
      text-align:left;
      font-family: 'opensans-regular', arial, helvetica, sans-serif;
      font-weight:normal;
      font-size:20px;
      color:#ffffff;
    }
    
      div#slider-content h1 span {
        display:block;
        margin:0 0 20px 0;
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
        text-transform:uppercase;
        font-size:25px;
      }

/* naviline */

div#naviline {
  position:relative;
  width:100%;
  min-width:1100px;
  height:89px;
  margin:auto auto 80px auto;
  background:url(/img/naviline-bg.png) center top repeat-x;
}

  div#naviline-background-left {
    position:absolute;
    width:50%;
    height:89px;
    background:url(/img/naviline-background-left-bg.png) center top repeat-x;
  }
  
  div#naviline-content {
    position:relative;
    width:795px;
    height:59px;
    padding:30px 0 0 305px;
    margin:auto;
    text-align:left;
    font-size:12px;
    color:#666666;
    background:url(/img/naviline-content-bg.png) left top no-repeat;
  }
  
    div#naviline-content a {
      display:inline-block;
      padding:0 5px 0 5px;
      color:#666666;
      text-decoration:none;
    }
    
    div#naviline-content a.act {
      color:#162864;
    }
    
    div#naviline-content a:hover {
      text-decoration:underline;
    }
    
/* content */

div#content {
  position:relative;
  width:1100px;
  margin:auto auto 80px auto;
  text-align:left;
}

  /* right col */
  
  div#right-col {
    position:relative;
    float:right;
    width:720px;
    color:#333333;
    max-height: 999999px; /* font boost disable */
  }
  
    /* in content.css */
  
  /* left col */
  
  div#left-col {
    position:relative;
    width:280px;
    max-height: 999999px; /* font boost disable */
  }
  
  /* news */
  
  div#left-col.news {
    width:260px;
    padding-left:20px;
  }
    
    div#left-col.news h2 {
      position:relative;
      margin:0 0 30px 0;
      font-family: 'opensans-bold', arial, helvetica, sans-serif;
      font-size:17px;
      font-weight:normal;
      text-transform:uppercase;
      color:#162864;
    }
    
    div#left-col.news div {
      position:relative;
      padding:30px 0 0 0;
      margin:0 0 30px 0;
      background:url(/img/news-left-col-div-bg.png) left top no-repeat;
    }
    
      div#left-col.news div h3 {
        position:relative;
        margin:0 0 6px 0;
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
        font-size:16px;
        font-weight:normal;
        text-transform:uppercase;
      }
      
        div#left-col.news div h3 a {
          text-decoration:none;
          color:#484747;
        }
        
        div#left-col.news div h3 a:hover {
          text-decoration:underline;
        }
        
      div#left-col.news div p {
        margin:0 0 10px 0;
        color:#484848;
      }
      
      div#left-col.news div p:last-child {
        margin-bottom:0;
      }
      
        div#left-col.news div p small {
          font-size:12px;
          color:#999999;
        }
        
        div#left-col.news div p a {
          color:#162864;
        }
        
        div#left-col.news div p a:hover {
          text-decoration:none;
        }
  
    /* menu products */
    
    div#menu-products {
      position:relative;
      border:1px solid #eaeaea;
    }
    
      div#menu-products h4 {
        position:relative;
        padding:30px;
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
        font-size:17px;
        font-weight:normal;
        text-transform:uppercase;
        color:#162864;
        border-top:1px solid #bfbfbf;
        border-right:1px solid #bfbfbf;
        border-left:1px solid #bfbfbf;
        background:url(/img/menu-products-h4-bg.png) left top repeat-x #f8f8f8;
      }
      
      div#menu-products>ul {
        position:relative;
        padding:30px 30px 15px 30px;
        font-family: 'opensans-regular', arial, helvetica, sans-serif;
        font-size:15px;
        border:1px solid #bfbfbf;
      }
        
          div#menu-products ul li a {
            color:#162864;
            text-decoration:none;
          }
          
          div#menu-products ul li a:hover {
            text-decoration:underline;
          }
          
        div#menu-products ul li {
          margin:0 0 15px 0;
          list-style:none; 
          text-transform:uppercase;
        }
        
        div#menu-products ul li.act>a {
          font-family: 'opensans-bold', arial, helvetica, sans-serif;
        }
          
          div#menu-products ul li ul {
            padding:10px 0 0 25px;
            margin:0 0 10px 0;
          }
          
            div#menu-products ul li ul li {
              margin:0 0 10px 0;
              text-transform:none;
            }
  
/* footer */

footer {
  position:relative;
  width:100%;
  min-width:1100px;
  margin:auto;
  background:url(/img/footer-bg.png) center top repeat-x #686868;
}

  div#footer-background-left {
    position:absolute;
    width:50%;
    height:100%;
    background:url(/img/footer-background-left-bg.png) center top repeat-x #333333;
  }
  
  div#footer-content {
    position:relative;
    width:1080px;
    min-height:230px;
    padding:80px 0 60px 20px;
    margin:auto;
    text-align:left;
    color:#cccccc;
    background:url(/img/footer-content-bg.png) 540px top no-repeat;
  }
  
    div#footer-content div.contact {
      position:relative;
      float:left;
      padding:0 50px 10px 0;
      margin:0 50px 0 0;
      border-right:1px dotted #999999;
    }
    
      div#footer-content div.contact img {
        margin:0 0 45px 0;
      }
      
      div#footer-content div.contact p {
        margin:0 0 27px 0;
      }
      
      div#footer-content div.contact p:last-child {
        margin:0 0 0 0;
      }
      
        div#footer-content div.contact p span {
          display:inline-block;
          margin-bottom:10px;
          font-family: 'opensans-bold', arial, helvetica, sans-serif;
          font-size:13px;
          text-transform:uppercase;
        }
    
    div#footer-content div.categories {
      position:relative;
      float:left;
      padding:10px 50px 10px 0;
      margin:0 50px 0 0;
      border-right:1px dotted #999999;
    }
    
      div#footer-content div.categories p {
        margin:0 0 20px 0;
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
        font-size:15px;
        text-transform:uppercase;
      }
      
      div#footer-content div.categories ul li {
        margin:0 0 1px 0;
        list-style:none;
      }
      
        div#footer-content div.categories ul li a {
          text-decoration:none;
          color:#cccccc;
        }
        
        div#footer-content div.categories ul li a:hover {
          text-decoration:underline;
          color:#ffffff;
        }
    
    div#footer-content div.manufacturers {
      position:relative;
      float:left;
      width:320px;
      padding:12px 0 10px 0;
    }
    
      div#footer-content div.manufacturers p {
        margin:0 0 30px 0;
        font-family: 'opensans-bold', arial, helvetica, sans-serif;
        font-size:13px;
        text-transform:uppercase;
        color:#adadad;
      }
      
      div#footer-content div.manufacturers img {
        position:relative;
        margin:0 20px 25px 0;
      }
      
    footer img#logo-spolehliva-firma {
      position:absolute;
      right:40px;
      bottom:40px;
    }

/* adds */

div.cleaner {
  position:relative;
  clear:both;
}

.hide {
  display:none;
}

/* image over text */

.im {
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
}