body {

  margin: 10px 0; padding: 0;
  font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
  font-size: 0.75em;
  background: #000;
  color: #dad6c9;
}

p {

  font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
  font-size: 1em;
}


textarea { border: 1px solid #dad6c9; background: #1a1a1a;  color: #dad6c9;}


#index-center {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 780px;

}

#index-center img {

  margin: 5px 0;
  border: none;

}

#flags {

  display: block;
  width: 460px;
  margin: 0 auto;
  padding: 0 20px;

}

#flags a {

  float: left;
  display: block;
  width: 150px;
  height: 50px;

}

#flags a.cz { background: url("../graphics/cz.png") 50% 30px no-repeat; margin: 0 5px; }

#flags a.de { background: url("../graphics/de.png") 50% 30px no-repeat; }

#flags a.en { background: url("../graphics/us.png") 50% 30px no-repeat; }

#flags a:hover { background-color: #ddd; }

.cleaner { clear: both; border: none; width: 0px; height: 0px; }



#total {

  margin: 0 auto;
  padding: 0;
  width: 780px;
  border: none; 
  background: #000000;
}

#topflash{
  margin: 0; padding: 0;
  width: 100%;
  height: 198px;
  display: block;
}

#top {

  margin: 0; padding: 0;
  width: 100%;
  height: 198px;
  display: block;
  background: url("../graphics/logo1.jpg") no-repeat 0 0; 

}

#top a, #top a:link, #top a:hover {

  margin: 0; padding: 0;
  width: 100%;
  height: 198px;
  display: block;
  background: url("../graphics/logo2.jpg") right top no-repeat;

}



#left {

  margin: 0; padding: 0;
  width: 200px;
  float: left;
  top: 0;
}

#in-left {

  margin: 0; padding: 0;
}

#in-left p {

  text-align: center;
  margin: 5px 0;
}

#right {

  top: 0;
  margin: 0; padding: 0;
  width: 572px;
  float: right;
  background: #1a1a1a;
  border: 1px solid #333333;
}

#in-right {

  margin: 0 10px; padding: 0;
}

#in-right h2 {
  margin: 6px 0;
}

#in-right a img, #in-right img {
	border: 3px solid #dad6c9;
	background: #FFF;
}

#in-right a:hover img { border: 3px solid #cc0000; }



#in-right .menu {

  width: 100%;
}

#in-right .menu li {

  border: none;
  margin: 3px 0;
  padding: 5px;
}



#lajna { clear: both; margin: 0; padding: 0; }

#bottom { 
	background: #1a1a1a; 
	font-size: 100%; 
	padding: 10px 10px 10px 10px;  
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 3px solid #333333;
	margin: 3px 0px 1px 0px;  
	text-align: right;    
	}

#menu ul, #menu, #in-right .menu {

  list-style-type: none;
  margin: 0px 0px 1px 0px;
  padding: 0;

}

#menu li {

  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  background-position: -200px 0;

}

#menu li a {

  display: block;
  width: 100%;
  height: 25px;
  margin: 0;
  background: 0 0 no-repeat;
  text-decoration: none;
  color: #cc0000;
  font-size: 11px;
  font-weight: bold;

}

#menu li a.current { background-position: -200px 0; color: #dad6c9; }

#menu li a:hover, #menu li a.current:hover {

  background-position: -200px 0;
  color: #cc0000;
}

#menu a span, #menu a:hover span {

  display: block;
  padding: 5px 0px 0 23px;
  margin: 0;
  letter-spacing: 0px;
}

  #menu .btn1 { background: url("../graphics/menu.gif"); }

  #menu li .btn1 { border: none; }

  #menu .btn2  { background: url("../graphics/menu.gif"); }

  #menu .btn3  { background: url("../graphics/menu.gif"); }

  #menu .btn4  { background: url("../graphics/menu.gif"); }

  #menu .btn5  { background: url("../graphics/menu.gif"); }

  #menu .btn6  { background: url("../graphics/menu.gif"); }

  #menu .btn7  { background: url("../graphics/menu.gif"); }

  #menu .btn8  { background: url("../graphics/menu.gif"); }

  #menu .btn9  { background: url("../graphics/menu.gif"); }

  #menu .btn10 { background: url("../graphics/menu.gif"); }

  #menu .btn11 { background: url("../graphics/menu.gif"); }

  #menu .btn12 { background: url("../graphics/menu.gif"); }

.foto {

  margin: 0 auto; padding: 3px 3px 0px 3px;
  background:#262626;
  border: 2px solid #333333;
}

.foto a img, #foto-full img {

  background: #ddd;
  margin: 0px 2px 0px 2px;
  border: 2px solid #333333;
}

.foto h4 {

  margin: 2px 0; padding: 0;
  width: 100%;
  text-align: center;
  font-size: 100%;

}

.foto p {

  width: 100%;
  text-align: center;
  font-size: 100%;
  margin: 2px 0; padding: 0;

}

.foto p.desc { font-size: 100%; }

#right .navig { 

  background: #262626;      
  margin: 3px 0px 3px 0px;  
  padding: 3px 0px 3px 0px;     
  text-align: center;
  border-bottom: 2px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;  
}

