article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block;}
mark, rp, rt, ruby, summary, time {display: inline;}

html {width: 100%; height: 100%; margin: 0;}
body {height: inherit; font-family: "Average Sans", arial; font-size: 16px; color: #4b4c5d; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

dl {padding: 10px 0 20px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 0px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.3em 80px; border: 0;}
ul {overflow: hidden; margin: 10px 0 50px;}
li {margin: 0 0 0 30px; padding: 0;}
table {font-size: 100%; border-collapse: collapse;}
th {padding: 1px 4px 1px 4px; text-align: left;}
tr {vertical-align: top; padding: 2px 4px 2px 4px;} 
input {font-size: 100%; margin: 2px 0 2px 0px; border: 0; background-color: #fff; font-family: "Open Sans";}
input.error {border: 1px dotted #d53500;}
label.error {color: #d53500; font-style: italic;}
textarea {width: 60%; font-size: 100%; margin: 2px 0 0 0; padding: 5px; border: 0; background-color: #fff; font-family: "Open Sans";}
select {margin: 0 0 2px 0; font-size: 100%;}
legend {position: absolute; margin: -15px 0; top: -.5em; right: 20px; font-size: 100%;}
fieldset {position: relative; text-align: left; border: 0; color: #222; padding: 20px 25px 20px 10px; margin: 10px 0 20px 0; font-size: 95%; background-color: rgba(240,240,240,0.8);}

#page1 {}
#page3 {/*min-width: 1034px;*/}

.main {line-height: 24px; letter-spacing: 1px;} 

a {color: #333; outline: none;}
a:hover {color: #1a71a0;}

.col-1, .col-2 {float:left;}

.wrapper {width: 100%; overflow: hidden;}
.extra-wrap {overflow: hidden;}
 
p {margin-bottom:18px;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
h1 a {text-decoration: none;}	

header {position: relative; height: 120px; margin: 0; z-index: 2;}
#logo {}
#logo p {width: 253px; padding: 10px 0 0 0; margin: 0 0 0 5%; overflow: hidden;}
#logo p a {position: relative; height: 100px; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat 0 0; background-position: center center; z-index: 3000;}

#vlajky {float: right; position: relative; top: 85px; margin: 0 5% 0 0;}
#vlajky img {height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 0 10px rgba(100,100,100,0.1); -moz-box-shadow: 1px 0 10px rgba(100,100,100,0.1); box-shadow: 1px 0 10px rgba(100,100,100,0.1);} 
#vlajky a:hover img {filter: alpha (opacity=60); -moz-opacity:.60; opacity:.60; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
  
/*********************************content*************************************/
#content1 {position: relative; width: 100%; margin: 0; overflow: hidden; z-index: 1;}
#content2 {position: relative; width: 100%; top: -180px; padding: 0; margin: 0; overflow: hidden; z-index: 1;}

h1 {font-size: 50px; line-height: 130%; color: #4b4c5d; padding: 40px 0 10px 0; margin: 0 0 10px 0; font-weight: normal; text-transform: uppercase; letter-spacing: 2px;}
h2 {font-size: 26px; line-height: 140%; color: #4b4c5d; padding: 0; margin: 20px 100px 10px; text-transform: uppercase; letter-spacing: 2px;}
h3 {font-size: 20px; line-height: 140%; color: #4b4c5d; padding: 0; margin: 25px 0 10px;}

/****************************footer************************/
#paticka {position: relative; width: 100%; margin: 0; padding: 30px 0 30px 0; font-size: 16px; text-align: center; color: #fff; background-color: #4b4c5d; z-index: 100;}
#paticka a {color: #fff; letter-spacing: 1px; text-decoration: none;}
#paticka a:hover {color: #fff; text-decoration: underline;}
#paticka a:hover img {filter: alpha (opacity=60); -moz-opacity:.60; opacity:.60; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
#paticka span {font-size: 12px;}
#paticka h2 {font-size: 25px; margin: 10px 0 10px 0; padding: 0; color: #e21a20; text-align: left;}
#paticka h3 {font-size: 20px; margin: 10px 0 10px 0; padding: 0; color: #e21a20;}
#paticka .col-2-4 h2, #paticka .col-3-4 h2, #paticka .col-3-4 h3 {text-align: center;}

footer {position: relative; width: 100%; padding: 5px 0 5px 0; text-align: right; color: #333; letter-spacing: 2px; z-index: 300;}
footer a {color: #333 letter-spacing: 1px; text-decoration: none;}
footer a:hover {color: #e21a20;}
footer span {font-weight: bold;}
.copyright {width: 100%; font-size: 12px; padding: 5px 0 0 0; text-align: center;}
.copyright a {color: #777; text-decoration: none; font-size: 10px;}
.copyright a:hover {color: #e21a20; text-decoration: none;}

/****************************moje************************/	
.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.blok {text-align: justify;}
.foto {border: 10px solid #dbdace; padding: 0; margin: 0 30px;}
.obrazek-vpravo {float: right; margin: -50px 0 0 40px;}
.obrazek-vlevo {float: left; margin: 20px 40px 20px 0;}
.obrazek-vlevo2 {float: left; margin: 0 0 10px 10px;}
.cervena {color: #e21a20;}
.ikonka {margin: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.ramecek {display: flex; width: 240px; margin: 20px 100px; padding: 15px 20px 0; color: #fff; background-color: #4b4c5d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#page1ru .ramecek {width: 270px;}
p.ramecek {padding: 0;}
.fotopaticka {position: absolute; bottom: 340px;}

.uvod1 {height: 700px; background-color: rgba(255,255,255,0.5);}
.uvod1 h1 {position: relative; width: 1200px; padding: 0; margin: 240px auto 0; text-align: center; font-size: 115px; color: #fff; -webkit-text-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-text-shadow: 0 0 10px rgba(0,0,0,0.5); text-shadow: 0 0 10px rgba(0,0,0,0.5);}
#page1ru .uvod1 h1 {font-size: 90px;}
.uvod1 h1 {animation-name: uvod1-anim; animation-duration: 2s; -webkit-animation-duration: 2s; animation-delay: 1s; -webkit-animation-delay: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; animation-play-state: running; -webkit-animation-play-state: running; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
@-webkit-keyframes uvod1-anim {
  0%   {color: transparent;}
  100% {color: #fff;}
}
@keyframes uvod1-anim {
  0%   {color: transparent;}
  100% {color: #fff;}
}
.uvod1 h2 {width: 1000px; padding: 0; margin: 10px auto; color: #c9a174; font-size: 70px; text-align: center;  -webkit-text-shadow: 1px 1px 1px #4b4c5d; -moz-text-shadow: 1px 1px 1px #4b4c5d; text-shadow: 1px 1px 1px #4b4c5d; animation-name: uvod1-anim2; animation-duration: 2s; -webkit-animation-duration: 2s; animation-delay: 2s; -webkit-animation-delay: 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; animation-play-state: running; -webkit-animation-play-state: running; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
@-webkit-keyframes uvod1-anim2 {
  0%   {color: transparent;}
  100% {color: #c9a174;}
}
@keyframes uvod1-anim2 {
  0%   {color: transparent;}
  100% {color: #c9a174;}
}
  

.uvod2 {margin: 10px 5%; padding: 30px 0; color: #4b4c5d; overflow: hidden; background-color: #fff; border: 1px solid #eaeaea; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 0 10px rgba(100,100,100,0.5); -moz-box-shadow: 1px 0 10px rgba(100,100,100,0.5); box-shadow: 1px 0 10px rgba(100,100,100,0.5);}
.uvod2 .text {margin: 20px 100px 20px;}
.uvod2 h2 span {position: relative; top: -2px; font-size: 32px;}
.uvod2 .baleni {margin: 20px 100px 20px;}