/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font: 80% Arial, Helvetica, sans-serif;
    /*background: #fff url(../grafika/backround.gif) center top repeat-y;*/
    background: #f8fbff url(../grafika/bg-body.gif) repeat-x;
}

.error {
    padding: 10px;
    margin: 10px;
    text-align: center;
    font-weight: bold;
    color: red;
    border: 1px solid #ff9980;
    background: #fff2f2;
}

.info {
    padding: 10px;
    margin: 10px;
    text-align: center;
    font-weight: bold;
    color: #000;
    border: 1px solid #3ecd00;
    background: #dfffd0;
}

#container {
    width: 780px;
    margin: 0 auto 0 auto;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background: #fff;
}

/* HLAVICKA */

#header {
    background: #1876fd;
    height: 160px;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0;
    position: relative;
}

#header #menu_left {
    float: left;
    width: 390px;
    height: 90px;
    background: #bfffe4;
    border-top: 1px solid #e2eeff;
}

#header #menu_right {
    float: right;
    width: 390px;
    height: 90px;
    background: #bfffe4;
    border-top: 1px solid #e2eeff;
}

#header #organizatori {
    clear: both;
    height: 63px;
    background: #c5ddff;
    border-top: 1px solid #e2eeff;
}

#header #homepage {
    width: 150px;
    height: 145px;
    background: url("../grafika/logo-compost.gif") no-repeat;
    display: block;
    position: absolute;
    left: 315px;
    top: 10px;
}

#header #organizator_1 {
    width: 200px;
    height: 60px;
    background: url("../grafika/logo-ktrio.gif") no-repeat center center;
    display: block;
    position: absolute;
    left: 95px;
    top: 100px;
}

#header #organizator_2 {
    width: 200px;
    height: 60px;
    background: url("../grafika/logo-semodata.gif") no-repeat center center;
    display: block;
    position: absolute;
    left: 485px;
    top: 100px;
}



/* KONEC HLAVICKA */

/* KDE JSME */

#kde_jsme {
    padding: 0 0 4px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #c5ddff;
    line-height: 0.9em;
}

#kde_jsme a {
    padding: 0 17px 0 0;
    margin: 0 7px 0 0;
    color: #fd9518;
    text-decoration: underline;
    font-weight: normal;
    font-size: 0.9em;
    background: url("../grafika/arrow.gif") no-repeat right center;
}

#kde_jsme a:hover {
    text-decoration: none;
    color: #8bbafe;
}

#kde_jsme b {
    font-size: 0.9em;
    font-weight: normal;
    color: #52585b;
}

/* KONEC - KDE JSME */

/* CONTENT */

#content {
    background: url("../grafika/bg-right.gif") repeat-y right;
    line-height: 1.3em;
}

#content a {
    color: #fd9518;
}

#content a:hover {
    color: #1876fd;
    text-decoration: none;
}

#content #left_box {
    float: left;
    width: 520px;
    color: #52585b;
}

#content #left_box .text_box {
    margin: 0 5px 0 0;
}

#content #left_box #akt_box {
    min-height: 50px;
    _height: 50px;
    padding: 0 0 0 65px;
    margin: 0 5px 5px 0;
    background: #ffe5c5 url("../grafika/icons/alert.gif") no-repeat 5px center;
}

#content #left_box #proj_box {
    /*background: url("../grafika/bg-projbox.gif") repeat-y;*/
    padding: 0 5px 0 0;
}

#content #left_box #proj_box #left_proj {
    float: left;
    width: 255px;
    padding: 0 5px 0 0;
}

#content #left_box #proj_box #right_proj {
    margin: 0 0 0 260px;
    padding: 0 0 0 0;
}

#content #right_box {
    margin: 0 0 0 525px;
    color: #52585b;
}

#content #servis {
    clear: both;
    text-align: right;
    padding: 0 265px 0 0;
    color: #3f3f3f;
}

/* CONTENT */

/* RIGHT BOX */

#right_box h2 {
    margin: 0;
    color: #fd9518;
    padding: 0 0 0 0;
    font-size: 1.1em;
    text-align: center;
}

#right_box .logo {
    text-align: center;
    margin: 0 0 60px 0;
}

#right_box .logo img {
    border: 0px;
}

/* RIGHT BOX */

/* SERVIS */

#content #servis a {
    color: #fd9518;
}

#content #servis a:hover {
    color: #1876fd;
    text-decoration: none;
}

/* KONEC - SERVIS */

/* MENU LEFT */

#menu_left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: url("../grafika/bg-menu.gif");
}

#menu_left ul li {
    margin: 0;
    padding: 0;
    background: url("../grafika/bg-tl.gif") repeat-y;
}

#menu_left ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 100px 0 0;
    padding: 0 0 0 80px;
    /*background: url("../grafika/icons/webpage.gif") no-repeat 35px 2px;*/
    background-position: 26px 2px;
    background-repeat: no-repeat;
    /*font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;*/
    font-weight: bold;
    letter-spacing: 0.2em;
    font-size: 0.9em;
    color: #000;
    text-decoration: none;
}

