/*
    *******************************************
*/

.newth a {
    color: #ffffff;
    text-decoration: none;
}

.newth a:hover {
    text-decoration: none;
    color: #FF3300;
}

/*
    *********************************************
*/

.table-yur {
    background-color: white;
    padding: 10px;
    font-family: Ubuntu, sans-serif !important;
    font-size: 50%;

}

.green-title {
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") no-repeat;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    padding-top: 2px;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

/* ////////////////// TABULKY obecn� /////////////////////  */
.table-black {
    width: 735px;
    color: rgb(255, 255, 255);
    font-size: 11px;
    border-collapse: separate !important;
    border-spacing: 2px !important;
}

.table-black th {
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-weight: 400;
}

.table-black td {
    height: 22px;
    background: url("../layout_yur/tab_black.png") repeat-x;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-weight: 400;
    text-align: center; /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-black-200 {
    width: 190px;
    padding-left: 10px;
    text-align: left !important;
    text-transform: uppercase;
}

.table-black-300 {
    width: 290px;
    padding-left: 10px;
    text-align: left !important;
    text-transform: uppercase;
}

.table-black-100p {
    width: 100%;
    padding-left: 10px;
    text-align: left !important;
    text-transform: uppercase;
}

.table-black-100p th {
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-weight: 400;
}

.table-black-100p td {
    height: 22px;
    background: url("../layout_yur/tab_black.png") repeat-x;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-weight: 400;
    text-align: center; /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.td-white {
    background: rgb(255, 255, 255) !important;
    border-bottom: 1px solid rgb(230, 230, 230) !important;
    color: rgb(0, 0, 0) !important;
    text-align: left !important;
}

.table-white {
    width: 100%;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.table-white th {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-white td {
    height: 20px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230);
    font-weight: 400;
}

.table-white tr:hover td, .table-white tr.today:hover td {
    background: rgb(230, 230, 230);
}

.table-white tr.today td {
    background: rgb(225, 245, 195);
}

.table-green-tdL {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") left top no-repeat !important;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-green-td {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat !important;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-green-tdR {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") right top no-repeat !important;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-whiten {
    width: 100%;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.table-whiten th {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat;
    border-bottom: 2px solid rgb(230, 230, 230);
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-whiten td {
    height: 20px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230);
    font-weight: 400;
}

.table-whiten tr.today td {
    background: rgb(225, 245, 195);
}

.table-ukol {
    width: 100%;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.table-ukol th {
    padding-top: 2px;
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") center top no-repeat;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(255, 255, 255); /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.table-ukol td {
    height: 20px;
    background: rgb(255, 255, 255);
    font-weight: 400;
}

.table-ukol tr.today td {
    background: rgb(225, 245, 195);
}

.td-ukol {
    background-color: #aaaaaa;
    border-bottom: 2px solid rgb(190, 190, 190);
    border-right: 2px solid rgb(190, 190, 190);
    border-left: 1px solid rgb(210, 210, 210);
    border-top: 1px solid rgb(210, 210, 210);
}

.td-black {
    background: url("../layout_yur/tab_black_all.png") center top no-repeat !important;
    padding-top: 2px;
}

.td-black-light {
    background: rgb(230, 230, 230) !important;
    padding-top: 2px;
    color: rgb(0, 0, 0);
}

.td-black-silver {
    background: rgb(216, 216, 216) !important;
    padding-top: 2px;
    color: rgb(0, 0, 0);
}

.table-black-tdL {
    background: url("../layout_yur/tab_black_all.png") left top no-repeat !important;
}

.table-black-tdR {
    background: url("../layout_yur/tab_black_all.png") right top no-repeat !important;
}

.es-table {
    width: 100%;
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.es-table th {
    background: url("../layout_yur/tab_black_all.png") center top repeat-x;
    color: rgb(255, 255, 255);
    font-weight: 400; /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.es-table td {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230);
    text-align: center;
}

.es-table tr:hover td {
    background: rgb(230, 230, 230);
}

.es-logo img {
    height: 22px;
}

.es-point {
    font-size: 16px;
    font-weight: 500;
}

.es-group {
    height: 20px;
    font-size: 14px;
    font-style: italic;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-align: left !important;
}

/* ////////////////// A-TYM (k�dr, sestava, taktika, trenink, smlouvy) /////////////////////  */

.nominated1 td {
    background: url("../layout_yur/tab_nom1.png") repeat-x;
}

.nominated2 td {
    background: url("../layout_yur/tab_nom2.png") repeat-x;
}

.info-cards {
    float: right;
    margin-top: 2px;
}

.table-tactics {
    width: 550px;
    font-size: 12px;
}

.table-tactics th {
    text-align: left;
    height: 35px;
}

.table-tactics td {
    vertical-align: top;
    line-height: 25px;
}

#sestava-help p {
    font-size: 12px;
    text-align: justify;
    text-indent: 20px;
}

.trenink_yn1 {
    background: url("../layout_yur/tab_tr1.png") repeat-x !important;
    color: rgb(0, 0, 0);
}

.trenink_yn2 {
    background: url("../layout_yur/tab_tr2.png") repeat-x !important;
}

.trenink_yn3 {
    background: url("../layout_yur/tab_tr3.png") repeat-x !important;
}

.trenink_yn4 {
    background: url("../layout_yur/tab_tr4.png") repeat-x !important;
    color: rgb(0, 0, 0);
}

.trenink_yn5 {
    background: url("../layout_yur/tab_tr5.png") repeat-x !important;
    color: rgb(255, 255, 255);
}

.hrac_nominovan td {
    background-color: #e3d561;
    /*background: rgb(255,221,185) url("../layout_yur/tab_trS.png") center top repeat-x;*/
}

.hrac_nasazen td {
    background-color: #e0b258;
    /*background: rgb(255,200,175) url("../layout_yur/tab_trS.png") center top repeat-x;*/
}

/* ////////////////// LIGA /////////////////////  */

#league-season, #league-country {
    width: 70px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-top: 22px;
    color: rgb(0, 0, 0);
}

#league-season-select, #league-country-select {
    width: 735px;
    background: rgb(255, 255, 255);
    font-size: 12px;
    border-bottom: 20px solid rgb(255, 255, 255);
    position: absolute;
    display: none;
    z-index: 999;
}

#league-season-select div {
    width: 83px;
    margin: 3px 0 3px 7px;
    float: left;
}

#league-country-select div {
    float: left;
    margin: 1px 0 0 5px;
}

#league-country-select div div:hover {
    background: rgb(230, 230, 230);
}

.league-country-1 {
    width: 120px;
    font-weight: 500;
    text-transform: uppercase;
}

.league-country-0, .league-country-2 {
    width: 20px;
    font-size: 10px;
}

.league-points {
    font-size: 16px;
    font-weight: 700;
}

.postup-esos td {
    background: rgb(200, 225, 180) url("../images/tab_trES.png") center top repeat-x;
}

.postup-epop td {
    background: rgb(225, 245, 195) url("../images/tab_trEP.png") center top repeat-x;
}

.sestup td {
    background: rgb(255, 221, 185) url("../images/tab_trS.png") center top repeat-x;
}

.postup-L {
    border-radius: 5px 0 0 5px;
}

.postup-R {
    border-radius: 0 5px 5px 0;
}

.league-lastmatch-score {
    width: 60px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.league-lastmatch-logo {
    width: 40px;
    height: 40px;
    border: 1px solid rgb(230, 230, 230);
}

.league-lastmatch-logo img {
    width: 40px;
}

/* ////////////////// DISKUZE /////////////////////  */

.discussion-menu {
    background: url(../layout_yur/bg_box_silver.png) left center repeat-x;
    border: 1px solid rgb(230, 230, 230);
    padding: 2px;
    margin-bottom: 2px;
}

.discussion-menu:hover {
    background: url(../layout_yur/bg_box_orange.png) left center repeat-x;
    border: 1px solid rgb(230, 230, 230);
    padding: 2px;
    margin-bottom: 2px;
}

.discussion-menu-selected {
    background: url(../layout_yur/bg_box_orange.png) left center repeat-x;
    border: 1px solid rgb(0, 0, 0);
    padding: 2px;
    margin-bottom: 2px;
}

.discussion-box {
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
}

.discussion-admin {
    background: rgb(255, 221, 185) url(../layout_yur/bg_box_orange.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
}

.discussion-me {
    background: rgb(225, 245, 195) url(../layout_yur/bg_box_green.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
}

.discussion-author {
    padding: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.discussion-manager {
    color: rgb(10, 130, 10);
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}

.discussion-text {
    padding: 5px;
    line-height: 16px;
    text-align: left;
}

.discussion-replay {
    height: 28px;
}

.discussion-replay a img {
    width: 18px;
}

.discussion-replay a:hover img {
    width: 24px;
}

/* ////////////////// STRUKTURA OBSAHOVE CASTI /////////////////////  */

.content-title {
    width: 715px;
    height: 45px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid black;
    color: rgb(10, 130, 10);
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.content-title span {
    color: rgb(0, 0, 0);
}

.content-box {
    width: 735px;
    margin: 7px 20px 0px 20px;
    padding-top: 5px;
}

.content-box-title {
    height: 22px;
    border-bottom: 1px solid rgb(220, 220, 220);
    margin-bottom: 10px;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
}

.content-box-550 {
    width: 550px;
    vertical-align: top;
}

.content-box-180 {
    width: 185px;
    vertical-align: top;
    font-size: 12px;
}

.box-180 {
    padding: 5px;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    margin: 0 0 10px 0px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px 8px 8px 8px;
}

.box-180logo {
    height: 180px;
    padding: 5px;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    margin: 0 0 10px 0px;
    font-size: 12px;
    text-align: center;
}

.box-180 b {
    font-size: 16px;
    padding: 5px 0 0 8px;
}

.table-550 {
    width: 550px;
    font-size: 12px;
}

.green-title {
    height: 22px;
    background: url("../layout_yur/tab_green_all.png") no-repeat;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    padding-top: 2px;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; /* >>>>>>>>>>>>>>>>>>> IE hack */
    height: 18px \0/;
}

.silver-text {
    color: rgb(150, 150, 150);
    font-size: 12px;
    margin-bottom: 5px;
}

.grey-text {
    color: rgb(100, 100, 100);
}

.green-text {
    color: rgb(10, 130, 10);
}

/* Sou�ty kapacit, n�kup� apod. */

.box-odmena {
    width: 200px;
    float: left;
    padding: 5px;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    margin: 5px 5px 10px 5px;
    font-size: 12px;
    text-align: center;
}

.box-odmena hr {
    clear: both;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0px;
    height: 1px;
}

.obsah {
    background-color: white;
    padding: 10px;
}

/* ////////////////// Z�PAS /////////////////////  */

#match {
    width: 735px;
    height: 110px;
    margin: 0px 0px 0px 00px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.match-logo {
    width: 85px;
    height: 85px;
    border: 1px solid rgb(230, 230, 230);
    margin: 0 0px;
    float: left;
    text-align: center;
}

.match-logo img {
    width: 85px;
}

.match-score {
    width: 120px;
    height: 85px;
    float: left;
    border: 1px solid rgb(230, 230, 230);
    background: url(../layout_yur/bg_box_silver.png) left top repeat-x;
    color: rgb(10, 130, 10);
    font-size: 44px;
    font-weight: 500;
    text-align: center;
}

.match-team {
    width: 198px;
    height: 85px;
    float: left;
}

.match-team table {
    width: 198px;
    height: 85px;
}

.match-team td {
    font-size: 22px;
    font-weight: 400;
    vertical-align: middle;
}

#match2 {
    width: 735px;
    height: 260px;
    background: url(../layout_yur/match_pitch_box.png) no-repeat center bottom;
    margin: 0px 0px 0px 0px;
}

.match-stats-graph {
    width: 230px;
    padding-top: 5px;
    vertical-align: top;
    font-size: 12px;
}

.match-stats-graph table {
    width: 230px;
}

.match-stats-graph td {
    height: 19px;
}

.match-stats-graph img {
    height: 10px;
}

.match-stats-all {
    width: 275px;
    height: 240px;
    background: url(../layout_yur/match_stats_box.png) no-repeat;
    vertical-align: top;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 500;
}

.match-stats {
    width: 50px;
    height: 19px;
}

.match-stats-attr {
    width: 170px;
    height: 19px;
    color: rgb(150, 150, 150);
    text-align: center;
    text-transform: uppercase;
}

#match-switch {
    width: 100px;
    height: 22px;
    background: url(../layout_yur/match_stats_box.png) no-repeat center bottom;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
}

#match-switch img {
    height: 20px;
    margin: 0 8px 0 8px;
}

#match-pitch {
    width: 418px;
    height: 280px;
    background: url(../layout_yur/pitch.png) top center no-repeat;
    margin: 20px auto 0 auto;
}

#match-pitch table td {
    width: 25px;
    height: 31px;
    text-align: center;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
}

.match-pitch-gkr {
    background: url(../layout_yur/icons/pitch_gkr.png) center center no-repeat;
    color: rgb(60, 60, 60) !important;
}

.match-pitch-def {
    background: url(../layout_yur/icons/pitch_def.png) center center no-repeat;
}

.match-pitch-mfd {
    background: url(../layout_yur/icons/pitch_mfd.png) center center no-repeat;
}

.match-pitch-fwd {
    background: url(../layout_yur/icons/pitch_fwd.png) center center no-repeat;
}

#match3 {
    width: 735px;
    margin: 0px 20px
}

