/*                                                             
      -------------------------------------------------------------------
      
      Autor  : Jan DUCHAC
      
      Datum  : 14.7.2008
      -------------------------------------------------------------------    
*/

a#psycho_enter:hover {
   background-position: 0 -56px; 
}
/*
    Zde se nastavují všechny styly stránky

    Nastavení základních nastavení a odkazů
*/
     a {text-decoration: none; font-family: Arial;}    
     a:link {color: black;}
     a:active {text-decoration: underline;}
     a:visited {color: black;}
     a:hover {color: black; text-decoration: underline}
     body,html {font-family:  Arial; font-size: 8pt; text-align: center; background-color: white; font-weight: normal; margin: 0; padding: 0;}
     table {font-size: 9pt;}
     h1 {font-size: 15pt;}
     h2 {font-size: 13pt;}
     h1 {text-align: right;}
     h2 {text-align: left;}
/* Class */
  
/*
    Hlavní menu + další nastavení pro stálé prvky
*/

/* chat_link -> poradna */
body div div a#poradna_link {
	display: block;
	width: 139px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background-image: url('/img/poradna.png');
	background-position: 0 -38px;
}
a#poradna_link:hover {
	background-position: 0 0;
}
    
body div div a#facebook_link{
	display: block;
	width: 139px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-image: url('/img/Chovani-facebook.png');
}    
    
h2.colored {
    font-size: 10pt;
    background-color: #CEE8A8;
    border-bottom: 6px solid #9ED252;
    padding: 2px 3px 0 0;
    font-size: 11pt;
    margin-bottom: 5px;
}
textarea, input {
    border: 1px solid #307C1F;
    font-size: 8pt;
}
table span {
    font-size: 8pt;
}
#main {
          width: 900px; /* height: 700px; */
          min-height: 900px;
          _height: 900px;
          position: relative;
          margin: auto;
          background-repeat: no-repeat;
          font-family: Arial; 
          font-weight: normal;
}


#hlavicka { 
          width: 900px; height: 260px;
          position: relative; 
          top: 0px; 
          left: 0px;
          background-repeat: no-repeat;
          background-image: url('../img/hlavicka.png');
          background-position: 0 0;
}

#hlavicka #citat {
    width: 401px;
    height: 50px;
    _width: 412px;
    _height: 56px;
    position: absolute;
    top: 0px;
    left: 260px;
    font-size: 9pt;
    text-align: left;
  /*  color: #307C1F; */
    border: 3px solid #9ED252;
    border-bottom: none;
    padding: 3px;
    overflow: hidden;
}

#hlavicka #citat #autor {
    font-size: 8pt;
    font-style: italic;
    text-align: right;
}

#hlavicka #citat p {
    margin: 0;
    text-align: left;
}

#hlavicka #odkaz {
    display: block;
    width: 220px;
    height: 170px;
    position: absolute;
    top: 30px;
    left: 20px;
    cursor: hand;
}

#hlavicka #svatek {
    width: 100px;
    height: 55px;
    position: absolute;
    left: 723px;
    top: 95px;
    font-weight: normal;
    font-size: 8pt;
}
#hlavicka #main_menu {
    position: absolute;
    top: 69px;
    left: 265px;
    width: 440px;
    height: 130px;    
}
#hlavicka #vyhledej {
    position: absolute; 
    top: 214px; 
    left: 265px;
}
#hlavicka #main_menu .sloupec {
    float: left;
    text-align: left;
    margin-right: 5px;
}   
#hlavicka #main_menu .sloupec a {
    color: black;
    display: block;
    font-weight: normal;
    font-size: 10pt;
    text-decoration: none;
    padding: 1px;
    padding-right: 3px;
}
#hlavicka #main_menu .sloupec a:hover {
    background-color: #307C1F;
    color: white;
}
#hlavicka #main_menu .sloupec a.aktualni {
    background-color: #307C1F;
    color: white;
}


#hlavicka #resize {
    position: absolute; 
    top: 233px;
    left: 270px;
    width: 400px;
    height: 20px;
    vertical-align: top;
    text-align: left;
}
#hlavicka #resize #resizer {
    float: left;
    vertical-align: top;
}

