/*  
    Theme Name: Anglictina Sokolov
    Version: 1.07102014
    Author: Webki.technologies
    Author URL: http://webki.cz
    Description: 
                 LessCSS Generated
                 CSS3 Compatible
                 Template version 1.242014
 */
/* clear CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html, body {
    height: 100%;
}
.clear {
    clear: both;
}
a{
    color: black;
    text-decoration: none;
    
}
a:hover {
    color: red;
    text-decoration: none;
    
}

/* DEFAULT SETTINGS */
    @fontColor: Black;
    @font: Arial; 
    @fontSize: 15px;
    @hColor: black;
    @tColor: #3A3959;
    @redColor: #d61d18;
    @boxBG: white;
    
    .boxOpacity {
    background-color: rgba(255, 255, 255, 0.85);  
    border-radius: 5px;
    border: 10px solid rgba(255, 255, 255, 0);
    
    }                                
  /*
@media (max-width: 800px) and (max-height: 600px){
    body {
        background: url(images/bg_800x600.jpg);
    }
}
@media (min-width: 800px) and (max-width: 1344px) and (max-height: 840px) {
    body {
        background: url(images/bg_1344x840.jpg);
    }
}
@media (min-width: 1344px) or (min-height: 840px){  */
    body { 
        background: url("images/bg.jpg");
}  
  

body {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed; 
    color: @fontColor;
    font-family: @font;
    font-weight: normal;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: @fontSize;
    background-color: black;
    background-size: cover;
    
}
#wki_outContainer {
    margin: 20px 0 0 0;
    width: 100%;

  #wki_container {
      width: 960px;
      min-height: 200px;
      margin: 0 auto;
  }
}

#wki_header {
    width: 910px;
     height: 200px;
   
    margin: 0 0 15px 0;
    padding: 15px;
    text-align: left;
    color: @hColor;
    .boxOpacity;  
    
   #wki_siteLogo {
    
      background: url("images/logo.png");
      width: 415px;
      height: 200px;
      margin: 0px 15px 0 0px;
       float: left;
      
    
     
  } 
  #wki_in_head{
   height: 200px;
  #wki_links {
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 15px 0 0 15px;
       
    li{ 
        display: inline;
	      list-style: none outside none;
	     
        padding: 0 10px 0 0;
      } 
  }     
  #wki_siteTitle {
      
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 45px 0 0 15px;  
 
        a {
     color: @redColor; 
  }
  }
  
  #wki_siteDesc {
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 35px 0 0 15px;  
   
  }
  
} }
#wki_siteContent {
    width: 960px;
    float: none;
    clear: both;  
}
#wki_sidebar {
    width: 210px;
    padding: 15px;
    background: @boxBG; 
    text-align: left;
    line-height: 1.8;
    float: left;
    .boxOpacity;  
  h1 {
      font-size: 20px;
      border-bottom: 1px solid silver;
      width: 210px;
     margin-bottom: 10px;
  }
  #wki_menu {
      
      padding-bottom: 10px;  
    li {
        list-style: none;
      a {
          width: 210px;
          padding-bottom: 4px;
      }
      a:hover {
          color: @redColor;
          border-bottom: 1px solid @redColor;
      }
    }
        li.current_page_item a{
          color: @redColor;
          border-bottom: 1px solid @redColor;
      }
  }
  #wki_kontakt {
       
  }
}
#wki_content {
    width: 635px;
    min-height: 200px;
    background: @boxBG; 
    .boxOpacity;
    line-height: 1.42; 
    margin-left: 275px;
    padding: 15px 15px 25px 15px;
    text-align: left;    
  .wki_contTitle {
  line-height: 1.8;
    h1 {
       font-size: 20px;
       border-bottom: 1px solid silver;
       width: 635px;
       margin-bottom: 10px;
    }  
  } 
  .wki_col2 {
      width: 295px;
      padding: 10px;
      float: left; 
      position: relative;    
  }
  li {
      margin-left: 10px;
  }
  .wki_indexTab {
      font-weight: bold;
      font-size: 15px;
      line-height: 1.8;
      li {
      list-style-type: square;
      } 
         ul {
	padding: 0px;
	margin: 0px 0 0px 0px;

 ul li {
	padding-left: 0px;
	margin-left: 0px;
} 
      }
      }
   h1 {
       font-size: 21px;
       border-bottom: 1px solid silver;
       width: 635px;
       margin-bottom: 10px;
    }  
     h2 {
       font-size: 18px;
       border-bottom: 1px solid silver;
       width: 635px;
       margin-bottom: 10px;
    }  
     h3 {
       font-size: 16px;
       width: 635px;
       margin-bottom: 10px;
    }  
    strong {
    font-weight: bold;
    }
  
   ul {
	padding: 0px;
	margin: 0px 0 15px 30px;

 ul li {
	padding-left: 5px;
	margin-left: 0px;
}
}
      
}
#wki_footer {
    width:910px;
    margin-top: 15px;
    padding: 15px;
    min-height: 26px;
    background: @boxBG; 
    .boxOpacity;
    float: left;
  a.webki_copy:hover{
  color: #1AEDB4;
  }     
}