.match-lineup {
    width: 355px;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
}

.match-lineup td {
    width: 33px;
    height: 35px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.match-lineup-gkr {
    background: url(../layout_yur/icons/lineup_gkr.png) center center no-repeat;
}

.match-lineup-def {
    background: url(../layout_yur/icons/lineup_def.png) center center no-repeat;
}

.match-lineup-mfd {
    background: url(../layout_yur/icons/lineup_mfd.png) center center no-repeat;
}

.match-lineup-fwd {
    background: url(../layout_yur/icons/lineup_fwd.png) center center no-repeat;
}

.match-lineup-name {
    width: 157px !important;
    text-align: left;
}

/* ////////////////// LIGA /////////////////////  */

#league-season, #league-country {
    width: 70px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-top: 22px;
    color: rgb(0, 0, 0);
}

#league-season-select, #league-country-select {
    width: 735px;
    background: rgb(255, 255, 255);
    font-size: 12px;
    border-bottom: 20px solid rgb(255, 255, 255);
    position: absolute;
    display: none;
    z-index: 999;
}

#league-season-select div {
    width: 83px;
    margin: 3px 0 3px 7px;
    float: left;
}

#league-country-select div {
    float: left;
    margin: 1px 0 0 5px;
}

#league-country-select div div:hover {
    background: rgb(230, 230, 230);
}

