/* Zakladni nastaveni */
* { padding: 0; margin: 0;}
p { margin: 1.2em 0; line-height: 1.35em; }
img { border: 0; }
td, th { font-size: 11px}
ul,ol { margin: 10px 0 10px 40px; }


/*******************************************************************************
 * 
 *  SKIN GOTHICZ
 *  
 ******************************************************************************/
 
/* Zakladni definice tela stranky  */
body 
{
  /*background: #000 url("/images/design/bg-vanoce.jpg") no-repeat top center !important;*/
  background: #000 url("/images/design/bg-arcania.jpg") no-repeat top center;
  color: #b49871;
  font-family: Verdana, sans-serif;
  font-size: 11px; 
  text-align: center;
}


/*******************************************************************************
 * Rozlozeni webu
 ******************************************************************************/

/* Hlavni ramec webu */
#main 
{
  position: relative;
  width: 898px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: left;
  background: url("/images/design/arcania/bg.png") repeat-y;
}

/* Hlavicka stranky */
#logo
{
  position: relative;
  width: 898px;
  height: 409px;
  margin: 0 auto; 
  background: url("/images/design/arcania/bg-top.png") no-repeat bottom left;
}

/* Obsahovy ramec */
#content 
{
  position: relative;
  /*margin-left: 250px;*/
  float: left;
  width: 530px;
  padding: 0px 20px;
  text-align: justify;
  background: #000;
}

/* Hlavni navigace */
#menu_left 
{
  float: left;
  width: 270px;
  margin-left: 28px;
}

/* Prave menu */
#menu_right
{
  display: none;
}

/* Paticka stranky */
#bottom
{
  width: 868px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 50px;
  font-size: 10px;
  color: #666;
  background: #0c0c0c;
  text-align: center;
}

/* reklamni banner - pravy */
#main .right_banner
{ 
  position: absolute;
  right: -130px;
  top: 30px;
  width: 120px;
}

/*******************************************************************************
 * Logo
 ******************************************************************************/

#logo .gothicz
{
  position: absolute;
  top: 20px;
  left: 10px;
}

#logo .arcania
{
  position: absolute;
  top: 65px;
  left: -30px;
}

#logo .gf
{
  position: absolute;
  top: 10px;
  right: 10px;
}

#logo .forum
{
  display: none;
  /*position: absolute;
  top: 120px;
  left: 70px;*/
}

#logo .social
{
  position: absolute;
  bottom: 38px;
  right: -1px;
}


/*******************************************************************************
 * Horizontální menu sekcí v logu
 ******************************************************************************/

#logo .sekce
{
  position: absolute;
  bottom: 35px;
  left: 20px;
  font-variant: small-caps;
  font-size: 12px;
  padding: 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
  background: url("/images/design/arcania/bg-sekce.png") repeat;
}

#logo .sekce a, #logo .sekce a.visited
{
  display: block;
  float: left;
  margin: 0 1px;
  padding: 6px 3px;
  background: url("/images/design/arcania/bg-sekce.png") repeat;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #222;
}

#logo .sekce a:before
{
  content: "| ";
}

#logo .sekce a:hover
{
  text-decoration: underline;
  background: url("/images/design/arcania/bg-sekce-hover.png") repeat;
  color: #fff;
  border: 1px solid #a1daf4;
}

#logo .sekce span
{
  display: block;
  float: left;
  margin: 0 2px;
  padding: 6px 3px;
  color: #e8c497;
}

#logo .sekce a.twitter, #logo .sekce a.fb { background: transparent; border: 0; padding: 2px; }
#logo .sekce a.twitter:before, #logo .sekce a.fb:before { content: ""; }
#logo .sekce a.twitter:hover, #logo .sekce a.fb:hover { border: 0; background: transparent; }

/*******************************************************************************
 * Content 
 ******************************************************************************/

#content .top-bg
{
  display: none;
}

#main .content-bottom-bg
{
  display: none;
}


/*******************************************************************************
 * Levé menu
 ******************************************************************************/

#menu_left .menu-cont
{
  position: relative;
  background: url("/images/design/arcania/bg-menu.png");
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#menu_left h2
{
  line-height: 30px;
  text-align: center;
  color: #b49871;
  border-bottom: 1px solid #1c1c1c;
  margin-bottom: 5px;
}

/* Odkazy menu jako tlacitka */
#menu_left a.menu, #menu_left a.menu:visited
{
  display: block;
  margin: 1px 5px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding-left: 10px;
  color: #ffe4bf;
  text-decoration: none;
}

#menu_left a.menu:hover
{
  background: #1d1d1d;
  color: #f3ca90;  
}



/*******************************************************************************
 * Obecne formatovani
 ******************************************************************************/

/* hlavni nadpis stranky */
h2 
{ 
 display: block;
 line-height: 30px;
 color: #b49871;
 border-bottom: 1px solid #1c1c1c; 
 padding: 5px;
 font-style: italic;
 margin-bottom: 15px;
 font-weight: normal;
 font-size: 22px;  
 font-family: Georgia, "Times New Roman", Times, serif;

}

/* nadpis treti urovne */
h3 
{ 
 display: block;
 padding: 5px;
 border-bottom: 1px solid #414141;
 color: #dd7;
 margin-bottom: 15px;
 padding-left: 10px;
 font-size: 14px;
 font-variant: small-caps;
 font-style: italic;
}

#jdialog h3 {
  text-align: left !important;
  font-variant: normal;
  color: #bbb;
}

/* Definice odkazu */
a, a:visited 
{
  color: #ffe4bf;
  text-decoration: underline;
}

