.in { background-color: green }
.out { background-color: red }
.other { background-color: yellow }
.sudy { background-color: lightgreen} 
.lichy { background-color: #82d182 }
.piskani { font-size: xx-small; background-color: lightblue }
.nepovinny { font-size: xx-small }
.povinny { font-size: large }
.nejblizsi { background-color: green }
.zluta { background-color: yellow }
.cervena { background-color: red }
.zelena { background-color: green }
td { text-align: center; vertical-align: middle; font-weight: bold; border: solid black 1px }
td.maly { font-weight: normal }
#nehodny {position: fixed;} /* pro Mozillu */

/* CSS Document */

/* fonts */
body {
margin: 0;
padding: 0;
background-color: gray;
color: black;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 150%;
}
ul, ol, li, p, form, fieldset, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Novecentowide';
    font-weight: 400;
    line-height: 135%;
}
h1 {
    font-size: 18px;
    font-weight: 600;
color: black;
background: #FDB913;
padding: 9px 15px 10px 15px;
}
h1.h1hp {
    font-size: 28px;
    font-weight: 400;
color: white;
background: none;
padding: 1px 0 11px 0;
}
h1.shad {
    text-shadow: 1px 1px 2px #555;
float: left;
width: 570px;
}
h1.shad span { /* datum, nazev */
display: block;
float: left;
       max-width: 485px;
}
h1.shad span.frst { /* datum */
color: white;
       margin-right: 6px;
}
h2 {
color: #FDB913;
       font-size: 16px;
       font-weight: 600;
padding: 6px 0 3px 0;
}
h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
color: #a0a0a0;
       font-size: 16px;
padding: 5px 0 3px 0;
}
h4, h5, h6 {
color: white;
       font-size: 14px;
       font-family: Arial, sans-serif;
       font-weight: bold;
padding: 4px 0 2px 0;
}
h5, h6 {
color: #a0a0a0;
       font-size: 13px;
}
img {
    border-style: none;
}
p, ul, ol {
margin: 0 0 0.8em 0;
}
ul ul, ol ol, ol ul, ul ol {
margin: 0;
}
ul li {
    margin-left: 0;
    padding-left: 15px;
    list-style: none;
background: url('images/dot-yellow.png') no-repeat 5px 6px;
}
ol li {
    margin-left: 23px;
    list-style-type: decimal;
}
p.cite {
color: #a0a0a0;
       font-style: italic;
}
p.cite1 {
color: #FDB913;
}
hr {
height: 1px;
        border-style: none;
color: #FDB913;
background: #FDB913;
margin: 0.5em 0 1.5em 0;
padding: 0;
width: 100%;
float: left;
}
/* odkazy */
td a {
    text-decoration: underline;
    color: red;
}
a:hover {
      text-decoration: none;
  }
.all {
width: 1000px;
margin: 248px auto 0 auto;
position: relative;
}
.cl {
clear: both;
}
/* hlavicka */
.header {
width: 100%;
height: 215px;
padding: 0;
background: black;
            border-top: 13px solid #FDB913;
position: absolute;
top: 0;
left: 0;
}
.header-in {
width: 1000px;
height: 215px;
margin: 0 auto;
}
/* logo, banner, vyhledavani */
.logo-line {
width: 211px;
height: 215px;
float: left;
}
.logo-line img {
float: left;
}
.banner-top {
width: 100%;
height: 94px;
float: left;
margin: 0;
}
.search {
width: 177px;
height: 71px;
padding: 15px 17px;
margin: 0 0 0 0;
background: #343434;
float: left;
position: relative;
}
.search h2 {
    font-family: 'Novecentowide', Arial, sans-serif;
color: white;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: normal;
padding: 0;
}
.search-in {
width: 161px;
height: 22px;
padding: 8px;
background: url('images/search-bg.png') no-repeat left top;
position: absolute;
top: 39px;
left: 17px;
}
.search-in input[type="text"],
    .search-in input[type="text"]:hover,
    .search-in input[type="text"]:focus {
width: 129px;
height: 22px;
padding: 0 5px;
margin: 0;
background: white;
color: #a5a5a5;
       font-size: 12px;
       font-family: Arial, sans-serif;
       line-height: 22px;
       border-style: none;
float: left;
       border-radius: 0;
       text-shadow: none;
       box-shadow: none;
    }
