body {
font-family: Helvetica Neue, Arial, sans-serif ;
font-weight: normal;
color: #4d4d4d;
font-size: 14px;
line-height: 24px;
}

div#tb-projects-bar {
    z-index: 100;
}

#gmap { margin-bottom: 15px; }
.hidden-map { position: absolute; left: -5000px; }
#twitter { vertical-align: middle; }

header > img {
    width: 370px;
    height: auto;
    margin: 0.65em 0;
}

H1 {
font-family:Helvetica Neue, Arial, sans-serif ;
font-weight:bold;
color:#808989;
text-transform: uppercase;
font-size:30px;
line-height:32px;
}

H2 {
font-family:Helvetica Neue, Arial, sans-serif ;
font-weight:bold;
color:#333;
font-size:16px;
line-height:22px;
}

H3 {
font-family:Helvetica Neue, Arial, sans-serif ;
font-weight:bold;
color:#333;
font-size:15px;
line-height:24px;
}

H6 {
color: #ce1427;
font-size: 15px;
margin: 23px 0 3px;
text-align: left;
}

a { color: #ce1427; }
a:active, a:hover { text-decoration:none; }
a:visited { color: #9b0f1e; }
a img { border: none; }

#content {
    background-color: #FFF;
    float: left;
    font-size: 1.2em;
    margin: -17px 0 0 40px;
    padding: 10px 40px 16px 20px;
    width: 700px;
    z-index: 100;
}

#content ul.topmenu {
margin:0 0 60px;
padding:0;
}

#content .topmenu li {
font-weight:bold;
color:#fff;
font-size:13px;
line-height:15px;
background-color:#1d3e87;
padding:5px;
margin-right:3px;
display:inline-block;
}

#content-menu {
margin-left: -20px;
background-color:#FFFFFF;
border-top: 1px solid #808989;
}

.content-parent {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #808989;
padding: 0 20px; }

.content-parent .toggler:hover { color: #29abe2; }
.content-parent .toggler span { font-size: 1.6em; font-weight: normal; position: relative; top: 1px; }

#content-menu h3.toggler {
    background: url("https://nic.cz/files/nic/it14/red-arrow.png") no-repeat scroll 0 5px #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    margin: 0;
    padding: 10px 0 10px 34px;
}

#content-menu .active h3.toggler {
    background:#ffffff url("https://nic.cz/files/nic/it14/red-arrow-down.png") no-repeat 0 5px;
}
#content-menu .active .content-block { padding-left: 34px; padding-top: 1px; }
#content-menu .active span em { color: #CE1427; }
#content-menu .active span.close-link:hover { color: #29abe2; }

.blue { color: #1D3E87; }

hr { background-color: #808888; border: 0; border-bottom: 1px solid #808888; clear: both; font-size: 0; height: 0; line-height: 0px; margin: 0 -1px; }

#banner {
    position: absolute;
    top: 145px;
    left: 823px;
}

/* hiding banner for now */
#banner img { display: none; }


.left-footer {
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-transform: uppercase;
}

.left-footer ul {
    padding: 0;
    display:inline;
}

.left-footer ul li {
    display: inline-block;
    list-style-type: none;
    margin: 2px 4px 2px 0;
    vertical-align: middle;
}

.left-footer ul li img {
vertical-align:absmiddle;
width:auto;
height:32px;
}

.media.left-footer ul li img {
vertical-align:absmiddle;
width:auto;
height:20px;
}

#content table.programme, #content table.workshops {
    border-spacing: 0;
    border-collapse: separate;
    font-size:15px;
}

#content table.workshops {
margin-top:20px;
}

#content table.programme tr td, #content table.programme tr th,
#content table.workshops tr td, #content table.workshops tr th {
padding:10px 3px;
vertical-align:top;
}
#content table.programme tr td, #content table.programme tr th {
border-bottom:1px solid #828B8B;
}

#content table.programme .noborder {
border:0;
}
#content table.programme tr td:nth-child(1) {
text-align:right;
font-weight:normal;
color:#828B8B;
padding-right:10px;
width:45px;
}
#content table.programme tr td:nth-child(1).fullrow {
text-align:left;
font-weight:normal;
color:#4d4d4d;
}

#content table.programme tr td:nth-child(2), #content table.programme tr th:nth-child(2), #content table.programme tr th:nth-child(3),
#content table.workshops tr th {
text-align:left;
font-weight:bold;
color:#4d4d4d;
}

#content table.programme tr td.workshop:nth-child(2) {
font-weight:normal;
border:0;
}

