a:link    {color: white; text-decoration:none;}
a:visited {color: white; text-decoration:none;}
a:active  {color: white; text-decoration:none;}
a:hover   {color: white; text-decoration:none;}

body {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 5px auto;
 color: #FFFFFF;
 background-color: #000000;
 padding: 0px;
}


div#hlavni{
 position: relative;
 margin: 0px auto;
 width: 780px;
 text-align: left;
 border-bottom: 1px solid #CCCCCC;
 z-index: 0;

}

div#horni {
 margin: 0px auto;
width: 780px;
height: 100px;
background-image: url(/layout-grafika/horni.jpg);
background-color: #010066;
}



div#logo {
position: absolute; top:3px; right:5px;
color: #FFFF66;
font-size: 9px;

}

div#logo a{
color: #FFFF66;
font-size: 22px;
border-bottom: 1px solid #FFFF66;
display: block;
margin-bottom: 2px;
}

div#logo strong{
font-size: 9px;
font-weight: normal;

}

div#vyhledavani {
position: absolute; top:69px; right:0px;
width: 300px;
height: 30px;
text-align: right;
font-size: 8px;
background-image: url(/layout-grafika/vyhledavani.jpg);
background-color: #CCCCFF;

border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

div#vyhledavani_popis {
position: absolute; top:78px; right:187px;
color: #333333;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
font-family: arial;
}

div#vyhledavani form{
margin: 0px;
padding: 0px;
margin-left: 120px;
}

.input_hledani{
margin-right: 5px;
margin-top: 5px;
height: 20px;
padding: 0px;
line-height: 18px;
font-size: 10px;
border: 1px solid #999999;
float: right;
width: 50px;
}


.input_hledani2{
margin-left: 5px;
margin-top: 5px;
height: 18px;
padding: 0px;
line-height: 18px;
font-size: 10px;
border: 1px solid #999999;
float: left;
width: 115px;
}

div#horni_menu {
width: 780px;
height: 25px;
margin-top: 2px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-image: url(/layout-grafika/lista.jpg);
font-size: 11px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
font-family: arial;
margin-bottom: 2px;
background-color: #50509A;
}


html>body div#horni_menu {
line-height: 26px;
}

.ikona {
float: left;
border: 0px;
}

div#horni_menu p{
margin: 0px;
}


.horni_menu1 {
width: 130px;
height: 25px;
float: left;
}

.horni_menu1 a{
width: 129px;
height: 25px;
display: block;
margin-left: 1px;

}

.horni_menu1 a:hover {
width: 129px;
height: 25px;
background-color: #546873;
margin-left: 1px;
}

.horni_menu1k {
width: 130px;
height: 25px;
float: left;
}

.horni_menu1k a{
width: 128px;
height: 25px;
display: block;
margin-left: 1px;

}

.horni_menu1k a:hover {
width: 128px;
height: 25px;
background-color: #546873;
margin-left: 1px;
}

div#telo {
position: relative;
width: 780px;
margin-top: 2px;
}

div#leva {
width: 180px;
float:left;
}

div#prava {
width: 600px;
float:right;
margin-bottom: 2px;
}

div#menu {
width: 178px;
height: 300px;
border: 1px solid #CCCCCC;
background-image: url(/layout-grafika/menu.jpg);
line-height: 19px;
color: #FFFFFF;
font-size: 12px;
margin-bottom: 2px;
background-color: #4F4F99;
}


.menuc{
width: 11px;
height: 280px;
border-right: 1px solid #CCCCCC;
position: absolute; top:21px; left:0px;

}


.nadpis_menu{
width: 178px;
height: 20px;
line-height: 20px;
 background-image: url(/layout-grafika/menu_podklad2.png);
 color: #000000;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 background-color: #F1F1FF;
}

.nadpis_lista{
width: 100%;
height: 20px;
line-height: 20px;
 background-image: url(/layout-grafika/menu_podklad2.png);
 color: #000000;
 text-align: center;
 border-bottom: 1px solid #CCCCCC;
 text-transform: uppercase;
  font-weight: bold;
font-size: 10px;
background-color: #F1F1FF;
}
.nadpis_lista h1{
font-size: 10px;
 margin: 0px;
}


.nadpis_lista a{
 color: #000000;
}

.podmenu {
height: 19px;
width: 178px;
font-size: 11px;
border-top: 1px solid #CCCCCC;
}

.podmenu p {
margin: 0px;
}

.podmenu strong {
font-weight: normal;
}

