/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: none;
}

img {
  border: 0;
}

p {
  padding: 5px 0;
}

ul {
  margin-left: 15px;
}

li {
  text-indent: 0px;
}

table {
  width: 100%;
}

th {
  font-style: italic;
  text-align: center;
}

td {
  padding: 0 3px;
}

h1 {
  font-size: 11px;
  font-weight: normal;
}

h2 {                      /* index - nadpisy sloupců textu, aktuální nabídka prací, kontakt */
  padding-left: 20px;
  font-size: 13px;
  line-height: 100%;
  font-variant: small-caps;
}
h2:first-letter {
  font-size: 15px;
}

h3 {                      /* menu - položky */
  font-size: 11px;
  font-weight: normal;
}

h4 {                      /* nadpisy jednotlivých odstavců v contentu */
  margin: 10px 0 5px 0;
  color: #2a6ca4;
  font-size: 12px;
}

h5 {                      /* podnadpisy jednotlivých h4 odstavců */
  margin-top: 10px;
  color: #2a6ca4;
  font-size: 11px;
  font-style: italic;
}

h6 {                      /* index - text v top */
  color: #ffffff;
  font-size: 15px;
  line-height: 130%;
}

a, a:visited {
  color: #2a6ca4;
}
  a:hover {
      color: #fd9402;
  }

fieldset {
  border: 1px solid #FFFFFF;
  border-top: 1px solid #2a6ca4;
  padding: 2px 5px;
  margin-top: 20px;
  padding: 10px 0;
}

legend {
  color: #2a6ca4;
  padding: 0 5px;
  margin-left: 10px;
}

html, body {
	min-width: 810px;
  min-height: 600px;
	font: 11px "trebuchet MS ce", trebuchet MS,  "arial ce", arial, "verdana ce", verdana, "tahoma ce", tahoma;
	color: #5c5c5c;
}

html {
	background: #b2b2b2 url(../img/bgr.gif) repeat-x top;
}

	#main {
 		width: 810px;
    height: 100%;
    position: relative;
 		margin: 30px auto;
 		background-color: #FFFFFF;
 	}

/* logo a menu */
    #menu {
  		width: 100%;
  		height: 137px;
      position: relative;
  		/*font-family: "Trebuchet MS", "Arial CE", arial;*/
  	}

      #logo {
        width: 265px;
        height: 100%;
        position: relative;
        background: url(../img/logo_bgr.jpg) repeat-x left 26px;
      }
      
    		#logo_img {
    			width: 139px;
    			height: 100%;
    			position: absolute;
          top: 0px;
          left: 0px;
    			background: url(../img/logo.jpg) no-repeat;
    		}
    		
    		#logo_shadow {
          width: 8px;
          height: 98px;
          position: absolute;
          top: 26px;
          right: 0px;
          background: url(../img/logo_bgr_shadow.jpg) no-repeat;
        }
  		
        #logo_text {
          position: absolute;
          top: 55px;
          right: 10px;
          color: #ffffff;
          text-align: right;
        }
        
          #logo_text .link {
            color: #2b2b2b;
            padding-left: 19px;
            background: url(../img/menu_logo_arrow.gif) no-repeat left center;
          }

          #logo_text .link a {
            color: #2b2b2b;
          }

            #logo_text .link a:hover {
              color: #2e71a9;
            }
            
