img {
max-width: 100%;
}

.header {
margin-top: 140px; 
margin-left: -8px; 
margin-right: -8px;
margin-bottom: 25px; 
background: #FFFFFF;
}

.articleBlue{
margin-top: -20px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(9,141,154,1);
}

.articleGreen{
margin-top: 10px; 
margin-left: -8px;
margin-right: -8px; 
background-color: rgba(122,159,56,1); 
}

.articleOrange{
margin-top: -20px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(242,192,31,1);
}

.articlePurple{
margin-top: -20px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(176,58,144,1); 
}

.articleWhite{
margin-top: 0px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(255,255,255,1); 
}

.articleBlack{
margin-top: 0px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(0,0,0,0.7); 
}

.articleLightBlue{
margin-top: 0px; 
margin-left: -8px; 
margin-right: -8px; 
background-color: rgba(0,150,200,0.2);
border-top: 1px solid #88BDFF; 
}

nav {
margin-top: -148px; 
margin-left: -8px; 
margin-right: -100px;
position: fixed;
z-index: 100;
box-shadow: 3px 3px 20px rgb(50,50,50);
}

.tableNAV {
background-color: rgba(249,209,229,1); 
border-left: 0px; 
border-bottom: 0px solid #00648E; 
border-right: 0px; 
border-top: 0px solid #00648E;
}

.tableFooter {
background-color: rgba(0,0,0,0.7); 
margin-left: 40px; 
margin-right: 40px;
margin-bottom: -8px;
width: 92%;
text-ALIGN: center;
box-shadow: 5px 5px 20px rgb(50,50,50);
border-radius: 7px; 
}

footer {
margin-top: 0px; 
margin-left: -8px; 
margin-right: -8px;
margin-bottom: -8px; 
background-color: rgba(223,27,125,0.2); 
border-left: 0px; 
border-bottom: 0px solid #00648E; 
border-right: 0px; 
border-top: 1px solid #88BDFF;
}

.footerIndex {
margin-top: 0px; 
margin-left: -8px; 
margin-right: -8px;
margin-bottom: 0px; 
background-color: rgba(223,27,125,0.2); 
border-left: 0px; 
border-bottom: 0px solid #00648E; 
border-right: 0px; 
border-top: 1px solid #88BDFF;
position: absolute;
bottom: 0;
width: 100%;
}

#sectionModra {
margin-top: 0px; 
margin-left: 40px; 
margin-right: 40px; 
margin-bottom: -30px;
background-color: rgba(204,234,244,1); 
border-left: 0px; 
border-bottom: 0px solid #F18FC0; 
border-right: 0px; 
border-top: 0px solid #F18FC0;
border-radius: 7px; 
position: relative;
z-index: 99;
}

#sectionTransparent {
margin-top: 0px; 
margin-left: 40px; 
margin-right: 40px;  
border-left: 0px; 
border-bottom: 0px solid #F18FC0; 
border-right: 0px; 
border-top: 0px solid #F18FC0;
border-radius: 7px; 
position: relative;
z-index: 99;
}

#sectionBila {
margin-top: 0px; 
margin-left: 40px; 
margin-right: 0px; 
background-color: white; 
border-left: 0px; 
border-bottom: 0px; 
border-right: 0px; 
border-top: 0px;
}

#PolozkaMenu {
border-left: 0px; 
border-bottom: 0px; 
border-right: 0px; 
border-top: 0px;
}

#PolozkaMenu:hover {
border-left: 0px solid #000000; 
border-bottom: 2px solid #00648E; 
border-right: 0px solid #000000; 
border-top: 0px solid #000000; 
text-shadow: 1px 1px 1px rgb(36, 189, 255);
}

#FontPolozkaMenu {
color: #00648E; 
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 18px;
}

#FontPolozkaMenuMale {
color: #00648E; 
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 14px;
}

#TabulkaAdmin {
width: 100%; 
padding: 0px 20px 0px 20px;
}

#TabulkaAdminVypis {
width: 100%;
text-ALIGN: center;
vertical-align: middle; 
padding: 0px 20px 0px 20px;
}

#podtrzeniRadkuTabulky { 
border-bottom: 1px solid black;
border-spacing: 10px;
}

#radekVypisuNadpis {
color: white;  
font-family: "Tahoma"; 
font-size: 14px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle; 
cursor: Default;
}

#radekVypisu {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 14px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle; 
cursor: Default;
}

#radekVypisu:hover {
font-weight: bold; 
cursor: Default;
}