#menu_left ul li a:hover {
    text-decoration: underline;
    color: #0033cc;
}

/* KONEC - MENU LEFT */

/* MENU RIGHT */

#menu_right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: url("../grafika/bg-menu.gif");
}

#menu_right ul li {
    margin: 0;
    padding: 0;
    background: url("../grafika/bg-tl-2.gif") repeat-y right top;
}

#menu_right ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 100px;
    padding: 0 80px 0 40px;
    text-align: right;
    /*background: url("../files/img_kat/webpage.gif");*/
    background-position: 240px 2px;
    background-repeat: no-repeat;
    /*font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;*/
    font-weight: bold;
    letter-spacing: 0.2em;
    font-size: 0.9em;
    color: #000;
    text-decoration: none;
}

#menu_right ul li a:hover {
    text-decoration: underline;
    color: #0033cc;
}

/* KONEC - MENU RIGHT */

/* AKTUALITY */

#akt_box ul {
    list-style-type: none;
    padding: 5px 0 5px 0;
    margin: 0;
}

#akt_box ul li {
    padding: 0 0 0 25px;
    margin: 2px 10px 2px 0;
    background: url("../grafika/icons/arrow_right.gif") no-repeat;
}

#akt_box ul li a {
    color: #007d48;
}

#akt_box ul li a:hover {
    text-decoration: none;
}

#akt_box .starsi {
    text-align: right;
    padding: 0 5px 5px 0;
}

#akt_box .starsi a {
    background: url("../grafika/icons/archiv_go.gif") no-repeat right 2px;
    padding: 1px 22px 1px 0;
    color: #007d48;
}

#akt_box .starsi a:hover {
    text-decoration: none;
}

/* KONEC - AKTUALITY */

/* ORAMOVANI OBRAZKU - VPARAVO */

.obrazek {
    text-align: center;
    margin: 5px 0 5px 0;
}

.obrazek img {
    padding: 5px;
    border: 1px solid #fd9618;
    background: #fff;
}

/* KONEC - ORAMOVANI OBRAZKU - VPARAVO */

/* NAHLED PROJEKT */

#left_proj h2, #right_proj h2 {
    color: #fff;
    font-size: 1.1em;
    padding: 2px 5px 2px 22px;
    margin: 0 0 5px 0;
}

#left_proj h2 {
    background: #fd9518 url("../grafika/icons/world_edit.gif") no-repeat 3px 3px;
}

#right_proj h2 {
    background: #fd9518 url("../grafika/icons/cd_edit.gif") no-repeat 3px 3px;
}

.nahled_projekt {
    margin: 0 0 5px 0;
    padding: 5px 0 5px 0;
    background: #f2f7ff;
    border: 1px solid #c5ddff;
    min-height: 245px
}

.nahled_projekt b {
    margin: 0 0 4px 10px;
    padding: 4px 0 0 0;
    display: block;
}

.nahled_projekt hr {
    height: 1px;
    color: #c5ddff;
    margin: 0 5px 0 5px;
    margin: 3px 0 3px 0;
}

.nahled_projekt a {
    color: #fd9518;
}

.nahled_projekt a:hover {
    text-decoration: none;
}

.nahled_projekt a.url {
    padding: 1px 0 1px 20px;
    margin: 0 0 0 10px;
    background: url("../grafika/icons/world_link.gif") no-repeat 0 2px;
}

.nahled_projekt a.detail {
    padding: 1px 0 1px 20px;
    margin: 0 0 0 10px;
    background: url("../grafika/icons/script_go.gif") no-repeat 0 2px;
}

/* KONEC - NAHLED PROJEKT */

/* PEREX_PROJEKT */

.perex_projekt {
    background: #f2f7ff;
    margin: 0 5px 5px 0;
    padding: 5px;
}

.perex_projekt a.url {
    padding: 1px 0 1px 20px;
    margin: 0 0 0 10px;
    background: url("../grafika/icons/world_link.gif") no-repeat 0 2px;
}

.perex_projekt .left {
    width: 200px;
    float: left;
    background: #fff;
    margin: 0 0 5px 0;
}

.perex_projekt .left img.nahled {
    padding: 5px;
    border: 1px solid #fd9618;
    background: #fff;
    margin: 10px auto 10px auto;
    display: block;
}

.perex_projekt .right {
    margin: 0 0 0 200px;
}

.perex_projekt .right ul {
    margin: 10px 0 10px 10px;
    padding: 0;
}

.perex_projekt .right ul li {
    list-style-type: none;
    padding: 2px 0 2px 13px;
    background: url("../grafika/arrow.gif") no-repeat 0 9px;    
}

.perex_projekt .right h4 {
    margin: 10px 0 0 5px;
    padding: 0;
    color: #1876fd;    
}

.perex_projekt .center {
    clear: left;
    margin-left: 200px;
}

.perex_projekt .center ul {
    margin: 10px 0 10px 10px;
    padding: 0;
}

