
/* ********** basic definitions ********** */
body {

  margin:5px; padding:0px;
  font-size:8pt;
  line-height: 1.5;
  font-family: Tahoma, Verdana, sans-serif;
  background:#3a3d3d;
  color: #CECECE;

}



/* ********** web layout ********** */
#hlavicka {
  width:auto;
  margin:0; padding:0;
  background:url(../images/sloup.jpg);
  /*border: 1px solid #666666;*/
}

#main1 {
  width:698px;
  margin: auto;
}

#main2 {
  width:955px;
  margin: auto;
}

#hlavni1 {
  clear:both;
  margin:0; padding:0;
  background-color:#000000;

  /*border: 1px solid #666666; */
  background:url(../images/sloup.jpg) top right repeat-y;
}

#hlavni2 {
  margin:0; padding:0;
  /*background-color:#000000;*/

  /*border: 1px solid #666666; */
  background:url(../images/sloup.jpg) top left repeat-y;
}

.panel_image {
  background:url(../images/sloup.jpg);
}


#levypanel {
  float:left;
  width:196px;
  margin:0; padding:0;

  /*font-size:80%;*/
}

#pravypanel {
  float:right;
  width:196px;
  margin:0; padding:0;

  /*font-size:80%;*/
}


.sloup_horizont {
  clear: both;
  width:100%;
  background:url(../images/sloup_horizont.jpg);
}

.stredni_lr {margin:0 198px 0 198px; }
.stredni_l {margin:0 198px 0 0;}
.stredni_r {margin:0 0 0 198px;}

#stredni {
  /*background: #000000 url(../images/main_poz.jpg) top  center  no-repeat;  */
  padding:0 7px 0 0;
  /*font-size:80%;*/

}

#paticka {
  background:url(../images/bottom.jpg);
  height:139px;
  padding: 6px 20px 0 0;
}


h1 {
font-size: 130%;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 135%;
}

h4 {
font-size: 120%;
}

h2, h3, h4 {
  margin: 0.6em 0;
  color:#bd9d39;
}

h1 {
  margin: 0;
  padding: 3px 0 0 5px;

  height: 23px;
  font-weight:bold;
  color: #000;
  background:url(../images/h_poz.jpg)  center left no-repeat;
}

h3 a:link, h3 a:visited {
  text-decoration: underline;
  color: #bd9d39;
  border: 1px none;
  /*padding: 0 2px 0 2px;*/
}

h3 a:hover {
  text-decoration: none;
  background-color: #bd9d39;
  color: #3a3d3d;
}


h3.folder  {
  background:url(../images/sym_folder.gif)  center left no-repeat;
  padding-left:20px;
}


p {
  margin: 0.2em 0
}

/* ********** anchors ********** */
a:link, a:visited {
  text-decoration: underline;
  color: #CECECE;
  border: 1px none;
  /*padding: 0 2px 0 2px;*/
}

a:hover {
  text-decoration: none;
  background-color: #CECECE;
  color: #3a3d3d;
}

a.bez:link, a.bez:visited {
  text-decoration: none;

}

/* ********** forms ********** */

input, textarea, select {
font-family:inherit;
font-size:inherit;
padding: 2px;
color: #C0C0C0;
border: 1px solid #C0C0C0;
background: #000000 url(../images/input.jpg) top left repeat-x;
}


input.button {
margin: 2px;
background-color:#C0C0C0;
color:#000000;
border: 1px solid #C0C0C0;
cursor: pointer;
background-image:none;
}

/* ********** blocks ********** */
.blok_nad {
  padding: 3px 0 0 25px;
  font-weight:bold;
  color: #000;
  font-size:120%;
  width:171px;
  height: 21px;
  background-image:url(../images/sloup_nad.jpg);
}

/* ********** others ********** */

.obsah {
  margin:0;
  /*padding:0.5em 0.5em; */
}

.obsah_stred {
  /*background: #000000 url(../images/main_poz.jpg)  no-repeat; */
  margin:0;
  padding:0 1em;

}

.obsah_stred_tour {
  background-color: #2d2c2c;
  margin:0;
  padding:0 1em;

}

.obsah_blok {
  margin:0;
  padding: 0 1.8em 0 1.8em;
}

.maly {
  font-size:80%;
}

.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}

.sto_p {
width:100%;
}

.sto_p2 {
width:98%;
}

.form_pevna {
width: 300px;
}

div.error {
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
}

