body
  {
  background-color: #000000;
  color: white;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  }



/* LAYOUT */

div#page
	{
	text-align: left;
	width: 756px; 
	height: auto;
	margin: 0 auto;
  padding: 0; 
	position: relative; 
	border: 1px solid black;
	}



/* AUTOMATICKE PRVKY APOD. */

a, a:link, a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #FFCC33; */
	color: #9999cc;
	text-decoration: none;
	}

a:hover
	{
	color: #FF9900;
	text-decoration: underline;
	}

ul, ul li
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	list-style-type: none;
	text-align: justify;
	margin: 0;
	padding: 0 7px 0 7px;
	}

ul
  {
  margin: 2px 0 2px 0;
  }

p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: justify;
	}

img
  {
  border: none;
  margin: 0;
  padding: 0;
  }

div#page div#content img
	{
	border: 2px dotted gray;
	margin: 0 auto;
	text-align: center;
	/*padding: 5px;*/
	background-color: #000000;
	}

div#page div#content img.mini
	{
	width: 100px;
	height: 75px;
	border: 1px dotted #FF9900;
	}

div#page div#content img.mini:hover
	{
	border: 1px dotted #FFFF00;
	}

div#page div#content img.ilustrace
	{
	float: left;
	margin: 7px;
	border: 2px dotted gray;
	background-color: #000000;
	}

div#page div#content table
	{
	width: 95%;
	color: #FFFFFF;
	/*border: 1px solid #666666;*/
	border: none;
	width: 95%;
	margin: 0 auto;
	text-align: left;
	}

div#page div#content table tr, div#page div#content table tr td
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	/*border: 1px solid #666666;*/
	border: none;
	text-align: justify;
	}

/* /AUTOMATICKE APOD. */




/* LAYOUT */


/* HEAD */

div#page h1
	{
	width: 100%;
	height: 220px;
	line-height: 220px;
	margin: 0;
	padding: 0;
	font-size: 300%;
	text-align: center;
	border: 1px solid black;
	}

div#page h1 span
	{
	/* background-image: url('images/design-new/head1.jpg'); */
	background-image: url('images/design-new/head1-xmas.jpg');
	position: absolute;
	width: 100%;
	height: 220px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	}

/* /HEAD */



/* CENTRALA HEADER MENU */

div#page div#centrala-header-menu
  {
  background-image: url('images/design-new/centrala-lista2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  width: 756px;
  height: 36px;
  padding: 0;
  margin: 0;
  text-align: left;
  }

div#page div#centrala-header-menu ul li a#centrala, div#page div#centrala-header-menu ul li a#centrala:visited
  {
  font-size: 13px;
  margin: 0;
  padding: 0;
  } 

div#page div#centrala-header-menu ul li#centrala-prvni
  {
  margin: 0;
  padding: 0;
  list-style-image: none;
  }

div#page div#centrala-header-menu ul li a#centrala:hover
  {
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  } 

div#page div#centrala-header-menu ul
  {
  margin: 0 0 0 66px;
  padding: 11px 0 0 0;
  text-align: left;
  list-style-type: none;
  /*list-style-image: url('http://www.centrala.diablo3.cz/images/centrala-odrazka-skill.jpg');*/
  font-size: 11px;
  color: orange;
  list-style-position: inside;
  }

div#page div#centrala-header-menu ul li
  {
  margin: 0 0 0 4px;
  padding: 0;
  float: left;
  /*list-style-image: url('http://www.centrala.diablo3.cz/images/centrala-odrazka-skill.jpg');*/
  list-style-type: none;
  font-size: 12px;
  /* color: orange; */
  color: #9999cc;
  list-style-position: inside;
  letter-spacing: 1px;
  }

div#page div#centrala-header-menu ul li a, div#page div#centrala-header-menu ul li a:visited
  {
  margin: 0;
  padding: 0;
  font-size: 12px;
  }

div#page div.zrusit
  {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  }

div#page div#centrala-header-menu span.dclista-odkaz-dc
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* color: #FFCC33; */
  color: #9999cc;
  margin: 0;
  padding: 0;
  text-decoration: none;
  }