.search-in input[type="image"] {
background: white;
float: left;
}
/* menu, motivacni program */
.menu-line {
width: 769px;
height: 195px;
padding: 20px 0 0 20px;
float: left;
}
.top-menu {
width: 769px;
height: 101px;
margin: 0;
float: left;
       font-size: 14px;
color: white;
       line-height: 200%;
       font-weight: 600;
       font-family: 'Novecentowide', Arial, sans-serif;
       text-transform: uppercase;
overflow: hidden;
}
.top-menu ul {
padding: 22px 0 0 0;
}
.top-menu li {
margin: 0;
padding: 0 15px 0 20px;
background: url('images/dot-yellow.png') no-repeat left 12px;
float: left;
}
.top-menu li.first {
    padding-left: 0;
background: none;
}
.top-menu li a {
color: white;
       text-decoration: none;
}
.top-menu li a:hover,
    .top-menu li a.active {
color: #5b5b5b;
    }
.motivation {
width: 199px;
height: 34px;
        line-height: 34px;
margin: 67px 0 0 0;
color: black;
background: #FDB913;
            font-family: 'Novecentowide', Arial, sans-serif;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
float: left;
}
.motivation a {
display: block;
width: 199px;
height: 34px;
color: black;
background: #FDB913;
            text-decoration: none;
float: left;
}
.motivation a:hover {
background: #343434;
color: white;
}
/* levy sloupec */
.col-left {
width: 211px;
       min-height: 1px;
float: right;
}
/* leve menu - prvni, druhe */
.left-menu {
width: 211px;
padding: 4px 0;
float: left;
       margin-bottom: 20px;
background: black;
            line-height: 120%;
}
.left-menu li {
width: 211px;
padding: 0;
margin: 0;
float: left;
}
.left-menu li li {
width: 184px;
margin: 0 0 0 13px;
}
.left-menu li a {
display: block;
padding: 8px 10px 8px 27px;
background: url('images/dot-yellow.png') no-repeat 13px 13px black;
color: white;
       text-decoration: none;
}
.left-menu li li a {
padding: 5px 0 3px 27px;
         background-position: 13px 10px
}
.left-menu li a:hover,
    .left-menu li a.active {
color: black;
       font-weight: bold;
       background-image: url('images/dot-black.png');
       background-color: #FDB913;
    }
.left-menu li li a:hover,
    .left-menu li li a.active {
color: white;
       font-weight: normal;
       background-image: url('images/dot-yellow.png');
       background-color: black;
       text-decoration: underline
    }
/* leve menu - druhe */
.left-menu-second {
background: #FDB913;
}
.left-menu-second li a {
background: url('images/dot-black.png') no-repeat 13px 13px #FDB913;
color: black;
}
.left-menu-second li a:hover,
    .left-menu-second li a.active {
color: white;
       background-image: url('images/dot-yellow.png');
       background-color: black;
    }
.left-menu-second li li a:hover,
    .left-menu-second li li a.active {
color: black;
       font-weight: normal;
       background-image: url('images/dot-black.png');
       background-color: #FDB913;
       text-decoration: underline
    }
/* stredni + pravy sloupec */
.col-right {
width: 789px;
       min-height: 1px;
float: right;
}
/* bannery stredni + pravy sloupec */
.banner-center,
    .banner-right {
width: 100%;
float: left;
    }
.banner-center img,
    .banner-right img {
float: left;
       margin-bottom: 15px;
    }
