body {
    color:#ffffff;
    font-family: Helvetica,Arial,sans-serif;
    font-size:0.8em;
    margin:0px;
    padding:0px;
    background:url('bg-main.gif') #555555;
}

ul {
   list-style: none;
}


/* main */

#main {
    width:100%;
    background:url('bg-header.gif') 0px 0px repeat-x;
    text-align:center;
}

#main-in {
    width:750px;
    margin:0 auto;
    text-align:left;
}

/* header */

#header {
    height:163px;
    background: url('bg-head.jpg')  no-repeat 2px 0px;
}

#header a {
    color:white;
    font-weight:bold;
}
#header-in {
    padding:82px 10px 0 10px;
f}

#header-logo {
    float:left;
    width:400px;
    padding-top:12px;
}
#header-logo a {
    width: 322px;
    height:58px;
    display:block;
    background:url('logo.gif') no-repeat;
}



#header-logo a span {
    display:none;
}


#header-form {
    float:right;
    width:15em;
    padding-right:5px;
}

/* login form */


#loginForm label {
    display:block; float:none;
    width:auto;
    text-align:left;
    font-size:90%;
    font-weight:bold;
    _height: 1em;
}


#loginForm fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#loginForm p {
    float:left;
    width:80px;
    clear:none;
    padding:0 2px;
    margin-bottom:3px;
}

#loginForm #login-login p {
    padding-top: 1.5em;
    border: 1px solid blue;
}
#loginForm .form-link {
   width: 160px;
}
#loginForm .form-text input {
    display:block;  float:left; clear:left;
    width:80px;
    border:0px;
    margin-top:3px;
}

#loginForm .form-password input {
    display:block;  float:left; clear:left;
    width:80px;
    border:0px;
    margin-top:3px;
}
#loginForm .form-submit input {
    width: 14px;
    height: 19px;
    font-weight:bold;
    padding:0px;
    margin:0px;
    border:0px;
    background:url('login-button.gif'); 
}


p#login-registration {
    float:none;
    clear:left;
    border:0px solid red;
    margin: 0px 2px 0 auto;
    padding:2px;
    background:url('login-bg-registration.gif') repeat-y top right;
    width:181px;
    text-align:right;
    }
#login-registration label{
    display:none;
}

p#login-login {
    width:15px;
}

/* middle */

#middle {
    width:750px;
    background:black;
    
}

#middle-whole {
    text-align:left;
    background: url('bg-middle-grad.gif') repeat-x left top #ffffff;
    border:0px;
    margin:0 2px;
    color:#555555;
    padding-top:7px;
    padding-bottom: 7px;
}

tr th, tr td {
       color:#555555;
       _font-size: 0.8em

}


#middle-top {
    background: url('bg-middle-top.gif') no-repeat 0px 0px;
    
}


#middle-bottom {
    background: url('bg-middle-bottom.gif') no-repeat left bottom;
    padding:2px 0px 5px 0;
    

}

/* menu */


#menu {
    width: 180px;
    float:left;
}

#menu ul {
    list-style-type:none;
    margin:20px 0px 0px 10px;
    width:170px;
    padding:0px 0px;
}
#menu ul li {
    border-bottom: 1px solid #7c7c7c;
    background: url('menu-item.gif') no-repeat 10px 10px;
    padding: 5px 0px 3px 20px;
    margin:0px 0px 10px 0px;
}

#menu ul li.selected {
    border-bottom: 2px solid #2252ac;
    margin-bottom:9px;
}

#menu ul li a {
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-decoration:none;
    
}

/* content */

#content {
    margin:0 9px 0 190px;
    padding:0px;

}

#content-box {
    border-left:1px solid black;
    border-right:1px solid black;
    padding: 0 0 0 9px;
    _padding-left:6px;
    margin:0px;
    text-align:left;
}

#content-boxbox {
    border-left:1px solid black;
    min-height:500px;
    margin:0px;
    _height:500px;
    padding:0px;
    /*width:100%; */

}

#content-inside {
    padding:0 5px 15px 5px;
    margin:0px;
}


/* footer */
#footer {
    height:51px;
    background: url('bg-footer.gif') no-repeat left top;
    font-size:80%;
}