.league-country-1 {
    width: 120px;
    font-weight: 500;
    text-transform: uppercase;
}

.league-country-0, .league-country-2 {
    width: 20px;
    font-size: 10px;
}

.league-points {
    font-size: 16px;
    font-weight: 700;
}

.postup-esos td {
    background: rgb(200, 225, 180) url("../images/tab_trES.png") center top repeat-x;
}

.postup-epop td {
    background: rgb(225, 245, 195) url("../images/tab_trEP.png") center top repeat-x;
}

.sestup td {
    background: rgb(255, 221, 185) url("../images/tab_trS.png") center top repeat-x;
}

.postup-L {
    border-radius: 5px 0 0 5px;
}

.postup-R {
    border-radius: 0 5px 5px 0;
}

.league-lastmatch-score {
    width: 60px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.league-lastmatch-logo {
    width: 40px;
    height: 40px;
    border: 1px solid rgb(230, 230, 230);
}

.league-lastmatch-logo img {
    width: 40px;
}

/*  nastaven� st��d�n�   */
.hriste_stridani {
    background: url(../images/sestava-v2/hriste_stridani.png) center center no-repeat;
    width: 101px;
    height: 151px;
    border: 1px solid;
    margin: 1px 1px 1px 1px;
}

.hriste_stridani table tr {
    height: 15px;
}

.hriste_stridani table td {
    width: 11px;
    height: 15px;
    line-height: 16px;
}

/*  nastaven� st��d�n�   */
.fhriste_stridani {
    background: url(../images/sestava-v2/hriste-futsal.jpg) center center no-repeat;
    width: 101px;
    height: 151px;
    border: 1px solid;
    margin: 1px 1px 1px 1px;

}

.fhriste_stridani table tr {
    height: 15px;
}

.fhriste_stridani table td {
    width: 11px;
    height: 15px;
    line-height: 16px;
}


/* stridani nove */
.sestava_stridani_hriste {
    background: url(../images/sestava-v2/hriste_stridani.png) center center no-repeat;
    width: 101px;
    height: 151px;
    border: 1px solid;
    margin: 1px 1px 1px 1px;
}

.sestava_stridani_hriste table tr {
    height: 10px;
}

.sestava_stridani_hriste table td {
    width: 11px;
    height: 10px;
    line-height: 10px;
}


/* ////////////////// POSTA /////////////////////  */

.mail-box {
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
}

.mail-box hr {
    clear: both;
    border: 0px solid #ddd;
    margin-top: 1px;
    padding: 0px;
    height: 1px;
}

.mail-box-brejk {
    background: rgb(255, 221, 185) url(../layout_yur/bg_box_orange.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
}

.mail-box-brejk hr {
    clear: both;
    border: 0px solid #ddd;
    margin-top: 1px;
    padding: 0px;
    height: 1px;
}

.mail-author {
    padding: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.mail-manager {
    color: rgb(10, 130, 10);
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}

.mail-subject {
    padding: 10px 5px 0 5px;
    line-height: 16px;
    text-align: left;
    font-style: italic;
}

.mail-text {
    padding: 5px;
    line-height: 16px;
    text-align: left;
}

.mail-replay {
    height: 28px;
}

.mail-replay a img {
    width: 18px;
}

.mail-replay a:hover img {
    width: 24px;
}

/* ****** �kola brejku **************/
/*    �koly */
#ukoly_skola {
    font-size: 11px;
    background-color: #fffffd;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    display: none;
}

#ukoly_skola_head {
    font-size: 11px;
    height: 80px;
    background-color: #fffffd;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    display: block;
}

#ukoly_skola_head_1 {
    font-size: 11px;
    width: 70px;
    height: 70px;
    background-color: #fffffd;
    float: left;
}

