/* 
    Document   : style
    Created on : 18.2.2010, 20:40:55
    Author     : Martin
    Description:
        Purpose of the stylesheet follows.
	http://colorschemedesigner.com/#2A51T9y--w0w0
*/

body {
    background-color: #C6FFB3;
    font-family: Garamond, "Times New Roman", Times;
    font-size: 14px;
    margin: 5px;
    padding: 0px;
    counter-reset: kapitola podkapitola;
    background-image: url('./../images/pozadi.png');
    /*    overflow: scroll;  IE 7 má s tím problém :-( */
}

h1 {
    font-size: 200%;
    color: #005F15;
    border-bottom: 1px solid green;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 120%;
}

a {
    color: inherit;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

button,
#menu select,
input[type='submit'],
input[type='button'] {
    background-color: #93A63A;
    border: 2px outset #93A63A;
    padding: 2px;
    font-family: Tahoma, Arial, Verdana;
    color: #F2FFB3;
}

button:hover,
#menu select:hover,
input[type='submit']:hover,
input[type='button']:hover {
    background-color: #B8BF95;
    cursor: pointer;
}

.active,
button:active,
#menu select:active,
input[type='submit']:active,
input[type='button']:active {
    border-style: inset;
    cursor: pointer;
}

select,
input[type='text'],
input[type='radio'],
input[type='checkbox'],
input[type='password'],
textarea {
    background-color: #F5FFC6;
    border: 2px inset #F5FFC6;
    color: #004F05;
}

select {
    border-style: outset;
    cursor: pointer;
}

#menu option {
    background-color: #93A63A !important;
}

#menu option:hover {
    background-color: #B8BF95 !important;
}

fieldset {
    border-color: green;
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
}
legend {
    font-weight: bold;
    font-size: 120%;
}
fieldset p {
    text-align: center;
    margin: 0px;
    padding: 0px;
}
fieldset p.tip {
    text-align: left;
    margin: 0px;
    padding: 0px;
}
label {
    white-space: nowrap;
    display: inline-block;
    margin-right: 15px;
}
label input, label select {
    margin: 5px;
}
label[title] span {
    border-bottom: 1px dotted gray;
    cursor: help;
}

table caption {
    font-size: 18px;
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}


table.ohraniceni {
    border-collapse: collapse;
    border: 2px solid green;
}
table.ohraniceni td, table.ohraniceni th {
    padding: 3px;
    margin: 0px;
    border: 1px solid green;
}
table.ohraniceni th, table th.ohraniceni {
    border-width: 2px;
}

table.zebra tr:nth-child(odd) {
    background-color: #C6FFB3;
}
table.zebra tr:nth-child(even) {
    background-color: #B3FF99;
}
table.zebra tr:hover {
    background-color: #E8FFD5 !important;
}

.linka {
    border-bottom: 1px solid green;
    padding-bottom: 5px;
}

#editace {
    position: fixed;
    display: block;
    width: 800px;
    left: 50%;
    margin-left: -402px;
    margin-top: 100px;
    background-color: #9ff29f;
    border: 2px solid green;
    padding: 7px;
}

#zprava {
    position: fixed;
    display: block;
    width: 500px;
    left: 50%;
    margin-left: -252px;
    margin-top: 25px;
    background-color: green;
    text-align: center;
    border: 2px solid red;
    color: yellow;
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
}
#zprava table, #zprava table tr, #zprava table td {
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

#zahlavi {
    width: 1000px;
    border-width: 0px;
    border-collapse: collapse;
    margin: 5px auto;
}
#zahlavi abbr {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
#zahlavi form {
    padding: 0px;
    margin: 0px;
}
#zahlavi button,
#zahlavi input[type='submit'] {
    margin-left: 2px;
    font-size: 10px;
    white-space: nowrap;
}
#zahlavi td {
    white-space: nowrap;
}

#vinis {
    width: 1000px;
    border: 3px ridge green;
    margin: auto auto;
    padding: 5px;
    background-image: none;
    background-color: #D5FFB3;
    color: #0D3300;
    min-height: 400px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#menu {
    border-bottom: 1px solid green;
    padding-bottom: 5px;
}
#menu button {
    font-weight: bold;
    width: 95px;
}

#menu select {
    font-weight: bold;
    width: 150px;
}

#servisni {
    text-align: center;
    font-size: 85%;
    color: #1A6600;
    padding-top: 3px;
    min-width: 1000px;
}

#vzorekNasledujiciKod {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
#vzorekNasledujiciKod span {
    font-size: 20px;
    border: 2px solid green;
    padding: 3px;
    background-color: #F5FFC6;
}

#napoveda div {
    border-bottom: 1px solid green;
}
#napoveda div:last-child {
    border-bottom: 0px solid green;
}
#napoveda h2+div,
#napoveda h3 {
    margin-left: 20px;
}
#napoveda h3+div {
    margin-left: 40px;
}
#napoveda h2,
#napoveda h3 {
    cursor: pointer;
    text-decoration: underline;
}
#napoveda h2:hover,
#napoveda h3:hover {
    text-decoration: none;
}
#napoveda h2:before {
    content: counter(kapitola) ". ";
    counter-increment: kapitola 1;
    counter-reset: podkapitola;
}
#napoveda h3:before {
    content: counter(kapitola) "." counter(podkapitola) " ";
    counter-increment: podkapitola 1;
}
#napoveda h2+div,
#napoveda h3+div {
    display: none;
}

#nastaveni fieldset > span {
    border: 1px solid green;
    padding: 3px;
    font-weight: bold;
}