.banner-center .banner-s {
    margin-right: 15px;
}
.banner-center .banner-s.last {
    margin-right: 0;
}
/* stredni sloupec */
.content {
width: 600px;
margin: 0 19px 0 20px;
float: left;
}
/* novinky - vypis, detail */
.news-list {
width: 100%;
float: left;
       margin-bottom: 9px;
}
.news-list .item {
width: 100%;
float: left;
       margin-bottom: 11px;
}
.news-list .item h2 {
padding: 12px 15px 12px 15px;
margin: 0;
        font-size: 14px;
float: left;
       font-weight: 600;
color: black;
background: #FDB913;
position: relative;
          text-shadow: 1px 1px 2px #555;
}
.news-list .item h2 span { /* datum, nazev */
display: block;
float: left;
       max-width: 485px;
}
.news-list .item h2 span.frst { /* datum */
color: white;
       margin-right: 5px;
}
.news-list .item h2 a {
color: black;
       text-decoration: none;
}
.news-list .item h2 a:hover {
    text-decoration: underline;
}
.news-list .item .perex {
float: left;
clear: both;
width: 570px;
padding: 15px;
background: url('images/item-bg.png') repeat left top;
}
.news-list .item .perex p {
margin: 0;
}
.news-list .item .perex p.more {
    padding-top: 8px;
}
.news-list .item .perex p.more a {
color: #797979;
       font-weight: bold;
       font-size: 14px;
       text-decoration: none;
}
.news-list .item .perex p.more a:hover {
    text-decoration: underline;
}
.main-content.news-detail {
    margin-bottom: 0;
}
.news-detail .perex {
    font-weight: bold;
}
.back {
width: 570px;
clear: both;
float: left;
padding: 12px 15px 13px 15px;
         font-size: 13px;
color: #FDB913;
       text-align: right;
       font-family: 'Novecentowide';
       font-weight: 600;
background: black;
margin: 0 0 20px 0;
}
.back a {
color: white;
       text-decoration: none;
}
.back a:hover {
    text-decoration: underline;
}
/* textova stranka */
.main-content {
background: url('images/item-bg.png') repeat left top;
padding: 15px;
float: left;
width: 570px;
margin: 0 0 20px 0;
}
/* galerie */
.main-content.gallery {
    margin-bottom: 0;
}
.gallery-item {
width: 100%;
float: left;
}
.gallery-item h2 {
    font-size: 18px;
    text-shadow: 1px 1px 2px #555;
}
.gallery-images {
width: 102%;
float: left;
margin: 5px 0 9px 0;
}
.gallery-images img {
float: left;
border: 3px solid white;
margin: 0 11px 11px 0;
}
.gallery-images img:hover {
    border-color: #FDB913;
}
/* tabulky */
table.standard,
    table.colored {
        border-style: none;
        font-size: 12px;
        border-collapse: collapse;
border: 1px solid #FDB913;
margin: 0 0 0.8em 0;
    }
table.standard td,
    table.colored td,
    table.standard th,
    table.colored th {
padding: 7px;
background: none;
border: 1px solid #FDB913;
    }
table.standard td p,
    table.colored td p,
    table.standard th p,
    table.colored th p {
        margin-bottom: 0;
    }
table.standard th,
    table.colored th {
background: darkgray;
            font-weight: bold;
            text-align: left;
    }
table.standard,
    table.standard th,
    table.standard td {
border: 1px solid white;
    }
/* tabulky - statistiky */
table.colored.stats {
width: 100%;
float: left;
margin: 5px 0 15px 0;
}
table.colored.stats td,
    table.colored.stats th {
padding: 12px 9px;
         font-weight: normal;
         text-align: center;
         line-height: 120%;
    }
table.colored.stats th.nenorm {
padding: 5px 9px;
}
table.colored.stats.krz td,
    table.colored.stats.krz th {
padding: 14px 6px;
    }
table.colored.stats th.str,
    table.colored.stats td.str {
        font-weight: bold;
    }
table.colored.stats th.lft,
    table.colored.stats td.lft {
        text-align: left;
    }
table.colored.stats td.barv {
color: #FDB913;
}
table.colored.stats td.bck {
    background-color: #FDB913;
}
table.colored.stats td.nwr,
    table.colored.stats td.nwr a {
        white-space: nowrap;
    }