/* /CENTRALA HEADER MENU */





/* MENU */


div#page div.menu
	{
	width: 150px;
	height: auto;
	float: left;
	margin-top: 5px;
	text-align: center;
	/* background-image: url('images/design-new/backg-menu.gif'); */
	background-image: url('images/design-new/backg-xmas.jpg');
	border: 1px solid black;
	position: relative;
	}

div#page div.menu div.menu-top h2
	{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color: yellow; */
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	/* padding: 30px 0 0 0; */
	padding: 40px 0 0 0;
	}

div#page div.menu li.odsazeni
	{
	position: relative;
	left: 10px;
	}

div#page div.menu div.menu-top
	{
	width: 100%;
	/* height: 62px; */
	height: 72px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	}

div#page div.menu ul, div#page div.menu li
	{
	line-height: 143%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 4px;
	color: #FFFFFF;
	}

div#page div.menu ul, div#page div.menu li a
  {
  font-size: 12px;
  }

div#page div.menu ul li a.rss
	{
	font-size: 8px;
	}

div#page div.menu div.menu-main
	{
	/* background-image: url('images/design-new/menu-up.jpg'); */
	background-image: url('images/design-new/menu-nove-xmas2-2ps-2.gif');
	}

div#page div.menu div.menu-game-info
	{
	/* background-image: url('images/design-new/menu-up-game-info.jpg'); */
	background-image: url('images/design-new/menu-game-info-xmas.gif');
	}

div#page div.menu div.menu-charaktery
	{
	/* background-image: url('images/design-new/menu-up-charaktery.jpg'); */
	background-image: url('images/design-new/menu-charaktery-xmas.gif');
	}

div#page div.menu div.menu-monstra
	{
	/* background-image: url('images/design-new/menu-up-monstra.jpg'); */
	background-image: url('images/design-new/menu-monstra-xmas.gif');
	}

div#page div.menu div.menu-download
	{
	/* background-image: url('images/design-new/menu-up-download.jpg'); */
	background-image: url('images/design-new/menu-download-xmas.gif');
	}

div#page div.menu div.menu-anketa
	{
	/* background-image: url('images/design-new/menu-up-anketa.jpg'); */
	background-image: url('images/design-new/menu-anketa-xmas.gif');
	}

div#page div.menu div.anketa
	{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 2px solid #000000;
	margin: 5px;
	position: relative;
	}

div#page div.menu div.anketa caption
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	}

div#page div.menu div.anketa a
	{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	}

div#page div.menu div.anketa a:visited
	{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	}

div#page div.menu div.anketa a:link
	{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	}

/*
NEEXISTUJE - NA WEBU TO NENI
div#page div.menu div.menu-e-shop
	{
	background-image: url('images/design-new/menu-up-eshop.jpg');
	}
*/

div#page div.menu img.e-shop
	{
	width: 117px;
	height: 188px;
	border: 2px dotted gray;
	padding: 5px;
	margin: 0 auto;
	text-align: center;
	background-color: #000000;
	}

p.e-shop
	{
	font-size: 10px;
	text-align: center;
	margin: 2px 5px 0px 5px;
	}

div#page div.menu div.menu-navstevy
	{
	/* background-image: url('images/design-new/menu-up-navstevy.jpg'); */
	background-image: url('images/design-new/menu-navstevy-xmas.gif');
	}

div#page div.menu div.menu-rss
	{
	/* background-image: url('images/design-new/menu-up-rss.jpg'); */
	background-image: url('images/design-new/menu-rss-xmas.gif');
	}

div#page div.menu div.rss
  {
  text-align: center;
  margin-left: 0;
  }

div#page div.menu div.rss p
  {
  text-align: center;
  }

div#page div.menu div.rss img
  {
  margin-top: 3px;
  }

/*
NEEXISTUJE - NA WEBU TO NENI
div#page div.menu div.menu-editorial
	{
	background-image: url('images/design-new/menu-up-editorial.jpg');
	}
*/

/*
div#page div.menu div.menu-centrala
	{
	background-image: url('images/design-new/menu_centrala.jpg');
	} 
*/