#hlavicka #resize #print {
    float: right;
    font-size: 10pt;
    margin-top: 3px;
}

#hlavicka #resize a:hover {
    text-decoration: none;
}



#left_panel {
    position: absolute;
    left: 10px;
    width: 139px;
    z-index: 5;
    min-height: 1500px;
    _height: 1500px;
    background-color: #9ED252;
}
#left_panel #sub_menu {
    background-color: #9ED252;
}

#sub_menu a {
    display: block;
    color: white;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
    padding: 3px; 
    margin: 3px 10px 0 5px;
    background-color: #67A738;
    text-decoration: none;
}

#sub_menu a:hover {
    background-color: #307C1F;
    text-decoration: none;
}
#sub_menu a.aktualni {
    background-color: #307C1F;
    text-decoration: none;
}
#libej {
 }

#libej_foto {
}   

#libej #libej_foto a.seznamka {
    padding: 0;
    margin: 0;
}

#libej img{
    margin: 4px 3px 2px 4px;
    border: 1px solid #444444;
    width: 47px;
    height: 73px;
}


#zelen {
    width: 100px;
    height: 62;
    position: absolute; 
    left: 149px;
    background-image: url('../img/zelen.png');
    background-repeat: no-repeat;
}




/* obsah stránky (článek) */
div#content_null {
    width: 530px;
    position: relative;
    left: 10px; 
    top: 10px;
    margin-top: 25px;
    border-left: 139px solid #9ED252;
    _width: 669px;
    float: left;
    min-height: 1510px;
    _height: 1510px;
}

a#partners {
  position: absolute; 
  left: 703px; 
  top: 203px; 
  width: 72px; 
  height: 31px;
  background-image: url('../img/P.png');
}

a#partners:hover {
 /* background-position: 0 -31px; */
}


div#content {
    text-align: justify;
    margin: 10px;
}

div#article {
    font-weight: normal;
    font-size: 9pt;
    line-height: 130%;
}

div#article h1 {
    text-align: right;
}



div#right_reklamy {
    width: 200px;
    float: right;
    float: left;
    margin-left: 20px; 
}


#zapati {
          position: relative;
          left: 0;
          z-index: 7;
          width: 900px; height: 50px;
          background-repeat: no-repeat;
          background-position: 0 0;
          background-image: url('../img/cara.png');
          text-align: left;
          padding-left:50px;
}

#zapati span {
    font-weight: normal;
    text-align: center;
    font-size: 10pt;
}


.small_check {
    width: 11px;
    height: 11px;
    margin: 0;
    _padding: 0;
    _border: none;
    _width: 12px;
    _height: 12px;
}
#vyhledej_input {
    border: none;
    width: 200px;
    font-size: 8pt;
}
#vyhledej_submit {
    background-color: green;
    border: none;
    font-size: 8pt;
    color: white;
}



#datetime {
    position: absolute;
    left: 35px;
    top: 105px;
    width: 99px;
}
#datetime_datetime {
    position: absolute;
    left: 0px;
    top: 0px;
}

/*-----------------------------------*/



p.zprava, .message {
    text-align: center;
    font-weight: bold;
    font-size: 9pt;
}
h1 .message, h2 .message {
    text-align: right;
}

/* prázdný div mezi divem CONTENT a FOOTER */
div#after_content {
    clear: both; /* jelikož je content float, zajisti tento div vykresleni zbytku stranky az POD div CONTENT */
}




/* advertisement nastaveni zobrazovani reklamou zvyraznenych slov a zobrazovani reklam */
div div span.advertisement a{
    color: #00bb00;
    font-weight: bold;
    text-decoration: underline;
}
div.advertisement {
    display: none;
    width: 200px;
    height: 130px;
    overflow: hidden;
    border: 1px solid green;
    background-color: #88ee88;
    position: absolute;
}
/* a s reklamou */
div.advertisement a {
    display: block;
    float: left;
    margin: 3px;
}
div.advertisement div.head {
    height: 20px;
    background-color: #66dd66;
    width: 100%;
}
div.advertisement div.head div.our_adv {
    width: 175px;
    float: left;
}
div.advertisement div.head div.adv_close_div {
    color: white;
    font-size: 12px;
    border: 1px solid green;
    background-color: red;
    float: right;
    padding: 0 2px 0 2px;
    margin: 3px;
    cursor: hand;
}


