/* CSS Document 
   Autor: Vojtech Bartos
*/

/* Global set --------------------------------------------------------------- */
body {
  background: #e1e1e1 url(../img/background/body.jpg) repeat-x ;
  font-family:  Trebuchet MS; 
  font-size: 12px; 
  color: #42403f;
  line-height: 145%;
}

h1 a { font-size: 30px; color: #616161; text-decoration: none; font-weight: normal; }
h2 a { font-size: 12px; color: #2a2a2a; text-decoration: none; font-weight: normal; }
h3   { font-size: 30px; color: #ffffff; font-weight: normal; margin: 30px 0 8px; 0 }
h4   { font-size: 16px; margin: 0 0 10px 0;}


/* All ---------------------------------------------------------------------- */
#page {
  width: 1002px;
  margin: 0 auto 0 auto;
}

/* Header */
#header { width: 1002px; height: 75px; }
#header .col_left  { float: left;  margin: 15px 0 0 37px;  }
#header .col_left  .redBold { color: #9e002f; font-weight: bold; }
#header .col_right { float: right; }


/* Middle */
#middle { width: 1002px; height: 267px; }
#middle .col_left  { float: left; width: 570px; }
#middle .col_right { float: right; width: 432px; color: #FFFFFF; }
#middle .col_right .text { float: left; font-size: 14px; text-align: justify; line-height: 130% }

#middle .col_right a.button { float: left; margin-top: 15px; padding: 14px 18px 14px 18px; font-size: 14px; text-align: center; background: url(../img/background/button.jpg) no-repeat; color: #FFFFFF; text-decoration: none; font-weight: bold; }
#middle .col_right a.button:hover { text-decoration: underline; }

#middle .col_right a.info { float: right; color: #FFFFFF; margin: 30px 0 0 0; text-decoration: underline; font-weight: bold;}



/* Menu */
#menu { float: left; width: 1002px; height: 44px; }
#menu ul           {  margin: 10px 0 0 37px; }
#menu li           { float: left; }
#menu li a         { height: 30px; color: #303030; text-decoration: none; }
#menu li a:hover   { text-decoration: underline; }
#menu li.main      { width:  95px; border-right: 1px solid #303030; }
#menu li.gallery   { width: 110px; border-right: 1px solid #303030; margin-left: 15px;}
#menu li.contest   { width: 105px; border-right: 1px solid #303030; margin-left: 15px; }
#menu li.form      { width: 200px; margin-left: 15px; }
#menu .right a     { float: right; color: #303030; text-decoration: none; }
#menu .right a:hover  { text-decoration: underline; }


/* Content */
#content { float: left; width: 965px; margin: 20px 0 20px 37px; text-align: justify; }
#content a { color: #42403f; text-decoration: underline; }
#content a:hover { text-decoration: none; }

/* Stranka - Pravidla souteze */
#content li { line-height: 130%; }

#content ul.decimal { list-style-type: decimal; }
#content ul.decimal li { margin: 0 0 15px 20px; }

#content ul.disc { list-style-type: disc; }
#content ul.disc li { margin: 6px 0 6px 10px; }

#content ul.disc_odeslani { list-style-type: disc; }
#content ul.disc_odeslani li { margin: 6px 0 6px 20px; }

#content ul.circle { list-style-type: circle; }
#content ul.circle li { margin: 6px 0 6px 15px; }

/* Stranka - Galerie fotografii */
#content #galerie          { float: left; margin: 0 0 0 80px; }
#content #galerie .line    { float: left; max-width: 800px; margin-bottom: 10px; }
#content #galerie .picture { float: left; margin-right: 10px; }
#content #pages            { float: left; width: 800px; margin: 0 0 0 80px; }


/* Footer */
#footer { float: left; background: url(../img/background/footer.jpg) no-repeat ; width: 965px; height: 148px; margin: 0 0 0 37px; }
#footer .col_left         { float: left; width: 488px; height: 148px; }
#footer .col_right        { float: right; width: 437px; height: 114px; padding: 34px 0 0 40px; line-height: 140%; }
#footer .logo             { float: left; margin: 10px 0 0 80px; }
#footer .col_links        { float: left; width: 200px; margin: 35px 0 0 15px; text-align: center; }
#footer .col_links a      { font-size: 12px; color: #2a2a2a; text-decoration: none; font-weight: normal; line-height: 140%; }
#footer .col_links a:hover{ text-decoration: underline;}

/* Admin */
#login { margin: 50px 0 0 320px; }
ul.errors { margin: 3px 0 0 120px; color: red; font-weight: bold; }

th      { background: url(../img/admin/th.jpg) repeat-x ; height: 25px; color: #FFFFFF }
td      { border: 1px solid #b1afaf; }
label   { float: left; width: 120px; }

