.foo {}

/*Hlavní id stránky (boxy) */
/*----------------------------------------------------------------------------------------*/

body
{
    text-align: center;
    font-size:1em;
    color:#333;
    font-family:Trebuchet MS, Arial, Arial CE, Helvetica, Sans Serif;
    margin:0;
    padding:0;
    background-color: #CBCAD1;
}

#div_main
{
    position:relative;
    width: 990px;
    background-color: #EFECDE;
    background-image: url("../images/bkg_div_main.jpg");
    background-repeat:no-repeat;
    text-align: left;
    margin: 0 auto;
    padding:0 0 30px 0;
    _height:400px;
    min-height:400px;
    
}

#div_menu
{
    padding:0;
    margin:0;
    position:absolute;
    top:15px;
    left:350px;
    z-index:3;
}

#div_topleft
{
    position:absolute;
    top:135px;
    left:55px;
    width:200px;
    height:206px;
    background-image: url(../images/bkg_balls.png);
}

#div_left
{
    float: left;
    width: 270px;
    /*background-color: Yellow;*/
    border-top: 1px dotted white;
    margin: 243px 0 0 20px;
    padding: 110px 0 0 0;
}

* html #div_left
{
    _margin: 243px -3px 0 10px;
}

#div_right
{
    float: left;
    width: 640px;
    margin: 220px 0 0 0;
    padding: 0 20px 0 40px;
}

#a_logo
{
    position:absolute;
    display:block;
    top:10px;
    left:5px;
    z-index:100;
    width: 300px;
    height:69px;
    background-image: url(../images/logo.png);
}

#a_logo span
{
    display:none;
}

/* Definice hlavních elementů stránky */
/*---------------------------------------------------------------------------------------------------*/

img, div, a, li
{
    behavior: url(../JavaScript/iepngfix.htc);
}
h1
{
    margin: 0 0 60px -40px;
    padding: 0;
    font-size: 1.1em;
    text-align: right;
    font-style: italic;
    text-transform: uppercase;
    color: #EEE;
    border-bottom: 1px dotted white;
}
h2
{
    color: #14580B;
    border-bottom: 1px dotted #A0A0A0;
    font-size: 1.1em;
}

p
{
    margin: 0;
    padding: 0.3em 0;
}

p, ul, ol
{
    font-size: 0.8em;
}

ul
{
    list-style-image: url(../images/bullet_list.gif);
}

li
{
    padding-left: 6px;
    margin-left: 0;
}

form
{
    margin: 0;
    padding: 0;
}

/* Třídy */
/*--------------------------------------------------------------------------------------------------------*/
.border
{
border: 1px solid black;
}

.clearer
{
clear:both;
}

.uvodnik
{
border: 1px solid #C3BB9A;
padding: 5px;
background: url("../images/bkg_uvodnik.png");
font-style:italic;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 12px;
font-size:0.9em;
}

.uvodnik:hover
{
background-color:#E4FFB2;
}

.w3c
{
 text-align: 
 center; margin-top: 20px;
}

.leftimage
{
float:left;
margin: 0 15px 12px 0;
}

.rightimage
{
float:right;
margin: 0 0 12px 15px;
}


/* Formulář */
/*----------------------------------------------------------------------------------------------*/
fieldset
{
border: 1px solid silver;
padding: 10px;
margin-top: 10px;
-moz-border-radius: 7pt;
}

legend
{
font-size: 0.9em;
color: Green;
background-color:#EFECDE;
margin:0 5px;
padding:0 5px;
margin-bottom:15px;
}

label
{
width:200px;
float:left;
display:block;
font-size:0.8em;
}

fieldset input
{
margin: 0 0 10px 0;
border: 1px solid silver;
font-size: 0.8em;
}

fieldset span
{
margin:0;
padding:0;
font-size:0.8em;
display:block;
position: relative;
top: 0px;
}

/* Menu */
/* ------------------------------------------------------------------------------------------------*/
.horizontalmenu .ulmenu_ul_first
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 52px;
    color: #BFD0FF;
}

.horizontalmenu .ulmenu_ul_first li
{
    margin: 0 0 0 0;
    padding: 8px 0 0 10px;
    display: inline;
    float: left;
    background-image: url(../images/bkg_menu.png);
    width: 140px;
    height: 52px;
    color: #BFD0FF;
}

.horizontalmenu .ulmenu_ul_first li .ulmenu_a_first, .horizontalmenu .ulmenu_ul_first li .ulmenu_a_first:hover, .horizontalmenu .ulmenu_ul_first li .ulmenu_span_first
{
    margin: -8px 0 0 -10px;
    padding: 8px 0 0 10px;
    display: block;
    width: 140px;
    height: 52px;
    text-decoration: none;
    color: #BFD0FF;
_margin: 0 0 0 -8px;
_padding:0;
}



.horizontalmenu .ulmenu_ul_first li .ulmenu_a_first:hover
{
    color: white;
}