/* forum diskuse styly prizpevku v diskusi */

div.comment {
 /*   border: 1px solid #555555; */
    margin-top: 5px;
}   
.comment .body, .comment .head {
    padding: 3px;
    font-weight: normal;
    overflow: hidden;
}
.comment .head {
    background-color: #9ED252;
    color: black;
}
.comment .head div {
    display: inline;
    margin-right: 1em;
}
.comment .head .link {
    margin-left: 3em;
}
.comment .head .admin_link {
    margin-left: 5em;
}
.comment .head .nick, .comment .head .title {
    font-weight: bold;
}
.comment .head .date {

}


/* styly pro osipeckovani diskuse */
 div.comment {
        margin: 0;
    }
    .comment .body {
        padding-bottom: 10px;
    }
    div.comment_sub {
        border-top: 1px solid #307C1F;
    }
    .reakce {
        padding-left: 20px;
    }
    .reakce_sub {
        margin: 0;
    }
    .has_reakce_sub {
        margin: 0;
        border-left: 1px solid #307C1F;
        border-top: 1px solid #307C1F;
    }
    .last_reakce {
        border: none;
        background-image: url('../img/sipka2.bmp');
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    .stredni_reakce {
        background-image: url('../img/sipka.bmp');
        background-position: 0 0;
        background-repeat: no-repeat;
    }


/* forum diskuse pridat komentar */
div#add_comment .text   {
    width: 170px;
}
div#add_comment textarea    {
    width: 100%;
    height: 100px;
}
div#add_comment table   {
    width: 95%;
}

div#add_comment {
    height: 200px;
}

/* forum -> div s formem pro reakci */
div#hidden_form_null {
    position: absolute; 
    width: 400px; 
    border: 10px solid #307C1F;
    background-color: white;
}
table.form textarea, table.form input{
    font-size: 8pt;
}
div#hidden_form {
    margin: 5px;
}
div#hidden_form p#reagujete {
    font-weight: bold;
    margin: 10px;
}

div#hidden_form_close {
	font-size: 14px;
	float: right;
	padding: 0 4px 0 4px;
	color: white;
	background-color: red;
	border: 1px solid #555555;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
}


/* search vyhledavani hledat nalezeno */
#found_in_comments a, #found_in_articles a {
    font-weight: bold;
    margin-bottom: 0;
    color: #307C1F;
}

#found_in_articles h2, #found_in_comments h2  {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    text-align: left;
}

#found_in_articles p {
    margin: 3px 0 15px 0;
}

#found_in_articles p a {
    color: green;
    font-size: 8pt;
    font-weight: normal;
}

#found_in_articles p a.long {
    color: black;
    font-size: 8pt;
    font-weight: normal;
}

#found_in_articles p a  {
    text-decoration: none;
}


/* invite form pozvat pritele */
div#invite_friend {
    border: none;
    text-align: center;
    width: 100%;
    height: 80px;
}
div#invite_friend h2.colored {
    margin-bottom: 3px;
}
div#invite_friend table {
    margin: auto;
    width: 100%;
}
div#invite_friend input.text{
    width: 164px;
}




/* styl odkazu na zdroje sources resources clanku */
a.res_link {
    color: green;
}
span.res_name {
    margin-right: 1em;
}
span.res_text {
    margin-left: 1em;
}



div#top_ten div {
    margin-bottom: 10px;
}
div#top_ten table table a {
    color: black;
    font-weight: normal;
}
div#top_ten h2 {
    color: green;
}
div#top_ten p {
    margin: 0;
}

div#top_ten span.precteno {
    color: green;
    font-size: 8pt;
    font-weight: normal;
}

/* 3. pokud */

div#top_ten div {
    margin-bottom: 10px;
}
div#top_ten h2 {
    margin: 0;
    padding: 0;
    font-size: 130%;
    text-align: left;
}
div#top_ten h2 a {
    color: green;
}

div#top_ten p {
    margin: 0;
}

div#top_ten span.precteno {
    color: green;
    font-size: 90%;
    font-weight: normal;
}