.podmenu a {
text-indent: 15px;
display: block;
width: 178px;
height: 19px;

}

html>body .podmenu a{
height: 19px;

}

.podmenu a:hover {
 text-indent: 5px;
display: block;
width: 168px;
height: 19px;

border-left: 10px solid #CC3300;
}

html>body .podmenu a:hover {
height: 19px;
}

div#uvodnik {
position: absolute; top:0px; left:182px;
width: 400px;
height: 228px;
border: 1px solid #CCCCCC;
background-color: #546873;
font-size: 11px;

}

div#uvodnik p{
margin: 5px;
text-indent: 5px;
}

p#podpis{
text-align: right;
padding-top: 20px;
}

div#uvodnik_obr{
position: absolute; top:28px; left:7px;
width: 150px;
height: 191px;
border: 1px solid #999999;
}

div#uvodnik_text{
position: absolute; top:28px; left:164px;
width: 229px;
height: 191px;
}



div#anketa {
position: absolute; top:0px; left:586px;
width: 192px;
height: 228px;
border: 1px solid #CCCCCC;
background-color: #010066;
font-size: 11px;
text-align: justify;
}

div#reklama {
position: absolute; top:232px; left:182px;
width: 596px;
height: 68px;
border: 1px solid #CCCCCC;
background-color: #010066;
font-size: 11px;
text-align: justify;
}

div#reklama img{
width: 468px;
height: 60px;
margin-top: 3px;
margin-left: 65px;
border: 1px solid #FFFFFF;
}

div#foto_slunce {
position: relative;
margin-bottom: 2px;
width: 178px;
height: 200px;
border: 1px solid #CCCCCC;
background-color: #010066;
font-size: 11px;
text-align: justify;
}
html>body div#foto_slunce {
height: 198px;
}

div#foto_slunce img{
width: 178px;
height: 178px;
}

div#nejnovejsi_clanek {
position: absolute; top:304px; left:182px;
width: 596px;
height: 100px;
border: 1px solid #CCCCCC;
background-color: #546873;
font-size: 11px;
text-align: justify;
}

div#nejnovejsi_clanek p{
width: 586px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 3px;
font-size: 11px;
text-indent: 5px;
}

.nejnovejsi_clanek_paticka{
text-align: right;
color: #CCFFFF;
height: 15px;
}

div#nejnovejsi_clanek h1
{
font-size: 11px;
color: #FFFFFF;
margin: 0px;
text-indent: 5px;
line-height: 20px;
text-transform: uppercase;
}

div#statistiky {
width: 178px;
height: 250px;
border: 1px solid #CCCCCC;
background-color: #4F4F99;
font-size: 10px;
text-align: justify;
margin-bottom: 2px;
}

div#statistiky p{
text-indent: 5px;
margin: 0px;
line-height: 25px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #999999;
}

div#statistiky strong{
color: #8BC5E4;
}

div#statistiky a{
color: #8BC5E4;
}

div#nove_clanky{
position: absolute; top:409px; left:182px;
width: 400px;
height: 127px;
border: 1px solid #CCCCCC;
background-color: #40657B;
text-align: justify;
}

div#nove_clanky h2{
padding: 3px;
line-height: 20px;
font-size: 11px;
margin: 0px;
}

html>body div#nove_clanky{
position: absolute; top:408px; left:182px;
height: 128px;
}

div#nove_clanky2{
position: absolute; top:540px; left:182px;
width: 400px;
height: 107px;
border: 1px solid #CCCCCC;
text-align: justify;
background-color: #546873;
}

div#nove_clanky2 h2{
padding: 3px;
line-height: 20px;
font-size: 11px;
margin: 0px;
}

div#nove_clanky3{
position: absolute; top:651px; left:182px;
width: 400px;
height: 107px;
border: 1px solid #CCCCCC;
background-color: #40657B;
text-align: justify;
}

div#nove_clanky3 h2{
padding: 3px;
line-height: 20px;
font-size: 11px;
margin: 0px;
}

html>body div#nove_clanky3{
height: 105px;
}

.nove_clanky_paticka2{
text-align: right;
color: #CCFFFF;
height: 15px;
font-size: 11px;
margin:5px;
}

.nove_clanky_p{
margin: 3px;
font-size: 11px;
text-indent: 5px;
}


.nove_clanky_paticka{
text-align: right;
color: #CCFFFF;
height: 15px;
font-size: 9px;
text-indent: 0px;
margin-bottom: 2px;
margin-top: 3px;
width: 395px;
padding-top: 2px;
padding-right: 5px;
}