div.strankovani {
background-color:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/
padding: 2px;
}

div.strankovani_bez_poz {
border: 1px solid #302F2C;
padding: 2px;
}

div.message {
border: 1px dashed #FF0000;
padding:3px;
font-weight:bold;
}

div.photo {
background-color:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/
padding: 2px;
width:120px;
text-align:center;
}

div.photo_desc {

background-color:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/
padding: 5px;

}

.normal {
font: normal;
font-weight:normal;

}


/* ********** fonts ********** */

.velky {
  font-size:200%;
}

/* ********** tables ********** */

table {
font-size:8pt;

word-spacing: 0;
border-collapse: collapse;
table-layout:auto;
}

td {
  padding: 3px;
  vertical-align:top;
}

div.adm td {
  border: 1px solid #C0C0C0;
}

div.adm table {
  width: 100%;
}

td.zahlavi {
  background-color: #C0C0C0;
  color: #000000;
  font-weight:bold;
}

div.find td {
  background-color: #2A2A2A;
  border: 3px solid #464104;
}


table.sed td {
  background-color:#161616;
  border: 3px solid #2d2c2c;
}


/* ********** zarovnání ********** */

.vlevo {
text-align:left;
}

.vpravo {
text-align:right;
}

.center {
text-align:center;
}

/* ********** barvy ********** */
.cerveny {
  color:#FF0000;
}

.zeleny {
  color:#027227;
}

.barva2 {
  color:#cfd11e;
}

.barva1 {
  color:#bd9d39;
}

/* ********** obrazky ********** */
img {
border:none;
}

img.padtri {
padding:3px;
}

a img.padtri {
border: 1px solid #A78A5A;
padding:1px;
margin:4px;
}

a:hover img.padtri {
border: 1px solid #7F603F;
padding:1px;
margin:4px;
}

/* ********** menu ********** */
.adm_menu {
  background-color:#333333;
  color: #000000;
  text-align:right;
  padding: 5px;
  border: 1px solid #666666;
}

div.menu ul               { padding: 0px; margin: 0px 0px 0px 13px; list-style-type:square }
div.menu li               { padding-bottom:5px; font-weight: bold; }
div.menu li a             { font-weight: bold; }
div.menu li a:hover       { font-weight: bold; }


.rychle_odkazy {
  margin: 15px 0px 15px 15px; _margin: 15px 0px 15px 25px;
  border: solid 1px #333333;
  background-color:#1C1B1A;
  width: 160px; _width: 190px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  float: right;
}


/* ********** menu rozbalovaci ********** */

  #menu {width: 152px; padding: 0px 5px 0px 22px;}
  #menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
  #menu li, #menu ul.sub li {margin: 0; width: 100%; text-decoration: none;}
  #menu li a {display: block; color:#FFF;}
  #menu ul li.main {position: relative;}
  #menu ul li.main:hover ul.sub {visibility: visible;}
  #menu li.mainHover ul.sub{visibility: visible;}
  #menu li {behavior: url(../js/hover.htc);}
  #menu li a {width: 100%; font-weight:bold; text-decoration:none; border-bottom: 1px dotted #999999; padding-left: 5px;}
  #menu li a:hover {color:#bd9d39; background:none;}

  #menu ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; }
  #menu ul.sub { border: 1px solid #666666; background-color:#333333; padding:3px;}

  #menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
  #menu ul.sub li a {display: block; margin: 0; border-left: 3px solid #CC3300; padding: 2px; text-decoration:none;}
  #menu ul.sub li a:hover {border-left: 1px solid white;}

  #menu ul.sub_vis {border-top:1px solid #333333;border-bottom:1px solid #333333;}
  #menu ul.sub_vis li a {display: block; margin: 0; border:none ; font-weight:normal; padding: 0px; padding-left: 5px; text-decoration:none;}
  #menu ul.sub_vis li a:hover {border-left: 1px solid white;}


  #menu_horizont {width: 100%; float: none;}
  #menu_horizont ul, #menu_horizont ul.sub {list-style-type:none; margin: 0; padding: 0;}
  #menu_horizont li, #menu_horizont ul.sub li {margin: 0; padding: 0; text-decoration: none;}
  #menu_horizont li {float: left; padding: 3px;}
  #menu_horizont ul li.main {position: relative;}
  #menu_horizont ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
  #menu_horizont ul li.main:hover ul.sub {visibility: visible;}
  #menu_horizont ul.sub {position: absolute; z-index:10; visibility: hidden; width: 150px;}
  #menu_horizont li.mainHover ul.sub{visibility: visible;}
  #menu_horizont li {behavior: url(../js/hover.htc);}

  #menu_horizont ul.sub { border: 1px solid #666666; background-color:#333333; padding:3px;}
  #menu_horizont ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
  #menu_horizont ul.sub li a {display: block; margin: 0; border-left: 3px solid #CC3300; padding: 2px; text-decoration:none;}
  #menu_horizont ul.sub li a:hover {border-left: 1px solid white;}
  #menu_horizont li a {border-left: 3px solid #CC3300; padding: 3px; font-weight:bold; text-decoration:none;}
  #menu_horizont li a:hover {border-left: 1px solid white; background-color:#666666; margin-left: 2px;}