/* menu --------------------------------------------------------------------- */
  		#menu_panel {
        width: 525px;
        height: 103px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: #2e71a9 url(../img/logo_panel_img.jpg) no-repeat;
      }

        #menu_text {
          width: 100%;
          height: 23px;
          position: absolute;
          top: 80px;
          clear: both;
          z-index: 100;
        }
      
          #menu_text ul {
            height: 100%;
            margin: 0;
            padding: 0;
          }

          #menu_text ul li {
            height: 100%;
            padding: 0;
            margin: 0;
            float: left;
            text-align: center;
            display: block;
            list-style-type: none;
          }

          #menu_text li a {
            width: 100%;
            height: 100%;
            display: block;
          }
          
          #menu_text li a.menu_text_nadpis, #menu_text li a.menu_selected {
            background: url(../img/logo_menu_rozek.gif) no-repeat left bottom;
            color: #ffffff;
            font-size: 13px;
            font-weight: normal;
          }
          
            #menu_text li a:hover.menu_text_nadpis, #menu_text li a.menu_selected {
              height: 27px;
              background-color: #2e71a9;
            }

          .menu_text_line {
            width: 1px;
            height: 100%;
            float: left;
            background: url(../img/logo_menu_line.gif) no-repeat right;
          }

          #menu_text-l1-1 {
            width: 85px;
          }

          #menu_text-l1-2 {
            width: 99px;
          }

          #menu_text-l1-3 {
            width: 127px;
          }

          #menu_text-l1-4 {
            width: 110px;
          }

          #menu_text-l1-5 {
            width: 100px;
          }

          #menu_text-1 {
            left: -1px;
          }

          #menu_text-2 {
            left: 86px;
          }

            #menu_text-12 {
              left: 301px;
              margin-top: 18px;
            }

          #menu_text-3 {
            left: 186px;
          }

          #menu_text-4 {
            left: 314px;
          }

          #menu_text-5 {
            left: 425px;
          }
          
          #menu_text ul div {
            width: 215px;
            position: absolute;
            top: 27px;
            margin-left: 4px;
            display: none;
            text-align: left;
            background: url(../img/logo_menu_podmenu_blue.png);
            z-index: 200;
          }

          #menu_text ul div {
            _filter: alpha(opacity=80);
          }

          #menu_text ul ul {
            position: static;
            margin: 0px;
            padding: 0px;
          }

          #menu_text li li {
            display: block;
            float: none;
            margin: 0px;
            padding: 0px;
            font-size: 11px;
            text-align: left;
          }

          #menu_text li li a {
            width: 190px;
            display: block;
            padding: 1px 5px 1px 20px;
            font-weight: bold;
            color: #ffffff;
            vertical-align: middle;
            background: url(../img/logo_menu_arrow_white.gif) no-repeat 5px center;
          }

            #menu_text li li a:hover {
              color: #2e71a9;
              background: url(../img/logo_menu_podmenu_white.png);
            }

            #menu_text li li:hover {
              background: url(../img/logo_menu_arrow_blue.gif) no-repeat 5px center;
            }
            
/* top - text a obrázek ----------------------------------------------------- */
    #top {
      width: 100%;
      height: 200px;
      position: relative;
      background: url(../img/top_logo_zbytek.jpg) no-repeat 30px 0px;
    }

      #top_text {
        width: 305px;
        height: 155px;
        position: relative;
        top: 37px;
        left: 20px;
        padding: 20px 0 0 20px;
        background: url(../img/top_text_bgr.jpg) repeat-x;
      }
      
        #top_text h6 {
          padding-left: 25px;
          background: url(../img/top_text_arrow.gif) no-repeat left 3px;
        }
      
      #top_img {
        width: 467px;
        height: 200px;
        position: absolute;
        top: 0px;
        right: 20px;
        background: url(../img/top_img.jpg) no-repeat;
      }
    
/* content ------------------------------------------------------------------ */
    #content {
      width: 100%;
      min-height: 420px;
      _height: 420px;
      position: relative;
    }
    
    #content p {
      text-align: justify;
    }
    
    /* text - levá strana contentu ------------------------------------------ */
      #text_index {
        width: 533px;
        padding: 10px 5px 0 25px;  /* +5px které přidají u krajů sloupce = 20px (zleva zprava) */
        line-height: 150%;
        float: left;
      }

      #text {
        width: 760px;
        padding: 10px 25px 0 25px;  /* +5px které přidají u krajů sloupce = 20px (zleva zprava) */
        line-height: 150%;
      }

        #text h2, #text_index h2 {   /* dodatečné nastavení pro podnadpisy v sekci text */
          color: #2a6ca4;
          background: url(../img/content_okmark_blue.gif) no-repeat left -1px;
        }
        
        .paragraph_img {  /* např. fotky na začátku sloupců */
          margin: 5px 0;
          padding: 5px;
          border: 1px solid #9fbdd6;
        }
        
        .paragraph_icon {  /* ikonky u nadpisů odstavců */
          position: relative;
          top: 1px;
          margin: 10px 3px 0 0; /* 10px zrchu kvůli h4 */
          float: left;
        }
        
        .text_sloupec1 {  /* jeden sloupec */
          height: 100%;
          padding: 0 5px 15px 5px;
        }

        .text_sloupec2 {  /* dva sloupce */
          height: 100%;
          padding: 0 5px 15px 5px;
          float: left;
        }

        #text_index .text_sloupec2 {
          width: 222px;
          padding-right: 39px;
        }