div#page div.menu div.menu-bottom
	{
	width: 100%;
	height: 32px;
	/* background-image: url('images/design-new/menu-down.jpg'); */
	background-image: url('images/design-new/menu-end-nove-xmas.jpg');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	}

div#page div.menu div.cara
	{
	border-top: 3px dotted #666666;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

div#page div.menu div.anketa
	{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 2px solid #000000;
	margin: 5px;
	position: relative;
	}

div#page div.menu div.anketa caption
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	}

div#page div.menu div.anketa a
	{
	padding: 0;
	margin: 0;
	font-size: 10px;
	}

div#page div.menu div.anketa a:visited
	{
	padding: 0;
	margin: 0;
	font-size: 10px;
	}

div#page div.menu div.anketa a:link
	{
	padding: 0;
	margin: 0;
	font-size: 10px;
	}

div#page div.menu ul.podpora, div#page div.menu ul.podpora li
	{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0 0 0 5px;
	margin: 0 5px 0 0;
	line-height: 100%;
	}

div#page div.menu p.podpora
	{
	font-size: 10px;
	text-align: justify;
	margin: 0 5px 0 10px;
	}

div#page div.menu p.podpora a img
  {
  margin: 2px 0 0 0;
  }

div#page div.menu a.podpora, div#page div.menu a:link.podpora, div#page div.menu a:visited.podpora, div#page div.menu a:hover.podpora
	{
  font-size: 10px;
  margin: 0;
  padding: 0;
	}

div#page div.menu h4.podpora
	{
	margin: 10px 5px 0 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	text-align: left;
	}

div#page div.menu p.toplist
  {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  font-size: 10px;
  }

/* /MENU */



/* CONTENT */


div#page div#content
	{
	width: 430px;
	height: auto;
	float: left;
	background-image: url('images/design-new/backg.gif');
	background-position: center;
	background-repeat: repeat;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	padding: 0;
	border: 1px solid black;
	position: relative;
	}

div#page div#content div#content-top
	{
	width: 100%;
	height: 23px;
	/* background-image: url('images/design-new/content_top.gif'); */
	background-image: url('images/design-new/top-xmas.jpg');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	}

div#page div#content div#content-bottom
	{
	width: 100%;
	height: 23px;
	/* background-image: url('images/design-new/content_bottom.gif'); */
	background-image: url('images/design-new/end-xmas.jpg');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	clear: both;
	}

div#page div#content div.content-oddeleni
	{
	height: 20px;
	font-size: 20px;
	width: 100%;
	position: relative;
	}

div#page div#content h2
	{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	/* color: #FF6633; */
	color: #6699ff;
	font-weight: 900;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0;
	}

div#page div#content h3
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color: #FFFF00; */
	color: #6699ff;
	text-align: left;
	margin: 5px 15px 0 15px;
	padding: 0;
	}

div#page div#content h4
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* color: #FF9900; */
	color: #6699ff;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0 15px 0 15px;
	}

div#page div#content p
	{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 0 15px 0 15px;
	margin: 0 0 7px 0;
	display: block;
	}


/* UVODEM */


div#page div#content p.uvodem
  {
  font-size: 9px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  }

div#page div#content p.uvodem a
  {
  font-size: 9px;
  }

div#page div#content h4#uvodem
  {
  margin-bottom: 0;
  margin-left: 7px;
  padding-bottom: 0;
  padding-left: 0;
  }


/* /UVODEM */



/* VYMENA IKONEK */

div#page div#content div#vymena-ikonek img
  {
  width: 88px;
  height: 31px;
  }

div#page div#content div#vymena-ikonek p.kod-ikonky
	{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}


/* /VYMENA IKONEK */



/* NOVINKY */

div#page div#content h3.nadpis-novinky
  {
  font-size: 13px;
  }

div#page div#content div.novinka
	{
	margin: 0px 10px 0px 15px;
	background-color: #232323;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	height: auto;
	/*width: 394px;*/
	width: 400px;
	position: relative;
	}

div#page div#content div.novinka a
	{
	font-size: 11px;
	}

div#page div#content div.novinka a:visited
	{
	font-size: 11px;
	}