.novinky { background: #262626; border: 2px solid #333333; margin: 2px 0; padding: 2px; }
.datum { font-size: 90%;  color: #CC0000;   margin: 0; padding: 0;  font-weight: bold;  }
.nadpis { font-size: 100%; margin: 0; padding: 0; }
.autor { font-size: 100%; margin: 0; padding: 0; font-weight: bold; }


#foto-full {

  margin: 0 auto;
  padding: 0;
  display: block;

}

#foto-full .popisek { text-align: center; margin: 0 0 10px 0; padding: 0; }

#foto-full img { margin: 0 10px; }

#foto-full span {

  text-align: center;
  display: block;
  font-weight: bold;

}



fieldset { border: none; margin: 5px auto; text-align: center; padding: 0; }

fieldset legend { font-size: 100%; font-weight: bold; }

form { margin: 0; padding: 0; width: 99%; text-align: center; border: 1px solid #cc0000; }

form input { border: 1px solid #dad6c9; margin: 2px 0; padding: 1px 2px; font-size: 100%;  background: #1a1a1a;  color: #dad6c9;      }

form .button { cursor: pointer; font-size: 100%; padding: 0; }

.no-style-form form { border: none; text-align: left; }

.no-style-form td { padding: 0 5px; }

/* editace fotek */

.foto-seznam {

  margin: 5px 0;

}

.foto-seznam td { border: 1px solid #cc0000; text-align: right; }

.foto-seznam form {

  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
  border: none;

}

.foto-seznam img {

  width: 100px;
  height: 100px;
  border: none;
  float: left;

}



#foto-forum {

  border: none;
  margin: 0; padding: 0;
  width: 100%;
  text-align: right;

}

#foto-diskus {

  width: 99%;
  margin: 0 auto;
  padding: 0;

}

#foto-diskus div {

  width: 100%;
  border: 1px solid #333333;
  margin: 2px 0;

}

#foto-diskus div p { margin: 1px 5px; }

#foto-diskus .dark { background: #333333; }

#foto-forum textarea { margin: 0; width: 99%; padding: 0; height: 50px; }

#forum { width: 99%; margin: 2px auto 10px auto; }

#forum form { text-align: right; padding: 0; border: none; width: 100%; }

#forum form textarea { margin: 0; width: 552px; padding: 0; height: 80px; }

#forum div { border: 2px solid #333333; margin: 2px 0; padding: 2px; }

#forum .dark { background: #262626; }

#forum div span { color: #cc0000; display: block; margin: 0px; padding: 3px; }

#forum div p { margin: 2px 5px; padding: 0; }

#forum .navigace { margin: 0; padding: 0; display: block; text-align: center; border: none; }



.mforum {

  display: block;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 5px;

}

.pforum {

  margin: 0 5px;
  padding: 0;
  list-style-type: none;

}



.inzert { width: 99%; margin: 0; padding: 0; font-size: 100%; }

.inzert form { text-align: right; width: 100%; border: none; }

.inzerat { width: auto; margin: 5px 0px 0px 0px; padding: 3px; font-size: 100%; background: #333333; border: 2px solid #333333;}

.tm { background: #262626; }

.inzerat p { margin: 5px; padding: 0; text-align: justify; }

.inzerat p a img { border: 3px solid #dad6c9; margin: 2px 5px 5px 2px; padding: 0; }

.inzerat p a:hover img { border: 3px solid #cc0000; }

.inzerat .kontakt { border-top: 2px solid #262626; margin: 0; padding: 2px 0px 2px 0px;}

.tm .kontakt { border-top: 2px solid #333333; margin: 0; padding: 2px 0px 2px 0px;}



#error { width: 100%; text-align: center; color: red; font-weight: bold; }



.reklama-box {
  background: #1a1a1a;
  border-bottom: 1px solid #333333;
  border-left: 8px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;  
  margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: center; font-size: 10px;}

.reklama-box img { border: none; margin: 5px 0; }

.login { 
  background: #1a1a1a;
  border-bottom: 1px solid #333333;
  border-left: 8px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 5px 0px;
   }

.login form { border: none; }

.player {
  background: #1a1a1a;
  margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: 
  center; font-size: 10px;
  border-bottom: 1px solid #333333;
  border-left: 8px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
}

iframe { margin: 0px 0px;}

a { color: #dad6c9; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

h1 {
  font-size: 1.4em;
  color: #cc0000;
}

h2 {  
  font-size: 1.2em;
  color: #cc0000;
}
h3 {
  font-size: 1.2em;
  color: #cc0000;
}
h4 {
  font-size: 1.15em;
  color: #cc0000;
}
h5 {
  font-size: 1.1em;
  color: #cc0000;
}
h6 {
  font-size: 1.05em;
  color: #cc0000;
}

#anketa{

  background: #1a1a1a;
  margin: 5px 0px 5px 0px; padding: 0px 0px 0px 5px; 
  text-align: left;
  border-bottom: 1px solid #333333;
  border-left: 8px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
}


#anketa a, #anketa a:link, #anketa a:hover {
text-decoration: none; 
}

.textanketa { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Tahoma; font-size: 0.9em;  font-weight: bold; }
.imgpool 	{ margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px;}

.flashplayer { 
background: #1a1a1a;
}