/* ----------------------------------------------------------------------------
   Base elements style */

html, body {
    margin: 0; padding: 0;
}

body {
    width: 960px;
    margin: 0 auto;
    font: 16px/20px Arial, Helvetica, sans-serif; color: #525354;
    background: #fff;
    text-align: center;
}

object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, cite, code, img, dl, ol, ul
fieldset, form, legend, table, caption {
    margin: 0 0 0px 0; padding:0;
    vertical-align: baseline;
}
h2 {
	margin-bottom:40px;
}

a{color: #21496d;}
a:hover{color: #1a3258}

.logo {
    display: block; 
    width: 100%; height: 440px; 
    background-repeat: no-repeat;
    background-position: center top;
	margin-bottom:50px;
}
    
    .logo img{position: relative; top: 113px;}

.firstline{
    display: block; 
    width: 100%; height: 80px; 
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: center 0px;}

.line{
    display: block; 
    width: 100%; height: 160px; 
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: center 80px;}
    
#footer{font-size: 13.3px; display: block; height: 260px;}

.company-name{color: #525354; font-weight: bold; margin-bottom: 20px;}    
    
    .company-name span{color: #a3a6a8; font-size: 10.7px; font-weight: normal;}
        
.skryty{display: none;}

a.button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #dd7335;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s, transform 0.3s;
}

/* Efekt pri prechode myšou */
a.button:hover {
  background-color: #7c3176;
  transform: scale(1.05);
}

/* Efekt pri kliknutí */
a.button:active {
  background-color: #7c3176;
  transform: scale(0.95);
}