/*
        #text_index a {
          color: #2a6ca4;
        }

          #text_index a:hover {
            color: #2e71a9;
          }
*/

      .odkaz_vice {
        width: 38px;
        height: 17px;
        margin-top: 5px;
        padding: 0 0 0 30px;
        display: block;
        color: #ffffff;
        font-weight: bold;
        background: url(../img/content_odkaz_vice.gif) no-repeat;
      }
      
        .odkaz_vice:hover {
          color: #1d5d92;
          background: url(../img/content_odkaz_vice_hover.gif) no-repeat;
        }

      /* seznamy */
      .ul_cislovany {
        list-style-type: decimal;
        margin-left: 30px;
        text-align: justify;
      }

        .ul_cislovany li {
          margin-bottom: 3px;
          line-height: 150%;
        }

      .ul_odrazkovy_blue {
        list-style-image: url(../img/content_list_dot_blue.gif);
        padding-bottom: 5px;
      }

      .ul_odrazkovy_orange {
        list-style-image: url(../img/content_list_dot_orange.gif);
        padding-bottom: 5px;
      }

        .ul_odrazkovy_blue li, .ul_odrazkovy_blue li {
          line-height: 170%;
          margin-left: 0px;
        }

      .ul_odrazkovy_odsazeny_blue {
        list-style-image: url(../img/content_list_dot_blue.gif);
        margin-left: 30px;
      }

      .ul_odrazkovy_odsazeny_orange {
        list-style-image: url(../img/content_list_dot_orange.gif);
        margin-left: 30px;
      }

        .ul_odrazkovy_odsazeny_blue li, .ul_odrazkovy_odsazeny_orange li {
          line-height: 150%;
          margin-left: 0px;
        }

      #content strong {
        font-size: 12px;
      }

      .download_icon {
        position: relative;
        top: 10px;
        margin: -10px 0 0 5px;
      }
      
      #kontakt_kontakt {
        width: 470px;
        height: 187px;
        position: relative;
        margin: 10px auto;
        border: 1px solid #7c7c7c;
        display: block;
        clear: both;
      }

        #kontakt_mapa_text {
          width: 157px;
          height: 100%;
          position: relative;
          padding: 2px 10px;
          float: left;
        }

          .kontakt_mapa_radek {
            width: 100%;
            position: relative;
            padding: 5px 0;
            display: block;
            color: #5c5c5c;
          }

            .kontakt_mapa_radek span {
              display: block;
            }

            .kontakt_mapa_radek img {
              position: absolute;
              top: 7px;
              right: 0px;
            }

        #kontakt_mapa {
          width: 293px;
          height: 187px;
          display: block;
          background: url(../img/content_kontakt_mapa.jpg) no-repeat;
          float: left;
        }
        
      #kontakt_kontakty {
        width: 470px;
        height: 75px;
        position: relative;
        margin: 10px auto;
        border: 1px solid #7c7c7c;
      }
      
        .kontakt_kontakty_blok {
          width: 215px;
          float: left;
          padding: 10px;
        }
          .kontakt_kontakty_blok span {
            display: block;
          }