#content table.programme tr th.workshop,
#content table.workshops tr th {
color:#29abe2;
}
#content table.programme tr td:nth-child(3) {
text-align:left;
font-weight:normal;
color:#828B8B;
}

#content table.programme tr.admin td {
    font-style:italic;
    font-weight: normal;
    color: #828B8B;
}
#content ul.gallery li {
display: inline;
}
.close { border-top: 1px solid #808888; margin-left: -34px; padding: 7px 0 6px; position: relative; text-align: right; width: 680px; z-index: 10; }
.close { display:none;}
.js .close { display:block; }
.program .close { border:0; }
.close span {
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 1px 0 5px;
}
.close em { font-style: normal; font-size: 1.6em; position: relative; top: 2px; }
.content-block { display: none; }
.active .content-block {display:block; }

/************************************************************/

.registration-form,
.registration-form table { margin: 0; padding: 0; }
.registration-form th, .registration-form td { padding: 2px 0px; vertical-align: top; }
.registration-form th { text-align: right; width: 10em; }
.registration-form td { padding-left: 1em; }
.registration-form .padding-top-tr td, .registration-form .padding-top-tr th { padding-top: 14px; }
#reg-bottom-part  { padding-left: 11em; padding-top: 1.5em; }
#reg-bottom-part p { margin: 10px 0; }
span.required { color: red; }
#id_user_company, input.txt, #id_captcha_code, #id_customer_label {
    margin: 0 0 10px 0; padding: 1px; position: relative; top: -2px; width: 200px; }
input[type='radio'] {
    vertical-align: text-bottom;
}
#id_user_company { width: 205px; }
.registration-form .send-info { margin-top: -1.3em; padding-left: 1.9em; }
.registration-form .fixwidth { width: 6em; }
.registration-form .price { text-align: right; }
.add-partaker { background: url("/static/admin/img/icon_addlink.gif") no-repeat 0 2px; padding-left: 16px; }
.add-partaker-tr span { display: block; margin-bottom: 5px; }
#captcha_updating { float: left; font-size: 1.2em; font-weight: bold; margin: 2px 1em 0 68px; padding: 1em; position: absolute; text-align: center; visibility: hidden; }
#captcha_img { display: block; }
.regerror, .errorlist, .regerror-discount { margin: 0; padding: 0; }
.regerror li, .errorlist li, .regerror-discount li { color: red; display: block; list-style-type: none; }
#reg-bottom-part .regerror { margin-top: 4px; }
#content .content-block h2, #content .content-block h3 { font-size: 1em; margin-bottom: 10px; }
.invisible { display: none; }
#content .refresh-frame { margin: 5px 0 0; }
.student-note { margin-bottom: 5px; }

/*******************************************************************/

.has-mojeid-form #signin-form {
    position:relative;
}
.cleaner {
clear:both;
}

.has-mojeid-form #registration_form {
    float: none;
    margin-left: 0;
    width: 100%;
    margin-top: 1em;
    border-top: 1px solid #808888;
}

#mojeid-form {
    margin: 0 auto;
    text-align: center;
    width: 250px;
}
#mojeid-form h5 {
    margin:0;
}
.mojeid-links {
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
    width: 300px;
}
.mojeid-links li:first-child {
    border 0;
    margin-left: 3px;
}
.mojeid-links li {
    float: right;
    list-style-type: none;
    margin: 0 0 0 9px;
    padding: 0 9px 0 0;
}

ul.messagelist li {
    font-size:120%;
    list-style: none outside none;
color: #E34B00;
}

div#mapa {
  cursor:pointer;
}

.help-text {
 clear:both;
 display:block;
}


form .button, form button {
 background: url("https://www.nic.cz/static/nic/images/button.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    color:#FFFFFF;
    cursor: pointer;
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: bold;
    height: 27px;
    margin: 2px 0;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    width: 115px;
}
form .button:hover {
background-position:0 -27px;
}

@media (max-width: 800px) {
    #content {
        width: 90%;
        margin: 0 auto;
    }
    header img {
        width: 60%;
        height: auto;
    }
#content .topmenu li {
    font-size: 20px;
    line-height: 24px;
    margin: 3px 3px 0 0;
    padding: 8px;
}
#content #mapy a img {
width: 90%;
height: auto;
}
#content .close {
width: auto;
}
.left-footer ul li img {
width:auto;
height:40px;
}
.media.left-footer ul li img {
vertical-align:absmiddle;
width:auto;
height:30px;
}

}


@media (max-width: 420px) {
    header img {
        width: 90%;
    }
}