a:link {
    color: rgba(0, 0, 0, 0.5);
}

a:hover {
    color: rgba(0, 0, 0, 0.8);
}

a:visited {
    color:  rgba(0, 0, 0, 0.3);
}

p {
text-indent: 1em;
} /*cokoli je v paragrafu tak je odsazene*/

h1 {
    font-size: 1.5em;
    text-align: center;
    color: rgb(40, 150, 240);
} /*nadpisy maji modrou barvu*/

h2 {
    font-size: 1em;
    color: rgb(240, 5, 14);
}

.cara {
  border-bottom: 1px solid;
  color: #2896f0;
  width: 100%;
  /*size: 20px;*/
}

p.doleva {
text-align: left;
} /* ale tag, který bude v sobě mít class="doleva", se bude zarovnávat doleva */

p.doprava {
text-align: right;
} 

.barva-novinky {
  color: rgb(200, 70, 0);
}

.barva-windows {
  color: rgb(200, 70, 0); /*#c84600*/
}

.barva-linux {
  color: rgb(40, 150, 240);
  /*color: rgb(0, 70, 130); #004682*/
}

.barva-program {
  color: rgb(40, 150, 240);
  /*color: rgb(0, 70, 130); #004682*/
}

.barva-www {
  color: rgb(40, 150, 240);
  /*color: rgb(0, 70, 130); #004682*/
}

.logocentr {
    margin-top: 3em;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
   /* width: 10%;*/
    height: 15px;
}

.okrouhle {
    width: 120px;
    border-radius: 50px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.krabice {
    margin: 10%;
}

.zapaticentr {
text-align: center;
font-size: 0.7em;
}

.odkazy {
  text-align: center;
  float: right;
  padding: 10px;
  width: 50%;
}
 

.tabtab {
  padding: 8px;
  text-align: left;
  /*border-bottom: 1px solid rgb(40, 150, 240);*/
  border-bottom: 8px solid yellow;
}


.tabulkaalter {
  width: 100%; 
  margin: 10px auto 10px auto; 
  /*border-collapse:collapse;*/ 
  border: 5px solid orange; 
  background-color:white;
  font-size:15px;
  color:blue;
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgb(40, 150, 240);
} 

.pokus {
  width: 100%; 
  margin: 10px auto 10px auto; 
  /*border-collapse:collapse;*/ 
  border: 0px solid green; 
  /*background-color:rgb(40, 150, 240);*/
  font-size:15px;
  color:pink;
  padding: 8px;
  text-align: left;
  border-bottom: 5px solid rgb(40, 150, 240);
} 
  
.seznam1 {
  width: 100%; 
  /*margin: 10px auto 10px auto; */
  /*border-collapse:collapse;*/ 
  /*background-color:rgb(40, 150, 240);*/
  /*font-size:15px;*/
  /*color:white; barva pisma*/
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgb(40, 150, 240);
  /***border-top: 5px solid rgb(100, 250, 40);***/
  /***border: 15px solid blue;***/
} 

.fav1 {
  width: 100%; 
  margin: 10px auto 10px auto; 
  /*border-collapse:collapse;*/ 
  border: 5px solid green; 
  background-color:black;
  font-size:15px;
  color:white;
  padding: 8px;
  text-align: left;
} 

.fav2 {
  width: 100%; 
  margin: 10px auto 10px auto; 
  /*border-collapse:collapse;*/ 
  border: 5px solid green; 
  font-size: 15px;
  color: black;
  padding: 8px;
  text-align: right;
} 


html {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.9em;    
    text-align: justify;
    line-height: 1.5;
}


body {
  margin: 0;
  font-family: sans-serif, Arial, Helvetica, Geneva, Verdana;
  background-color: rgb(210, 240, 255);  /*toto ovlivni barvu celeho pozadi webu puvodni
  background-color: rgb(210, 240, 255)*/
}



.topnav {
  overflow: hidden;
  background-color: rgb(20, 70, 120);
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: black;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(40, 150, 240);
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(40, 150, 240);
  color: white;
}

.dropdown-content a:hover {
  background-color: white;
  color: rgb(40, 150, 240);
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/* poznamka */

/* ######### Fancybox Styl ######### */

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}

/* ######### Tabulka Styl ######### */
/*
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgb(40, 150, 240);
}

.tabulka_alter {
  width: 100%; 
  margin: 10px auto 10px auto; 
  border-collapse:collapse; 
  border: 1px solid orange; 
  background-color:white;
  font-size:15px;
  color:blue;
}

li {
  list-style-type: square;
}*/

/* ######### Fancybox Styl ######### */

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
}

/* ######### Tabulka Styl #########

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgb(40, 150, 240);
}

.tabulka_alter {
  width: 100%; 
  margin: 10px auto 10px auto; 
  border-collapse:collapse; 
  border: 1px solid orange; 
  background-color:white;
  font-size:15px;
  color:blue;
}

li {
  list-style-type: square;
}
*  */

/*
tr {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid rgb(40, 150, 240);
}

.tabulka_alter {
  width: 100%; 
  margin: 10px auto 10px auto; 
  border-collapse:collapse; 
  border: 1px solid orange; 
  background-color:white;
  font-size:15px;
  color:blue;
  } 

font-size: 1.2em; 
* 
* 
* 
* 
* 
* 
th, td {
  border-bottom: 5px solid #abcddd;
}

 td {
  border-bottom: 5px solid #ff22ff; /*tenka linka v kazde tabulce
  * 
  * */

/*
li {
  list-style-type: circle;
}

 table {
  width: 100%;
  table-layout: fixed;
  color: blue;
  width: 90%;
  align-items: center;
  border: greenyellow;
} */

/* 
hr {
  width: 75%;
  size: 12px;
  color: #2896f0;
  align-self: center;
} */