#footer a {
    color:#fff;
}

#footer-left {
    padding-top:32px;
    float:left; width:50%; padding-left:5px;
}

#footer-right {
    padding-top:32px;
    text-align:right;
    padding-right:5px;
}
/* definice stylu typue stranek */


hr {
    visibility:hidden;
    display:none;
    border:0px;
    margin:0px;
    padding:0px;
    height:0px;
    width:0px;
}

.clear {
    clear:both;
}



/* homepage */

div.h1 {
    background: url('bg-header-default.jpg') no-repeat -1px -2px;
    padding-top:135px;
}

#body-prehled-modelu div.h1 {
    background-image: url('bg-header-modely.jpg');
}
#body-rady-navody div.h1 {
    background-image: url('bg-header-rady.jpg');
}
#body-odkazy div.h1 {
    background-image: url('bg-header-odkazy.jpg');
}
#body-kontakt div.h1 {
    background-image: url('bg-header-kontakt.jpg');
}
#body-historie div.h1 {
    background-image: url('bg-header-historie.jpg');
}
#body-akce-srazy div.h1 {
    background-image: url('bg-header-akceasrazy.jpg');
}
#body-forum div.h1 {
    background-image: url('bg-header-forum.jpg');
}
#body-clenove div.h1 {
    background-image: url('bg-header-clenove.jpg');
}


div.navi {
    font-size:90%;
    padding-left:5px;
}

a {
    color:#2252ac;
}
a:link {
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
a:active {
}
a:visited {
}


h1,h2,h3,h4,h5,h6, legend {
    color: #2251ac;
    text-transform: uppercase;
    font-weight:bold;
}





h1 {
    font-size:150%;
    padding:0 0 0 5px;
    margin:5px 0 0 0;
}

h3 {
    margin: 1em 0 5px 0;
}
span.required {
    color:red;
    padding: 0 3px;
    vertical-align:middle;
}

span.required span {
   display:none;
}


label {
    float:left;
    width:125px;
    text-align:right;
    padding-right:5px;
    padding-top:2px;   
}

.form-text input, .form-password input, .form-textarea textarea {
    border:#999 solid 1px;    
    width:250px;
}

ul.messages {
    font-weight:bold;
    border-bottom:1px #999 solid;
    border-top:1px #999 solid;
    background-color:#eeeeee;
    padding:4px;
    margin: 5px auto;
    list-style-type:none;

}

ul.messages li {
    padding-left:18px;
}

ul.messages.ok li {
    color:green;
    background:url(../icons/ok.gif) left center no-repeat;
}

ul.messages.error li {
    color:red;
    background:url(../icons/error.gif) left center no-repeat;
    
}

a.button {
    border: 1px solid #555555;
    background: #cccccc;
    color:black;
    padding:3px;
    text-decoration:none;
    margin:3px;
}


/* Articles */
ul.articles-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    clear:both;
}

ul.articles-list li {
   padding-left: 20px;
   margin-left:20px;
   background: url('../icons/page.png') no-repeat left center;
}







#editArticleForm,
#editArticleForm span,
#editArticleForm p
 {
    width:100%;
    float:none;
    padding:0px;
    margin:0px;
}


#editArticleForm label {
    float:none;
    display:block;
    text-align:left;
    width:100%;
    font-weight:bold;
    
}

#articles-list-title {
   clear:both;
   background: url('../icons/articles-list.png') no-repeat left center;
   padding-left:18px;

}


fieldset {
    border:0px;
    border-top: 5px solid #cccccc;
    padding:0px;
    margin:1em 0 0 0;
}

legend,
 {
    margin:0 0 0 15px;
    padding: 0 5px;
}


form p
 {
    width:100%;
    float:none;
    clear:both;
    padding:0px;
    margin:0px;
}


div#administration {
    position:fixed;
    _position:absolute;
    right:10px;
    top:10px;
    border: #white;
    background:#cccccc;
    padding:2px;
    display:block;
    width:150px;
    text-align:center;
    text-decoration:none;
}

div#administration label {
    float:none;
    display:block;
    text-align:left;
    width:100%;
}

div#administration input {
    width:auto;
}

div#administration p {
    margin: 0; padding:0px;
}