/* formulare */
.customForm {
clear: both;
width: 570px;
       margin-top: 5px;
float: left;
}
.customForm h2 {
    padding-top: 18px;
}
input[type="text"] {
width: 546px;
height: 38px;
        line-height: 38px;
        border-style: none;
color: black;
padding: 0 12px;
         font-size: 13px;
         font-family: Arial, sans-serif;
background: white;
position: relative;
          border-radius: 5px;
          box-shadow: inset 0px 0 5px #666;
}
input[type="text"]:focus,
    textarea:focus,
    .customForm select:focus
    /*input[type="text"]:hover,
      textarea:hover,
      .customForm select:hover*/ {
          background-color: #eee;
      }
select,
    input[type="file"] {
width: 570px;
height: 38px;
        border-style: none;
color: black;
padding: 10px 8px 10px 10px;
         font-size: 13px;
         font-family: Arial, sans-serif;
background: white;
position: relative;
          border-radius: 5px;
          box-shadow: inset 0px 0 5px #666;
    }
select[multiple="multiple"] {
height: auto;
}
.lbl {
    font-size: 12px;
float: left;
width: 300px;
margin: 18px 0 4px 0;
        min-height: 18px;
        font-weight: bold;
}
.customFormNotice {
    font-size: 12px;
    font-style: italic;
color: #a0a0a0;
float: right;
       min-height: 18px;
margin: 18px 0 4px 0;
}
.cherad {
width: 546px;
       border-style: none;
padding: 9px 12px 3px 12px;
         font-size: 13px;
background: url('images/item-bg-white.png') repeat left top;
position: relative;
          border-radius: 5px;
          box-shadow: inset 0px 0 5px #666;
}
.cherad label {
    padding-left: 1px;
    padding-right: 8px;
color: black;
position: relative;
top: -1px;
}
.cherad input {
    margin-bottom: 10px;
}
input.ssm {
width: 40%;
}
input.sm {
width: 60%;
}
input[type="submit"] {
width: 210px;
height: 38px;
background: #FDB913;
            font-size: 14px;
            text-transform: uppercase;
            border-style: none;
padding: 0;
margin: 0;
float: right;
color: white;
       font-family: 'Novecentowide';
       font-weight: 600;
cursor: pointer;
position: relative;
          margin-top: 25px;
          margin-bottom: 20px;
          border-radius: 5px;
          text-shadow: 1px 1px 2px #555;
          box-shadow: inset 0px 0 5px #666;
}
/* statistiky - soutez, piskani */
.columns {
width: 103%;
float: left;
margin: 10px 0 0 0;
}
.columns .c-col {
width: 178px;
float: left;
margin: 0 17px 0 0;
        text-align: center;
}
.columns .c-col h2 {
    padding-top:10px;
    padding-bottom:10px;
}
.columns .c-col2 {
width: 277px;
float: left;
margin: 0 16px 0 0;
}
.columns .c-col2 p {
width: 100%;
float: left;
margin: 0 0 22px 0;
}
.columns .c-col2 p span {
float: left;
width: 50%;
clear: left;
}
.columns .c-col2 p span.second {
    font-weight: bold;
clear: none;
}
.columns h2 {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
background: black;
padding: 8px 0;
width: 100%;
float: left;
margin: 0 0 0.45em 0;
        text-align: center;
}
.columns a,
    .group a {
color: white;
    }
/* statistiky - kola */
ul.rounds {
width: 102%;
float: left;
margin: 4px 0;
padding: 0;
}
ul.rounds li {
margin: 0;
padding: 0;
background: none;
float: left;
       text-align: center;
}
ul.rounds li a {
display: block;
float: left;
width: 45px;
height: 43px;
        line-height: 43px;
margin: 0 7px 7px 0;
        font-size: 16px;
        font-weight: bold;
background: black;
color: #FDB913;
       text-decoration: none;
}
ul.rounds-all li a {
width: auto!important;
padding: 0px 10px!important;
}
ul.rounds li a:hover,
    ul.rounds li a.active {
color: black;
background: #FDB913;
    }