.horizontalmenu .ulmenu_ul_first li:hover
{
    background-position: -150px 0;
}

.horizontalmenu .ulmenu_ul_second
{
    margin: 0 0 0 0;
    padding: 5px 5px;
    visibility: hidden;
    list-style-type: none;
    float: left;
    border: 1px solid #5a87bf;
    background-image: url(../images/bkg_ulmenu_ul_second.png);
}


.horizontalmenu .ulmenu_ul_first li:hover .ulmenu_ul_second
{
    visibility: visible;
}

.horizontalmenu .ulmenu_ul_second li, .horizontalmenu .ulmenu_ul_second li:hover
{
    list-style-type: none;
    background-image: url(../images/bkg_menu_second.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    width: 80px;
    height: 28px;
    padding: 0 30px;
    margin: 3px 0;
    font-size: 15px;
    color: #BFD0FF;
    vertical-align: middle;
    line-height: 28px;
}

.horizontalmenu .ulmenu_ul_second li a
{
    display: block;
    margin-left: -30px;
    padding-left: 30px;
    width: 110px;
    height: 28px;
    color: #BFD0FF;
    text-decoration: none;
}

.horizontalmenu .ulmenu_ul_second li a:hover
{
    color: #FFF3B2;
    text-decoration: none;
}
/* Vertikální menu */
.PrettyTree 
{
    position: relative;
}

.PrettyTree div.AspNet-TreeView ul
{
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    font-size: 14px;
}


.PrettyTree div.AspNet-TreeView ul li
{
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: small;
    font-family: Tahoma;
    list-style-type:none;
    cursor:pointer;
}

.PrettyTree div.AspNet-TreeView ul ul
{
   margin: 0; 
   border: none;
    font-size: 14px;
}

.PrettyTree div.AspNet-TreeView ul li img
{
    border: none;
    float:left;
    vertical-align: baseline;
    margin: 0;
}

.PrettyTree div.AspNet-TreeView li a, 
.PrettyTree div.AspNet-TreeView li li a, 
.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Root .AspNet-TreeView-ClickableNonLink
{
    padding: 0 10px;
    display: block;
    width: 248px;
    height: 30px;
    text-decoration: none;
    color: #606060;
    line-height: 30px;
    background-image: url(../images/bkg_vmenu_1layer.jpg);
    background-position: 0 0;
}
.PrettyTree div.AspNet-TreeView li a:hover 
{    
background-position: -268px 0;
} 


.PrettyTree div.AspNet-TreeView li li a 
{
    padding: 0 10px 0 20px;
    width: 238px;
    background-image: url(../images/bkg_vmenu_2layer.jpg);
}
.PrettyTree div.AspNet-TreeView li li a:hover
{    
background-position: -268px 0;
} 


.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Root
{
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Parent
{
 /*   background:url(../images/bg-fade-light.png) repeat-x bottom;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
    margin:0 4px 6px 0;*/
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Leaf
{

}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    display:none; /*Skrýváme*/
    /*position: relative;
    background: url(../images/collapse.gif) 0 -1px no-repeat;
    width: 15px;
    margin-right:5px;
    float:left;
    cursor: n-resize;
    font-family: Courier;
    font-size: xx-large;
    line-height: 20px;
    cursor:pointer;*/
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Expand
{
display:none; /*Skrýváme*/
  /* position: relative;
    background: url(../images/expand.gif) 0 -1px no-repeat;
    width: 15px;
    margin-right:5px;
    float:left;
    cursor: n-resize;
    font-family: Courier;
    font-size: xx-large;
    line-height: 20px;
    cursor:pointer;*/
}

.PrettyTree div.AspNet-TreeView a,
.PrettyTree div.AspNet-TreeView a:visited,
.PrettyTree div.AspNet-TreeView a:active,
.PrettyTree div.AspNet-TreeView a:hover,
.PrettyTree div.AspNet-TreeView a:link
{
   /* color: #00008B; */
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: normal !important;
    color: #640000 !important;
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: #00008B !important;
}

/* Akordeon (pro RSS) */
/* ------------------------------------------------------------------------------------------------*/
.acc 
{
margin-top:20px;
width:270px;
}

.accbody
{
width:270px;
}

.accordionHeader,
.accordionHeaderSelected
{
background-color:#023202;
border:none;
border-bottom: 1px solid #002200;
padding: 5px 10px;
font-style: italic;
background: url(../images/rssbackground.gif) 0 0;
}

.accordionHeaderSelected
{
background: url(../images/rssbackground.gif) -270px 0;
}

.accordionHeader a,
.accordionHeaderSelected a
{
color: #ADA;
text-decoration: none;
font-size: 0.75em;
}

/* Galerie */
/* ------------------------------------------------------------------------------------------------ */
/* Karusel */
#example_3
{
    position: relative; /* important */
    overflow: hidden; /* important */
    width: 640px; /* important */
    height: 250px; /* important */
    margin: 0 0px; /*background: #000;*/
    background-image: url(../images/bkg_carousel.png);
}

#example_3_frame
{
    position: relative;
}
#example_3_previous
{
    float: left;
    cursor: pointer;
}
#example_3_next
{
    float: right;
    cursor: pointer;
}
#example_3_content
{
    position: absolute;
    top: 0;
    margin-left: -20px;
}

#example_3_content li
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#example_3_content
{
    width: 5418px;
}

/*#container_bd
{
    border-bottom: 1px dotted #DEE6DA;
}*/

#container_bd #example_3 ul li
{
    display: block;
    float: left;
    margin: 20px;
    padding: 5px; /* background-color: #000;*/
}

#container_bd #example_3 ul li a
{
    display: block;
}


#container_bd #example_3 ul li img
{
    display: block;
    border: none;
}

#container_bd #example_3 ul li span
{
    font-size: 11px;
    color: red;
    position: relative;
    top: -30px;
    left: 10px;
}
/* Ostatní v galerii */

.galerie_popis
{
    margin: 10px 20px 0 20px;
    color: #333;
    font-size: 0.9em;
}

.table_detail
{
    border: 1px solid #CCC190;
    border-collapse: collapse;
    margin: 10px 20px 20px 20px;
    color: #333;
    font-size: 0.7em;
}

.table_detail td
{
border: 1px dotted #CCC190;
}

/* Login */
/* --------------------------------------------------------------------------------------------------------*/
.PrettyLogin
{
    width: 18em;
}

.PrettyLogin .AspNet-Login
{
    font-family: Verdana;
    font-size: 0.8em;
    background: #FFFFFF url(bg-fade-light.png) repeat-x bottom;
    padding: 4px;
    border: solid 2px #465239;
    height:150px;
}

.PrettyLogin .AspNet-Login label,
.PrettyLogin .AspNet-Login input
{
    color: #465239;
}

.PrettyLogin .AspNet-Login input
{
    font-size: 1em;  /* lets the form element scale */
}

/* This rule is used when AutoAccessKey is true */
.PrettyLogin .AspNet-Login label em
{
    text-decoration: underline;
    font-style: normal;
}

.PrettyLogin .AspNet-Login input
{
    border: solid 1px #465239;
}

.PrettyLogin .AspNet-Login .AspNet-Login-TitlePanel
{
    font-weight: bold;
    color: #465239;
    background: #E9F5DA;
    text-align: center;
    height: 2em;
    margin-bottom: 0.3em;
    padding-top: 0.4em;
    font-size: 1.5em
}

.PrettyLogin .AspNet-Login .AspNet-Login-FailurePanel
{
    color: #FF0000;
}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-RememberMePanel,
.PrettyLogin .AspNet-Login .AspNet-Login-SubmitPanel
{
    padding: 0.25em 0.1em 0 0;
    text-align: right;
}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel label,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel label
{
    white-space: nowrap;
    display:inline;
    float:none;
    width:auto;
    font-size:1em;
}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel input,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel input
{
    width: 9em;
}

.PrettyLogin .AspNet-Login .AspNet-Login-RememberMePanel input
{
    border: none;
}

.PrettyLogin .AspNet-Login .AspNet-Login-SubmitPanel input
{
    background: White;
    color: #465239;
    border: solid 1px #465239;
    float: right;
    height: 1.7em;
}

.PrettyLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel
{
    margin-bottom: 0.5em;
}

.PrettyLogin .AspNet-Login .AspNet-Login-CreateUserPanel a,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel a
{
    color: #465239;
    font-style: italic;
}

.PrettyLogin .AspNet-Login .AspNet-Login-InstructionPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-CreateUserPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-HelpPanel
{
}

/* RSS */
/* ------------------------------------------------------------------------------------------------*/
.rss
{
margin-top:5px;
margin-bottom:5px;
width: 270px;
border: none;
}

.rss tr td
{
font-size: 0.75em;
padding:0;
background-color:transparent;
border-bottom: 1px dotted silver;
}

.rss tr.rssheader td
{
display:none;
/*background-color:#023202;
height:30px;
border:none;
color:White;
padding: 0 10px;
font-style: italic;*/
}

/*.rssheader a,*/
.rss a
{
display: block;
text-decoration: none;
}

.rss a,
.rss a:hover
{
width: 244px;
padding: 2px 10px 2px 15px;
color: #777;
background: url(../images/bullet_list2.gif) no-repeat -11px 4px;
border-bottom: 1px dotted silver;
}
.rss a:hover
{
background: url(../images/bullet_list2.gif) no-repeat 0 4px;
background-color: #DDDDCC;
}

/*.rssheader a,
.rssheader a:hover
{
width: 248px;
padding: 0 10px;
color: White;
background-image:none;
}
.rssheader a:hover
{
text-decoration: underline;
}*/

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