/* <style> */
    
body {
  background-color:white;
  color:black;
  font-family: Tahoma, Arial, sans-serif;
  margin:0px;
  padding:0px;
  font-size:11pt;
}

 body div table, table tr th, table tr td {
   text-align: left;
 }
 h1 {
    font-size: 130%;
    padding-left: 1em;
    color: #0091D1;
    border-bottom: 2px solid #0091D1;
 }
 h2, table caption {
    font-weight: bold;
    text-align: left;
    font-size: 110%;
    padding: 3px 10px;
    margin: 0;
    margin-bottom: 5px;
    color: #333333;
    background-color: #CCCCCC;
 }
 
 span.label {
    display: block;
    font-weight: bold;
    margin-top: 5px;
 }
 /* normalni caption muze mit padding nebo margin, ale tohle ne */
 table.in_block caption {
    margin-bottom: 0;
 }
 
 table.list_table tr.odd {
    background-color: #e9f4FF;
 }
 /* block div - modry okraj */
 
    div.block {
        float: left;
        padding: 0px;
        margin-left: 1em;
        border: 5px solid #CCCCCC;
        margin-bottom: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    div.block .heading {
        font-weight: bold;
        text-align: left;
        font-size: 110%;
        padding: 3px 10px;
        padding-right: 3px;
        margin: 0;
        margin-bottom: 5px;
        color: #333333;
        background-color: #CCCCCC;
    }
    div.block .content, div.block p {
        padding: 5px;
        margin-bottom: 15px;
    }
    

    tr.selected {
        background-color: #FFE7A1;
    }
    
 /* NEajaxove seznamove tabulky */
 table.list_table th {
    background-color: #CCCCCC;
    color: #333333;
    padding: 3px 5px;
 }
 table.list_table {
    border-collapse: collapse;
    border: 1px solid #888888;
 }
 table.list_table td, table.list_table th {
    border: 1px solid #CCCCCC;
    vertical-align: middle;
    padding: 3px 5px;
 }
 
 
 /* div obalujici obrazky */
 div.img {
 background-color: gray;
 text-align: center;
 vertical-align: middle;
 }
 div.img img {
    margin: auto;
 }
 img {
    border: 1px solid gray;
 }
 
 img.icon {
    border: none;
 }
 
a {
    text-decoration: none;
    color: #36c;
}
div#all{
  text-align: left;
}

div.line_info {
  background-color:black;
  color:white;
  height:30px;
  text-align:center;
  font-size:10pt;
}

div#header {
   height:101px;
   background-image: url("img/header.png");
   border-top: 1px solid black; /* tohle je hack */
}

#name {
  font-size:16pt;
  color:white;
  font-weight:bold;
  height:30px;
  margin-left:15px;
  text-align: left;
}
#name_in {
    margin-top: 10px;
}

div#menu {
  width:90%;
  height:36px;
  
  margin-top:25px;
  margin-left:12px;
  
  display:block;
  float:left;
  
}

.menu_item {
  margin: 0 5px;
  display: inline-block;
  height:36px;
  color:white;
  font-size:13pt;
  font-weight: bold;
}

.menu_item:hover, .selected .item_center span.text {
  color:#075596;
}

.item_left{
  float:left;
  width:10px;
  height:36px;
  /*display:inline-block;*/
  background-image: url("img/button_left.png");
}
.item_center {
   float:left;
   height:36px;
   background-image: url("img/button_center.png");
}
.item_center span.text {
    display: block;
    margin-top: 10px;
}
.item_right {
  float:left;
  width:10px;
  height:36px;
  background-image: url("img/button_right.png");
}




.selected .item_left {
  float:left;
  width:10px;
  height:36px;
  /*display:inline-block;*/
  background-image: url("img/button_left_w.png");
}
.selected .item_center {
   float:left;
   height:36px;
   background-image: url("img/button_center_w.png");
}
.selected .item_right {
  float:left;
  width:10px;
  height:36px;
  background-image: url("img/button_right_w.png");
}



.separator {
  display: block;
  float:left;
  width:3px;
  height:35px;
  margin: 0 5px;
  background-image: url("img/submenu_separator.png");
}