div#administration fieldset {
    margin:1em 2px 0 2px;
    border-color :#999999;
}
div#administration legend {
}

.editButton, .newButton, .hideEditButton, .logoutButton {
    margin:0 2px;
    text-decoration:none;
    display:inline;
    width: 16px; 
    height:16px;
    font-weight:normal;
    text-decoration: none;
    text-transform: none;
    font-size:8pt;
    width:auto;
    padding-left: 18px;
    padding: 3px 0 3px 18px;
}


.editButton span, .newButton span, .logoutButton span {
   visibility:hidden; width:16px; height:16px;
}

.editButton {
    background: url('../icons/edit.png') no-repeat;
   
}

.newButton {
    background: url('../icons/add.png') no-repeat;
}

.hideEditButton {
    background: url('../icons/hide-edit.png') no-repeat;
}

.logoutButton {
   background: url('../icons/logout.png') no-repeat;
}


div#administration p.form-file {
   width:140px;
}


div#administration .form-file input {
    border:0px;
  
}


div#administration p.form-checkbox {
    width:100%;
    text-align:left;
}
div#administration .form-checkbox label {
    float:none;
    display:inline;
    width:auto;
    margin:0px;
    padding:0;
}

.form-checkbox input {
    width:auto;
}

#folderList {
    float:left;
    width:200px;
    margin-right:5px;
    margin-top:5px;
    margin-left:20px;
    border-right:1px solid white;

}


#folderList ul {
    margin:0px;
    margin-left:10px;
    list-style-type:disc;
    padding:0px;
    padding-left:5px;
    list-style-type:image;
    list-style-image:url(../icons/folder.png);
}

#folderList li {
    margin:0px;
    padding:0px;
    
}


 ul#fileList {
 
    margin:0px;
    margin-left:250px;
    list-style-type:disc;
    padding-top:5px;
    padding-left:5px;
    list-style-type:image;
    list-style-image:url(../icons/misc.png);
}

#folderList ul a, ul#fileList  a {
    color:white;
}

#body-filebrowser h1 {
    border-bottom: 2px solid white;
    margin: 0 0 0 0;
    padding:5px 0 0 10px;
    background:darkred;
    color:white;
}



#big-image {
    text-align:left;
    float:none;
}

#big-image-img {
    width:auto;
    text-align:center;
}
#big-image-navi {
    text-align:center;
    list-style: none;
}

#gallery-detail-back {
   display:block;
   margin: 0 auto;
   width: 2em;
   border: 1px solid lightgray;
   padding: 2px 2px 2px 20px;
   background: url('../icons/pictures.png') left center no-repeat;
}

.image-thumb {
   float:left;
   width: 150px;
}
#big-image-navi .image-thumb img {

    border: 1px lightgray solid;
    padding: 1px;
    margin: 2px;
}

#big-image-navi .image-thumb img {
    margin: auto auto;
    vertical-align:center;
}


img {
    border:0px;
}

ul#members-list {
    list-style:none;
    margin:0px;
    padding:0 0 0 5px;
}

ul#members-list li {
   padding:5px 10px 5px 20px;
   background: url('../icons/user.png') no-repeat left center;
   
}

#big-image-back {
    clear:both;
    padding-left:5px;
}



.forum-posts {
    list-style:none;
    margin:0px;
    padding:5px;

}

.forum-posts li {
   padding-left:22px;
   background: url('../icons/forum-post.png') left 3px no-repeat;
   
}

.forum-post-who {
    font-weight:bold;
    width:50%;
}

.forum-post-date {
    float:right;
    text-align:right;
    width:49%;
}

.forum-post-text {
    float:none;
    border-top:2px solid lightgray;
    margin-bottom:1.8em;
}

.forum-topics {
    list-style: none;
    padding:0px;
    margin:0px;
}

.forum-topic-title {
    margin-top:1em;
    border-bottom:2px solid lightgray;
}

.forum-topic-date {
    float:right;
    width:66%;
    font-size: 80%;
    text-align:right;

}


.forum-groups {
    list-style:none;
    color: blue;
    font-size:110%;
    font-weight:bold;
    
}