div#kalendar{
position: absolute; top:409px; left:586px;
width: 192px;
height: 150px;
border: 1px solid #CCCCCC;
background-color: #40657B;

}

div#kalendar p{
margin: 0px;
}

div#kalendar_ikona{
position: absolute; top:45px; right:5px;
width: 60px;
height: 80px;
border: 1px solid #CCCCCC;
font-size: 9px;
}

.kalendar_ikona{
width: 60px;
height: 80px;
}

div#kalendar_nadpis{
position: absolute; top:25px; left: 10px;
font-weight: bold;
font-size: 11px;
}

div#kalendar_text {
position: absolute; top:41px; left: 3px;
width: 120px;
font-size: 10px;
}

html>body div#kalendar{
position: absolute; top:408px; left:586px;
}


div#doporucujeme{
position: absolute; top:563px; left:586px;
width: 192px;
height: 195px;
border: 1px solid #CCCCCC;
background-color: #40657B;
}

div#doporucujeme p{
margin: 0px;
}

div#doporucujeme_ikona{
position: absolute; top: 66px; right:5px;
width: 60px;
height: 80px;
border: 1px solid #CCCCCC;
font-size: 9px;
}

div#doporucujeme_nadpis{
position: absolute; top:25px; left: 10px;
font-weight: bold;
font-size: 11px;
}

div#doporucujeme_text {
position: absolute; top:41px; left: 3px;
width: 120px;
font-size: 10px;
}

html>body div#doporucujeme{
position: absolute; top:562px; left:586px;
height: 194px;
}

div#pocasi {
position: absolute; top:762px; left: 182px;
width: 400px;
height: 232px;
border: 1px solid #CCCCCC;
background-color: #40657B;
}

html>body div#pocasi {
position: absolute; top:760px; left: 182px;
height: 232px;
}

.pocasi {
height: 210px;
}

div#podportenas {
width: 178px;
height: 120px;
border: 1px solid #CCCCCC;
background-color: #546873;
font-size: 10px;
text-align: center;
margin-bottom: 2px;
}

div#podportenas img{
margin-top: 10px;
border: 1px solid #FFFFFF;
}


div#planety{
position: absolute; top:762px; left:182px;
width: 596px;
height: 123px;
border: 1px solid #CCCCCC;
background-color: #546873;
font-size: 10px;
margin-bottom: 2px;
}

html>body div#planety {
position: absolute; top:760px; left:182px;
height: 120px;
}
div#planety_hlavni{
position: absolute; top:25px; left:5px;
}

.podplanety{
width: 54px;
height: 74px;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0px;
border: 0px;
text-align: center;

}
.podplanety h4{
font-size: 10px;
margin: 0px;
padding: 0px;
font-weight: normal;
}

.podplanety img{
width: 52px;
height: 52px;
border: 1px solid #CCCCCC;
display: block;
margin-bottom: 5px;
}

.podplanety a{
width: 54px;
height: 74px;
display: block;
border-top: 5px solid #CCCCCC;
padding-top: 5px;
}

.podplanety a:hover{
border-top: 5px solid #FFFF66;
}

div#paticka {
position: relative;
clear: both;
width: 778px;
height: 40px;
line-height: 20px;
text-align: center;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background-color: #010066;
font-size: 10px;
}

.ibutton{
width: 80px;
height: 15px;
border: 0px;
}

div#paticka p{
margin: 5px 0px 5px 0px;
}

html>body div#paticka p{
margin: 0px 0px 0px 0px;
}



.clanek {
width: 596px;
margin-left: 2px;
border: 1px solid #CCCCCC;
font-size: 12px;
background-color: #010066;
}

.seznam_clanku {
margin: 5px;
background-color: #40657B;
padding: 5px;
text-align: justify;
}

.seznam_clanku p{
margin: 5px;
text-indent: 5px;
}

.seznam_clanku h2{
margin: 0px;
font-size: 12px;
}

.seznam_clanku_starsi {
margin: 5px;
background-color: #40657B;
padding: 5px;
text-align:center;
}

.clanek_telo {
background-color: #40657B;
padding: 5px;
text-align: justify;
}

.clanek_telo p{
margin-top: 5px;
margin-bottom: 5px;
text-indent: 15px;
display: block;
}

.clanek_telo a{
color: #FEFFDE;
}

.clanek_telo a:visited{
color: #FEFFDE;
}

.clanek_telo strong{
}

.clanek_nadpis{
display: block;
line-height: 25px;
font-weight: bold;
margin-top: 10px;
}