#ukoly_skola_head_2 {
    font-size: 11px;
    background-color: #fffffd;

}

.ukoly_skola_bunka {
    font-size: 11px;
    /*background-color:#f0f0f0;*/
}

.ukol_obr {
    height: 70px;
    width: 70px;
    Display: inline-block;
}

/***player*/
#control_panel {
    width: 680px;
    height: 150px;
    background: url("../images/player_new/control_panel_bck.png")
}

.button-player-medium {
    width: 118px;
    height: 20px;
    background: url("../layout_yur/button_tiny_medium.png") repeat scroll left top transparent;
    margin-top: -6px;
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.button-player-medium:hover {
    background-position: left bottom;
}

.button-player-small {
    width: 85px;
    height: 20px;
    background: url("../layout_yur/button_tiny_small.png") repeat scroll left top transparent;
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.button-player-small:hover {
    background-position: left bottom;
}

.button-player-small-gray {
    width: 85px;
    height: 20px;
    background: url("../layout_yur/button_tiny_small_gray.png") repeat scroll left top transparent;
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.button-gray {
    display: inline;
    padding: 0 10px 0 10px;
    border-left: 1px solid rgb(230, 230, 230);
}

/* ////////////////// HRAC /////////////////////  */

.table-skills-attr {
    width: 150px;
    text-transform: uppercase;
}

.table-skills-value {
    width: 50px;
    font-size: 18px;
    text-align: right;
    font-weight: 700;
}

.table-skills-graph img {
    height: 16px;
    border-radius: 0px 4px 4px 0px;
    vertical-align: top;
}

.table-skills-graph div {
    height: 16px;
    border-radius: 0px 4px 4px 0px;
    background: url(../layout_yur/graph_silver.png) repeat-x;
}

.table-skills-bar img {
    height: 10px;
    border-radius: 0px 2px 2px 0px;
}

.table-skills-graph2 tr {
    height: 15px;
    border-radius: 0px 4px 4px 0px;
}

.table-skills-graph2 td {
    height: 15px;
    border-radius: 0px 4px 4px 0px;
    vertical-align: middle;
}

.table-skills-graph2 img {
    height: 10px;
    border-radius: 0px 4px 4px 0px;
    vertical-align: top;
}

.table-skills-graph2 div {
    height: 10px;
    border-radius: 0px 4px 4px 0px;
    background: url(../layout_yur/graph_silver.png) repeat-x;
}


/***player*/
#info_dialog {
    width: 600px;
    height: 100px;
}

.posta_hlavicka {
    text-align: left;
    font-size: 12px;
    background-color: #bbbbbb;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 0px 0px;
}

.posta_hlavickag {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_green.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 0px 0px;
}

.posta_hlavickaw {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_white.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 0px 0px;
}

.posta_hlavickas {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_grey.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 0px 0px;
}

.posta_hlavickan {
    text-align: left;
    font-size: 12px;
    background-color: #bbbbbb;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 8px 8px;
}

.posta_hlavickang {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_green.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 8px 8px;
}

.posta_hlavickanw {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_white.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 8px 8px;
}

.posta_hlavickans {
    text-align: left;
    font-size: 12px;
    background: url(../images/posta_header_grey.jpg) no-repeat;
    padding-bottom: 3px;
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 1px solid rgb(150, 150, 150);
    border-radius: 8px 8px 8px 8px;
}

.posta_body {

    background: rgb(255, 255, 255) url(../layout_yur/bg_box_silver.png) center bottom repeat-x;
    border-bottom: 1px solid rgb(210, 210, 210);
    border-right: 1px solid rgb(210, 210, 210);
    border-left: 0px solid rgb(150, 150, 150);
    border-top: 0px solid rgb(150, 150, 150);
    border-radius: 0px 0px 8px 8px;

}

.posta_body hr {
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    height: 1px;
}

.posta_den {
    font-size: 11px;
    background-color: #CCCCCC;
    border-color: #666666;
    border-style: solid;
    border-width: 0px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    background: url('../images/prechod_sedy_light.png') repeat-y bottom left;
    border-radius: 8px 8px 8px 8px;
}

.submit_radius {
    font-size: 11px;
    background-color: #CCCCCC;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    background: url('../layout_gfx/pozadi_prechod.png') no-repeat bottom left;
    border-radius: 8px 8px 8px 8px;

}

.class_stin {
    box-shadow: 10px 10px 5px #333333;
}

.class_float_left {
    float: left;
}


.class_float_left {
    float: left;
}

.submit_popup {
    font-size: 11px;
    background-color: #CCCCCC;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    background: url('../layout_gfx/pozadi_prechod.png') no-repeat bottom left;
    border-radius: 8px 8px 8px 8px;

    box-shadow: 10px 10px 5px #333333;

}

/*    OZNAMENI */
#tym_oznameni {
    font-size: 11px;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    background: url('../layout_gfx/pozadi_prechod.png') no-repeat bottom left;
    border-radius: 8px 8px 8px 8px;
}

.player-box-hraci {
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 5px;
    width: 360px;
    float: left;
}

.ctverecek_zlepseni {
    vertical-align: middle;
    border: 1px solid rgb(150, 150, 150);
    margin: 2px 2px 2px 2px;
    font-size: 9px;
    border-radius: 3px 3px 3px 3px;
    width: 20px;
    height: 18px;
    float: left;
}

.kalendar_sezona_den {
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    vertical-align: middle;
    border: 1px solid rgb(150, 150, 150);
    margin: 1px 1px 1px 1px;
    font-size: 9px;
    border-radius: 3px 3px 3px 3px;
    width: 98px;
    height: 98px;
    float: left;
}

#window_close {
    background-image: url('../images/cancel_red.png');
    height: 17px;
    width: 20px;
}