.perex_projekt .center ul li {
    list-style-type: none;
    padding: 5px 0 5px 13px;
    background: url("../grafika/arrow.gif") no-repeat 0 11px;    
}

/* KONEC - PEREX_PROJEKT */

/* PAGE */

#rubrika {
    margin: 10px 5px 15px 0;
    padding: 10px;
    background: #f2f7ff;
    display: table;
    height: 1%;
    width: auto;
}

#rubrika .popisek h2 {
    background: #fd9518;
    font-size: 1.3em;
    padding: 2px 0px 2px 10px;
    color: #fff;
    margin: 0 0 10px 0;
}

#rubrika .popisek {
    margin: 0 0 0 0;
    text-align: justify;
    color: #52585b
}

#rubrika img {
    margin: 0 10px 5px 0px;
    padding: 3px;
    border: 1px solid #fd9518;
    background: #fff;
}

/* KONEC - PAGE */

/* PEREXY CLANKU */

.perex .p_text {
    color: #52585b;
    background: #fbfbfb;
    padding: 5px;
    margin: 0 5px 0 0;
}

.perex .p_text p {
    padding: 0;
    margin: 0;
}

.perex h3 {
    font-size: 1.3em;
    margin: 10px 0 5px 0;
}

.perex h3 a {
    color: #1876fd !important;
}

.perex h3 a:hover {
    text-decoration: none;
}

.perex div.p_odkaz {
    text-align: right;
    margin: 5px 0 0 0;
}

.perex div.p_odkaz a {
    color: #fd9518;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0 20px 0 0;
    margin: 0 10px 0 0;
    background: url(../grafika/icons/archiv_go.gif) no-repeat right center;
}

.perex div.p_odkaz a:hover {
    text-decoration: none;
}

/* KONEC - PEREXY CLANKU */

/* CLANEK */

#left_box h3 {
    color: #fd9518;
    font-size: 1.4em;
    margin: 10px 5px 15px 5px;
}

#left_box .cl_perex {
    background: #f2f7ff;
    margin: 0 5px 0 0;
    padding: 5px;
    color: #52585b;
}

#left_box .cl_perex p {
    margin: 0;
    padding: 0;
}

#left_box .cl_text {
    margin: 0 5px 0 0;
}

/* KONEC - CLANEK */

/* PREHLED RUBRIK */

#left_box h2.nadpis {
    color: #1876fd;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0 5px 0 0;
    padding: 5px 5px 2px 5px !important;
}

.rubrika {
    margin: 10px 5px 15px 0;
    padding: 10px;
    background: #f2f7ff;
    display: table;
    height: 1%;
    width: auto;
}

.rubrika .popisek h2 {
    background: #fd9518;
    font-size: 1.2em;
    padding: 2px 0px 2px 10px;
    color: #fff;
    margin: 0 0 10px 0;
}

.rubrika .popisek h2 a {
    color: #fff !important;
}

.rubrika .popisek h2 a:hover {
    text-decoration: none;
}

.rubrika .popisek {
    margin: 0 0 0 0;
    text-align: justify;
    color: #52585b
}

.rubrika img {
    margin: 0 10px 5px 0px;
    padding: 3px;
    border: 1px solid #fd9518;
    background: #fff;
}

/* KONEC - PREHLED RUBRIK */

/* STRANKOVANI */

.strankovani {
    text-align: center;
}

.strankovani a {
    color: #fd9518;
}

.strankovani a:hover {
    text-decoration: none;
}

/* KONEC - STRANKOVANI */

/* FORMULAR */

.vstup {
    border-collapse: collapse;
    text-align: center;
    width: 460px;
    margin: 0 auto 0 auto;
}

.vstup th {
    background-color: #8bbafe;
    height: 20px;
    line-height: 16px;
    border-bottom: 1px solid white;
}

.vstup td {
    border-bottom: 1px solid white;
    padding: 1px 5px 1px 5px;
}

.vstup td.left_p {
    background-color: #d9d9d9;
    text-align: right;
    width: 145px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 5px;
}

.vstup td.left {
    background-color: #d9d9d9;
    text-align: right;
    width: 145px;
    vertical-align: top;
    padding-top: 5px;
}

.vstup td.right {
    background-color: #f5f5f5;
    text-align: left;
}

.vstup td.submit {
    background-color: #f5f5f5;
}

.vstup td.submit input {
    margin: 10px;
}

.vstup .input {
    border: 1px solid #1977b8;
}

div.legenda ul li {
    list-style-type: none;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    background: #fff url("../grafika/alert.gif") no-repeat 0 3px;
    text-align: justify;
}

/* KONEC - FORMULAR */

/* PATICKA */

#container #paticka {
    clear: both;
    background: #fff url("../grafika/bg-body.gif") repeat-x left 5px;
    border-top: 5px solid #fff;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #52585b;
}

#container #paticka a {
    color: #fd9518;    
}

#container #paticka a:hover {
    text-decoration: none;
}

/* KONEC PATICKA */
