/* CSS styles used in common scripts */

H1 {
    color: #008000;
    font-weight: bold;
    font-size: 12pt
}

H2 {
    color: #008000;
    font-weight: bold;
    font-size: 11pt
}

H3 {
    color: #008000;
    font-weight: bold;
    font-size: 10pt
}

H4 {
    color: #008000;
    font-weight: bold;
    font-size: 9pt
}

H5 {
    color: #008000;
    font-weight: normal;
    font-size: 9pt
}

IMG {
    border: 0;
}

/* common - obecne styly pro jednotlive prvky bez zanoreni */
.tabhead {
    background-color: #C0C0C0;
    font-weight: bold;
}

pre {
    width: 100%;
    margin: -1em 0 1em 1em;
    padding: 1em;
    overflow: auto;
}

.pager {
    margin-top: 20px;
}

.mandatory {
    font-weight: bold;
}

.hilited {
    background-color: #ddd;
}

.msg {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg.success {
    color: #00b050;
    border-color: #00b050;
}

.msg.success::before {
    content: '\2714';
    padding-right: 8px;
}

.msg.warning {
    color: #ed7d31;
    border-color: #ed7d31;
}

.msg.warning::before {
    content: '\!';
    padding-right: 8px;
}

.msg.failed {
    color: #f00;
    border-color: #f00;
}

.msg.failed::before {
    content: '\1F5F6';
    padding-right: 8px;
}

div.msg {
    border-style: solid;
    border-width: 1px;
    max-height: 50px;
    margin: 8px 0;
    padding: 8px;
}

span.msg {
    border: 0 none;
    padding: 0 0 0 8px;
}

.edit.update::before {
    color: #000;
    content: '\1F589';
    padding-right: 8px;
}

.edit.delete::before {
    color: #f00;
    content: '\1F5F6';
    padding-right: 8px;
}

.edit.log::before {
    content: '\1F4C4';
    padding-right: 8px;
}

.advice {
    font-weight: bold;
    margin: 8px;
}

.buttons {
    text-align: center;
}

.send-buttons {
    text-align: center;
    margin: 10px;
}

.button {
    color: #000;
    background-color: #E6E6E6;
    border: 1px solid #c6c6c6;
    padding: 2px 5px;
    margin: 2px 5px;
    cursor: pointer;
}

.button.main {
    color: #fff;
    background-color: #555;
    border: 2px outset #e3e3e3;
    font-weight: bold;
}

#modal-fade {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 1;
    left: 0;
    top: 0;
}

/* common end */

/* edit - obecne styly pro editacni formulare a odkazy */

fieldset#text {
    position: relative;
}

#restore-button {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 0;
}

#modal-restore {
    display: none;
    position: fixed;
    width: 90%;
    height: 90%;
    background-color: #ffffff;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 30px 0 10px 10px;
    margin: auto;

}

#modal-restore .buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
}

#modal-restore .content {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.edit .block {
    position: relative;
    border: 1px solid #C0C0C0;
    padding: 10px 5px;
    margin-bottom: 10px;
}

.edit .block .legend {
    position: absolute;
    top: -10px;
    background-color: #FFFFFF;
    padding: 0 5px;
}

.edit .block .edit-info {
    float: right;
    text-align: right;
}

.edit .block .sequence {
    float: left;
}

.edit .block input.seq {
    float: none;
    width: 28px;
}

.edit .block .id-info {
    float: left;
    text-align: right;
    margin: 0 20px 0 0;
}

.edit .block .nazev {
    width: 100%;
}

.edit .block .perex {
    width: 100%;
}

.edit .block .submit-form {
    text-align: center;
}

.user .edit .main-data {
    border: 1px solid #000000;
    padding: 5px;
    float: left;
}

.user .edit .supplement {
    float: left;
    border: 1px solid #000000;
    padding: 5px;
    margin: 0 0 5px 5px;
}

textarea.perex {
    width: 550px;
    height: 50px;
}

textarea.text {
    width: 650px;
    height: 350px;
}

.webs-edit {
}

.webs-edit .web-item {
    float: left;
    padding: 0 5px;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
}

.edit-menu {
    position: absolute;
    float: left;
    visibility: hidden;
    z-index: 10;
    background-color: #E6E6E6;
    border: 1px solid #000000;
    margin: 0;
    padding: 5px;
}

.edit-menu li {
    list-style: none;
}

/* hledani */
.search-results {
}

.search-results .item {
    margin: 5px 0;
}

.search-results .item img {
    float: left;
    margin: 10px;
}

/* common edit */
.edit .title {
    width: 100%;
}

.edit textarea.perex {
    width: 100%;
    height: 50px;
}

.edit textarea.text {
    width: 100%;
    height: 350px;
}

