﻿* {margin:0;padding:0;border:0}
html, body, #design {height:100%}
body /* -ie- */{font-size:100%;background:#f3f7f8 url('../img/bgr/topBg.gif') repeat-x 0 0;font-family:Verdana, "Trebuchet MS", sans-serif}
.cleaner {clear:both}
#design {background:url('../img/bgr/siteBg.gif') repeat-y center 0;height:100%}

#site /* -ie- */{background:url('../img/bgr/bottomBg.gif') repeat-x 0 100%} 
#siteIn /* -ie- */{width:980px;margin:0 auto;position:relative;background:url(../img/bgr/leftBg.gif) repeat-y left}
#siteInBg {background:url(../img/bgr/menuBottomBg.gif) no-repeat 0 412px}
/* -hlavicka- */
#siteHeader {background:#00696a url('../img/bgr/topSiteBg.gif') no-repeat top right;height:128px}
#siteHeader #logo {position:absolute;top:0;left:-10px}
#siteHeader ul {list-style-type:none;float:right;margin:5px 5px 0 0}
#siteHeader ul li {width:30px;height:28px;float:left;background:url(../img/flags/dotted.gif) no-repeat right;padding:5px 10px 0 0;font-size:.4em;margin-left:10px}
#siteHeader ul li.nobg {background:none;padding-right:0}
#siteHeader ul li.langActive span {background:url(../img/flags/langActive.gif) no-repeat 12px 0;display:block;margin-top:-5px;padding-top:5px;height:28px;width:30px}

/* -horni menu- */
#siteHeaderMenu /* -ie- */{clear:both;font-size:.7em;background:#00696a url(../img/bgr/topMenuBg.gif) no-repeat right 0;height:3.25em}
#siteHeaderMenu menu {float:right;list-style-type:none}
#siteHeaderMenu menu li {float:left;background:url(../img/lines/menuDotted.gif) no-repeat left}
#siteHeaderMenu menu li a {color:#e9fcff;font-weight:bold;text-decoration:none;line-height:2.9em;display:block;padding:0 10px;margin-left:1px}
#siteHeaderMenu menu li a:hover {background:#00696a}

/* -menu po rozbaleni- */
.MenuBox {width:180px;margin:0;z-index:20}
.MenuBox {visibility:hidden;z-index:20;position:absolute}
.MenuBox ul {list-style-type:none;background:#00696a;z-index:20;margin:0;width:180px;border-bottom:0;padding:10px 0}
.MenuBox li {background:#00696a url(../img/icons/dropMenuArrow.gif) no-repeat 10px 50%;color:#fff;width:100%}
.MenuBox li a /* -ie- */{display:block;background:url(../img/icons/dropMenuArrow.gif) no-repeat 10px 50%;color:#e9fcff;font-weight:bold;font-size:0.8em;text-decoration:none;padding:3px 0 3px 20px}
.MenuBox li a:hover {background:url(../img/icons/dropMenuArrow.gif) no-repeat 10px 50%}

/* -hledani- */
#siteHeaderMenu fieldset {padding:4px 0 0 15px}
#siteHeaderMenu fieldset input#EXPS {background:#d9ecef;width:127px;height:19px;border-left:1px solid #bebebe;border-top:1px solid #bebebe;}
/* -opera- */#siteHeaderMenu fieldset input.searchBtn /* -ie- */{width:47px;height:20px;margin-bottom:-3px}
/* -firefox- */:root #siteHeaderMenu fieldset input.searchBtn {margin-bottom:-6px}


/* -obsah- */
#page {width:770px;float:right}
#page p {font-size:.7em;color:#3d4a49}
#page a {font-size:100%;color:#00999b}

/* -titulka prvni box- */
#contentFirst {background:#e5f1f3;width:260px;float:left;padding-bottom:15px;text-align:right}
#contentFirst p {margin:10px;text-align:justify}
#contentFirst a {font-size:.7em;color:#00999b;margin:0 20px 0 0;background:url(../img/icons/linkArrow.gif) no-repeat 0 5px;padding-left:7px}
#contentFirst img {margin:37px 0 10px;clear:both}
#contentFirst a.ilink {margin:0;padding:0;background:none}

/* -titulka druhy  box- */
#contentSecond {background:#f3f8f8;width:260px;float:left;padding-bottom:15px;text-align:right}
#contentSecond a {font-size:.7em;color:#00999b;margin:0 20px 0 0;background:url(../img/icons/linkArrow.gif) no-repeat 0 5px;padding-left:7px}
#contentSecond img {margin:7px 0 10px;clear:both}
#contentSecond .articleListTitle {text-align:left;margin:7px;clear:both;height:91px}
#contentSecond .articleListTitle span {border:2px solid #cddddd;padding:1px;float:left;margin-right:5px}
#contentSecond .articleListTitle span img {margin:0}
#contentSecond .articleListTitle strong {color:#00696a}
#contentSecond .articleListTitle a {font-size:100%;color:#3d4a49;background:#f3f8f8;padding:0}
#contentSecond a.ilink {margin:0;padding:0;background:none}

/* -titulka treti box- */
#contentThird {background:#fff;width:250px;float:left;padding-bottom:15px;text-align:right}
#contentThird a {font-size:.7em;color:#00999b;margin:0 20px 0 0;background:url(../img/icons/linkArrow.gif) no-repeat 0 5px;padding-left:7px}
#contentThird img {margin:5px 0 10px;clear:both}
#contentThird .articleListTitle {text-align:left;margin:8px;clear:both;height:91px}
#contentThird .articleListTitle span {border:2px solid #cddddd;padding:1px;float:left;margin-right:5px}
#contentThird .articleListTitle span img {margin:0}
#contentThird .articleListTitle strong {color:#e3171e;font-size:110%}
#contentThird .articleListTitle a {font-size:120%;color:#000;font-weight:bold;background:#fff;padding:0;text-decoration:none}
#contentThird a.ilink {margin:0;padding:0;background:none}

#contentFirst h2, #contentSecond h2, #contentThird h2 {background:url(../img/bgr/titleHeadBg.gif) no-repeat;height:51px;line-height:53px;color:#00696a;font-size:1.2em;font-weight:normal;padding-left:25px;line-height:55px;text-align:left}

/* -seznam clanku- */
h1 {background:url(../img/bgr/headBg.gif) no-repeat;height:51px;color:#00696a;font-size:1.2em;font-weight:normal;padding-left:25px;line-height:58px;text-align:left}

/* -popis kategorie- */
#desc {margin:10px 12px}

.listOfArticles {padding:10px 0;margin:0 12px;clear:both;background:url(../img/lines/bigDotted.gif) repeat-x bottom}
.listOfArticles a {border:3px solid #cddddd;float:left;margin:0 10px 10px 0}
.listOfArticles a img {margin:1px}
.listOfArticles .listOfArticlesIn {display:inline;}
.listOfArticles .listOfArticlesIn a {border:0;float:none;margin:0}
.listOfArticles .listOfArticlesIn h4 {margin-bottom:5px}
.listOfArticles .listOfArticlesIn p {margin-top:10px}
.listOfArticles .listOfArticlesIn p a {font-size:100% !important}
.listOfArticles .listOfArticlesIn p.date {background:#00999b;color:#fff !important;font-size:60% !important;padding:2px;font-weight:bold;margin-bottom:10px;display:inline}
.noBrdr {background:none}
.listOfArticles .listOfArticlesIn .SrchTxt {font-weight:bold}
.searchResult {margin:5px 0 0 15px;font-size:100%}
dl.searchResult {margin:10px 15px}
.searchResult dt, .searchResult dd {font-size:70%;color:#3d4a49}

.search {margin-top:10px}
.search h4 {font-size:80%}
/* -strankovnik- */
#listPager {background:#d6ecef;height:1.5em;padding:10px 12px;text-align:right}
#listPager .active {background:#00999b;color:#fff;border:1px solid #00999b;font-size:.7em;font-weight:bold;padding:1px 3px}
/*#listPager .inActive {background:#fff;border:1px solid #00999b;font-weight:bold}*/
#listPager .inActive a {margin-top:-2px;background:#fff;border:1px solid #00999b;font-weight:bold;text-decoration:none;padding:2px 3px;padding-top:0}
#listPager .inActive a:hover {background:#00999b;color:#fff;}
#listPager img {margin-bottom:-8px}

/* -clanek- */
#content {margin:10px;width:95%}
#contentTxt .cleaner {display:inline}
#contentTxt #pig {border-collapse:collapse;margin-bottom:10px}
#contentTxt #pig td {vertical-align:top;text-align:justify}
#contentTxt #pig td span {border:3px solid #cddddd;margin:0 10px 10px 0;display:block}
#contentTxt #pig td span img {margin:1px}
#contentTxt #pig td b {background:#00999b;color:#fff}
#contentTxt #pig td strong {color:#5a6d6d;font-weight:bold}
#contentTxt #pig td i {color:#3d4a49;font-size:.7em}
#contentTxt #pig td p {background:url(../img/lines/bigDotted.gif) repeat-x bottom;padding-bottom:5px}

#contentTxt h2 {font-size:1em;color:#00696a;margin:10px 0}
#contentTxt h3 {color:#00696a;font-size:.9em;margin:10px 0}


/* -souvisejici-kapitoly-prilohy- */
.relatedBoxes {width:170px;clear:both;background:#e5f1f3;border:4px solid #84c1c3;color:#320098;font-size:70%;float:right;margin:10px 0 10px 10px;padding-bottom:10px}
.relatedBoxes li {list-style-image:url(../img/icons/list.gif);list-style-type:none;padding:0 5px;color:#00696a}
.relatedBoxes li b {font-size:.7em;float:left}
.relatedBoxes li.relatedNames {padding:3px 0;font-weight:bold;margin-bottom:7px;list-style-type:none;list-style-image:none;background:#84c1c3;color:#fff;font-size:130%}
.relatedBoxes li a {color:#00696a !important;font-weight:bold;text-decoration:none;font-size:100% !important}
.relatedBoxes li a:hover {text-decoration:underline}
.relatedBoxes li span {background:#00999b;color:#fff !important}

.relatedList {background:#fff}
.relatedList li  {background:url(../img/icons/linkArrow.gif) no-repeat 5px}
.relatedList li a {font-weight:normal;background:url(../img/icons/linkArrow.gif) no-repeat 0;padding-left:7px;text-decoration:underline}

/* -posli-tiskni- */
#naviBox {font-size:.7em;clear:both;list-style-type:none;margin-top:10px;padding:10px 12px;height:.8em;background:#d6ecef;height:1.4em}
#naviBox li {float:left}
#naviBox li a {color:#00999b;line-height:2em;display:block}
#naviBox li#print {background:url(../img/icons/print.gif) no-repeat 0;width:150px;margin-right:10px}
#naviBox li#print a {background:url(../img/lines/smallDotted.gif) no-repeat 100%;padding:0 5px 0 30px}
#naviBox li#mail {background:url(../img/icons/mail.gif) no-repeat 0;width:190px}
#naviBox li#mail a {background:url(../img/icons/mail.gif) no-repeat 0;padding:0 0 0 30px}
#naviBox li#prev {width:135px;margin:0 5px 0 100px;text-align:right;display:inline}
#naviBox li#prev span {background:url(../img/icons/leftArrow.gif) no-repeat 0;visibility:hidden;padding-left:30px}
#naviBox li#prev a span {visibility:visible;display:block}
#naviBox li#next {width:140px}
#naviBox li#next span {display:none;background:url(../img/icons/rightArrow.gif) no-repeat 100%;padding-right:30px}
#naviBox li#next a span {display:block}

/* -formular pro odeslani mailem- */
#sendArticle {text-align:center;display:none;padding:30px 0;width:770px;clear:both;font-size:80%;background:#fff;color:#3d4a49}
#sendMail {width:270px;border:1px solid #939393;margin:0 auto;text-align:left;padding:10px 20px}
#sendMail legend {color:#5b5b5c}
#sendMail legend img {text-align:right}
#sendMail input {margin-bottom:10px;width:250px;padding:3px;border:1px solid #cccccc}
#sendMail select {margin-bottom:10px;width:260px;padding:3px;border:1px solid #cccccc}
#sendMail textarea {width:250px;padding:3px;border:1px solid #cccccc}
#sendArticle #sendBtns {width:270px;margin:10px auto;list-style-type:none}
#sendArticle #sendBtns li {float:left;width:50%;text-align:right}
#sendArticle #sendBtns li input {margin-right:50px}
#sendArticle #sendBtns li a {color:#000;line-height:20px}
#sendArticle #sendBtns li img {cursor:pointer;margin-bottom:-3px}


/* -levy panel- */
#leftPanel {background:#addee5 url(../img/bgr/menuTop.gif) no-repeat 0 0;height:100%;padding-top:24px;width:210px;float:right}
#leftPanel menu {list-style-type:none;line-height:1.7em;height:100%}
#leftPanel menu li {background:url(../img/lines/leftMenuDotted.gif) no-repeat bottom;text-align:right;width:100%;padding-bottom:1px}
#leftPanel menu li a {font-weight:bold;color:#000;text-decoration:none;font-size:.8em;display:block;width:180px;background:url(../img/icons/menuArrow.gif) no-repeat 90%;padding-right:30px}
#leftPanel menu li a:hover {background:#9bd1d7 url(../img/icons/menuArrow.gif) no-repeat 90%} 


/* -paticka- */
#footer /* -ie- */{clear:both;background:#b9ddde;height:54px;padding:0;font-size:.7em;padding:0 10px 0 0}
#footer p {float:right;color:#5e7171;text-align:right;margin-top:12px}
#footer a {color:#00999b}























