Quadova demencia

 html {
     /* overflow:hidden; */

     background-image: url("/images/bg.jpg");
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: 50% 50%;
     margin: 0;
     padding: 0;
 }
 body {
     margin: 0;
     padding: 0;
 }
 .menu {
     border-color: #1C1E22;
     border-style: solid;
     width: 100%;
     min-width: 1000px;
     /* height: 34px; */

     position: relative;
     /* right: 5%; */
     /* top: 31%; */

     background: #1C1E22;
     color: #1C1E22;
 }
 .menu-login {
     position: absolute;
     left: 90%;
     top: 1.3%;
 }
 .obsah {
     position: relative;
     /* border-style: hidden; */

     width: 1500px;
     /* height: 85%; */

     left: 20px;
     /* top: 38.6%; */

     margin-top: 5px;
     /* overflow: hidden; */

     min-height: 1500px;
 }
 a:link {
     color: white;
     text-decoration: none;
 }
 a:visited {
     color: white;
     text-decoration: none;
 }
 a:hover {
     color: #1C1E22;
     text-decoration: none;
 }
 a:active {
     color: white;
     text-decoration: none;
 }
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
 }
 .ciara {
     position: absolute;
     border-right: 1px solid white;
     top: 21%;
     height: 70%;
     left: 12%;
     opacity: 0.3;
     bottom: 0;
 }
 .menu_odk {
     /* position: absolute; */
     /* top: 33%; */
     /* left: 12.5%; */

     font-size: 5%;
     transition: color .3s, box-shadow .3s;
     box-shadow: inset 0px 0 0 0 #6FA030;
     border-radius: 4px 0 5px 0;
     padding: 10px 10px;
 }
 .menu-login:hover {
     animation: bounce 1s;
 }
 @keyframes bounce {
     %, 20%, 60%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
     % {
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px);
     }
     % {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
     }
 }
 .round-button {
     width: 60px;
     height: 0;
     padding-bottom: 60px;
     border-radius: 50%;
     border: 2px solid #f5f5f5;
     overflow: hidden;
     background: #464646;
     box-shadow: 0 0 3px gray;
     position: relative;
     right: -5%;
 }
 .round-button:hover {
     background: #262626;
 }
 .round-button img {
     display: block;
     width: 50%;
     padding: 24%;
     height: auto;
 }
 .panel_bocny1 {
     position: absolute;
     top: 9%;
     left: 83%;
     border-style: hidden;
     width: 350px;
     /* height: 85%; */

     min-height: 800px;
     background: #1c1e22;
 }
 .panel_bocny1 h3 {
     display: block;
     margin: 0;
     color: #fff;
     font-family: Georgia;
     background-color: #000;
     padding: 10px 10px;
     border-bottom: 1px solid #033;
     border-radius: 5px 5px 0 0;
     background: url(../images/stripe.png) repeat #000;
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120%), url(../images/stripe.png) repeat;
     box-shadow: inset 0 0 20px #000000;
 }
 .panel_bocny1 a {
     font-size: 18px;
 }
 .panel_bocny1 #login {
     position: relative;
     top: 40%;
     left: 25%;
     width: 5%;
 }
 .spodok {
     border-color: black;
     ;
     border-style: solid;
     width: 100%;
     height: 7%;
     position: absolute;
     right: 0%;
     top: 92.3%;
     background: black;
     color: white;
 }
 #spodok_link h3 {
     padding-top: 3px;
     padding-left: 25px;
     font-size: 13px;
     color: #2A2A2A;
 }
 #spodok_link hr {
     border: 0;
     border-bottom: 1px dashed #ccc;
     background: #999;
     width: 52%;
     position: relative;
     left: 2%;
 }
 .ak1 {
     position: absolute;
     top: -20%;
 }
 .ak2 {
     position: absolute;
     top: -20%;
     left: 95.4%;
 }
 .novinka_border {
     border-style: none;
     height: auto;
     width: 55%;
     background-color: rgba(0, 0, 0, 0.85);
     border-radius: 5px;
     box-shadow: 0 0 5px 2px rgba(50, 50, 50, 0.5);
     color: #76BEE6;
     position: relative;
     margin-top: 18px;
 }
 .obsah_novinka {
     padding: 20px;
     font-size: 14px;
     font-family: Verdana, Tahoma, sans;
     line-height: 17px;
     text-align: justify;
     text-shadow: 1px 1px 2px #000;
 }
 .novinka_border h3 {
     display: block;
     margin: 0;
     color: #fff;
     font-family: Georgia;
     background-color: #000;
     padding: 10px 10px;
     border-bottom: 1px solid #033;
     border-radius: 5px 5px 0 0;
     background: url(../images/stripe.png) repeat #000;
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 120%), url(../images/stripe.png) repeat;
     box-shadow: inset 0 0 20px #000000;
 }
 .obsah_celanovinka {
     border: 1px solid #333;
     padding: 8px;
     margin: 5px 0;
     display: block;
     float: right;
     margin-top: -18px;
     text-transform: uppercase;
     font-weight: bold;
     font-family: Arial;
     border-radius: 10px 0 5px 0;
     background: url(../images/stripe.png) repeat #000;
     box-shadow: inset 0 0 20px #000000;
     -webkit-transition: box-shadow .7s, color .5s;
 }
 .obsah_celanovinka:hover {
     color: #ade;
     box-shadow: inset 0 0 5px #000000;
 }
 .obsah_celanovinka::after {
     content: "";
 }
 a:hover,
 a:visited,
 a:link,
 a {
     color: #fff;
 }
 .menu_odk a {
     display: inline-block;
     color: white;
     font-weight: bold;
     font-size: 15px;
     width: 90px;
     height: 35px;
     text-align: center;
     text-decoration: none;
     background: #1C1E22;
     transition: color .3s, box-shadow .3s;
     box-shadow: inset 0px 0 0 0 #6FA030;
     box-radius: 15px;
     overflow: hidden;
     height: 27px;
     margin-top: 1px;
 }
 .menu_odk a:hover {
     color: #999;
 }
 .breadcrumb {
     position: relative;
     height: 30px;
     width: 100%;
 }
 .breadcrumb ul {
     position: relative;
     margin: 0 5px 0 5px;
     padding: 0;
     height: 30px;
 }
 .breadcrumb ul li {
     padding: 0;
     margin: 0;
     list-style: none;
     float: left;
     height: 30px display: inline;
 }
 .breadcrumb ul li a {
     font: 17px Arial, Helvetica, sans-serif;
     color: rgb(255, 255, 255);
     text-decoration: none;
     line-height: 30px;
     display: block;
     background: url('breadcrumbImage.png') 100% -60px no-repeat;
     padding: 0 5px 0 5px;
 }
 .breadcrumb ul li a:hover {
     text-decoration: underline;
     color: #999);
 }
 .breadcrumb ul li a.active {
     background: none;
     color: rgb(255, 255, 255);
 }
 .breadcrumb ul li a.active:hover {
     text-decoration: none;
 }
 .breadcrumb .left {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 10px;
     height: 30px;
     display: block;
     z-index: 1;
     background: url('breadcrumbImage.png') 0% 0px no-repeat;
 }
 .breadcrumb .right {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 10px;
     height: 30px;
     display: block;
     z-index: 1;
     background: url('breadcrumbImage.png') 100% -90px no-repeat;
 }
 .team_border {
     border-color: #1C1E22;
     color: white;
     border-style: hidden;
     width: 95%;
     height: 96%;
 }
 .steamid h3 {
     padding-top: 20px;
     padding-left: 200px;
     font-size: 30px;
     color: #FFFFFF;
     text-decoration: underline;
 }
 .steamid1 {
     padding-left: 200px;
     color: #FFFFFF;
     font-size: 20px;
 }
 .steamid1 span {
     padding-top: 20px;
     color: #27FF00;
 }
 .steamid1 span:hover {
     text-decoration: underline;
     color: red;
 }
 .team_border span {
     border-color: #1C1E22;
     border-style: hidden;
     width: 95%;
     height: 96%;
     color: red;
 }
 .team_border span:hover {
     border-color: green;
     border-style: hidden;
     width: 95%;
     height: 96%;
     color: red;
     text-decoration: underline;
 }
}
.steamid span {
    border-color: #1C1E22;
    border-style: hidden;
    width: 95%;
    height: 96%;
    color: red;
}
.steamid3 {
    margin-top: -98px;
}
.steamid2 span:hover {
    text-decoration: underline;
}
.team {
    background: #197ec2;
    background-image: -webkit-linear-gradient(top, #197ec2, #078adb);
    background-image: -moz-linear-gradient(top, #197ec2, #078adb);
    background-image: -ms-linear-gradient(top, #197ec2, #078adb);
    background-image: -o-linear-gradient(top, #197ec2, #078adb);
    background-image: linear-gradient(to bottom, #197ec2, #078adb);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 18px 46px 9px 22px;
    margin-right: 8;
    text-decoration: none;
}
.team:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
.ateam-item a {
    color: rgb(0, 173, 255);
}
.ateam-item td {
    font-size: 20px;
}
.ateam hr {
    width: 42.2%;
    border: 0;
    border-top: 5px solid #ccc;
    margin: -1em 0;
    padding: 0px;
    margin-top: 36px;
}