.edit .perex {
    font-style: italic;
    margin-bottom: 10px;
}

.edit .seourl {
    width: 100%;
}

/* common edit end */

/* clanek - clanky */
.article .aktualizovano {
    text-align: right;
    font-size: 7pt;
}

.article .perex {
    font-style: italic;
    margin: 0 0 10px 0;
}

.article .text {
    text-align: justify;
}

.article .edit .title {
    width: 100%;
}

.article .edit .header {
    width: 100%;
}

.article .edit textarea.perex {
    width: 100%;
    height: 50px;
}

.article .edit textarea.text {
    width: 100%;
    height: 350px;
}

.article .edit .perex {
    font-style: italic;
    margin-bottom: 10px;
}

.article .edit .seourl {
    width: 100%;
}

.article-part {
    position: relative;
}

.article-pic {
    border: 0 none;
    margin: 0 5px;
}

.article-pic.main {
    max-width: 150px;
    max-height: 250px;
}

/* Strom */
.strom {
}

.strom div {
    font-weight: bold;
    color: #008000;
    padding: 5px 0 0 5px;
    border-top: 1px solid;
}

.strom a, a:hover {
    color: #008000;
}

.strom a:visited {
    color: #008000;
}

.strom .hilited {
    color: #FFFFFF;
    background-color: #008000;
}

.strom .hilited a, a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.strom .hilited a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.strom div .selected {
    color: #FFFFFF;
    background-color: #008000;
}

.strom div .selected a {
    color: #00FF00;
    text-decoration: none;
}

.strom div .selected a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.strom div div {
    font-weight: normal;
    padding-left: 10px;
    border-top: 0px none;
}

.strom div div a, a:hover {
    color: #008000;
}

.strom div div a:visited {
    color: #008000;
}

.strom div div .hilited {
    color: #FFFFFF;
    background-color: #008000;
}

.strom div div .hilited a, a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.strom div div .hilited a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.strom div div .selected {
    color: #FFFFFF;
    background-color: #008000;
}

.strom div div .selected a {
    color: #FFFFFF;
    text-decoration: none;
}

.strom div div .selected a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* foto, fotogalerie */
.foto {
}

.foto .perex {
    font-style: italic;
    margin: 5px 0;
}

.foto .pic {
    padding: 5px;
    margin: 3px;
    border: 1px solid #C0C0C0;
    text-align: center;
}

.foto .pic .desc {
    margin: 5px 0;
}

.foto .gallery {
    float: left;
    padding: 5px;
    margin: 3px;
    border: 1px solid #C0C0C0;
}

.foto .gallery .desc {
    padding-top: 3px;
    color: #000000;
}

.foto .gallery-pic {
    float: left;
    padding: 5px;
    margin: 3px;
    border: 1px solid #C0C0C0;
}

.foto .gallery-pic H2 {
    margin: 3px 0;
}

.foto .gallery-pic img {
    border: 0;
}

.foto .gallery-all {
    float: left;
    width: 40px;
    height: 200px;
    padding: 5px;
    text-align: center;
    background: url(/gfx/arrow_big.png) left center no-repeat;
}

.foto .mini-gallery {
    padding: 5px;
    text-align: center;
}

.foto .mini-gallery img {
    border: 0;
}

.foto .mini-gallery img.actual {
    padding: 0 3px;
}

.foto .edit .block .gallery-names {
    float: left;
    margin: 5px;
}

.foto .edit .seourl {
    width: 100%;
}

/* logs - stranka s vypisem logu */
.logs {
}

.logs .filter {
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 5px;
}

/* strankovani - paging */
.paging {
    padding: 5px;
    margin-top: 5px;
}

.paging span {
    margin: 0 5px;
}

.paging .first {
}

.paging .rewind {
}

.paging .actual {
    font-weight: bold;
}

.paging .choice {
}

.paging .forward {
}

.paging .last {
}

/* strankovani - paging - end */

/* includes in pages */
.relations {
    clear: both;
}

-->
body {
	margin: 0; color:#000000; background-color:#FFFFFF; font-weight:normal; font-size:85%; font-family: Verdana, Arial, Helvetica;
	background-color: #f1d01a;
}
textarea {
	font-size:110%; font-family: Verdana, Arial, Helvetica;
}
td { font-size:85%; }

