/* CSS Document */
a {
color: #5F5F5F;
text-decoration: none; 
-webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}

 a:hover {
 color: #9C9C9C;
 text-decoration: none;
 }

body {
margin: 0px;
width: 100%;
clear: both;      
background-color: #e1e1e1;  
font-family: 'BriskCE', sans-serif;
min-width: 1024px;
}

#hlavicka {
width: 1200px;
margin: auto;
margin-left: 50px;
display: inline-block;
}

#navigace {
  position: absolute;
  width: 100%;
  min-width: 1200px;
  height: 100px;
  margin: 0px 0;
  background: #e1e1e1;
  border-radius: 300% / 80%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: white;
  text-align: center;
  text-indent: .1em;
  z-index: 10;
  box-shadow:  3px 0px 20px 0px #000000;  
  overflow: hidden;  
  background-image: url(../img/design/easybox-bg.png);
  background-size: repeat-x;
}
#navigace:before {
  content: '';
  position: absolute;
  bottom: 10%;
  right: -5%;
  left: -5%;
  background: inherit;
  border-radius: 5% / 50%;  
  border-top-left-radius: 0% / 0%;
  border-top-right-radius: 0% / 0%;
}

#obal_dekorace {
width: 100%;
}

#slider_dekorace {
width: 100%;

background-imaage: url(../img/design/obsah.png);
background-size: 100%;
position: static;
z-index: 9;  
background-repeat: no-repeat;
}



#logo {
width: 25%;
margin-left: 10%;
margin-top: 8px;
margin: auto;
float: left;
}

.tlacitko_navigace {
width: auto;
height: 50px;
padding: 20px 40px 20px 40px;
line-height: 40px;
vertical-align: middle;
background-color: none;
color: #B6B6B6;
font-family: 'BriskCE';
text-decoration: none;
font-weight: bold;
position: relative;
float: left;
top: 18%; 
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition: 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out; 
}

    .tlacitko_navigace:hover {
    color: #555; 
    }

.tlacitko_navigace_aktivni {
width: auto;
height: 50px;
padding: 20px 40px 20px 40px;
line-height: 40px;
vertical-align: middle;
background-color: #61a939;
color: #FFFFFF;
font-family: 'BriskCE', sans-serif;
text-decoration: none;
font-weight: bold;
position: relative;
float: left;
top: 18%; 
box-shadow: inset 2px 2px 7px 0px #000000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition: 200ms;
transition: all 200ms;
-moz-transition: 100ms;
-o-transition: 200ms;
-ms-transition: 200ms; 
}    

.tlacitko_navigace_aktivni:hover {
color: #FFFFFF;
}
    

.tlacitko_navigace a {
float: left;
}

#obal_tlacitko_navigace {
width: 600px;
height: 90px;
position: static;  
z-index: 20;
float: right;
}

#paticka_obal {
width: 100%;
height: 390px;
min-width: 1200px;
margin-top: 80px;   
overflow: hidden;
}

#paticka {
width: 100%;
height: 175px;
background-size: 100%;
z-index: 20;
position: static;
bottom: 0px;
overflow: hidden;
margin-top: 50px;
}

#paticka_obsah_obal {
height: 175px;
background-color: #727271;

}

#paticka_obsah_obal_obal {
height: 40px;
background-color: #727271;
}

@font-face {
    font-family: 'France'; 
    src: url("/fonty/FRANCEN2.ttf"); 
}

  @font-face {
    font-family: 'BriskCE';
    src: local(/fonty/BriskCE.woff), url('/fonty/sri-tsc-webfont.eot');
    src: url('/fonty/BriskCE.woff') format('truetype');
    font-weight: normal;
    font-style: normal;
   }
   


@font-face {
    font-family: 'Gill Sans Ultra Bold Condensed'; 
    src: url("/fonty/GillSansUltraExt.ttf"); 
}

@font-face {
	font-family: '33535gillsansmt';
	src: url('/fonty/33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('/fonty/33535gillsansmt.woff') format('woff'), url('/fonty/33535gillsansmt.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu'; 
    src: url("/fonty/Ubuntu-R.ttf"); 
}

#arrow_back a {
color: #5F5F5F;
position: absolute;
left: 10%;
font-size: 70px;
}

  #arrow_back a:hover {
  color: #66CC33;    
  }