/* statistiky - skupina */
.group h2 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
padding: 5px 0 10px 0;
}
/* statistiky - krizova tabulka */
.content.kriz {
width: 769px;
margin: 0 0 0 20px;
float: left;
}
.kriz .main-content {
width: 739px;
margin: 0 0 20px 0;
}
/* pravy sloupec */
.col-right-right {
width: 150px;
float: left;
}



/* paticka */
.footer {
width: 100%;
height: 75px;
margin: 5px 0 0 0;
background: url('images/footer-bg.png') repeat left top;
}
.footer-in {
width: 1000px;
height: 75px;
        line-height: 75px;
margin: 0 auto;
        font-family: 'Novecentowide', Arial, sans-serif;
        text-transform: uppercase;
}
.footer-in p {
margin: 0;
}
.footer-in p span {
color: #575757;
padding: 0 3px;
}
.h2-normal
{
    font-weight: 700!important;
    font-size: 20px!important;
    font-family: "Arial", sans-serif!important;
padding: 8px 0px!important;
}
.h2-normal a 
{
color:#FDB913;
      text-decoration:none;
}
.h2-normal a:hover
{
color:white;
      text-decoration:underline;
}
.ui-autocomplete  li{
background:none!important;
display:none;
}
.ui-autocomplete{
top: 204px!important;
}
.image-detail{
float:left;
      margin-right:10px;
      margin-bottom:10px;
}
.line-article{
height:20px;
}
.path {
width: 100%;
       line-height: 100%;
padding: 0 0 11px 0;
}
.path .gr {
color: #909090;
       font-weight: bold;
}
.r-last{
color: white;
}
.r-future{
color: #FDB913;
}
.r-today{
color: red;
}
.banner-box{
overflow:hidden;
         margin-bottom:15px;
float:left;
}




.banner-ladder
{
width:769px;height:94px;
margin:0px;
}
.banner-big
{
width:150px;height:300px;
}
.banner-full
{
width:600px;height:120px;
}
.banner-skyscraper
{
width:150px;height:600px;
}
.banner-small
{
width:190px;height:60px;
}
.banner-square
{
width:150px;height:150px;
}



/* vysledky */
.result-box
{
position:relative;
         text-align:center;
width:100%;
height:26px;
       padding-top:12px;

}
.result-box-in
{
display:none;
position:relative;
}
.result-box-in input[type="text"] {
width: 25px;
height: 25px;
        line-height: 25px;
        text-align: center;
position: relative;
          margin-top: -5px;
background: url('images/inp-bg.png') no-repeat left top;
            border-radius: 0;
          box-shadow: none;
}
.result-box-edit {
cursor: pointer;
}
.ssize
{
padding:0px!important;
}
.score-user
{
color:#666!important;
}
.score-oficial, .score-none
{
color:white;
}
.ssize-none .result-box{padding:0px!important;margin:0px!important;height:auto!important;}


.ui-autocomplete li{
cursor:pointer;
}

.navigation-content-menu li
{
float: left;
}
.navigation-content-menu li:first-child
{
    background-image:none;
    padding-left:0px;
}
.t-left
{
    text-align:left!important;
}

.minor_cislo 
{
		font-size: 110%;
		font-weight: bold;
}

.master_cislo
{
		font-size: 150%;
		font-weight: bold;
}

.vpohode
{
		background: green;
}

.bezstridani
{
		background: #66CC33;
}

.neznamo
{
		background: yellow;
}

.pruser
{
		background: red;
}

.problem
{
		background: magenta;
}

.out_pc
{ 
    background-color: #FF0033;
}

.p_o_pc
{
    background-color:#FF6666;
}

.p_i_pc
{
    background-color:#66CC33;
}

.in_pc
{
    background-color:#00FF33;
}

.x_pc
{
    background-color:#FFFF66;
}

.act
{
    font-size: x-large;
}

.history
{
    opacity: 0.3
}