#window_close:hover {
    background-image: url('../images/cancel_red_hover.png');
    cursor: pointer;
}

.sestava_kola_hrac_info {
    background: rgb(234, 232, 232) url(../layout_yur/bg_box_silver.png) left top repeat-x;
    border: 1px solid rgb(230, 230, 230);
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 5px 5px 5px #555555;
}

/* ************* */
.meter {
    height: 20px; /* Can be anything */
    position: relative;
    margin: 0 0 0 0; /* Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(43, 194, 83)),
            color-stop(1, rgb(84, 240, 84))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(43, 194, 83) 37%,
            rgb(84, 240, 84) 69%
    );
    -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, rgba(255, 255, 255, .2)),
    color-stop(.25, transparent), color-stop(.5, transparent),
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.75, rgba(255, 255, 255, .2)),
    color-stop(.75, transparent), to(transparent)
    );
    background-image: -moz-linear-gradient(
            -45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
    );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

#regform {
    background: url('../layout_gfx/pozadi_prechod.png') no-repeat bottom left;
}

#regform input[type="text"], #regform input[type="email"], #regform input[type="password"], #regform select {
    font: 14px/1.6em arial;
    width: 200px;
    height: 25px;
    padding: 3px;
    margin: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

#regform input[type="text"], #regform input[type="email"], #regform input[type="password"], #regform select:focus {
    border: 1px solid #77B3D8;
    -moz-box-shadow: 0 0 7px #C8E0EF;
    -webkit-box-shadow: 0 0 7px #C8E0EF;
    -o-box-shadow: 0 0 7px #C8E0EF;
    -ms-box-shadow: 0 0 7px #C8E0EF;
    box-shadow: 0 0 7px #C8E0EF;
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

/*    ALERTS */


/*    OZNAMENI */
.alert_oznameni {
    font-size: 13px;
    background-color: #fff723;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px #888888;
}

.alert_danger {
    font-family: Verdana;
    font-size: 13px;
    color: #b54442;
    background-color: #f2dede;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    border-radius: 5px 5px 5px 5px;

    border-color: #ebccd1;
    border-color: #aaaaaa;
    box-shadow: 5px 5px 5px #888888;
}

.alert_info {
    font-family: Verdana;
    font-size: 13px;
    color: #31708f;
    background-color: #d9edf7;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    border-radius: 5px 5px 5px 5px;
    border-color: #bce8f1;
    border-color: #aaaaaa;
    box-shadow: 5px 5px 5px #888888;
}

.alert_success {
    font-family: Verdana;
    font-size: 13px;
    color: #3c763d;
    background-color: #dff0d8;
    border-style: solid;
    border-width: 1px;
    margin: 3px;
    padding: 4px;
    text-align: left;
    border-radius: 5px 5px 5px 5px;
    border-color: #d6e9c6;
    border-color: #aaaaaa;
    box-shadow: 5px 5px 5px #888888;
}

.alert_close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}