/* joblist_kontakt - pravá strana contentu - jen index.php ------------------ */
      #joblist_kontakt {
        width: 227px;
        position: relative;
        padding: 10px 0 25px 0;
        float: left;
      }
      
        #joblist_kontakt h2 {   /* dodatečné nastavení pro podnadpisy v sekci joblist_kontakt */
          position: relative;
          top: 7px;
          left: 15px;
          color: #ffffff;
          background: url(../img/content_okmark_white.gif) no-repeat left -2px;
        }

        /* společné položky pro joblist a kontakt */
        .header_jk {
          width: 100%;
          height: 30px;
        }
        
        .content_jk {
          width: 189px;
          padding: 13px;
        }

        .footer_jk {
          width: 100%;
          height: 15px;
          margin-top: -1px;
        }

        /* joblist ---------------------------------------------------------- */
        #joblist {
          width: 100%;
        }

          #joblist .header_jk{
            background: url(../img/content_joblist_header.jpg) no-repeat;
          }

          #joblist .content_jk {
            border: 1px solid #fd9402;
            background: #fdf9f1 url(../img/content_joblist_bgr.gif) repeat-x top;
          }
          
            .job_radek {
              width: 100%;
              position: relative;
              padding: 5px 0;
              display: block;
              background: url(../img/content_joblist_radek_dot.gif) repeat-x bottom;
              cursor: pointer;
            }
            
              a.job_radek:hover {
                background-color: #fff2d9;
              }
              
              .job_radek span {
                display: block;
              }
          
            .job_radek_tecky {  /* pouze tečky - první řádek výpisu */
              width: 100%;
              height: 1px;
              padding: 0;
              background: url(../img/content_joblist_radek_dot.gif) repeat-x bottom;
            }

              .job_datum {
                position: absolute;
                top: 5px;
                left: 0px;
                color: #ffab42;
              }

              .job_text {
                width: 129px;
                position: relative;
                top: 0px;
                left: 60px;
              }

                .job_nazev {
                  color: #fe8e02;
                  font-weight: bold;
                }

                .job_firma {
                  color: #5c5c5c;
                }

            /* na stránce admin.php */
            #joblist a.registrace {
              color: #2a6ca4;
              margin-top: 5px;
              padding-left: 18px;
              display: block;
              background: url(../img/content_paragraph_dot2.gif) no-repeat left;
            }

              #joblist a.registrace:hover {
                color: #fd9402;
                background: url(../img/content_paragraph_dot2_orange.gif) no-repeat left;
              }

          #joblist .footer_jk {
            background: url(../img/content_joblist_footer.jpg) no-repeat;
          }
          
            #joblist .footer_jk a, #joblist .footer_jk a:visited {
              color: #ffffff;
              margin-left: 8px;
              padding-left: 18px;
              height: 15px;
              background: url(../img/content_joblist_dot_white.gif) no-repeat left;
            }

            #joblist .footer_jk a:hover {
              color: #438ab3;
              background: url(../img/content_joblist_dot_blue.gif) no-repeat left;
            }

        /* kontakt ---------------------------------------------------------- */
        #kontakt {
          width: 100%;
          margin-top: 40px;
        }

          #kontakt .header_jk{
            background: url(../img/content_kontakt_header.jpg) no-repeat;
          }

          #kontakt .content_jk {
            position: relative;
            border: 1px solid #438ab3;
            background: #f4fcff url(../img/content_kontakt_bgr.gif) repeat-x top;
          }

            .kontakt_data {
              margin-bottom: 10px;
            }
            
            #kontakt a, #kontakt a:visited {
              color: #438ab3;
              font-weight: bold;
            }

            #kontakt a:hover {
              color: #fd9402;
            }

            #kontakt_mapa_small {
              position: absolute;
              top: 2px;
              left: 125px;
              cursor: pointer;
            }