.forum-groups li {
   padding-left: 20px;
   background: url('../icons/forum-group.png') left center no-repeat;
   vertical-align: top;
   _height: 1.2em;
}

.forum-topics li {
   padding-left: 20px;
   background: url('../icons/page.png') left center no-repeat;
}

.forum-group {
    padding:5px;
    width:10em;
}


.forum-topic-title-unread a,
.forum-topic-title-unread a:visited,
.forum-topic-title-unread a:active,
.forum-topic-title-unread a:hover
{
   color: #dd0000;
   font-weight: bold;
}




.forum-topic-unread {
   color: #555;
   font-size: 0.8em;
   font-weight:normal;
   padding-left: 20px;
   float:right;
}

.forum-group-detail {
   color: #555;
   font-size: 0.8em;
   font-weight:normal;
   padding-left: 20px;
}



a.swfuploadbtn  {
    margin: 3px;
    height:3em;
    padding:3px 3px 3px 23px;
    border: 1px solid #999999;
    background: #eeeeee;
    color: #111111;
    text-decoration:none;
}



a.swfuploadbtn:hover, a.swfuploadbtn:link,a.swfuploadbtn:visited,a.swfuploadbtn:active {
    color: #111111;
    text-decoration:none;
}

#uploadGalleryForm {
    margin:1em 0;
    
}

a.browsebtn {
    background:url('../icons/folder.png') no-repeat 3px center #efefef;
}

a#cancelqueuebtn {
    background:url('../icons/error.png') no-repeat 3px center #efefef;
    display:none;
}


a.uploadbtn {
    background:url('../icons/ok.png') no-repeat 3px center #efefef;
}




#SWFUploadFileListingFiles ul {
         margin: 0;
         padding: 0;
         list-style: none;
      }

      .SWFUploadFileItem {

         display: block;
         width: 200px;
         height: 30px;
         float: left;
         background: url('../icons/misc.png') no-repeat left 3px #eaefea;
         margin: 0 10px 10px 0px;
         padding: 3px 3px 3px 20px;

      }

      .fileUploading { background: #fee727; }
      .uploadCompleted { background: #d2fa7c; }
      .uploadCancelled { background: #f77c7c; }
      
      .uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
         display: none;
      }
      
      span.progressBar {
         width: 200px;
         display: block;
         font-size: 10px;
         height: 10px;
         margin-top: 2px;
         margin-bottom: 10px;
         background-color: #CCC;
      }
      
      
.link-list {
    margin:0px;
    padding: 0px;
    list-style:none;
}

.link-list li {
    padding-bottom: 1em;
    margin-left:0px;
    padding-left:20px;
    background: url('../icons/link.png') left center no-repeat;
}

span.link-title {
    display:block;
    border-bottom: 1px solid #999999;
    font-weight: bold;
}

span.link-desc, span.link-edit {
    display:block;
    padding-left:20px;
}


.topics-navi {
    text-align:center;
    padding: 0.25em;
}

.posts-navi {
    text-align:center;
    padding: 0.25em;
}


span.article-list-title {
    display:block;
    border-bottom: 1px solid #999999;
    font-weight:bold;
    font-size:120%;
}

span.article-list-info {
    font-size:80%;
    display:block;
    margin-bottom:1em;
}



div.news-edit-buttons {
   height: 20px;
}

.deleteNewsButton span, .editNewsButton span {
   display:none;
}

.deleteNewsButton, .editNewsButton {
   display: block; 
   float:left; 
   width:20px; 
   height:20px; 
   background: center center no-repeat;
}

.deleteNewsButton {
   background-image: url('../icons/delete.png');
}

.editNewsButton {
   background-image: url('../icons/edit.png');
}

ul.news {
   list-style:none;
   margin:0px;
   padding:0px;
}

li.newsItem {
   margin:0px;
   padding:0px;
   float:left;
   width:32%;
}

.staticEditButton {
   text-transform:none;
   background: url('../icons/pencil.png') no-repeat center center;
   position: absolute;
   width: 22px; 
   height:18px;
}

.staticEditButton span {
   display:none;
}

h3,h4 {
   margin:15px 0 0 0; padding:0;
}


#galleryShow, #galleryEdit {
   clear:both;
}

h3#gallery-title {
   padding-left:18px;
   background: url('../icons/gallery-title.png') no-repeat left center;
}

