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: 784px; left: 50%; margin-left: -392px; 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;}