.nadpisUvod {
color: #F18FC0; 
text-shadow: 3px 3px 5px rgb(0, 0, 0), 2px 2px 4px rgb(150, 150, 150); 
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 40px; 
font-weight: bold;
text-ALIGN: justify;
padding: 80px 40px 0px 40px;
}

.nadpis {
color: #F18FC0; 
text-shadow: 3px 3px 5px rgb(0, 0, 0), 2px 2px 4px rgb(150, 150, 150); 
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 40px; 
font-weight: bold;
text-ALIGN: justify;
padding: 40px 40px 0px 40px;
}

.nadpisModra {
color: #00648E; 
text-shadow: 2px 2px 3px rgb(0, 0, 0), 2px 2px 4px rgb(150, 150, 150); 
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 40px; 
font-weight: bold;
text-ALIGN: justify;
padding: 40px 40px 0px 40px;
}

.textNadpis { 
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 30px; 
font-weight: Bold;
text-ALIGN: left;
vertical-align: middle;
padding: 0px 40px 20px 40px;
}

.text {
color: #3A3A3A;  
font-family: "Calibri"; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: justify;
vertical-align: middle;
padding: 0px 40px 0px 40px;
}

.textCenter {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle;
padding: 0px 40px 0px 40px;
}

.textCenterWhite {
color: #FFFFFF;  
font-family: "Calibri"; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle;
padding: 0px 40px 0px 40px;
}

.textPeceVpravo {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: left;
vertical-align: middle; 
padding: 0px 0px 0px 60px;
border: 0px solid black;
height: 200px;
width: 400px;
}

.textPeceVlevo {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: right;
vertical-align: middle;
padding: 0px 60px 0px 0px;
border: 0px solid black;
height: 200px;
width: 400px;
}

.STRF {
background-color: #FFFACD;  
font-family: Tahoma; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle;
border-radius: 30px 30px 0px 0px;
border: 0px solid black;
height: 50px;
}

.STRF2 {
background-color: #EEE8AA;  
font-family: Tahoma; 
font-size: 20px; 
font-weight: normal;
text-ALIGN: center;
vertical-align: middle;
border-radius: 0px 0px 30px 30px;
border: 0px solid black;
height: 50px;
}

.PeceZarovnaniVlevo {
height: 200px;
width: 700px;
text-align: left;
}

.PeceZarovnaniVpravo {
height: 200px;
width: 700px;
text-align: right;
}

.ObrazekPartneri {
margin-top: 0px; 
margin-right: 0px;
border-radius: 30px 30px 30px 30px;
opacity: 0.7;
height: 250px;
width: 700px;
border: 0px solid black; 
}

.ObrazekPeceVpravoTop {
margin-top: -1px; 
margin-right: -1px;
border-radius: 0px 7px 0px 0px;
opacity: 0.8;
height: 200px;
width: 700px;
border: 0px solid black; 
}

.ObrazekPeceVlevo{
margin-left: -1px;
border-radius: 0px 0px 0px 0px;
opacity: 0.8;
height: 200px;
width: 700px;
border: 0px solid black; 
}

.ObrazekPeceVpravo{
margin-right: -1px;
opacity: 0.8;
height: 200px;
width: 700px;
border: 0px solid black;
}

.ObrazekPeceVpravoBottom{
margin-right: -1px;
opacity: 0.8;
border-radius: 0px 0px 7px 0px;
height: 200px;
width: 700px;
border: 0px solid black;
}

#textMaleAdmin {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 14px; 
font-weight: normal;
}

#textMale {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 14px; 
font-weight: normal;
text-ALIGN: justify;
vertical-align: middle;
}

#textMaleReg {
color: #3A3A3A;  
font-family: "Tahoma";
margin-left: 35px; 
font-size: 14px; 
font-weight: normal;
text-ALIGN: justify;
vertical-align: middle;
}
          
#textEmail {
color: #3A3A3A;  
font-family: "Tahoma"; 
font-size: 20px; 
font-weight: normal;
}

#textEmail:hover {
color: #F18FC0;  
font-family: "Tahoma"; 
font-size: 20px; 
font-weight: bold;
}

#textEmailMale {
color: #00648E;  
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 14px; 
font-weight: normal;
}

#textEmailMale:hover {
color: #00648E;  
font-family: "Consolas";
src: url("Fonts/Consolas/Consolas.ttf"); 
font-size: 14px; 
font-weight: bold;
}

