
/* -----------------------------------------------------------------------------
CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;
  margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

body                   { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul                 { list-style: none; }
blockquote             { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
                       { content: ''; }
del                    { text-decoration: line-through; }
table                  { border-collapse: collapse /* or separate */; border-spacing: 0; }
caption, th, td        { font-weight: normal; text-align: left; }
blockquote, q          { quotes: "" ""; }
a img                  { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
                       { display: block; }
.cleaner, .clear       { clear: both; }

tr, th, td             { vertical-align: top; }

/* -----------------------------------------------------------------------------
GLOBAL */

body, input, textarea  { color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; }
body                   { font-size: 75%; background: #d1d1d1 url(/web/images/bodybg.png) top center repeat-y; }
.wrapper               { background: url(/web/images/bodyimg.png) top center repeat-x; }
#body                  { max-width: 960px; width: 960px; margin: 0 auto; background: transparent; position: relative; }

/* Headings */
h1,h2,h3,h4,h5,h6      { color: #017580; background: transparent; clear: both; margin: 0.25em 0 0.5em 0; }
hr                     { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.25em; }

h1                     { font-size: 183.3%; }
h2                     { font-size: 166.7%; }
h3                     { font-size: 150%; }
h4                     { font-size: 133.3%; }
h5                     { font-size: 116.7%; }
h6                     { font-size: 100%; }

/* Text elements */
p                      { margin-bottom: 1em; }
ul, ol                 { margin: 0 0 1.25em 1.5em; }
ul                     { list-style: square; }
ol                     { list-style-type: decimal; }
ol ol                  { list-style: upper-alpha; }
ol ol ol               { list-style: lower-roman; }
ol ol ol ol            { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl                     { margin: 0 1.625em; }
dt                     { font-weight: bold; }
dd                     { margin-bottom: 1.625em; }
strong                 { font-weight: bold; }
cite, em, i            { font-style: italic; }
blockquote             { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite        { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
pre                    { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; }
code, kbd              { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym, dfn     { border-bottom: 1px dotted #666; cursor: help; }
address                { display: block; margin: 0 0 1.625em; }
ins                    { background: #fff9c0; text-decoration: none; }
sup, sub               { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup                    { bottom: 1ex; }
sub                    { top: .5ex; }

/* Forms */
input[type=text], input[type=password],textarea {
background: #fafafa;
border: 1px solid #ddd;
color: #888; }

input[type=text]:focus, textarea:focus { color: #373737; }
textarea               { padding-left: 3px; width: 98%; }
input[type=text]       { padding: 3px; }
input#s                { font-size: 14px; line-height: 1.2em; }
input#searchsubmit     { }

/* Links */
a                      { color: #017580; text-decoration: underline; }
a:focus, a:active, a:hover { color: #015159; text-decoration: none; }

/* -----------------------------------------------------------------------------
HEADER */

#header                { height: 124px; position: relative; }

.logo, .logo a         { width: 232px; height: 189px; display: block; text-decoration: none; }                      
.logo                  { position: absolute; top: 29px; left: 0; z-index: 99; overflow: hidden; background: url(/web/images/logo-career-market.png) no-repeat; }
.logo a                { text-indent: -9999px; }

/* lang */
#lang-menu             { width: 145px; height: 33px; position: absolute; top: 0; right: 145px; border-left: 1px solid #999999; padding-left: 15px; }
#lang-menu a           { display: block; width: 70px; height: 22px; float: left; margin-top: 8px; }
#lang-menu a.cs        { background: url(/web/images/lang-cs.png) 0 2px no-repeat; }
#lang-menu a.en        { background: url(/web/images/lang-en.png) 0 2px no-repeat; }
#lang-menu a span      { display: block; padding-left: 22px; }

/* search */
.hledani               { width: 140px; height: 33px; position: absolute; top: 0; right: 0; border-left: 1px solid #999999; border-right: 1px solid #999999; }
.hledani fieldset      { width: 116px; height: 29px; margin: 0 auto; padding-top: 7px; background: url(/web/images/hledanibg.png) 0 7px no-repeat; clear: both; }
.hledani input.text    { width: 79px; border: 0; padding: 5px 0 3px 5px; float: left; background: transparent; font-size: 11px; }
.hledani input.submit  { width: 27px; height: 22px; float: right; border: 0; background: url(/web/images/hledani-s.png) 0 1px no-repeat; text-indent: -9999px; overflow: hidden; }
.hledani input.submit:hover { background-position: 0 -23px; cursor: pointer; }

/* menu */
#header .menu          { width: 600px; height: 30px; position: absolute; top: 94px; left: 250px; margin: 0; padding: 0; clear: both; }
#header .menu li, #header .menu li a { width: 140px; height: 30px; display: block; text-decoration: none; }
#header .menu li       { float: left; margin-right: 10px; }
#header .menu li a     { text-align: right; color: white; background: url(/web/images/mitem.png) 0 0 no-repeat; font-weight: bold; font-size: 116.7%; line-height: 30px; }
#header .menu li a:hover { color: black; background-position: 0 -30px; }
#header .menu li span  { display: block; padding-right: 10px; }
#header .menu li.active a, #header .menu li.active a:hover { color: black; background-position: 0 -30px; }

/* -----------------------------------------------------------------------------
MAIN */

#main                  { width: 940px; margin: 0 auto; padding: 10px 0 20px 0; }
.innerwrap             { width: 780px; float: left; }
.lc                    { width: 220px; float: left; }
.mc                    { width: 540px; float: right; }
.rc                    { width: 140px; float: right; }
.lc .cin, .rc .cin     { padding-top: 106px; }

/* -----------------------------------------------------------------------------
LEFT CONTENT */

.lc                    { }
.card                  { height: 1%; margin-bottom: 20px; background: white url(/web/images/cardgrad.png) bottom center repeat-x; }
.card h3               { height: 20px; margin: 0; padding: 0; font-size: 100%; text-transform: uppercase; font-weight: bold; line-height: 20px; color: white; background: url(/web/images/cardtop.png) no-repeat; text-indent: 10px; }
.cardin                { width: 220px; float: left; background: url(/web/images/cardline.gif) top center repeat-y; }
.cardbot               { height: 10px; background: url(/web/images/cardbot.png) no-repeat; clear: both; }
.cardpad               { padding: 10px 10px 0 10px; }

/* menu */
.me                    { }
.me                    { }
.me h3                 { color: #f9a51a; background-image: url(/web/images/cardtopme.png); }
.me .cardin            { background: #6d6d6d none; }
.me .cardbot           { background-image: url(/web/images/cardbotme.png); }
.me ul                 { margin-left: 0.2em; }
.me ul li              { list-style: none; border-bottom: 1px solid #909090; }
.me ul li.last         { border-bottom: 0; }
.me ul li a            { color: white; display: block; padding: 0.25em 0 0.25em 14px; text-decoration: none; background: transparent url(/web/images/li-orange.png) 2px 8px no-repeat; }
.me ul li a:hover      { color: #f9a51a; text-decoration: none; background: #575757 url(/web/images/li-orange.png) 2px 8px no-repeat; }
.me ul li.active a, .me ul li.active a:hover { color: #f9a51a; background: #575757 url(/web/images/li-orange.png) 2px 8px no-repeat; }


/* login */
.login                 { }
.login p               { margin: 0 0 0.25em 0; padding: 0; background: url(/web/images/login.png) top right no-repeat; }
.login p.nobg          { background-image: none; }
.login label           { width: 60px; float: left; line-height: 1.9; }
.login input           { width: 116px; float: right; border: 0; padding: 5px; background: transparent; }
.login input.submit    { width: 83px; height: 25px; margin: 5px 45px 0 0; padding: 0 4px 5px 0; overflow: hidden; line-height: 1; color: white; background: url(/web/images/login-submit.png) 0 0 no-repeat; }
.login input.submit:hover { background-position: 0 -25px; cursor: pointer; }
.login br              { clear: both; }

/* user */
.user                  { }
.user h4               { font-size: 100%; margin-bottom: 0.25em; font-weight: bold; }
.user h5               { color: black; font-size: 100%; margin: 0 0 0.25em 0; }
.user .fleft           { width: 130px; min-height: 60px; }
.user .fright          { width: 60px; height: 60px; background: url(/web/images/avatar.png) no-repeat; overflow: hidden; }

/* co vas zajima */
.cvz                   { width: 220px; height: 59px; display: block; color: black; font-weight: bold; text-decoration: none; background: url(/web/images/cvzbg.png) 157px 0px no-repeat; }
.cvz:hover             { color: black; }
.cvz span              { display: block; font-size: 116.7%; padding: 10px 0 0 25px; }
.cvz strong            { display: block; color: #017580; font-size: 133.3%; padding-left: 10px; }

/* kontakt */
.kon p                 { margin-bottom: 0; padding-bottom: 0; }
.kon-submit            { width: 102px; height: 25px; display: block; margin-top: 10px; padding: 0 4px 0 0; overflow: hidden; line-height: 20px; color: white; background: url(/web/images/kon-submit.png) 0 0 no-repeat; text-decoration: none; text-align: center; }
.kon-submit:hover      { background-position: 0 -25px; cursor: pointer; color: white; text-decoration: none; }

/* -----------------------------------------------------------------------------
MIDDLE CONTENT */

/* breadcrumb */
.breadcrumb            { height: 63px; }

.fleft                 { width: 48%; float: left; }
.fright                { width: 48%; float: right; }

/* HP */

.hp .fleft             { width: 300px; }
.hp .fright            { width: 220px; }
.hp h2                 { }
.hp h4                 { font-size: 108.3%; }
.hp h4 span            { color: #666666; text-decoration: none; }

/* slider */
.slider                { width: 300px; height: 201px; overflow: hidden; background: url(/web/images/sliderbg.jpg) no-repeat; }

/* -----------------------------------------------------------------------------
RIGHT CONTENT */

.rc                    { }
.rc .card h3           { background-image: url(/web/images/cardtoprc.png); }
.rc .cardin            { width: 140px; background-image: url(/web/images/cardlinerc.gif); }
.rc .cardbot           { background-image: url(/web/images/cardbotrc.png); }

/* zaregistrujte se */
.reg p                 { margin-bottom: 0; padding-bottom: 0; }
.reg strong            { color: #017580; }
.reg-submit            { width: 129px; height: 28px; display: block; margin-top: 10px; padding: 0 0 0 10px; overflow: hidden; line-height: 23px; color: white; background: url(/web/images/reg-submit.png) 0 0 no-repeat; text-decoration: none; text-align: left; }
.reg-submit:hover      { background-position: 0 -28px; cursor: pointer; color: white; text-decoration: none; }

/* partneri */
.par p                 { margin-bottom: 0; padding-bottom: 0; }
.par a                 { display: block; overflow: hidden; text-indent: -9999px; margin: 0 auto; text-decoration: none; }
.partner-seznam        { width: 82px; height: 16px; background: url(/web/images/partner-seznam.png) no-repeat; }
.partner-podnikatel    { width: 82px; height: 25px; background: url(/web/images/partner-podnikatel.png) no-repeat; }
.partner-absolvent     { width: 56px; height: 53px; background: url(/web/images/partner-absolvent.png) no-repeat; }

/* poradenstvi */
.por a                 { width: 140px; height: 75px; display: block; overflow: hidden; text-decoration: none; background: url(/web/images/porbg.jpg) no-repeat; text-indent: -9999px; }

/* -----------------------------------------------------------------------------
FOOTER */

#footer                { width: 100%; height: 259px; color: white; background: #6d6d6d url(/web/images/footerbg.png) top center repeat-x; clear: both; }
#footer .cin           { width: 940px; margin: 0 auto; padding: 25px 0 5px 0; background: url(/web/images/footer-line.png) 755px 28px no-repeat; }
#footer h3             { color: #f9a51a; font-size: 116.7%; font-weight: bold; margin-top: 0; }
#footer h3 a           { color: #f9a51a; }
#footer a              { color: white; }
#footer a:hover        { color: #f9a51a; text-decoration: none; }

#footer ul             { margin-left: 0.2em; }
#footer ul li          { list-style: none; background: url(/web/images/li-orange.png) 0 5px no-repeat; }
#footer ul li a        { padding-left: 12px; }

#footer .fc            { width: 145px; height: 182px; float: left; margin-right: 10px; }
#footer .f6            { margin-right: 0; }
#footer .f6 p          { line-height: 1.7; }
#footer .f6 a          { color: #f9a51a; }

/* -----------------------------------------------------------------------------
PAGES */

/* FILTER */
.filter               { height: 26px; margin-bottom: 20px; background: #999999 url(/web/images/filter-first.png) no-repeat; }
.filter a             { width: 100%; height: 26px; display: block; line-height: 26px; color: white; background: url(/web/images/filter-arrow.png) 515px 50% no-repeat; }
.filter span          { height: 26px; display: block; padding-left: 10px; background: url(/web/images/filter-last.png) top right no-repeat; }

/* TABLE */
.mc table             { border-collapse: collapse; }
.mc table tr          {}
.mc table th          { padding: 4px 3px; color: white; background: #454545; font-weight: bold; border-right: 1px solid #cdcdcd; }
.mc table th.first    { background: #454545 url(/web/images/thfirst.png) no-repeat; }
.mc table th.last     { background: #454545 url(/web/images/thlast.png) top right no-repeat; border-right: 0; }
.mc table td          { padding: 4px 3px; border-top: 1px solid white; border-right: 1px solid #cdcdcd; }
.mc table td.last     { border-right: 0; }
.mc table tr.o        { background: #f5f5f5; }
.mc table tr.e        { background: #e8e8e8; }
.mc table tr.o:hover, .mc table tr.e:hover { background: #d6d6d6; }

/* t3cols */
.mc table.t3cols th.c1 { width: 50%; }
.mc table.t3cols th.c2 { width: 25%; }
.mc table.t3cols th.c3 { width: 25%; }

/* PAGER */
.pager                { min-height: 27px; color: white; margin-bottom: 20px; border-top: 1px solid white; background: #454545 url(/web/images/pager-first.png) bottom left no-repeat; }
.pager-last           { min-height: 27px; margin-left: 10px; background: #454545 url(/web/images/pager-last.png) bottom right no-repeat; }
.pager a              { display: inline-block; margin: 3px 1px 0 1px; padding: 2px 5px; color: white; background: #5b5b5b; text-decoration: none; }
.pager a:hover        { color: black; background: #f9a51a; text-decoration: none; }
.pager a.current, .pager a.current:hover { color: black; background: #f9a51a; text-decoration: none; }
.pager a.prev, .pager a.next { color: white; background: transparent; text-decoration: underline; }
.pager a.prev:hover, .pager a.next:hover { color: #f9a51a; background: transparent; text-decoration: none; cursor: pointer; }

/* SUMMARY */
.summary              {}
.summary .sum         { width: auto; display: block; float: left; } 
.summary strong       { width: auto; display: block; float: right; font-weight: normal; } 
.summary a            { display: inline-block; } 
.summary a.ico-email  { width: auto; background: url(/web/images/ico-email.png) 0 3px no-repeat; margin-right: 10px; } 
.summary a.ico-print  { width: auto; background: url(/web/images/ico-print.png) 0 3px no-repeat; } 
.summary a span       { padding-left: 25px; } 

/* -----------------------------------------------------------------------------
OTHER FROM ORIGINAL */

table.list {
    color: #ee9821;
    border: 0;
    margin: 5px!important;
}

table.list th a {
    color: #fff;
}

table.list th, table.list td {
    text-align: left;
    padding: 5px;
}

table.list th {
    font-weight: bold;
    line-height: 130%;
    background-color: #ee9921;
    color: #fff;
}

table.list td.center,
table.list th.center {
    text-align: center;
}

table.list td.right,
table.list th.right {
    text-align: right;
}

table.list tr td {
    background-color: #fff1b1;
}

table.list tr:hover td,
table.list tr td.hover {
    background-color: #fffae3;
}

table.list tbody td a {
    display: block;
    text-decoration: none;
    color: #444;
}

div.article {
    padding: 6px;
    background: #EFEFEF;
    margin: 10px 0;
    border: 1px solid #F3D796;
}

div.article h3,
div.article h3 a {
    color: #E3A615;
    margin-bottom: 5px;
    font-size: 14px;
}

div.article p {
    margin: 6px 0;
}

div.hide,
form#hide {
    display: none;
}

form.form p.submit {
  text-align: left;
  padding: 1em;
}

div.stdForm fieldset,
fieldset.stdFieldset {
  margin: 10px 0;
  padding: 0px 10px 10px;
  border: 1px solid #d4d4d4;
}

div.stdForm legend,
fieldset.stdFieldset legend {
    color: #6f6f6f!important;
    letter-spacing: 1px;
    padding: 5px 5px 8px;
}

div.stdForm label {
    display: block;
}

div.stdForm label span {
    display: block;
    font-size: 10px;
}

div.stdForm label strong,
strong.star {
    color: #df0000!important;
}

div.stdForm br {
    display: none;
}

fieldset.stdFieldset div {
    float: left;
    padding-right: 14px;
}

fieldset.threeColumns div {
    width: 200px;
}

div.checkbox label {
    display: inline!important;
}

div.checkbox br {
    display: block!important;
}

input.smallbox {
    width: 90px;
}

input.box {
    width: 300px;
}

p.info {
    font-size: 80%;
}

p.info br {
    display: block;
}

table.test td {
   background: #efd7a8;
   padding: 10px;
}

table.test td.q1,
table.test td.q2 {
    width: 45%;
}

div.test-button {
    margin: 20px auto;
    width: 160px;
    padding: 5px;
    text-align: center;
    background: #008290;
}

div.test-button a {
    text-align: center;
    background: #eaa10d;
    margin: 0 2px;
    padding: 5px 8px;
    font-weight: bold;
    line-height: 26px;
    color: #000;
}

div.scale {
    padding: 5px;
    margin: 5px 0 20px;
    background: #efd7a8;
    line-height: 20px;
    height: 40px;
}

div.scale-step {
    float: left;
    text-align: center;
}

div.scale .you {
    color: #740000!important;
}

div.scale .all {
    color: #025000!important;
}

p.button {
    text-align: center;
}

p.button a {
    background: #008290;
    color: #fff;
    margin: 10px;
    padding: 5px 8px;
    font-weight: bold;
    line-height: 40px;
}

p.photo {
    float: right;
}

p.photo img {
    border: 1px solid #008799;
}

table.katedra {
    margin: 20px 0;
}

table.katedra th {
    background: #efd095;
    padding: 6px;
}

table.katedra td {
    background: #cfcfcf;
    padding: 6px;
}

p#cv-fill-info {
    border: 2px solid #eaa10d;
    padding: 5px;
}

div.contact {
   padding: 20px 0 50px;
   text-align: center;
}

div.contact a {
   margin: auto;
   padding: 10px;
   background: #eaa10d;
   font-weight: bold;
}

a.link {
   background: #efd7a8;
}

fieldset.extForm {
    margin: 10px 0;
    padding: 0px 10px 10px;
    border-color: #6f6f6f!important;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
}

fieldset.extForm legend {
    color: #6f6f6f!important;
    padding: 5px 5px 8px;
    font-size: 1.3em;
    font-weight: bold;
}

fieldset.extForm label {
    display: block;
    letter-spacing: 1px;
}

fieldset.extForm label span {
    display: block;
    font-size: 10px;
}

fieldset.extForm label strong {
    color: #df0000!important;
}

fieldset.extForm div {
    padding: 0;
}

fieldset.extForm div label.q {
    font-weight: bold;
    padding: 20px 0 3px;
    display: block!important;
}

fieldset.extForm div label em {
    display: block;
}

div.note {
    font-size: 1.0em;
    background: #f3e8d2;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ebc364;
}

ul.error li {
    color: #d82a1e;
    font-weight: bold;
}

p.ok {
    font-weight: bold;
}

div#YouKnow {
    cursor: pointer;
}

fieldset.events-main ul {
    margin: 0 0 0 5px;
    padding: 5px 5px 5px 30px;
    list-style-type: square;
    border: 1px solid #e3a515;
    background: #f1db97;
}

fieldset.events-main li {
    padding: 2px 0px;
    color: #7C7C7C;
}

fieldset.events-main li a {
    color: #000;
}

div.stdFormView dl dt {
    font-weight: bold;
}

div.stdFormView dl dd {
    margin-left: 15px;
    color: #707070;
}

dl.question dt {
    font-size: 12px;
    font-weight: bold;
}

dl.question dd {
    font-size: 12px;
    margin: 5px 0 20px 25px;
}

dl.question dt span,
dl.question dd span {
    font-size: 10px!important;
    font-weight: normal;
    color: #333;
    display: block;

}

.center {
    text-align: center;
}

div.advancedProfile,
div.advancedProfileInfo {
    text-align: center;
    border: 1px solid #b3b3b3;
    background: #cacaca;
    padding: 3px;
    margin: 5px 10px;
}

div.advancedProfileInfo {
    background: #FFFFCC;
}
.strong {
    font-weight: bold;
}

.advancedAdvertType {
    color: #cb3540;
}

ul.submenu {
    margin: 0 0 0 15px;
    padding: 0;
}
div.content fieldset {
  margin: 10px 0;
  border: 1px solid #d4d4d4;
  padding: 0px 10px 10px;
  line-height: 150%;
}

div.content fieldset legend {
    color: #999999!important;
    letter-spacing: 1px;
    padding: 5px 5px 8px;
}

input.logout {
    padding: 0!important;
    margin: 0!important;
    text-decoration: underline;
    cursor: pointer;
    color: #017580;
    text-align: left;
    border: 1px solid red;
    left: 10px;
}

