/* phpRS Layout Engine 2.7.0 - verze: "FreeStyle" */
body {background-color: #FFFFFF; background: url('bg.gif'); font-family: "verdana", "arial"; font-size: 11px; color: #000000; margin-top: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
img {border: none; }
table {border-collapse: collapse; }
.zahlavi {width: 100%; }
.zapati {width: 100%; text-align: center; }

/* bloky */

/* menu graficke 1 */
A.menu1:link, A.menu1:visited {font-size: 11px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #B92626;  height: 14px;  background-color: #f0f0f0; margin-bottom: 1px; background-image: url('menu/menu_over_b1.gif'); background-repeat: no-repeat; }
A.menu1:hover                 {font-size: 11px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #B92626;  height: 14px;  background-color: #e5e5e5; margin-bottom: 1px; background-image: url('menu/menu_over_b1.gif'); background-repeat: no-repeat; }

/* menu graficke 2 */
A.menu2:link, A.menu2:visited {font-size: 11px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #0000cc;  height: 14px;  background-color: #f0f0f0; margin-bottom: 1px; background-image: url('menu/menu_over_b2.gif'); background-repeat: no-repeat; }
A.menu2:hover                 {font-size: 11px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #0000cc;  height: 14px;  background-color: #e5e5e5; margin-bottom: 1px; background-image: url('menu/menu_over_b2.gif'); background-repeat: no-repeat; }

/* menu graficke 3 */
A.menu3:link, A.menu3:visited {font-size: 10px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #000000;  height: 14px;  background-color: #f0f0f0; margin-bottom: 1px; background-image: url('menu/menu_over_b4.gif'); background-repeat: no-repeat; }
A.menu3:hover                 {font-size: 10px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 15px;  COLOR: #000000;  height: 14px;  background-color: #e5e5e5; margin-bottom: 1px; background-image: url('menu/menu_over_b4.gif'); background-repeat: no-repeat; }

/* menu graficke 0 */
A.menu0:link, A.menu0:visited {font-size: 10px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 30px;  COLOR: #505050;  height: 14px;  background-color: #f0f0f0; margin-bottom: 1px; background-image: url('menu/menu_over_b5.gif'); background-repeat: no-repeat; }
A.menu0:hover                 {font-size: 10px;  text-decoration: none;  text-align: left;  background-position: left center;  border: 0px;  display: block;  padding-top: 2px;  padding-left: 30px;  COLOR: #505050;  height: 14px;  background-color: #e5e5e5; margin-bottom: 1px; background-image: url('menu/menu_over_b5.gif'); background-repeat: no-repeat; }

/* vzhlad baner horny - meniace sa obrazky */
.baner1 {width: 770px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #000000; padding: 0px; background-color: #ffffff; }

/* vzhlad webu */
.vrch {border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #000000; padding: 0px; background-color: #ffffff; }
.stred {border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #000000; padding: 0px; background-color: #ffffff; }
.spodok {color: #ffffff; font-size: 12px; font-weight: bold; background-image: url('spodna_lista.gif'); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #000000; padding: 0px; background-color: #ffffff; }

/* hyperlinky */
A {font-size: 12px; font-style: normal; font-variant: normal; }
A:link {color: #003098; font-weight: bold; }
A:visited {color: #003098; font-weight: bold; }
A:hover {color: #ff0000; font-weight: bold; text-decoration: underline; }
A:active {color: #003098; font-weight: bold; }
A.clanek:link {color: #2B43B3; font-size: 16px; text-decoration: none; }
A.clanek:visited {color: #2B43B3; font-size: 16px; text-decoration: none; }
A.clanek:hover {color: #FF0000; font-size: 16px; text-decoration: none; }
A.clanek:active {color: #000000; font-size: 16px; text-decoration: none; }
A.menuw:link {color: #ffffff; font-size: 12px; text-decoration: none; }
A.menuw:visited {color: #ffffff; font-size: 12px; text-decoration: none; }
A.menuw:hover {color: #ffffff; font-size: 12px; text-decoration: underline; }
A.menuw:active {color: #ffffff; font-size: 12px; text-decoration: underline; }
.std-navig A:link {color: #000000; }
.std-navig A:visited {color: #000000; }
.std-navig A:hover {color: #3333FF; }
.std-navig A:active {color: #000000; }

/* zakladni styly */
.z {color: #000000; font-size: 12px; font-weight: normal; }
.nadpis {color: #ff0000; text-decoration: underline; font-weight: bold; text-align: center; font-size: 18px; }
.podnadpis {color: #000000; text-align: center; font-size: 12px; }

/* komentare */
.kom-z {color: #000000; font-size: 12px; font-weight: normal; }
.kom-link {color: #000000; font-size: 12px; font-weight: normal; }
.kom-hlavicka {color: #000000; padding: 4px; font-size: 12px; font-weight: normal; }
.kom-text {color: #000000; background-color: #EEEEEE; padding: 3px; border: 1px solid #000000; font-size: 12px; font-weight: normal; }
.kom-cely-ram {}

/* ankety */
.anketa-std-ram {width: 420px; text-align: left; }
.anketa-std-otazka {color: #000000; font-size: 12px; text-align: center; }
.anketa-std-odpovedi {color: #000000; font-size: 12px; }
.anketa-cla-celkovy-ram {width: 460px; color: #000000; font-size: 12px; text-align: center; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: dashed; border-color: #003098; padding: 6px; margin: 6px; }
.anketa-cla-ram {width: 420px; text-align: left; }
.anketa-cla-otazka {color: #000000; font-size: 12px; font-weight: bold; }
.anketa-cla-odpovedi {color: #000000; font-size: 10px; }
.anketa-blok-z {color: #000000; font-size: 12px; }
.anketa-blok-odpovedi {color: #000000; font-size: 10px; }
.anketa-blok-odp-cara {width: 140px; background-color: #DEE7FF; font-size: 6px; text-align: left; margin-top: 4px; margin-bottom: 4px; }
.anketa-blok-odp-cara-hlasy {background-color: #003098; }

/* clanky */
.cla-nadpis {color: #ff0000; font-weight: bold; font-size: 16px; margin: 0px; }
.cla-text {color: #000000; font-weight: normal; font-size: 12px; }
.cla-informace {color: #035D8A; font-size: 11px; font-weight: normal; }
.cla-informace-tisk {color: #000000; font-size: 11px; font-weight: normal; }

/* hodnoceni clanku */
.hodnoceni-celkovy-ram {color: #000000; font-size: 10px; text-align: right; margin: 6px; }

/* souvisejici clanky */
.souvis-cla-celkovy-ram {color: #000000; font-size: 12px; text-align: left; margin: 6px; }

/* download sekce */
.download-z {color: #000000; font-size: 12px; }
.download-sekce {color: #000000; font-size: 12px; text-align: center; padding: 6px; }
.download-sekce-akt {font-weight: bold; }

/* weblinks sekce */
.weblinks-z {color: #000000; font-size: 12px; }
.weblinks-sekce {color: #000000; font-size: 12px; text-align: center; padding: 6px; }
.weblinks-sekce-akt {font-weight: bold; }

/* std. navigacni lista */
.std-navig {color: #000000; font-size: 12px; text-align: center; margin-bottom: 1.2em; }
.std-navig-akt-str {font-weight: bold; }

/* sys.blok - kalendar  */
.kal-text {color: #000000; font-size: 12px; font-weight: normal; }
.kal-clanek {background-color: #C7F1C7; }
.kal-dnesni {background-color: #C1E0FF; }

/* sys.blok - novinky */
.nov-datum {color: #000000; font-size: 11px; font-weight: bold; }
.nov-titulek {color: #ff0000; font-size: 11px; font-weight: bold; }
.nov-titulek-duraz {color: #ff0000; font-size: 11px; font-weight: bold; }
.nov-text {color: #003098; font-size: 11px; font-weight: normal; }

/* dalsi pomocne styly*/
.banner-text {color: #000000; font-size: 10px; font-weight: normal; }
.banner-img {color: #000000; font-size: 10px; font-weight: normal; }
.strankovani {color: #000000; font-size: 10px; font-weight: bold; }
.chybastredni {color: #FF0000; text-align: center; font-size: 14px; font-weight: bold; }

/* rozsirujici styly pro plug-iny */
.planakci {font-size: 10px; }
.informace {color: #000000; font-size: 9px; font-weight: normal; width: 100%; }

/* oramovani oblasti */
.mezera {width: 5px; }
.ohr {width: auto; }
.modryram {border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: dashed; border-color: #003098; padding: 6px; background-color: #FFFFFF; }
.premodryram {border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: dashed; border-color: #003098; padding: 6px; background-color: #FFFFFF; }

/* textova pole, tlacitka */
.textbox {background: transparent; background-color: white; border: 1px solid #000000; color: #000000; font-size: x-small; text-align: left; }
.textpole {border: 1px solid #000000; color: #000000; font-size: 12px; }
.tl {background-color: #DEE7FF; color: #003098; font-size: 11px; font-weight: bold; text-align: center; border: 1px solid #003098; }

/* START CSS MENU Inspired by http://www.duoh.com/csstutorials/cssverticalmenu2/ */
ul#nav {height: 29px; margin: 0px 0px -3px 0px; padding: 0px; border: 0px; list-style-type: none}
ul#nav img {border: 0px; }
ul#nav li li {display: block; float: none; background-color: transparent; border: 0px; margin: 0px; padding: 0px; }
ul#nav ul li {list-style-type: none; border: 0px; margin: 0px; padding: 0px; display: inline; }
ul#nav li ul {margin: 0px; padding: 0px; display: none; position: absolute; left: 0px; top: 29px; }
ul#nav li:hover ul {display: block; }
ul#nav li.over ul {display: block; }
#button1 {float: left; position: relative; height: 29px; }
#button2 {float: left; position: relative; height: 29px; }
#button3 {float: left; position: relative; height: 29px; }
#button4 {float: left; position: relative; height: 29px; }
#button5 {float: left; position: relative; height: 29px; }
#button6 {float: left; position: relative; height: 29px; }
#button7 {float: left; position: relative; height: 29px; }
ul#nav li ul li {margin: 0px; padding: 0px; }
ul#nav li ul li a {padding: 2px 10px 2px 10px; display: block; margin: 0px; color: #ffffff; background-color: #ff4500; border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; text-decoration: none;
/* filter: alpha(opacity=93); */
}
#nav li ul li a:hover {display: block; color: #ffffff; background-color: #4682b4; text-decoration: none}
#button1 ul li a {width: 110px; }
#button2 ul li a {width: 110px; }
#button3 ul li a {width: 110px; }
#button4 ul li a {width: 110px; }
#button5 ul li a {width: 110px; }

/* END CSS MENU Inspired by http://www.duoh.com/csstutorials/cssverticalmenu2/ END*/
/* LIGHTBOX 2, 02  http://www.huddletogether.com/projects/lightbox2/ */
#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; }
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px; }
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; }
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0; }
#hoverNav a {outline: none; }
#prevlink, #nextlink {width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat;
/* Trick IE into showing hover */
display: block; }
#prevLink {left: 0; float: left; }
#nextLink {right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover {background-image: url("images/prev.gif");   background-position: left;   background-repeat: no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background-image: url("images/next.gif");   background-position: right;   background-repeat: no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData {padding: 0 10px; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }
#imageData #caption {font-weight: bold; }
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; }
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix {display: inline-block; width: 100%; }
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}


/**********       Technicky      **************/
div#tabulka {background-color: white; z-index: 2; }
div#tabulka table {border-collapse: collapse; width: 450px; }
div#tabulka td {border: 1px rgb(70,70,70) solid; border-collapse: collapse; font: 400 11px/150% Tahoma, Verdana, Arial; vertical-align: top; padding-left: 5px; }
div#tabulka h4 {color: white; font: 800 11px/170% Tahoma, Verdana, Arial; margin: 10px 0px; background: #0000A3 url('pics/table_title.gif') no-repeat 0 0; width: 119px; display: block; height: 20px; position: relative; left: 0px; top: 11px; padding-left: 10px; }
div#tabulka h3 {color: red; font: 800 12px/150% Tahoma, Verdana, Arial; margin: 0px 0px; padding: 0px; display: block; position: relative; left: 0px; top: 12px; padding-left: 0px; }
div#tabulka h3.modry {color: #0033FF; }


/**********     Fotogaleria    **************/
.fotogaleria_center      {background: #ffffff; color: #000000; font-size: 9px; text-align: center; }
.fotogaleria_tabulka     {background: #ffffff; color: #000000; font-size: 9px; text-align: center; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #999; padding: 1px; margin: 1px; }
.fotogaleria_td          {background: #ffffff; color: #000000; font-size: 9px; text-align: center; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #999; padding: 1px; margin: 1px; }
div.fotogaleria_caption  {background: #eeeeee; color: #000000; font-size: 9px; text-align: center; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #999; padding: 1px; margin: 1px; }
.fotogaleria_a           {background: #ffffff; color: #000000; font-size: 9px; text-align: center; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #999; padding: 1px; margin: 1px; }