h1 { font-size: 140%; background: url(/gfx/logo_h1.png) no-repeat 0 center; color: #427ac7; padding: 2px 2px 2px 25px;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica; }
h2 { font-family: Comic Sans MS, Verdana, Arial, Helvetica; color:#427ac7;font-weight:bold;font-size:125%}
h3 {color:#427ac7; font-weight:bold;font-size:110%}
h4 {color:#427ac7; font-weight:bold;font-size:105%}
h5 {color:#427ac7; font-weight:normal;font-size:100%}

a:link {color: #139d23; text-decoration: none;}
a:active {color: #139d23; text-decoration: underline;}
a:hover {color: #139d23; text-decoration: underline;}
a:visited {color: #139d23; text-decoration: none;}

a.edit:link {color: #EE831C; text-decoration: none;}
a.edit:active {color: #EE831C; text-decoration: underline;}
a.edit:hover {color: #EE831C; text-decoration: underline;}
a.edit:visited {color: #EE831C; text-decoration: none;}

/* edit - obecne styly pro editacni formulare */
.edit .block .legend { position: absolute; top: -10px; background-color: #FFFFFF; color: #427ac7; padding: 0 5px; }
.edit .nazev { font-size: 13pt; background: url(/gfx/logo_h1.png) no-repeat; color: #427ac7; padding: 2px 2px 2px 25px;  
	font-family: Comic Sans MS, Verdana, Arial, Helvetica; }
.edit .block .nazev { width: 94%; }
textarea.perex { width: 100%; height: 50px; }
textarea.text { width: 450px; height: 350px; }

IMG { border: 0px; }
.tlacitko { color: #FFFFFF; background-color: #139d23; }
.button.main { color: #FFFFFF; background-color: #139d23; }

.envelope { margin: 0 auto; width: 1100px; overflow: hidden; }

/* top strip */
.topstrip { position: relative; padding: 0px; text-align: center; background: url(/gfx/topbck.png); }
.topstrip .dort { position: absolute; margin: 10px; right: 0px; top: 0px; width: 106px; height: 180px; background: url(gfx/dort.gif) no-repeat; }

/* left column */
.leftcol { float: left; width: 198px; border-left: 1px solid #139d23; border-right: 1px solid #139d23;
	background: url(/gfx/bottomleft_bck.gif); background-position: bottom left; background-repeat: no-repeat; background-color: #FFFF80; }
.leftcol .leftmenu { padding: 10px; font-size: 12pt; }
.leftcol .leftmenu a { color: #139d23; }
.leftcol .leftmenu .menuitem { font-weight: bold; }
.leftcol .leftmenu .menuitem div { margin-left: 10px; }
.leftcol .leftmenu .menuitem div a { color:#000000; }

/* menu */
.topmenu { float: left; width: 1100px; color:#008000; font-weight:bold; background-color:#139d23; padding: 0 0 5px 70px; }
.topmenu .menu-edit {  }
.topmenu div { float: left; margin: 0; padding: 0 5px; list-style: none; }
.topmenu ul li { float: left; padding: 0 5px; border-right: 1px solid #FFFF00; }
.topmenu ul li a { color: #FFFF00; }
.topmenu ul { margin: 0 5px; padding: 5px 0; list-style: none; }
.topmenu ul li { float: none; padding: 5px; border: none; }
.topmenu ul li a { color: #FFFFFF; }
.topmenu ul.submenu { margin: 0; border: 0px none; border-top: none; }
.topmenu .topmenu2 { float: right; }
.topmenu .topmenu2 li { padding: 0 5px; border-left: 1px solid #FFFF00; border-right: 0px none; }
.submenu { 	position: absolute; visibility: hidden; z-index: 110; background-color:#DDDDDD; margin: 5px 0; padding: 5px;
	border: solid 1px #333333; border-top: none; text-align: left; }
.submenu .menuitem {}
.red { background-color: #FE0000;}
.blue { background-color: #0070e0;}
.orange {background-color: #e16f00;}
.green {background-color: #0d6719;}

/* middle column */
.middlecol { float: left; width: 1100px; padding: 0px; background-color: #139d23; }
.middlecol .topleft { margin: 5px; float: left; background: url(/gfx/topleft_bck.gif) no-repeat; width: 10px; height: 10px; }
.middlecol .topright { margin: 5px; float: right; background: url(/gfx/topright_bck.gif) top right no-repeat; width: 10px; height: 10px; }
.middlecol .bottomleft { margin: 5px; float: left; background: url(/gfx/bottomleft_bck.gif) no-repeat; width: 10px; height: 10px; }
.middlecol .bottomright { margin: 5px; float: right; background: url(/gfx/bottomright_bck.gif) bottom right no-repeat; width: 10px; height: 10px; }
.middlecol .content { width: 800px; float: left; margin: 5px 0 0 5px; padding: 5px; background-color: #FFFFFF; border-radius: 10px 0 0 10px; }
.middlecol .content a { color: #139d23; }

/* right column */
.rightcol { width: 278px; float: left; margin: 5px 0 0 1px; padding: 5px 0; background-color: #FFFFFF; border-radius: 0 10px 10px 0 }
.rightcol .articles { padding: 5px; }
.rightcol .articles .article { padding: 0; }
.rightcol ul { list-style-image: url(/gfx/bullet1.gif); }
.rightcol ul li { padding: 5px 0; }
.rightcol ul li a { color: #525252; text-decoration: underline; }
.rightcol .archiv { text-align: right; margin: 5px; }
.rightcol .archiv a { color: #139d23; font-weight: normal; }
.rightcol .imagefoto { margin: 30px 0 10px 0; text-align: center; }
.rightcol H2 a { color:#427ac7; }

.search { text-align: right; color: #139d23; margin: 0 5px 5px 0;}
.search input { border: 1px solid #139d23; margin: 2px 0; }

/* prehled clanku */
.articles .article { margin: 10px 0; padding: 5px; border-bottom: 1px solid #139d23; }
.articles .article img { float: left; margin-right: 10px; }
.articles .article .header { font-size: 12pt; font-weight: bold; }
.articles .article .description {}
.articles .article .date { display: none; }
.aktualizovano { display: none; }

/* paticka */
.pata { wrap: both; color: #FFFFFF; background-color: #139d23; padding: 5px; }
.pata a { color: #FFFFFF; }
.pata .webmaster { font-size: 7pt; }
.pata .pata-left { float: left; }
.pata .pata-right { float: right; text-align: right; }
.middlecol .round { height: 10px; background: url(/gfx/bottom_bck.gif); margin: 0 5px;}

/* tiutlni stranka */
.title-page { background-color: #FFFFFF; }
.title-page H1 { background: url(/gfx/logo_h1.png) no-repeat; color: #427ac7; padding: 2px 2px 2px 25px; }
.title-page H2 { background: none; color: #427ac7; padding: 2px;  }
.title-page .screen { width: 800px; overflow: hidden; position: relative; }
.title-page ul.reel { margin: 0; padding: 0; list-style: none; position: relative; width: 6400px; }
.title-page ul.reel li { float: left; }

/* Strom */
.strom { padding: 5px; }
.strom div { font-weight: bold; color: #139d23; padding: 5 0 0 5px; border-top: 0px none; margin: 2px; }
.strom a, .strom a:hover { color: #139d23; }
.strom a:visited { color: #139d23; }
.strom .hilited { color: #FFFFFF; background-color: #139d23; }
.strom .hilited a, .strom .hilited a:hover { color: #FFFFFF; text-decoration: none; }
.strom .hilited a:visited { color: #FFFFFF; text-decoration: none; }
.strom div .selected { color: #FFFFFF; background-color: #139d23; }
.strom div .selected a { color: #00FF00; text-decoration: none; }
.strom div .selected a:visited { color: #FFFFFF; text-decoration: none; }
.strom div div { font-weight: normal; padding-left: 10px; border-top: 0px none; }
.strom div div a, .strom div div a:hover { color: #139d23; }
.strom div div a:visited { color: #139d23; }
.strom div div .hilited { color: #FFFFFF; background-color: #139d23; }
.strom div div .hilited a, .strom div div .hilited a:hover { color: #FFFFFF; text-decoration: none; }
.strom div div .hilited a:visited { color: #FFFFFF; text-decoration: none; }
.strom div div .selected { color: #FFFFFF; background-color: #139d23;}
.strom div div .selected a { color: #FFFFFF; text-decoration: none; }
.strom div div .selected a:visited { color: #FFFFFF; text-decoration: none; }

/* clanek - clanky */
.article .edit .title { font-size: 13pt; background: url(/gfx/logo_h1.png) no-repeat; color: #427ac7; padding: 2px 2px 2px 25px;  
	font-family: Comic Sans MS, Verdana, Arial, Helvetica; border: 1px solid #DDDDDD; width: 95%; }

/* foto, fotogalerie */
.foto .pic { padding: 5px 0; margin: 0px; border: 1px solid #C0C0C0; text-align: center;}
.foto .gallery { float: left; width: 175px; height: 235px; overflow: hidden; padding: 5px; margin: 1px; border:1px solid #C0C0C0; }
.foto .gallery-pic { float: left; width: 175px; height: 235px; overflow: hidden; padding: 5px; margin: 1px; border: 1px solid #C0C0C0; }
.foto .gallery-all { width: 30px; }

/* zengrovka */
.zengrovka .headpic { text-align: center; }
.zengrovka .pages { margin-top: 15px; text-align: center; }
.zengrovka .pages a.page { padding: 5px; text-align: center; font-size: 14pt; color: #427AC7; }

/* Dokumenty - documents */
.documents .item { margin-bottom: 20px; }
.documents .item a { font-size: 120%; padding-left: 25px; }