ul.gallery-images {
   list-style:none;
   margin: 0px;
   padding: 0px;
}


ul.gallery-images li {
   float:left;
}

ul.gallery-images li img {
   padding: 1px;
   margin:2px;
   border: 1px solid lightgray;
}

#addPostForm fieldset, #addTopicForm fieldset {
   background:none; border: 0px;
}
#addPostForm legend, #addTopicForm legend {
   background:url('../icons/add.png') no-repeat left center;
   padding:5px 0 5px 20px;
}

.form-submit input {
   border: lightgray 1px solid;
   background:url('../icons/add-button.png') no-repeat 5px center;
   padding:2px 5px 2px 20px;
      
}


.forum-delete-post-button {
   background:url('../icons/delete-button.png') no-repeat;
   width:18px; height:18px; display:block; float:right; 
   
}

.forum-delete-post-button span {
   display:none; 
}

#posts-back-to-topics {
   background:url('../icons/forum-group.png') no-repeat left center;
   padding: 2px 2px 2px 20px;
}

editNewsButton {
}


#addAttachmentForm fieldset, #addAttachmentForm fieldset {
   background:none; border: 0px;
}
#addAttachmentForm legend, #addAttachmentForm legend {
   background:url('../icons/attach.png') no-repeat left center;
   padding:5px 0 5px 20px;
}


#editArticleForm fieldset {
   background:none; border: 0px;
}
#editArticleForm legend {
   background:url('../icons/edit.png') no-repeat left center;
   padding:5px 0 5px 20px;
}

.form-checkbox span.element {
   display:block;
}

.form-checkbox span.element input {
   display:block;  float:left;
}

.form-checkbox span.element label {
   text-align:left;
}


hr.hr {
   display:block; visibility:hidden; clear:both;
}

table {
   font-size: 100%;
   border-collapse: collapse;
   width: 80%;
   margin: 0 auto;
   
}
table td, table th {
   text-align: left;
   border: 1px solid #ccc;
   padding: 2px 5px;
   
}
table th {
   background: #eee;
   color: #2252ac;
   border-bottom: 3px solid #bbb;
   border-top: 3px solid #bbb;
}

.td-colorbox {
   text-align: center;
}

#editLink {
   clear:both;
}


span.colorbox {
   display:inline; padding: 0 7px;
   border: 1px solid black;
   background: no-repeat center center;
}

#user-card span.colorbox {
   display:inline; padding: 0 7px;
}

span.colorbox-0 {
   border: 0px;
}

span.colorbox-108 {
   background-image:url('colors/108_light_red.jpg');
}
span.colorbox-168 {
   background-image:url('colors/168_racing_red.jpg');
}
span.colorbox-180 {
   background-image:url('colors/180_dark_red.jpg');
}
span.colorbox-208 {
   background-image:url('colors/208_pearl_white.jpg');
}
span.colorbox-258 {
   background-image:url('colors/258_brown_yellow.jpg');
}
span.colorbox-361 {
   background-image:url('colors/361_energy_green.jpg');
}
span.colorbox-388 {
   background-image:url('colors/388_scots_green.jpg');
}
span.colorbox-462 {
   background-image:url('colors/462_sprint_blue.jpg');
}
span.colorbox-466 {
   background-image:url('colors/466_portofino_blue.jpg');
}
span.colorbox-601 {
   background-image:url('colors/601_black.jpg');
}
span.colorbox-606 {
   background-image:url('colors/606_vinci_grey.jpg');
}
span.colorbox-647 {
   background-image:url('colors/647_steel_grey.jpg');
}
span.colorbox-671 {
   background-image:url('colors/671_moon_grey.jpg');
}
span.colorbox-810 {
   background-image:url('colors/810_electric_blue.jpg');
}
span.colorbox-820 {
   background-image:url('colors/820_ink_black.jpg');
}

textarea.postText {
   width: 350px;
}


.icon {
   padding-left: 16px;
   height:16px;
   background: center center no-repeat;
}

.icon span {
   display:none;
}

.icon-photo {
   background-image:url('../icons/silk/camera.png');
}