.nowrap {
  clear: both;
}


/* Singapore gallery */

div.sgGallery, div.sgGalleryThumbnail, div.sgThumbnail {text-align: left;}
div.sgNavBar, p.sgNavBar {text-align: right;}
div.sgContent {margin-top: 10px; margin-bottom: 10px;}
div.sgContent img {margin: 10px;}
div.sgGallery {margin: 8px; padding: 2px;}
div.sgThumbnail {margin: 3px; padding: 2px;}
img.sgThumbnail {margin: 3px;}
.sgNavBar {margin: 1em;}
div.sgGalleryThumbnail, div.sgThumbnail {float: left;}

div.sgTab {padding: 2px; margin: 0;}
div.stretcher {height: 1px}
div.image_scroll {overflow:visible; width: auto;}

/* komentář */
.mar_left_pet     {margin-left:10px;}
div.str     {background-color:#FCE99C;padding:3px;border: 1px solid #FFDF5E;}

.clanek_scroll {
  width: auto;
  height: 150px;
  overflow: auto;
  border: 1px solid #C0C0C0;
}

/* menu */
#mainMenu {
background:url(../images/menutop.jpg) no-repeat #000000;
width: 699px;
height: 30px;
top: -15px;
position: relative;
Color: #000;
text-align: center;
margin:0px;
}

ul#mainMenu, ul
{
color:#CFCFCF;
padding:0;
margin:0;
list-style-type:none;
}


ul#mainMenu li
{
float:left;
padding-top:4px;
padding-left:15px;
padding-bottom:4px;
padding-right:6px;
}

ul#mainMenu li a:hover
{
color:#000000;
background:transparent;}


ul#mainMenu a
{
top: 3px;
padding-left:15px;
padding-right:15px;
color:#000000;
text-decoration:none;
font-family: Arial Black;
font-size: 11px;
display:block;
margin:2px;
text-decoration:none;

}

ul#mainMenu ul a
{
display:block;
padding:3px;
color:#000000;
padding-left:2px;
font-family: Arial;
font-size: 10px;
}

ul#mainMenu ul a:hover
{
display:block;
color:#FFFFFF;
padding:3px;
background-color:#000;
}

ul#mainMenu ul
{
padding:3px;
border-top:0px;
width:110px;
position:absolute;
margin: 3px 0px 0px 2px;
visibility:hidden;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#D3D325;
text-align:left;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
padding:0;
visibility:visible;
}

ul#mainMenu li li
{
float:none;
border:none;
padding:0;
}

ul#mainMenu li
{
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}
/* konec menu*/

#polea{font-size:10px;}
.poleb{background:#FFFFFF;color:#000;}
.hlascenter{text-align:center;}
#hlasovani{padding:20px;}
.yellow{color:#CED11F;font-weight:bold;font-size:14px;}
.red{color:#FF0000;}
#top10{position:absolute;margin-top:30px;margin-left:250px;border:1px solid #CED11F;width:220px}
.top_nadpis{background:#CED11F;padding:5px;font-weight:bold;font-size:14px;text-align:center;color:#000000;}
.top_nadpis a, .top_nadpis a:visited, .top_nadpis a:active{color:#000000;text-decoration:underline;}
.top_nadpis a:hover{color:#000000;text-decoration:none;}
.razeni{padding:5px;height:18px;}
.poradi{float:left;width:20px;}
.nazev{float:left;width:160px;}
.hlasy{float:left;width:30px;}
.poradi2{float:left;width:30px;}
.nazev2{float:left;width:300px;}
.hlasy2{float:left;width:50px;}
.clear{clear:both;}