#nadpis_stranky {
    position: relative;
}

.table-basic {
    width: 100%;
    _width: 520px;
    table-layout: auto;
    border-collapse: separate !important;
    border-spacing: 0px !important;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 5px 5px;

}

.table-basic th {
    height: 29px;
    background: url('../layout_gfx/table_th_background.jpg') no-repeat top right;
    /*background-color: #bbbbbb;*/
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-top: 1px solid #cccccc;


}

.table-basic .th-left {
    height: 29px;
    background: url('../layout_gfx/table_th_background.jpg') no-repeat top right;
    /*background-color: #bbbbbb;*/
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-radius: 5px 0 0 0;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.table-basic .th-right {
    height: 29px;
    background: url('../layout_gfx/table_th_background.jpg') no-repeat top right;
    /*background-color: #bbbbbb;*/
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-radius: 0 5px 0 0;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.table-basic td {
    vertical-align: middle;
    padding-left: 2px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    /*text-align: left;*/
}


.table-basic tr {
    border-radius: 5px 5px 5px 5px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}


.table-basic:last-child {
    border-radius: 5px 5px 5px 5px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}


.table-basic tr:hover td {
    background-color: rgb(230, 230, 230);

}

.table-basic tr.bgcolor-orange:hover td {
    background-color: orange;
}

.table-basic tr.bgcolor-yellow:hover td {
    background-color: yellow;
}


.table-basic tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.table-basic tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

.table-basic tr:hover td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.table-basic tr:hover td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.table-basic tr.tr-basic {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #000000;
}


.td-dres {
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
    background: url('../images/dresy-v4/jersey-empty.png') no-repeat center center;
    background-size: 27px 21px;
}

.td-dres-blank {
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
    background: url('../images/dresy-v4/jersey-blank.png') no-repeat center center;
    background-size: 27px 21px;
}

.td-dres-vyber {

    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: rgb(50, 50, 50);
    background: url('../images/dresy-v4/jersey-blank.png') no-repeat center center;
    background-size: 27px 21px;
}


.sestava_zone {

}

.sestava_zone:hover {
    border-top: 1px solid rgb(150, 250, 150);
    border-bottom: 1px solid rgb(150, 250, 150);
    border-left: 1px solid rgb(150, 250, 150);
    border-right: 1px solid rgb(150, 250, 150);
    border-radius: 5px 5px 5px 5px;
    color: rgb(255, 0, 0);
}

.sestava_hrac {
    border-top: 0px solid rgb(150, 250, 150);
    border-bottom: 0px solid rgb(150, 250, 150);
    border-left: 0px solid rgb(150, 250, 150);
    border-right: 0px solid rgb(150, 250, 150);
    border-radius: 5px 5px 5px 5px;

    height: 31px;
}

.sestava_hrac:hover {
    border-top: 0px solid rgb(150, 250, 150);
    border-bottom: 0px solid rgb(150, 250, 150);
    border-left: 0px solid rgb(150, 250, 150);
    border-right: 0px solid rgb(150, 250, 150);
    border-radius: 5px 5px 5px 5px;
    height: 31px;
    background-color: #e8e8e8;
}


.sestava_hrac_dres {
    background-color: transparent;
    /*float_left;*/
}

.sestava_hrac_detail {
    background-color: red;
    /* float_left;*/

    background-color: transparent;

    font-family: Ubuntu, sans-serif !important;
    font-size: 10px;


}


.ui-textfield {
    font: inherit;
    font-size: 12px;

    color: inherit;
    background: none;
    text-align: inherit;
    outline: none;
    cursor: text;
    border-radius: 5px 5px 5px 5px;
    padding-left: 10px;
}

.list_page_item {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgb(100, 100, 100);
    /*background-color: #ffffff;*/
    /* background: url("../layout_yur/tab_black_light.png") repeat scroll left top transparent;*/
    float: left;

    padding-left: 3px;
    padding-right: 3px;
    margin-left: 1px;
    margin-right: 1px;


    /* color: rgb(255, 255, 255);
     font-size: 15px;
     text-transform: uppercase;
     font-family: 'Ubuntu', sans-serif;
     text-align: center;
     vertical-align: middle;
 */


}

.list_page_item a {

    /*  color: rgb(255, 255, 255);
      font-size: 15px;
      text-transform: uppercase;
      font-family: 'Ubuntu', sans-serif;
      text-align: center;
      vertical-align: middle;
  */
}

.list_page_item_active {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgb(150, 150, 150);
    /*background-color: #eeeeee;*/
    font-weight: bold;

    float: left;

    /*background: url("../layout_yur/tab_black.png") repeat scroll left top transparent;*/
    float: left;

    padding-left: 3px;
    padding-right: 3px;
    margin-left: 1px;
    margin-right: 1px;

    /* color: rgb(255, 255, 255);
     font-size: 15px;
     text-transform: uppercase;
     font-family: 'Ubuntu', sans-serif;
     text-align: center;
     vertical-align: middle;
 */
}

.list_page_item_inactive {
    border-radius: 3px 3px 3px 3px;
    border: 0px solid rgb(150, 150, 150);
    /*background-color: #ffffff;*/


    float: left;


    color: rgb(0, 0, 0);
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;


}

.lista-tlacitek {
    text-align: right;
    width: 100%;
    height: 20px;
    /*background-color: #0b93d5;*/

}

.button-zalozka-medium-black {
    width: 118px;
    height: 20px;
    background: url("../layout_yur/button_tiny_medium_black.png") repeat scroll left top transparent;
    margin-top: -6px;
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.button-zalozka-medium-black:hover {
    background-position: left bottom;
}

.button-zalozka-medium-gray {
    width: 118px;
    height: 20px;
    background: url("../layout_yur/button_tiny_medium_gray.png") repeat scroll left top transparent;
    margin-top: -6px;
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.button-zalozka-medium-gray:hover {
    background-position: left bottom;
}

/* CSS */
.button-17 {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border-radius: 10px;
    border-style: none;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    box-sizing: border-box;
    color: #3c4043;
    cursor: pointer;
    display: inline-flex;
    fill: currentcolor;
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    height: 15px;
    justify-content: center;
    letter-spacing: .25px;
    line-height: normal;
    max-width: 100%;
    overflow: visible;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: auto;
    will-change: transform, opacity;
    z-index: 0;
}

.button-17:hover {
    background: #F6F9FE;
    color: #174ea6;
}

.button-17:active {
    box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
    outline: none;
}

.select-trenink-intenzita {
    font-size: 10px;
    color: #000000;
    border: 1px solid #000000;
    /*color: #1c87c9;*/
    /*background-color: #eee;*/
    border-radius: 5px;
}

.select-trenink-vyber-skill {
    font-size: 10px;
    color: #000000;
    border: 1px solid #000000;
    /*color: #1c87c9;*/
    /*background-color: #eee;*/
    border-radius: 5px;
}


.no-styles {
    all: unset;
}