#submenu{
  height: 51px;
  background-image: url("img/submenu.png");
}
#submenu_in{
  margin-left: 15px;
}
#submenu #submenu_in a.submenu_item {
    display: block;
    float: left;
    margin: 8px 2px 0 2px;
    font-weight: bold;
    color: #0091d1;
    text-decoration: none;
    font-size: 11pt;
}



div#content_in{
  margin:10px;
  min-height:400px;
}

#user_line {
  float:right;
  margin-right:20px;
  margin-top:7px;
}
#user_line a { 
  text-decoration:none;
  color:white;  
}


#line_text{
  float:left;
  margin-left:20px;
  margin-top:7px;
}

#copy {
  padding-top:5px;  
}


/* Treemenu v administraci menu */
#tree a { white-space:normal !important; height: auto; } 
#tree li > ins { vertical-align:top; }
#tree {
    padding: 5px 20px 5px 5px;
}


.flash_message {    
    border: 2px solid #6BAA3D;
    background-color: #FFFFb0;
    width: 50%;
    padding: 10px;
    font-weight: bold;
    margin: 1em auto;
    text-align: center;
}

.rounded { 
    /* CSS3 vlastnosti, podporovane pouze novymi prohlizeci */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.btn {
    padding-left: 5px;
}

div.clear {
    clear: both;
}

div.clear_right {
    clear: right;
}

/*
 * Styly formularovych prvku */

input, textarea, select {
    border: 1px solid gray;
}

.long {
    width: 500px;
}
input.medium, select.medium {
    width: 300px;
}

textarea.medium {
    /* Do rozmeru 500x100 - pro DB atributy typu varchar(255) */
    width: 500px;
    height: 100px;
}

textarea.mce_editor {   
    width: 100%;
    height: 700px;
}

input[type=submit], input[type=button] {
    font-weight: bold;
    padding: 3px 5px;
    background-color: #D9E4FF;
}
input[disabled=disabled] {
    background-color: #dddddd;
}


/*
 * jQuery UI */
 .ui-widget { 
    font-size: 11px; 
 }
 
 

input.del_btn {
    background-color: #FC817B;
    float: left;
    padding: 2px;
    margin-right: 5px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.autocomplete_item { 
    float: left;
    border: 1px solid gray;
    padding: 3px 6px;
    background-color: #eaf2fb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
} 






/* Modul media */
div#media_dirs {
    float: left;
    margin: 0 1em;
    text-align: left;
}
div#media_dir_content {
    margin-left:3em;
    float: left;
}
div#media_dirs ul {
    margin: 0;
    padding: 0;
    padding-right: 20px;
}
div#media_dirs ul li a.selected {
    font-weight: bold;
}
#media_dirs ul li {
    margin: 0;
    clear: both;
    width: 100%;
    list-style-type: none;
    padding-left: 27px;
    background-image: url('./img/folder.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-bottom: 3px;
    font-size: 12pt;
}
#media_dirs ul li:hover {
    background-color: #e9f4FF;
}
a.del_icon {
    display: block; 
    float: right; 
    margin-left: 5px;
    padding-top: 3px;
}
/* modul bannery */
div#tree ul li.banner a {
    background-image: url('./img/photo-icon.png');
    background-repeat: no-repeat;
}

div#tree ul li.banner a ins {
    background-image: none;
}


/* modul galerie */
.present_element_gallery {
    max-width: 500px;
}

/* skryty div s napovedou */
div#submenu_help {
    padding: 20px;
    background-color: #FFE7A1;
    border: 1px solid #ccc;
    _height: 400px;
    max-height: 400px;
    overflow: scroll;
    /* odkomentovat nasledujici radky pokud chceme aby napoveda byla pred ostatim obsahem namisto toho aby ho odsouvala dolu */
    /*
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    z-index: 4;
    */
}
span.help_span {
    background-image: url('./img/question-mark.png');
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}
img.help_img {
    border: none;
    vertical-align: middle;
}
p.help_p {
    border: 1px solid #ccc;
    background-color: #FFE7A1;
    padding: 8px;
}