a:hover { color: #ffbb5f; }


/*******************************************************************************
 * OBECNE FORMATOVANI
 ******************************************************************************/

/* Definice trid pro zarovnani textu */
.center { text-align: center !important; }
.left { text-align: left !important; ; }
.right { text-align: right !important; ; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/* Definice trid pro obtekani blokovych elementu */
.f_center { margin: 0 auto; }
.f_left { float: left; }
.f_right { float: right; }

/* Ramecek a margin obrazku */
img.border { border: solid 1px #444; }
img.border2 { border: solid 1px #666; }
img.border3 { border: solid 4px #151515; }
img.margin { margin: 5px; }

/* Cleanery */
.cleaner { clear: both; visibility: hidden; }
.cleaner_left { clear: left; visibility: hidden; }
.cleaner_right { clear: right; visibility: hidden; }

/* div elementy pro hlaseni chyb ci uspechu */
.error {
  width: 80%;
  color: #fff;
  margin: 0 auto;
  margin-top: 20px;
  background: #541b1b;
  padding: 15px;
  border: 1px solid #7f0c0c;  
}

.success {
  width: 80%;
  color: #fff;
  margin: 0 auto;
  margin-top: 20px;
  background: #267c00;
  padding: 15px;
  border: 1px solid #4c952c;  
}


/*******************************************************************************
 * Novinky
 ******************************************************************************/

div.novinka
{
  width: 100%;
  margin: 0 auto;
  background: #303030;
  margin-top: 25px;
}


div.novinka .head
{
  height: 35px;
  line-height: 35px;
  color: #ff9;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #555;
  border-width: 1px 0;
  background: #272727;
}


div.novinka .head h3
{
  display: inline; 
  padding: 0;
  border-bottom: 0;
  color: #ff9;
  margin-bottom: 0;
  font-size: 12px;
  font-style: normal;
}

div.novinka .head img
{
  position: relative;
  top: -12px;
  float: left;
  margin-right: 5px;
}

div.novinka .body
{
  border: 1px solid #444;
  border-width: 1px 0;
  background: #121212;
  margin-top: 1px;
  padding: 10px 20px;
}

div.novinka .znak
{
  float: left;
}

div.novinka .footer
{
  border-top: 1px solid #404040;
  padding: 3px 0;
  font-size: 10px;
  color: #aaa;
  text-align: right;
  font-style: italic;  
  margin-top: 10px;
}

div.novinka .footer .fb
{
  float: left;
}
div.novinka .footer .credits { float: right; padding-right: 15px; }

div.novinka .footer a, div.novinka .footer a:visited 
{
  color: #fff; 
}


/******************************************************
 * archiv novinek
 ******************************************************/

.archiv_obal {

 width: 420px;
 margin: auto;
 background: #3e3e19;
 border: 1px solid #adad45;  
}

.archiv_padding {
 margin: 10px; 
}

option, select, textarea, input {
  border: 1px solid #727223;  
  background: #1a1a04;
  color: #ff0;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 11px;
}

option { border: 0; }
input, textarea { padding: 2px; }

img.okraj { margin: 15px; }


/******************************************************
 * tabulka ucitelu
 ******************************************************/

.ucitele
{
  margin: 0 auto;
  border: 1px solid #333;
  border-collapse: collapse;
  background: #151515;
  color: #bbb;
}

.ucitele .head
{
  font-weight: bold;
  color: #ff3;
  background: #272727;
  padding: 10px;
}


.ucitele td
{
  padding: 2px 10px;
}

.ucitele .legenda td
{
  color: #ccc;
  font-size: 10px;
  padding: 2px 10px;
}


/******************************************************
 * tipy a triky
 ******************************************************/

.tip
{
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  background: #151515;
  border: 1px solid #333;
  border-width: 1px 0;
  padding: 0;
}

.tip .head
{
  padding: 10px;
  color: #ff3;
  background: #202020;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

.tip .body
{
  padding: 20px 10px;
}

.top_link
{
  text-align: right;
  margin-right: 1%;
  font-size: 10px;
  margin-bottom: 1px;
}

.top_link a { text-decoration: none; }

/******************************************************
 * download videi
 ******************************************************/

div.video_container {
 background: #151515;
 margin: 10px auto;
 width: 500px;
 border: 1px solid #333;
 border-width: 1px 0;
 
} 

div.video_header {  
 border-bottom: 1px solid #333;
 background: #202020;
 margin-bottom: 5px;
 padding: 10px;
 color: #ff3;
 font-weight: bold;
}


div.video_thumb {
 float: left;
 width: 145px;
 margin-left: 15px;
}

div.video_content {
 margin-left: 170px;
 width: 310px;
 min-height: 120px;
}



/******************************************************
 * NPC postavy G1-2dat
 ******************************************************/

.npc
{
  position: relative;
  width: 290px;
  height: 402px;
  margin: 0 auto;
  border: 1px solid #333;
  padding-left: 200px;
  background: #151515;
}

.npc .image
{
  position: absolute;
  left: 1px;
  top: 1px;
  width: 200px;
  height: 400px;
  border-right: 1px solid #333;
}

.npc td
{
  padding: 2px;
  color: #ccc;
  font-size: 11px;
}

.npc .head
{
  background: #202020;
  border-bottom: 1px solid #333;
  padding: 10px;
  font-weight: bold;
  color: #f0dd25;
  font-size: 12px;
}

.npc .body table
{
  width: 100%;
}

.legenda
{
  margin: 10px auto;
  width: 400px;
  padding: 5px;
  text-align: center;
  font-size: 11px;
  background: #111;
}


.npc_seznam
{
  margin: 0 auto;
  border: 1px solid #444;
  background: #151515;
  border-collapse: collapse;
}

.npc_seznam td
{
  padding: 3px 6px;
}

.npc_seznam .head
{
  background: #272727;
  padding: 7px 6px;
  color: #f0dd25;
  font-weight: bold;
}

/******************************************************
 * bestiar G1-3
 ******************************************************/

.bestiar_seznam
{
  margin: 0 auto;
  border: 1px solid #333;
  background: #151515;
  border-collapse: collapse;
  width: 450px;
}

.bestiar_seznam td
{
  padding: 3px 6px;
}

.bestiar_seznam .head
{
  background: #272727;
  padding: 15px 6px;
  color: #f0dd25;
  font-weight: bold;
}

.bestiar_seznam .name
{
  width: 80%;
}

.bestiar_seznam .exp
{
  width: 15%;
  text-align: right;
}
.bestiar_seznam .name a, .bestiar_seznam .name a:visited
{
  color: #dd6;
}

.bestie
{ 
  border: 1px solid #333;
  background: #151515;
  border-collapse: collapse;
  width: 380px;
  color: #ccc;
  margin-bottom: 15px;
}

.bestie td
{
  padding: 3px 6px;
}

.bestie .desc
{
  padding: 15px;
}

.bestie .image
{
  line-height: 0;
  font-size: 0;
  border-bottom: 1px solid #151515;
  padding: 0;
}

.bestie .head
{
  background: #202020;
  padding: 15px 6px;
  color: #f0dd25;
  font-weight: bold;
  border-bottom: 1px solid #333;
}

.bestie .value
{
  color: #fff;
  font-weight: bold;
  width: 15%;
  text-align: right;
  padding-right: 15px;
}

.back_to_list
{
  margin: 5px auto;
  width: 350px;
  height: 20px;
  text-align: right; 
  line-height: 20px;
  font-size: 11px;
} 
/******************************************************
 * ostatni tridy
 ******************************************************/

/* citat nejen u lokaci */
div.lokace_citat
{
  margin: 20px 10%;
  font-style: italic;
  font-size: 140%;
  font-weight: bold;
  font-family: serif;
  color: #fff;
}

div.lokace_citat p.author
{
  text-align: right;
  margin-right: 10%;
  margin-top: -15px;
  color: #aaa;
}






/******************************************************************************/

/* HLEDANI */

#search
{
  position: absolute;
  top: 220px;
  right: 0px;
  width: 250px;

}

#search input
{
  border: 1px solid #66c;
  background: #fff;
  color: #66c;
}


#search input.submit
{
  border: 1px solid #666;
  background: #222;
  color: #ff9;
  font-style: italic;
}




/******************************************************
 * tabulky
 ******************************************************/

/* novy styl */

table.common_new
{
  border-collapse: collapse;
  padding: 5px;
  background: #151515;
  width: 100%;
  color: #aaa;
  margin-bottom: 20px;
}

table.common_new th
{ 
  padding: 5px; 
  height: 30px;
  background: #101010;
  border-bottom: 1px solid #222;
  font-variant: small-caps;
  line-height: 30px;
  color: #c9ad87;

} 

table.common_new td
{ 
  padding: 5px; 
  border-bottom: 1px dotted #222;
} 

a.strankovani, a.strankovani:visited
{
  font-size: 25px;
  text-decoration: none;
  color: #fff;
}


/* ZAKLADNI STYL PRO TABULKY */

table.common
{
	border-collapse: collapse;
	background: #101010;
	border: 1px solid #333;
	border-width: 1px 0;
	margin: 10px auto;	
	text-align: left;
	width: 100%;
}

table.width70
{
	width: 70%;
}

table.common td
{
  padding: 7px 5px;
  vertical-align: top;
}
 /*
table.common tr:hover
{
	background: #050505;
	border: 1px solid #333;
	border-width: 1px 0;
}
 */
table.common td.head
{
  background: #272727;
  padding: 12px 5px;
  color: #f0dd25;
  font-weight: bold;
  height: 30px;
  vertical-align: middle;
  font-size: 12px;
}

/* FRAKCE, LOKACE - TABULKY */

table.frakce
{
	border-collapse: collapse;
	background: #151515;
	border: 1px solid #333;
	margin: 0 auto;	
}

table.frakce td
{
  padding: 10px;
}

table.frakce .head
{
  background: #202020;
  color: #ee3;
  font-weight: bold;
}









.color1 { color: #ccc; }
.color2 { color: #ff3; }
.colorAAA { color: #aaa; }
.size10 { font-size: 10px; }





.screenshoty
{
  margin: 0 auto;
}
.screenshoty td
{
  padding: 3px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #aaa;
}



/******************************************************
 * definice pro predmety (1)
 ******************************************************/
 
.predmet
{
  margin: 0 auto;
}

.predmet .image
{
  width: 60px;
  text-align: right;
}

.predmet .udaje
{
  background: #151515;
  border: 1px solid #333;
}


.predmet .udaje .head
{
  background: #202020;
  padding: 15px 6px;
  color: #f0dd25;
  font-weight: bold;
  border-bottom: 1px solid #333;
}


.predmet .udaje .popis
{
  padding: 4px 6px;
  color: #e8d2b4;
  font-size: 12px;
}


.predmet .udaje .vlastnost
{
  padding: 4px 6px;
}

.predmet .udaje .hodnota
{
  padding: 4px 6px;
  text-align: right;
}

.predmet .udaje .svitek
{
  padding: 4px 6px;
  text-align: right;
  font-style: italic;
}



/******************************************************
 * definice pro predmet2 tabulku
 ******************************************************/


.predmety2_seznam_obal {
  margin: 0 auto;
  width: 490px;  
	border: 1px solid #333;  
  border-width: 1px 0;	
  _text-align: center;
  background: #151515;
}

div.predmety2_seznam_item {
  
	padding: 4px;
	border: 1px solid #333;  
  border-width: 0 1px;	
}

div.predmety2_seznam_heading {  
  text-align: left;
	font-weight: bold;
	color: #f0dd25;
	background: #202020;
	padding: 15px 3px;	
	border: 1px solid #333; 
  border-width: 0 1px;	
  

}

div.predmety2_seznam_item .jmeno, div.predmety2_seznam_item .jmeno-g2, div.predmety2_seznam_item .vlastnost, div.predmety2_seznam_item .zraneni, div.predmety2_seznam_item .perk, div.predmety2_seznam_heading .jmeno, div.predmety2_seznam_heading .jmeno-g2, div.predmety2_seznam_heading .vlastnost, div.predmety2_seznam_heading .zraneni, div.predmety2_seznam_heading .perk {
  float: left;
  margin: 0 3px;

}

td.heading1 {
	text-align: left;
	font-weight: bold;
	color: #f0dd25;
	height: 35px;
	background: #202020;
}

div.predmety2_seznam_item .jmeno, div.predmety2_seznam_heading .jmeno { width: 33%;}
div.predmety2_seznam_item .jmeno-g2, div.predmety2_seznam_heading .jmeno-g2 { width: 45%;}
div.predmety2_seznam_item .vlastnost, div.predmety2_seznam_heading .vlastnost { width: 8%; text-align: right; margin-right: 10px;}
div.predmety2_seznam_item .zraneni, div.predmety2_seznam_heading .zraneni { width: 8%; text-align: right; margin-right: 10px;}
div.predmety2_seznam_item .perk, div.predmety2_seznam_heading .perk { width: 32%;}
div.predmety2_seznam_item .cena, div.predmety2_seznam_heading .cena { text-align: right; }

div.predmet2_obal {
  margin: 0 auto;
  margin-bottom: 25px;
  width: 450px;  
  _text-align: center;
}

div.predmet2_heading {
  text-align: left;
	font-weight: bold;
	color: #f0dd25;
	padding: 10px;
	border: 1px solid #333; 
	background: #202020;
	margin: 1px 0;
  font-size: 140%;
  font-variant:small-caps;
  font-family: verdana, sans-serif;
}

div.predmet2_img {    
  margin-top: 10px;
	border: 0px solid #333; 
	margin-bottom: 1px;
	line-height: 0;
	font-size: 0;
}
div.predmet2_img img {
   
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

div.predmet2_table {
	border: 1px solid #333;
	background: #151515;
	margin-bottom: 1px;
	padding: 8px;	
}

div.predmet2_table td, div.predmet2_table th {
  padding: 2px 0;	
}

div.predmet2_comm {
	border: 1px solid #333;
	border-top-width: 0;
	background: #202020;
	margin-top: 1px;
	padding: 8px;	
	font-size: 12px;
  color: #e8d2b4;
}

.bg1 { background: #191919; }




.herbar
{
  border-collapse: collapse;
  margin: 0 auto;
  border: 1px solid #333;
  background: #151515;
  color: #ddd;
}
.herbar_name
{
  margin: 0 auto;
  width: 400px;
  font-size: 14px;
  color: #ee3;
  font-weight: bold;
  font-variant: small-caps;
  margin-bottom: 7px;
}


.herbar .image
{
  border-right: 1px solid #404040;
  width: 150px;
}


.herbar .body
{
  border-collapse: collapse;
  width: 300px;
}
.herbar .body td
{
  font-size: 11px;
  padding: 3px 6px;
  text-align: left;
}

.herbar .body td.udaj
{
  width: 80px;
  text-align: right;
  padding-right: 10px;
}

.herbar .body .head
{
  border-bottom: 1px solid #333;
  color: #ff9;
  padding: 8px 6px;
  background: #202020;
  font-size: 12px;
  font-weight: bold;
}



/*============================================================================================
definice pro navod G3 a G3A
==============================================================================================*/

div.g3_quest_lokace {
  position: relative;
  margin: 0 auto;
  margin-bottom: 35px;  
	border: 1px solid #999;	
  _text-align: center;
}
div.g3_quest_lokace {
  width: 490px;
  height: 501px;  
	background: url('/images/g3/questy/ikony/background.jpg') no-repeat;
}
div.g3dat_quest_lokace {
  width: 471px;
  height: 469px;
  background: url('/images/g3dat/questy/background.jpg') no-repeat;
}
div.g1_quest_lokace {
  width: 492px;
  height: 369px;
  background: url('/images/g1/questy/background.jpg') no-repeat;
}
div.g2_quest_lokace {
  width: 492px;
  height: 380px;
  background: url('/images/g2/questy/background.jpg') no-repeat;
}


div.g3_quest_lokace div { position: absolute; text-align:center; line-height: 15px; font-weight: bold; }
div.g3_quest_lokace div a { font-size:10px; color:#000;}
div.g3_quest_lokace div a img {margin: 2px;}
div.g3dat_quest_lokace div a img {margin: 0; border: 2px solid #fff;}
div.g3_quest_lokace div a:hover { color:#fff; }
div.g3_quest_lokace div a:hover img {margin: 0; border: 2px solid #fff;}
div.g1_quest_lokace div a { font-size:10px; color:#fff;}
div.g1_quest_lokace div a img {margin: 0; border: 2px solid #fff;}
div.g1_quest_lokace div a:hover { color:#d00; }
div.g1_quest_lokace div a:hover img {margin: 0; border: 2px solid #d00;}
div.g2_quest_lokace div a { font-size:10px; color:#fff;}
div.g2_quest_lokace div a img {margin: 0; border: 2px solid #fff;}
div.g2_quest_lokace div a:hover { color:#d00; }
div.g2_quest_lokace div a:hover img {margin: 0; border: 2px solid #d00;}
/* g3 lokace */

div.g3_quest_lokace_hlavni { left: 60px; top: 195px; width: 80px; }
div.g3_quest_lokace_ostatni { left: 60px; top: 255px; width: 80px; }
div.g3_quest_lokace_alshedim { right: 190px; bottom: 12px; }
div.g3_quest_lokace_ardea { left: 437px; bottom: 211px; }
div.g3_quest_lokace_bakaresh { right: 75px; bottom: 98px; }
div.g3_quest_lokace_benerai { right: 200px; bottom: 138px; }
div.g3_quest_lokace_bensala { right: 145px; bottom: 93px; }
div.g3_quest_lokace_braga { left: 190px; bottom: 145px; }
div.g3_quest_lokace_capedun { left: 358px; bottom: 181px; }
div.g3_quest_lokace_faring { left: 396px; bottom: 310px; }
div.g3_quest_lokace_geldern { left: 220px; bottom: 292px; }
div.g3_quest_lokace_gotha { left: 360px; bottom: 295px; }
div.g3_quest_lokace_ishtar { left: 27px; bottom: 13px; }
div.g3_quest_lokace_klankladiva { left: 380px; bottom: 405px; }
div.g3_quest_lokace_klanohne { left: 331px; bottom: 443px; }
div.g3_quest_lokace_klaster { left: 323px; bottom: 418px; }
div.g3_quest_lokace_montera { left: 320px; bottom: 252px; }
div.g3_quest_lokace_morasul { left: 170px; bottom: 28px; }
div.g3_quest_lokace_nemora { left: 195px; bottom: 233px; }
div.g3_quest_lokace_lago { right:175px; bottom: 150px; }
div.g3_quest_lokace_okara { left: 305px; bottom: 312px; }
div.g3_quest_lokace_reddock { left: 397px; bottom: 200px; }
div.g3_quest_lokace_silden { left: 265px; bottom: 323px; }
div.g3_quest_lokace_trelis { left: 250px; bottom: 242px; }
div.g3_quest_lokace_vengard { left: 426px; bottom: 275px; }
div.g3_quest_lokace_vlciklan { left: 362px; bottom: 362px; }


/* dat lokace */

div.g3dat_quest_lokace_ardea { left: 420px; bottom: 74px; }
div.g3dat_quest_lokace_capedun { left: 333px; bottom: 34px; }
div.g3dat_quest_lokace_faring { left: 370px; bottom: 252px; }
div.g3dat_quest_lokace_geldern { left: 100px; bottom: 220px; }
div.g3dat_quest_lokace_gotha { left: 302px; bottom: 230px; }
div.g3dat_quest_lokace_montera { left: 260px; bottom: 170px; }
div.g3dat_quest_lokace_silden { left: 165px; bottom: 280px; }
div.g3dat_quest_lokace_trelis { left: 171px; bottom: 93px; }
div.g3dat_quest_lokace_vengard { left: 420px; bottom: 205px; }


/* G1 lokace */

div.g1_quest_lokace_old { left: 220px; bottom: 150px; }
div.g1_quest_lokace_new { left: 10px; bottom: 200px; }
div.g1_quest_lokace_bra { left: 410px; bottom: 130px; }
div.g1_quest_lokace_dul { left: 110px; bottom: 280px; }
div.g1_quest_lokace_ost { left: 20px; bottom: 20px; }


/* G2 lokace */

div.g2_quest_lokace_mesto { left: 100px; bottom: 150px; }
div.g2_quest_lokace_klas { left: 310px; bottom: 240px; }
div.g2_quest_lokace_kolo { left: 250px; bottom: 25px; }
div.g2_quest_lokace_onar { left: 380px; bottom: 110px; }
div.g2_quest_lokace_ost { left: 20px; bottom: 20px; }



div.g3_quest_seznam_obal {
  margin: 0 auto;
  width: 490px;  
	border: 1px solid #444;	
  _text-align: center;
}

div.g3_quest_seznam_obal h2
{
 background-color:#555;
 font-size:14px;
 font-variant:small-caps;
 font-style: normal;
 font-weight: bold;
 margin: 0;
 padding:10px 20px;
 font-family: verdana, sans-serif;
 color:#fff;
 text-align:left;}

div.g3_quest_lokace h4 {
  font-size: 16px;
  margin: 10px 0 0 0;
  padding: 0 5px;
  font-family: verdana, sans-serif;
  color: #fff;
  text-align: center;
}

div.g3_quest_lokace table {
  text-align:center;
  width:320px;
  margin: 0 auto;
}


div.g3_quest_lokace a, div.g3_quest_lokace a:visited 
{
  text-decoration:none; 
}


div.g3_quest_seznam_obal ul
{ 
  margin-top: -30px;
  margin-left: 10px;
  list-style-type: none; 
}

div.g3_quest_seznam_obal ul li 
{ 
  padding: 2px 10px;
  list-style-type: none;  
  text-align: left;
  font-size: 12px;
}
div.g3_quest_seznam_obal ul li a 
{
  text-decoration:none; 
  color:#ccc;
}
div.g3_quest_seznam_obal ul li a:hover {color:#fff;}


div.g3_quest_seznam_obal p {
  position: relative;
  bottom: 55px;
  right: 10px;
  text-align:right;

  }

div.g3_quest_seznam_obal img {margin:3px 0 0 0; border:0; vertical-align: middle;}




/* kapitoly navod */

div.kap-link
{
  margin: 3px 50px;
}

div.kap-link .image
{
  float: left;
  width: 50px;
}

div.kap-link .body {
  background: #101010;
  float: left;
  width: 350px;        
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-left: 2px;

}

div.kap-link .body a, div.kap-link .body a:visited
{
  line-height: 50px;
  font-size: 14px;
  text-decoration: none;
  padding-left: 10px
}


table.navod-scr
{
  margin: 20px auto;
  font-weight: bold;
  
}


/******************************************************
 * clanky
 ******************************************************/

table.clanky 
{  
  border-collapse: collapse;
  margin: 0 auto;
  width: 490px;
  text-align: left;
}
table.clanky td.clanky { border: #444 solid 1px; vertical-align: top;}
table.clanky td.clanky td { border: 0; padding: 3px;} 

.otazka { 
 width: 96%;
 padding: 2%;
 border: 1px solid #333;
 border-width: 1px 0;
 background: #222; 
 font-weight: bold;
 color: #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.35;
}

.odpoved { 
 margin: 5px auto;
 width: 92%;
 padding: 2%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; 
  background: #090909;
  line-height: 1.35;
}




div.img_comment
{
  margin: 10px auto;
  width: 80%;
  font-style: italic;
  color: #ff9;
  text-align: center;

}

/*====================================================
kovani
======================================================*/
.kovani {
  width: 452px;
  margin: 0 auto;
  _text-align: center;
  margin-bottom: 20px;
}

.kovaniJmeno {
	font-weight: bold;
	color: #ff3;
	font-size: 12px;
	padding: 10px;
}

.kovaniObr 
{ 
  border: 1px solid #444;
  line-height: 0;
  font-size: 0;
}


/******************************************************
 * kniha kouzel G3
 ******************************************************/
 
table.kniha
{
  border-collapse: collapse;
  width: 486px;
  height: 362px;
  background: url('/images/g3/knihakouzel.jpg') no-repeat;
  margin: 0 auto;

}

/* G3 QUESTY */

img.g3_quest_map {
 float: right;
 border: 1px solid #ccc;
 margin: 0 0 15px 15px;
}
img.g3_quest_map:hover {
 border: 1px solid #fff;
}


/* submenu modu */
#mod-submenu
{
  position: relative;
  background: #151515;
  width: 96%;
  height: 30px;
  margin: 0 auto; 
  margin-top: 10px;
  padding: 0 7px;
  line-height: 30px;
  text-align: center;
  font-size: 11px;
  color: #bbb;
}

#mod-submenu p
{
  float: left;
  margin: 0;
  padding: 0 7px;
  line-height: 30px;
}

#mod-submenu a, #mod-submenu a:visited 
{
 display: block;
 float: left;
 height: 30px;
 color: #ff3;
 text-align: center;
 text-decoration: none;
 padding: 0 7px;
 font-weight: bold;
 
}

#mod-submenu a:hover
{
 color: #f00;
 background: #303030;
}

#mod-submenu a:before
{
  content: " | ";
}


/* casti novinky */

div.citace {
 margin: 0px 20px;
 border: 1px solid #444;
 border-left-width: 0;
 padding: 10px 10px 10px 50px;
 _height: 50px;
 min-height: 50px;
 color: #aaa;
 background: #222 url('/images/design/novinka/citace.gif') 5px 5px no-repeat;
 font-style: italic;
}

div.spoiler {
 margin: 0px 20px;
 border: 2px solid #444;
 padding: 10px;
 color: #000;
 background: #000;
}

div.spoiler_popis {
 margin: 0px 20px;
 text-align:center;
 font-size: 10px;
 color: #aaa;
 font-style: italic;
}




div.ikony
{

  padding: 10px;
  text-align: center;
  margin: 0 auto;

}


div.fg_citat
{
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  min-height: 70px;
  border-top: 1px solid #666;
  padding-top: 2px;
}

div.fg_citat .image
{
  position: absolute;
  top: 2px; left: 0;
  width: 60px;
}

div.fg_citat .comment
{
  margin-left: 70px;
  color: #bbb;
}

div.fg_citat .body
{
  margin: 5px 0 5px 70px;
  font-style: italic;
  
}

div.fg_citat .body table
{
  border-collapse: collapse;
  width: 100%;
}

div.fg_citat .body td
{
  vertical-align: top;
  margin: 0;
  padding: 3px;
}

div.fg_citat .body td.name
{
  width: 90px;
}


/* BESTIAR ARCANIA */

.g4_bestiar-list-item 
{
  width: 450px;
  margin: 5px auto;
  position: relative;
  
}

.g4_bestiar-list-item .image
{
  position: absolute;
  top: 0; left: 0;
  width: 31px;
  height: 31px;
  margin-right: 3px;
}

.g4_bestiar-list-item .body
{
  width: 390px;
  height: 29px;
  background: #151515;
  border: 1px solid #333;
  /* background: url("/images/g4/bestiar/bestiar-list-bg.png"); */
  padding: 0 10px;
  line-height: 29px;
  margin-top: 1px;
  margin-left: 35px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.g4_bestiar-list-item .body:hover
{
  background: #222; 
  border-color: #444;
  color: white;
}

.g4_bestiar-list-item a
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #ee6;
}

table.g4_bestiar_vlastnosti
{
  border-collapse: collapse;
  width: 70%;
  margin: 3px auto;
  margin-bottom: 15px;
  border: 1px solid #444;
  background: #272727;
  padding-right: 10px;
}

table.g4_bestiar_vlastnosti td
{
  padding: 5px;
}


ol.tipy
{
  line-height: 1.5em;

}




.mapa
{
  padding: 10px;
  background: #101010;
  margin-bottom: 10px;
  text-align: left;
}

.mapa h5 
{
  font-size: 12px;
  font-weight: bold;
  color: #d5db3a;
}

.mapa a 
{
  margin-right: 10px;
  display: block;
  float: left;
}

.mapa span 
{
  color: #b59976;
}



.side-bar
{
  background: #101010;
  padding: 10px;
  margin: 10px;
  min-width: 200px;
  max-width: 300px;
  _width: 250px;
}

.side-bar h4
{ 
 display: block;
 padding: 5px;
 border-bottom: 1px solid #555;
 font-style: italic;
 color: #e2e2e2;
 margin-bottom: 5px;
 padding-left: 3px;
 font-weight: normal;
 font-size: 12px;
}


.code {
 width: 90%;
 _width: 96%;
 margin: 0 auto;
 text-align: left;
 background: #121212;
 border: 1px solid #252525;
 color: #bbb;
 padding: 3%;
 font-family: Courier, monotype;
 font-size: 90%;

}


div.uvod {
  width: 245px;
  padding-right:10px;
  border-right: 1px solid #333;
  float: left;
}

div.anketa {
  width: 270px;
  float: right;
}


div.strankovani
{
  margin: 15px auto;
  text-align: center;
  font-size: 120%;

}

div.strankovani span
{
  color: #ee3;

}


#neprehlednete
{
  position: relative;
  width: 528px;
  height: 250px;
  overflow: hidden; 
  border: 1px solid #191919; 
} 
 



div#kresby_container, div#komiksy_container  
{
  width: 482px;
  margin: 0 auto; 
}

table.gallery_info 
{
  width: 100%;
  border-collapse: collapse;
  margin-top: -10px;
  margin-bottom: 15px;  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;  
  background: #151515; 
}

table.komiks_info, table.modern
{
  width: 100%;
  border-collapse: separate;
  margin-top: -10px;
  margin-bottom: 15px;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;  
  background: #151515;
  padding: 5px;
}

table.gallery_info td, table.komiks_info td, table.modern td
{
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin: 3px 0;
}
table.modern td, table.modern th { text-align: left; padding: 6px 10px; }
table.modern td.row, table.modern tr.row td { background: #181818; }
table.modern th { height: 30px; background: #070707; color: #ee9; font-size: 12px; border-bottom: 1px solid #333; }

table.gallery_info td.desc, table.komiks_info td.desc, table.modern td.desc
{
  font-variant: small-caps;
  color: #c9ad87;
  background: #0c0c0c;
  border-right: 1px solid #333;
}
table.komiks_info td.desc { text-align: left; width:70px; }
table.modern td.desc { /*width: 120px;*/ }

table.gallery_info td.hodnoceni, table.komiks_info td.hodnoceni
{  
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight: bold; 
  color: #ff9;  
}
table.komiks_info td.hodnoceni { font-size: 14px; }
table.komiks_info td.hodnoceni span { font-size: 12px; font-weight: normal; color: #fff; font-variant: small-caps; }
table.komiks_info td.popis, table.modern td.popis
{ 
  text-align: left;
  color: #aaa;
  border-left: 1px solid #333;
  background: #222;
  font-size: 11px;
  font-style: italic;
  line-height: 1.4em;
  width: 50%;
}

table.komiks_info a.serie, table.komiks_info a.serie:visited 
{
 display: block;
 float: left;
 height: 30px;
 line-height: 30px;
 color: #ff3;
 text-align: center;
 text-decoration: none;
 padding: 0 7px;
 font-weight: bold;
}

table.komiks_info a.serie:hover
{
 color: #f00;
 background: #303030;
}

table.komiks_info a.serie:before
{
  content: " | ";
}

table.komiks_info a.dil, table.komiks_info a.dil:visited 
{
 display: block;
 float: left;
 height: 25px;
 line-height: 25px;
 color: #ccc;
 background: #202020;
 text-align: center;
 text-decoration: none;
 padding: 0 7px;
 font-weight: bold;
 margin: 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
 border: 1px solid #151515;   
}

table.komiks_info a.active 
{
 color: #ff9 !important;
 background: #333 !important;
 border: 1px solid #444 !important; 
 font-size: 14px !important;
}

table.komiks_info a.dil:hover
{
 color: #f00;
 background: #303030;
}

div#kresby_container div.item, div#komiksy_container div.item
{
  position: relative;
  float: left;
  width: 217px;
  background: #101010;
  padding: 8px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  margin: 4px;
}


div#kresby_container div.item h4, div#komiksy_container div.item h4
{
  display: block;
  padding: 2px;
  color: #fff;
  text-align: center;
  margin: 5px 0;
  font-size: 12px;
}

div#kresby_container div.item span.hodnoceni
{
  font-variant: small-caps;
}

div#kresby_container div.item span.hodnoceni span
{
  color: #fff;
}

div#kresby_container div.item .loading
{
  display: none;
  position: absolute;
  z-index: 5;
  bottom: 8px; left: 8px;
  width: 217px;
  padding: 14px 0;
  height: 32px;
  margin: 0 auto;
  background: #000;
  line-height: 32px;
  color: #ccc;
  filter: alpha(opacity=80);  
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8;  
  opacity: 0.8;  
}


div.stars
{
  margin: 5px auto;
  position: relative;
  width: 75px;
  height: 14px;
  background: #2b2204;

}
div.stars div.rank
{ 
  position: absolute;
  left: 0; top: 0;
  z-index: 2;
  height: 14px;
  background: #f8ff30;
}
div.stars .links
{ 
  position: absolute;
  left: 0; top: 0;
  z-index: 3;
  width: 75px;
  height: 14px;
  font-size: 0;
}



fieldset
{
  border: 1px solid #333;
  background: #121212;
  padding: 10px;
  margin: 5px;
  color: #ccc;
  line-height: 1.3em;

}

fieldset span
{ 
  color: #fff;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 14px;
}

fieldset ul
{
  list-style-type: none;
  margin-left: 20px;
}
fieldset ul li
{
  line-height: 18px;
}
 
.povidka_obsah p {  margin: 1.7em auto; }
.povidka_obsah { line-height: 1.35em; }
.povidka_obsah span.odsazeni {  padding-left: 1.5em; }

p.first
{
  text-indent : 0;
}

p.first:first-letter
{
  display: block;
  float: left;
  font-size: 50px;
  margin: 2px;
  margin-top: 4px;
  font-family: serif;
}

.likebox
{
  width: 250px;
  margin: 0 auto; 
  background: #bbb;
}
 
 
table.wallpapery
{
  margin: 0 auto;
  border-collapse: collapse;
}

div.wallpapery div.wallpaper { width: 240px; margin: 5px; padding: 5px; padding-bottom: 35px; position: relative; float: left;}
div.wallpapery div.wallpaper img { padding: 2px; border: 1px solid #444; width: 234px; height: 160px;}
ul.wallpapery { position: absolute; z-index: 5; margin: 3px; padding: 0; list-style-type: none; height: 22px; overflow: hidden; width: 146px; }
ul.wallpapery li { margin: 0; padding: 0; list-style-type: none; height: 22px; }
ul.wallpapery li a { 
  display: block;
  line-height: 20px; 
  width: 130px;
  background: #eee; 
  padding: 0 7px;
  border: 1px solid #191919;
  color: #000;         
  text-decoration: none; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;  
}
ul.wallpapery li a:hover { background: #ccc; color: #000; }
ul.wallpapery li a.select { background: #121212; color: #ccc;}

.reklama { border: 2px solid #151515; margin: 15px auto; width: 468px; height: 60px;}


div.box 
{ 
  background: #161616;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
  padding: 10px 15px;
  color: #aaa;
  margin: 5px;
  border: 2px solid #101010;
}

div.box h4 { display: block; padding: 5px; padding-left: 10px; font-size: 14px; color: #fff; background: #252525; font-variant: small-caps; margin: -5px -10px 10px -10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}  
div.box p { padding: 0; margin: 0; line-height: 1.45em; text-align: left;  }  




table.lokace_npc {
  width: 400px;
  margin: 10px auto;
}

table.lokace_npc td {
  line-height: 20px;   
  font-variant: small-caps;
  color: #ccc;
}

table.lokace_npc td:first-child { 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  bacground: #0d0d0d;
  color: #dd5;
  
}


/* scrollovací menu */

div.sc_menu_wrapper {
  position: relative;   
  height: 700px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 85px;      

  margin-top: 30px;
  overflow: auto;
  float: right;
}
div.sc_menu {
  padding: 15px 0;
}
.sc_menu a {
  display: block;
  margin-bottom: 5px;
  width: 80px;

  border: 2px rgb(79, 79, 79) solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  /* When image support is turned off */
  color: #fff;
  background: rgb(79, 79, 79);  
}
.sc_menu a:hover {
  border-color: rgb(130, 130, 130);
  border-style: dotted;
}
.sc_menu img {
  display: block;
  border: none;
}

.sc_menu_wrapper .loading {
  position: absolute;
  top: 50px;
  margin: 0 auto;
  padding: 5px;
  width: 70px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}





table.new_npc_list
{
  width: 100%;
  border-collapse: collapse;
  background: #0c0c0c;
}


table.new_npc_list th
{
  background: #151515; 
  padding: 10px 5px;
  border-bottom: 1px solid #444;
  font-variant: small-caps; 
  font-size: 14px;
  color: #fff;
}

table.new_npc_list td
{
  margin: 1px 0;
  padding: 7px 5px; 
  font-size: 12px;
}

table.new_npc_list tr.row1
{
  background: #151515;
}

div.filtr
{
  margin-bottom: 5px;
  padding: 5px;
  background: #131109;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
  line-height: 20px;
  /*color: #ffe4a2;*/
  /*border: 1px solid #201700;*/
}



div.filtr ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
}
div.filtr ul li
{
  padding: 0; margin: 2px;
  list-style-type: none;
  display: block;
  float: left;
  height: 20px;
}
div.filtr ul li a
{  
  display: block; 
  padding: 0 3px; height: 20px;
  min-width: 14px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #302b1c;
  text-decoration: none; 
}
div.filtr ul li a:hover
{  
 
  background: #5e5843;
  color: #ffea9f;
  
}
div.filtr ul li a.active
{  
  font-weight: bold;
  background: #ffe383;
  color: #1d1a0e;
  
}

#list { position: relative; }

div.filtr span { display: block; float: left;  width: 100px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: #000;
}

#list div.ajax { position: absolute; ;width: 100%; height: 100px; display: none; background: #000 url("/images/ajax-loader.gif") no-repeat center 40px ;   filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;   }
#list div.null { line-height: 50px; text-align: center; background: #090909; color: #bbb; font-size: 12px; 
 
}

#jdialog span.darker { color: #aaa; }












table.mesta td {  
  height: 70px; 
}

table.mesta p {
  display: block; 
  float: left;  
  padding: 7px;
  margin: 1px;  
  background: #111;
  color: #999;   
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;      
  height: 70px; 
  position: relative;
}

table.mesta img {
}

table.mesta a { 
  display: block;
  position: absolute;
  bottom: 6px; right: 6px;
  height: 16px;
  line-height: 16px; 
  padding: 2px 5px 2px 5px; 
  background: #333;      
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none; 
  
}

table.mesta span {  
  color: #bb4; 
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}



/* menu frakci */

.menuTabs {
  height: 45px;
  width: 96%;
  margin: 0 2%;
  
}     

.menuTabs a {
  display: block;
  float: left;
  height: 35px;
  margin: 5px 1px 0 1px;
  width: 35px; 
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #222;

}

.menuTabs img {
  width: 70px;
  margin-left: -20px;

}

.menuTabs a:hover {
  border-color: #444;
}


.radius10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}