.img1{
margin: 8px;
display: block;
border: 1px solid #CCCCCC;
}

.img2{
margin: 8px;
float: left;
border: 1px solid #CCCCCC;
}

.small{
font-size: 9px;
}

.clanek_info{
background-color: #40657B;
width: 596px;
text-align: right;
color: #FFFFFF;
font-size: 10px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 10px;
padding-top: 10px;
font-weight: bold;
}

.clanek_info a{
text-decoration: underline;
margin-right: 10px;

}

.error {
font-size: 15px;
margin-left: 25px;

}

.cara_clanek {
height: 1px;
border: 0px;
color: #999999;
background-color: #999999;  
}

.hvezdarna_foto{
width: 170px;
height: 127px;
margin: 8px;
border: 1px solid #CCCCCC;
}

.hvezdarna_foto2{
width: 170px;
height: 227px;
margin: 8px;
border: 1px solid #CCCCCC;
}

	
.anketa_otazka{
width: 180px;
height: 26px;
line-height: 26px;  
border: 1px solid #CCCCCC;
padding: 2px;
text-align: center;
margin: 5px;
background-color: #40657B;
position: relative;
}

html>body .nketa_otazka{
width: 170px;
}

div#anketa_odpovedi{
height: 111px;
line-height: 14px;
width: 180px;
margin: 5px;
padding: 5px;
border: 1px solid #CCCCCC;
background-color: #40657B;
}

html>body div#anketa_odpovedi{
width: 170px;
}


.anketa_otazka{
width: 176px;
height: 26px;
line-height: 26px;  
border: 1px solid #CCCCCC;
padding: 2px;
text-align: center;
margin: 5px;
background-color: #40657B;
position: relative;
}

html>body .nketa_otazka{
width: 170px;
}

div#anketa_odpovedi{
height: 111px;
line-height: 14px;
width: 170px;
margin: 5px;
padding: 5px;
border: 1px solid #CCCCCC;
background-color: #40657B;
}

html>body div#anketa_odpovedi{
width: 170px;
}

div#kniha_write {
margin: 15px;
border: 1px solid #CCCCCC;
padding: 5px;
font-size: 11px;
background-color: #546873;
}

div#kniha_write textarea{
width: 300px;
height: 150px;
border: 1px solid #999999;
}

div#kniha_write fieldset{
border: 0px;
}

div#kniha_write form{
padding: 0px;
margin: 0px;
}

.kniha_popis{
width: 75px;
float: left;
line-height: 20px;
}

div#kniha_write input{
width: 150px;
border: 1px solid #999999;
padding: 2px;
}

div#kniha_write p{
width: 448px;
text-align: center;
margin: 5px;
height: 20px;
font-weight: bold;
}

.kniha_strong{
margin: 0px;
display: none;
color: white;
}

.kniha_vypis {
margin: 2px;
border: 1px solid #CCCCCC;
padding: 5px;
font-size: 11px;
background-color: #546873;
}

.kniha_vypis p{
font-size: 12px;
color: #DEDEFF;
text-indent: 0px;
}

.nehotove a{
color: #999999;
}

.nehotove a:visited{
color: #999999;
}

.statistika_nazev{
width: 320px;
height: 20px;
text-align: left;

}

.statistika_bunka{
width: 120px;
text-align: center;
}

.statistika_autor{
width: 150px;
text-align: center;
}

.statistika_legend {
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
color: #FFFFFF;
}

.weblink{
width: 555px;
height: 35px;
line-height: 35px;
position: relative;
font-size: 8pt;
margin-bottom: 5px;
}

.weblink_url {
position: absolute; top:0px; left:270px;
}

.weblink_ikona {
position: absolute; top:0px; left:470px;
}

.ikona88_31 {
width: 88px;
height: 31px;
border: 1px solid #FFFFFF;
}

.kontakt_textarea{
width: 570px;
display: block;
}

h3{
font-size: 16px;
}

div#skyscraper{
position: absolute; top:80px; left:781px;
width: 160px;
height: 600px;
float: right;
border: 1px solid #CCCCCC;
}

div#skyscraper img{
width: 120px;
height: 600px;
}

div#skyscraper a{
border: 0px;
text-decoration: none;
}

div#error{
text-align: center;
background-color: #00CCCC;
color: black;
font-weight: bold;
margin: 30px;
padding: 10px;
border: 1px solid #FFF;
}

div#reklama2{
border: 1px solid #FFF;
width: 740px;
height: 100px;
margin: 10px auto 10px auto;
text-align: center;
}