/* kontakt_form - pravá strana contentu - kontakt.php, pk_uvod.php ---------- */
      #kontakt_form {
        width: 227px;
        position: relative;
        padding: 10px 0 25px 0;
        float: left
      }

        #kontakt_form h2 {   /* dodatečné nastavení pro podnadpisy v sekci joblist_kontakt */
          position: relative;
          top: 7px;
          left: 15px;
          color: #ffffff;
          background: url(../img/content_okmark_white.gif) no-repeat left -2px;
        }

        #kontakt_form_body {
          width: 100%;
        }

          #kontakt_form_body .header_jk{
            background: url(../img/content_joblist_header.jpg) no-repeat;
          }

          #kontakt_form_body .content_jk {
            position: relative;
            border: 1px solid #fd9402;
            background: #fdf9f1 url(../img/content_joblist_bgr.gif) repeat-x top;
          }

          .form_radek {
            width: 100%;
            margin-top: 5px;
          }

            .form_radek_nadpis {
              color: #fe8e02;
            }
            
            .form_radek_input {
              width: 100%;
            }
            
            .form_radek_file {
              width: 193px;
              height: 20px;
              font-size: 9px;
            }

            .form_radek_textarea {
              width: 100%;
            }

            .form_radek_submit {
              position: relative;
              left: 142px;
              width: 50px;
              font-size: 10px;
            }

/* volná místa -------------------------------------------------------------- */
      .job_header {
      	color: #5c5c5c;
        display: block;
      }

      .job_describtion {
        color: #909090;
      }
      
      #jobs_list_podstrany {
        text-align: center;
        margin: 0 0 10px 200px;
      }

/* formulář - registrace ---------------------------------------------------- */
          .form  {
            height: 40px;
            font-size: 11px;
            text-indent: 0;
          }

          .form input {
            min-width: 150px;
            _width: 150px;
          }

          .form_left {
            float: left;
            text-align: right;
            width: 100px;
            margin-right: 4px;
            margin-top: 4px;
          }

          .form_right {
            margin-left: 106px;
            font-size: 10px;
          }

            div.form_right {
              color: #757575;
            }
            
          .form_invisible {
            position: absolute;
            visibility: hidden;
          }

/* admin -------------------------------------------------------------------- */
      .admin_odhlasit {
        position: absolute;
        top: 11px;
        right: 30px;
        font-weight: bold;
      }

      #admin_users {
        width: 25%;
        float: left;
      }

      #admin_jobs {
        width: 65%;
        float: right;
      }
      
      .admin_prace_user_prihlaseny {
        color: #fd9402;
      }
      
      .admin_prace_add_form {
        font-size: 11px;
        text-indent: 0;
        clear: both;
      }
      
      .admin_prace_add_form textarea {
        width: 400px;
        height: 30px;
        position: relative;
        left: 0px;
      }

      .admin_prace_add_form textarea, .admin_prace_add_form input {
        margin-top: 3px;
      }

      .admin_prace_add_form .form_left {
        width: 200px;
      }

      .admin_prace_add_form .form_right {
        margin: 0 0 5px 0;
        float: left;
      }
      
      .admin_prace_add_form a {
        font-size: 11px;
      }
      
      tr.admin_prace_canceled {
        color: #909090;
      }

      #admin_lide_users {
        width: 400px;
      }
      
      #admin_lide_users tr:hover, #admin_jobs tr:hover {
        background-color: #eef6ff;
      }
      
      .admin_lide_select_box {
        width: 150px;
      }

/* bottom a další ----------------------------------------------------------- */
    #footer {
        width: 100%;
        height: 33px;
        margin-top: 10px;
        clear: both;
        color: #ffffff;
      }
      
      #footer_blue {
        height: 100%;
        position: relative;
        margin: 0 19px;
        background: url(../img/bottom_bgr.gif) repeat-x;
      }

        #footer_newwebart {
          position: absolute;
          right: 20px;
          top: 8px;
        }

          #footer_newwebart a {
            color: #2a6ca4;
          }

          #footer_newwebart a:hover {
            color: #fd9402;
          }

/* ostatní třídy ------------------------------------------------------------ */
.bold {
  font-weight: bold;
}

.bold_12 {
  font-size: 12px;
  font-weight: bold;
}

.p_bold {
  font-weight: bold;
}

.margin_top-3 {
  margin-top: -3px;
}