#tabulkaFormular { 
text-ALIGN: center; 
WIDTH: 90%; 
border: 0px solid #000000; 
border-radius: 0px;
margin-top: 25px; 
margin-left: 110px;    
margin-right: 25px;
}

#tabulkaUvnitrPopisReg {
background-color: rgba(242,192,31,0.3); 
text-ALIGN: center; 
WIDTH: 70%;
border-spacing: 5px;
padding-left: 40px;
padding-right: 40px; 
border: 0px solid #F18FC0; 
border-radius: 7px; 
}

#ObrRadius {
  border-radius: 7px;
  margin-left: 20px;
  margin-right: 80px;
  transition:all 0.4s; 
  -moz-transition:all 0.4s; 
  -webkit-transition:all 0.4s; 
}
  
#ObrRadius:hover {
  border-radius: 7px;
  margin-left: 55px; 
  margin-right: 80px;
  transform:scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform:scale(1.3);
}

#ObrRadius {
  overflow:hidden;
}

input.submitLogin {
background-color: #CCEAF4; 
color: #00648E; 
font-size: 14px; 
font-weight: bold; 
font-face: "Calibri"; 
border: 2px solid #00648E; 
cursor: Pointer; 
width: 380px;
height: 50px;
border-radius: 8px; 
}

input.submitLogin:hover {
background-color: #00648E; 
color: #CCEAF4; 
}

input.submitBack {
background-color: #CCEAF4; 
color: #00648E; 
font-size: 14px; 
font-weight: bold; 
font-face: "Calibri"; 
border: 2px solid #00648E; 
cursor: Pointer; 
width: 380px;
height: 35px;
border-radius: 8px; 
}

input.submitBack:hover {
background-color: #00648E; 
color: #CCEAF4; 
}

input.submit {
background-color: #CCEAF4; 
color: #00648E; 
font-size: 14px; 
font-weight: bold; 
font-face: "Calibri"; 
border: 2px solid #00648E; 
cursor: Pointer; 
width: 150px;
height: 35px;
border-radius: 8px; 
}

input.submit:hover {
background-color: #00648E; 
color: #CCEAF4;
font-size: 14px; 
font-weight: bold; 
font-face: "Calibri"; 
border: 2px solid #00648E; 
cursor: Pointer; 
width: 150px;
height: 35px;
border-radius: 8px; 
}

input.textStyle {
border: 1px solid #00648E; 
border-radius: 17px;
height: 35px;
text-align: center; 
}

input.textStyle:hover {
border: 2px solid #00648E;  
}

textarea {
width: 80%;
height: 250px;
resize: none;
border: 1px solid #00648E; 
border-radius: 8px;
}

textarea:hover {
border: 2px solid #00648E; 
}

#textAdmin {
color: #3A3A3A; 
font-family: "Calibri"; 
font-size: 14px; 
font-weight: bold;
}

#textAdminEmail {
color: #3A3A3A; 
font-family: "Calibri"; 
font-size: 14px; 
font-weight: bold;
}

#textAdminEmail:hover {
color: #F18FC0; 
font-family: "Calibri"; 
font-size: 14px; 
font-weight: bold;
}

#textPotvrzeniOdeslaniCorrect {
color: #1F8D3D; 
font-family: "Tahoma"; 
font-size: 18px;
}

#textPotvrzeniOdeslaniWrong {
color: #FF0000; 
font-family: "Tahoma"; 
font-size: 18px;
}

.shadow {
box-shadow: 5px 5px 20px rgb(50,50,50);
}

.shadowSection {
box-shadow: 5px 5px 20px rgb(50,50,50);
}


/* Slideshow container */
.slideshow-container {
  width: 90%;
  height: 400px;
}
.mySlides {display: none;}

/* Caption text */
.textProjekty {
  color: #f2f2f2;
  font-size: 14px;
  padding: 8px 12px;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



/* Slideshow container2 */
.slideshow-container2 {
  width: 90%;;
  height: 400px;
}
.mySlides2 {display: none;}

/* Caption text */
.textProjekty2 {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


/* The dots/bullets/indicators */
.dot2 {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  opacity: 0;
}

.active2 {
  background-color: #717171;
}

/* Fading animation */
.fade2 {
  animation-name: fading;
  animation-duration: 1.5s;
}

@keyframes fading {
  from {opacity: .4} 
  to {opacity: 1}
}




 a         {text-decoration: none;}
 //a:link    {color: black;}
// a:visited {color: black;}
// a:active  {color: black;}
// a:hover   {color: red;}