div#page div#content div.novinka p
	{
	margin: 5px;
	padding: 0px;
	font-size: 11px;
	}

div#page div#content div.novinka img.novinka-img
	{
	float: left;
	border: 2px dotted gray;
	width: 100px;
	height: 95px;
	margin: 0 7px 7px 0;
	padding: 0;
	background-color: #000000;
	padding: 5px;
	}

div#page div#content div.novinka-autor
	{
	margin: 5px 10px 0 15px;
	background-color: #232323;
	border: 1px;
	border-style:solid;
	border-color: #000000;
	clear: both;
	/*width: 394px;*/
	width: 400px;
	line-height: 120%;
	}

div#page div#content div.novinka-autor p
	{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0 5px 0px 5px;
	padding: 0;
	}

div#page div#content a.archiv, div#page div#content a:visited.archiv, div#page div#content a:link.archiv
	{
	font-size: 10px;
	}

div#page div#content div.novinka-autor a, div#page div#content div.novinka-autor a:link, div#page div#content div.novinka-autor a:hover,div#page div#content  div.novinka-autor a:visited
	{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

div#page div#content td.komentare
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}

div#page div#content div.novinka div.lista
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/* color: #FF9900; */
	color: #6699ff;
	/*position: relative;
	top: 8px;*/
	margin: 8px 0 0 0;
	}

div#page div#content h5.komentar-info
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #FF6633; */
	color: #6699ff;
	text-align: left;
	margin: 5px 0 2px 10px;
	padding: 0;
	}

div#page div#content h5.komentar-info img
  {
  border: 0;
  }

div#page div#content h5.komentar-info span
	{
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 5px;
	}

/* /NOVINKY */

/* /CONTENT */







/* FOOTER */


div#page div#footer
	{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	border: 1px solid black;
	background: #000000 url('images/design-new/backg.gif') top center repeat-x;
	position: relative;
	/* text */
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}

div#page div#footer a.maly-odkaz
	{
	font-size: 10px;
	}

div#page div#footer a:visited.maly-odkaz
	{
	font-size: 10px;
	}

div#page div#footer div.footer-top
	{
	width: 100%;
	height: 23px;
	/* background-image: url('/images/design-new/pata-up.jpg'); */
	background-image: url('/images/design-new/top-webu-xmas.jpg');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	}

div#page div#footer div.footer-bottom
	{
	width: 100%;
	height: 23px;
	/* background-image: url('/images/design-new/pata-down.jpg'); */
	background-image: url('/images/design-new/end-webu-xmas1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	}

/* /FOOTER */

/* /LAYOUT */








/* OBSAH */

/* redakce diablo centraly */

div#page div#content table.redakce tr td ul.redakce li
	{
	list-style-type: none;
	text-align: left;
	margin: 1px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}

div#page div#content table.redakce tr td ul.redakce
  {
  margin: 23px 0 0 0;
  padding: 0;
  }

div#page div#content table.redakce tr td.avatar h3
  {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
  vertical-align: middle;
  }

div#page div#content table.redakce tr td.avatar
  {
  text-align: center;
  margin: 0 auto;
  }

div#page div#content table.redakce tr td
  {
  vertical-align: top;
  width: auto;
  }

div#page div#content table.redakce tr td h4
	{
	margin: 0 0 0 7px;
	padding: 0;
	}

div#page div#content table.redakce
  {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  border: none;
  }

div#page div#content table.redakce tr td.avatar img
  {
  width: 75px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  border: 2px dotted gray;
  }

/* /redakce diablo centraly */



/* MONSTRA-PREHLED */

div#page div#content div#monstra-prehled h3
  {
  clear: both;
  }

div#page div#content div#monstra-prehled img.ilustrace
  {
  padding: 10px;
  width: 60px;
  height: 85px;
  background-color: #000000;
  }

/* /MONSTRA-PREHLED */


/* CHARAKTERY - HERNI POSTAVY */

div#page div#content h3#warrior, div#page div#content h3#rogue, div#page div#content h3#sorcerer
  {
  clear: both;
  }

/* /CHARAKTERY - HERNI POSTAVY */





/* /OBSAH */

