/* 
    Document   : basic_style
    Created on : 21.10.2011, 20:10:40
    Author     : Oldřich Válek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    margin: 0;
    padding: 0;
    background-color: #003B02;
    /*background-image: url('../images/bg_body.jpg');*/
    background-image: url('../images/bg_lilie.png');
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
}

div.main_endora {
    width: 100%;
    margin: 60px auto;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
 /*   position: relative;
    top: 100%; */  
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-image: url('../images/bg_endora.png');
    text-align: center;
    color: #000000;
}
div.main_endora a {
    color: #000000;
}


div.page {
    width: 1000px;
    margin: /*80px auto*/40px auto;
    margin-bottom: 40px;
    overflow: hidden;
    background-image: url('../images/bg_page.png');
    
    border: 1px solid #6A8527;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 2px 2px 15px #6C8119;
    -webkit-box-shadow: 2px 2px 15px #6C8119;
    box-shadow: 2px 2px 15px #6C8119;
    /* For IE 8 */
  /*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color='#000000')";*/
    /* For IE 5.5 - 7 */
  /*  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color='#000000');*/
}

/* IE6 */
* html div.page {
    background-image: none;
    background-color: #CCE6CC;
   /* filter: alpha(opacity=80);*/
    behavior: url(css/border-radius.htc);
    border-radius: 50px;
}
/* IE7 */
*:first-child+html div.page {
    behavior: url(css/border-radius.htc);
    border-radius: 50px;
}
/* IE8 */
@media \0screen {
  div.page {
  /*  background-image: none;*/
  /*  background-color: #CCE6CC;*/
  /*  filter: alpha(opacity=80);*/
    behavior: url(css/border-radius.htc);
    border-radius: 50px;
  }
}

div.page2 {
    width: 1000px;
}


/* hlavicka */
div.head {
    width: 1000px;    
    height: 190px;
    margin: 0;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #000000;
    text-align: center;
    text-decoration: none;
    color: #774B1E;
    text-decoration: none;
}
div.head h1 {
    width: 1000px;    
    height: 190px;
    margin: 0;
    overflow: hidden;
    display: block;
    border: none;
    text-align: left;
    text-decoration: none;
    color: #774B1E;
    text-decoration: none;
    font-size: 10px;
}
div.head h1 a {
    width: 1000px;
    height: 190px;
    display: block;
    border: none;
    text-decoration: none;
}
div.head .logo_skaut {
    width: 145px;
    height: 164px;
    float: left;
    padding: 13px 0 16px 30px;
    border: none;
}
div.head .logo_trojka {
    width: 126px;
    height: 164px;
    padding: 13px 40px 13px 0;
    _padding: 13px 37px 13px 0;
    border: none;
}
div.head .head_middle {
    width: 659px;
    height: 190px;
    float: left;
    margin: 0;
    display: block;
    text-align: center;
    background-image: url('../images/head_text.png');
}
/*
div.head .head_middle .head_motto {
    display: block;
}
div.head .head_middle .head_motto .motto {
    margin-top: 10px;
    display: block;
    font-size: 19px;
    _font-size: 21px;
    font-family: Garamond, Times, serif;
    font-style: italic;
    font-weight: normal;
    line-height: 140%;
    color: #9B0029;
}
div.head .head_middle .head_name {
    margin-top: 30px;
    padding-bottom: 10px;
    display: block;
    overflow: hidden;
    border: none;
    font-family: "Garamond", serif;
    font-size: 50px;   
    color: #000000;
}*/


div.middle {
    width: 1000px;    
    margin: 0;
  /*  overflow: hidden;*/
    display: block;
}

