img {border: none;}
body {background: black; font-size:0.7em; color: white; font-family: "Verdana";}
h1 {font-size: 1em; margin:0; padding:0; }
h2 {font-size: 1em; margin:0; padding:0; }
a {text-decoration:none; color: white;}
  a:hover {text-decoration:underline; color: red;}


/* zaklad */
#main_page {width: 764px; left: 50%; margin-left: -382px; position: absolute; }
#head {position: relative; width: 764px; height: 235px; margin: 5px 0 3px 0;}
  #flash {position: absolute; right: -15px;}
#body {margin: 15px 0; height: 750px; min-height: 750px}
  .reklama {margin: 0 0 40px 0; font-size: ;}
   .reklama a{color: red;}
#bottom {position:relative; text-align: center; font-weight: bolder font-size: 0.8em; clear:both;}
.nadpis {margin: 5px 0 0 0;}

/* horni menu */
#top_menu {width: 738px; height:27px; padding: 4px 0 0 0; margin: 0 auto; background: url(../img/menu.png) no-repeat; text-align: center;}
	#top_links {width: 580px; margin: 0 auto; text-align: center;}
	 #top_links a{display: block; height: 20px; margin: 0 3px; }
    #top_links a:hover {background-position: left bottom}
    
    
  #hl_stranka {width: 101px; float:left; background: url(../img/buttons/hlavni_stranka.png) no-repeat}
  #clanky {width: 63px; float:left; background: url(../img/buttons/clanky.png) no-repeat}
  #zabava {width: 54px; float:left; background: url(../img/buttons/zabava.png) no-repeat}
  #odkazy {width: 68px; float:left; background: url(../img/buttons/odkazy.png) no-repeat}
  #recenze {width: 63px; float:left; background: url(../img/buttons/recenze.png) no-repeat}
  #hororoskop {width: 85px; float:left; background: url(../img/buttons/hororoskop.png) no-repeat}
  #prdy {width: 85px; float:left; background: url(../img/buttons/prdy_temna.png) no-repeat}
  
/* bocni menu */
#left_menu {width: 157px; float:left}
#right_menu {width: 157px; float:right; }
	.side_menu_top {width: 157px; height:20px; background: url(../img/side_menu_top.png) no-repeat;}
	.side_menu_sides {width: 157px; background: url(../img/side_menu_sides.png) repeat-y;}
	.side_menu_bottom {width: 157px; height:13px; background: url(../img/side_menu_bottom.png) no-repeat;}

  .menu_box {width: 130px; margin: 0 auto; font-family: "Verdana";}
    .menu_title {font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0;}
    .menu_date {margin: 10px 0 0 0; font-weight: bold;}
    .menu_type {color: orange; margin: 0 0 5px 0;}
    .menu_text {}
    .menu_link {margin: 10px 0 0 0; font-size: 0.9em; text-align: right;}
    	.menu_link img {margin: 0 3px 0 0; vertical-align:middle; padding: 5px 0 0 0;}
    	.menu_link a {color:gray; text-decoration: none;}
    			.menu_link a:hover {color:yellow;}
    .menu_line {margin: 20px 0 10px 0;}
    #book {margin: 20px 30px; text-align:center;}
/*anketa*/
.anketa_otazka {font-weight: bold; margin: 10px 0;}
.anketa {margin: 3px 0 5px 0; color: white; background: black; border: red 2px outset; font-size:0.5em; height: 7px;}
    .anketa_link {text-decoration: none; color: white;}
      .anketa_link:hover {color: red;}

/* stredni cast */
#middle_page {padding: 0 167px 0 167px; text-align: justify;} 

	/* hororoskopy */
	#horoskopy_box {margin: -15px auto 20px auto;}
	#znameni_box {margin: -20px auto -10px auto;}
	#znameni_box a {display: block;}
		#znameni_box a:hover {background-position: left bottom}
	#beran {height: 72px; width: 86px; background: url(../img/znameni/01_beran.gif) no-repeat}
	#rak {height: 72px; width: 86px; background: url(../img/znameni/02_rak.gif) no-repeat}
	#vahy {height: 72px; width: 86px; background: url(../img/znameni/03_vahy.gif) no-repeat}
	#kozoroh {height: 72px; width: 86px; background: url(../img/znameni/04_kozoroh.gif) no-repeat}
	#vodnar {height: 72px; width: 86px; background: url(../img/znameni/05_vodnar.gif) no-repeat}
	#byk {height: 72px; width: 86px; background: url(../img/znameni/06_byk.gif) no-repeat}
	#lev {height: 89px; width: 86px; background: url(../img/znameni/07_lev.gif) no-repeat}
	#stir {height: 89px; width: 86px; background: url(../img/znameni/08_stir.gif) no-repeat}
	#blizenec {height: 89px; width: 86px; background: url(../img/znameni/09_blizenec.gif) no-repeat}
	#panna {height: 89px; width: 86px; background: url(../img/znameni/10_pana.gif) no-repeat}
	#strelec {height: 89px; width: 86px; background: url(../img/znameni/11_strelec.gif) no-repeat}
	#ryby {height: 89px; width: 86px; background: url(../img/znameni/12_ryby.gif) no-repeat}
	#hororoskop_title {height: 27px; width: 135px; padding:6px 0 5px 15px; background: url(../img/hororoskop_title.gif) no-repeat}	
	/* articles.php */
	.article {width: 416px; margin: 20px auto 5px auto; font-family: "Verdana";}
		.article_title_background {display: block; height: 24px; width: 415px; background: url(../img/article_title.png) no-repeat; text-decoration:none; color:white;}
			 .article_title {position: relative; bottom: 5px; margin: 0 auto; font-weight: bold;}
        .article_title_text {position: absolute; top:5px; left: 20px;}
          .article_title_text a:hover {color: white}
			  .article_title_date {}
		.article p {margin: 10px 0 20px 0; padding: 0 0 0 5px;}
		.article h1 {font-size: 1.7em; margin: 40px 0 20px 0;  text-align:left;}
		.article_links a {color: white; text-decoration: none;}
					.article_links a:hover {color: yellow;}
		#spoluprace {font-size: 0.9em; margin: 40px 0 0 0;}

/*testy s radiobuttony vypocetsmrti, test carodeje*/
.test {margin: 20px 0;}
.test_title{font-size:1.1em; font-weight: bold; margin: 0 0 5px 0}  
	
	
		/* horoskop_numerologie -smazat!!!!! */
		
		h2 {color: white; font-size:1em; margin: 0;}
		#numerologie_text {margin: 5px 0 20px 5px;}
		.button {background: black;font-weight: bold; ; color: white; border: 1px solid red;}
		.bunka {width:50px; height:50px; border: white solid 1px; text-align:center;}