body {
  background: url(img/Pole_web.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
  background-color: #F9EC94;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height: 24px; 
  margin: 0;
  padding: 0px 8px 16px 8px;
  float: center;
}

header { 
 background-image: url(img/Tlo_1.png); 
 background-color: none;
 float: none; 
 display:block;
 margin: 0px auto; 
 padding: 20px 24px 8px 24px;
 border-bottom: 0px solid #980404; 
 text-align: center; 
 font-family:Roboto Condensed; 
 color:#ffffff; 
 line-height:32px; 
}

.logo {
  border: 0px solid #ffffff; background-image: url(img/Tlo_1_.png); padding: 8px 8px;
  max-width: 380px;
  float: center;
}

.navbar {
  max-width: 100%;
  overflow: auto;
  float: center;
  font-family:Roboto;
  font-size:22px;
  background-image: url(img/Tlo_1.png);
}

.navbar a {
  float: center;
  padding: 4px 8px;
  color: #898888;
  text-decoration: none;
  font-size: 18px;
}

.navbar a:hover {
  color: #666464;
  background-color: none;
}

.active {
  color: #898888;
  background-color: #ffffff;
}

@media screen and {
  .navbar a {
    float: none;
    display: block;
  }
}

h1 {
  font-family: Roboto Condensed, Verdana, Tahoma, Arial;
  color: #4c4c4c; 
  font-size: 32pt; 
  margin: 0; 
  text-decoration:none;
  font-weight: normal; 
  padding-bottom: 0px;
  margin-bottom: 4px;
  border-bottom: 0px solid #980404;
}
h2 {
  margin-top: 12; 
  color: #4C4C4C; 
  font-size: 24pt; 
  line-height: 30px;
  font-family: Roboto Condensed, Verdana, Tahoma, Arial; 
  font-weight: normal; 
  padding-bottom: 8px;
  margin-bottom: 4px;
  border-bottom: 1px dashed #980404;
  border-top: 2px #980404;
}

h7 {
  font-size: 20pt; 
  font-family: Roboto Condensed, Tahoma, Arial; 
  color: #4c4c4c; 
  font-weight: normal; 
  line-height: 30px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border-bottom: 2px dashed #ff8200;
}



a:link {
  text-decoration:underline; 
  color:#980404;
}
a:hover {
  color:#274203; 
  text-decoration:underline; 
  cursor:pointer
}


#widget {
  float: center;
  max-width: 100%; 
  margin: 0 auto 0 auto; 
  background: none; 
  background-image: url(img/Tlo_1.png);
  font-size:18px;
  padding:12px 24px 12px 24px;
}

#container {
  float: center;
  max-width: 900px; 
  margin: 0px auto 12px auto; 
  background: none; 
  background-image: url(img/Tlo_1.png);
  font-size:18px;
  padding:32px 24px 32px 24px;
}

footer {
  float: center; 
  margin: 0 auto 0 auto; 
  background: none; 
  background-image: url(img/Tlo_1.png);
  text-align:center;
  color:#333333;
  font-family:Roboto;
  font-size:16px;
  font-weight:bold;
  padding:4px 24px 4px 24px;
}

hr {
  background-color:#99ccff; 
  border: 0; 
  color: #99ccff; 
  height: 3px; 
  margin: 4px 0 4px 0; 
}

img {
  border: 0px solid #ffffff;
}
.leftimg {
  float:left; 
  margin: 2px 7px 4px 0; 
}
.rightimg  {
  float: right;  
  margin: 2px 0 4px 7px; 
}


.videoWrapperAll {
  max-width: 560px;
  margin: auto;
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  box-sizing: border-box;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; max-width: 560px;
  height: 100%; max-height: 315px;
}
}


a.button {
  font-family: Arial, sans-serif; 
  font-weight:bold; 
  font-size:18px;
  margin: 4px auto 4px;
  border:2px solid #980404;
  text-decoration: none;
  background-color: none;
  color: #980404;
  padding:6px 10px 6px 10px;
  display: inline-block;
}
.button:hover {
  background-color: #ADD8FF;
  color: #274203; 
  border:2px solid #274203;
}
.button:active {
  border-top:0 none;
  border-bottom:2px solid #fff;
}

a.button1 {
  font-family: Arial, sans-serif; 
  font-weight:bold; 
  font-size:22px;
  border:2px solid #0033cc;
  text-decoration: none;
  background-color: none;
  color: #0033cc;
  padding:8px 16px 8px 16px;
  margin:4px 4px 4px 4px;
  display: inline-block;
}
.button1:hover {
  background-color: #99ccff;
  color: #ffffff; 
  border:2px solid #99ccff;
}
.button1:active {
  border-top:0 none;
  border-bottom:2px solid #fff;
}

ul{list-style: disc; background-image: none; margin:0 10px 0px 0px}
ul li{padding:0 10px 8px 0px}
ol{list-style:decimal; margin:0 0 20px 0px}
ol li{margin:0 4px 0 4px; padding:0 0 8px 0px}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,  ol ol,  ul ol,  ol ul{margin-bottom:0}