/* navigacni/informacni radek */
p.navigation_bar {
    width: 1000px;
    height: 30px;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 30px;
    border-bottom: 1px solid #000000;
  /*  background-color: #EFB160;*/
    background-image: url('../images/bg_pagination_b.png');
    text-indent: 20px;
    color: #6B5900;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}
p.navigation_bar a {
    color: #6B5900;
    text-decoration: none;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}
p.navigation_bar a:hover {
    text-decoration: underline;
    color: #000000;
}


div.middle_menu {
    width: 200px;
    height: 450px;
    float: left;
    margin: 0;
    display: block;
  /*  overflow: hidden;*/
    z-index: 99999;
}
div.middle_content {
    width: 800px;
    min-height: 400px;
    float: right;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 130%;
}

.zero_count_info {
    margin: 50px 0 0 80px;
    display: block;
    font-size: 1.2em;
}


div.footer {
    width: 900px;
    height: 40px;
    clear: both;
    z-index: 1;
    margin: 0 auto;
    /*padding: 5px 0 5px 0;*/
    padding: 25px 50px 5px 50px;
    display: block;
    border-top: 1px solid #000000;
    background-image: url('../images/bg_pagination_b.png');
    *background-image: none;
    text-align: center;
}
@media \0screen {
  div.footer {background-image: none;}
}


ul.middle_menu  {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #000000;
    list-style-type: none;
    text-indent: 0;
    z-index: 99999;
}
ul.middle_menu, ul.middle_menu ul  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-indent: 0;
    z-index: 99999;
}
ul.middle_menu li  {
    margin: 0;
    padding: 0;
    border-top: 1px solid #000000;
}
ul.middle_menu ul li  {
}
ul.middle_menu a  {
    width: 200px;
    padding: 5px 0 5px 0;
    display: block;
    text-indent: 20px;
    color: #FFCB83;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration: none;
}
ul.middle_menu ul a  {
    text-indent: 50px;
}
ul.middle_menu a:hover {
    text-decoration: underline;
}
ul.middle_menu ul li ul {
    z-index: 99999;
}
a.main_menu_active, a.sub_menu_active, a.sub_sub_menu_active {
    background-image: url('../images/bg_menu_ul_li_selected.png');
    _background-image: none;
    _background-color: #99CB79;
}


#middle_menu {    
    background-image: url('../images/bg_on_page_green.png');
    _background-image: none;
    _background-color: #B2D68F;
    
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;
}
#middle_menu ul.main_menu_ul {
    width: 8.0em;
    _width: 12.5em;
}
#middle_menu ul.sub_menu_ul {
    width: 300px;
    left: 8.0em;
    _left: 12.5em;
}

#middle_menu ul.main_menu_ul li, #middle_menu ul.sub_menu_ul li {
    border-left: 1px solid #000000;
}

#middle_menu li {
    line-height: 25px;
    _line_height: 1;
}
#middle_menu ul li {
    line-height: 20px;   
}
#middle_menu ul li a:hover {
    background-color: #C8D68F/*#DDD68F*/;
}
#middle_menu a {
    padding: 5px 0 5px 0;
    display: block;
    text-indent: 20px;
    color: #000000;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration: none;    
}
#middle_menu ul a {
    font-size: 1.0em;
}
#middle_menu a:hover, #middle_menu a:hover {
    text-decoration: underline;
}


span.footer {
    width: 1000px;
    margin: 0 auto;
    margin-left: 100px;
    *margin-left: -118px; 
    padding: 0;
    position: static;
    text-align: center;
    text-indent: 20px;
    color: /*#6B5900*/#000000;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}
span.footer a {
    color: #000000;
}
a.footer_login {
    width: 60px;
    float: right;
    margin: 0 20px 0 0;
    *margin-top: -18px;
    padding: 0;
    display: block;
    position: relative;
    text-decoration: none;
    color: #6B5900;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}
a.footer_login:hover {
    text-decoration: underline;
}

/* sipka nahoru, (nechodi v IE6) */
a.scroll_up {
    width: 77px; 
    height: 46px; 
    margin-top: -200px; 
    margin-left: 10px; 
    float: left; 
    display: block;
    background-image: url('../images/arrow_up.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;/*0% 0%*/
}
a.scroll_up:hover {
    background-position: 0% 100%;/*0% 100%*/
}