body, html {
margin: 0;padding: 0; background: url("../images/pozadi5.png") repeat}

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

 
  
/* we need this in the example to eliminate background's margin at the top */
    
#page > h1 {
      margin-top: 0;
      padding-top: 0.5em;
    }

    

#top {
width: 100%;
 height:2em; background-color:#004595; color:#ffffff; padding:2px 5px;}


#top a {color:#ffffff;}

#top2 {w
idth: 100%;
 height:30px; margin:0;padding: 0; background: url("../images/pozadi-nuly-jednicky3.png") no-repeat}



#page {
      width: 600px;
      margin-left: 50px;
      background: #fff;
      padding: 0 1em;
    }

    

canvas {
      position: fixed;
      top: 0;
      left: 0;
}





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;
font-size:30px;
line-height:32px;
}


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


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

h4 {
font-family:Helvetica Neue, Arial, sans-serif ;
font-weight:bold;
color:#333;
font-size:18px;
line-height:24px; margin-bottom:0px;}
h5 {
font-family:Helvetica Neue, Arial, sans-serif ;
font-weight:bold;
color:#333;
font-size:16px;
line-height:24px; margin-bottom:15px;}
h6 {
color:#ce1427;
font-size:15px;
margin:23px 0 3px;
}



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: 1em 0 0 40px;
    padding: 10px 40px 16px 20px;
    width: 800px;
    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;
}



#content #subbubble {
    background-color: #FFF; /*rgba(0, 0, 0, 0); */
    border: 1px solid #828B8B;
    border-radius: 100px;
    height: 200px;
    left: 900px;
    position: absolute;
    top: 200px;
    width: 200px;
    z-index:11; background: url("pozadi-nuly-jednicky3.png") repeat
}



#content #bubble {
background-color: #29abe2;
border-radius:87px;
width:175px;
height:175px;
color:#FFF;
text-align:center;
position: absolute;
top:89px;
left:651px;
z-index:12;
}



#content #bubble #num {
font-size:56px;
display:block;
margin: 26px 0 15px;
font-weight: bold;
}


#content #bubble em, #content #bubble b {
display:none;
}


.js #content #bubble em, .js #content #bubble b {
display:block;
}
#content #bubble a {
display:block;
}

#content #bubble em {
font-weight:light;
font-style: normal;
}

#content #bubble b {
font-weight:bold;
}

#content #bubble span {
    background-color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    margin: 80px auto 8px;
    padding-top:1px;
    width: 80px;
    cursor:pointer;
    color: #ce1427;
    display:block;
    text-decoration:underline;
}
.js #content #bubble span {
    margin:8px auto;
}
#content #bubble span:hover {
    text-decoration:none;
}

#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: middle; }
.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 { margin: 5px 0 0 0; padding: 1px; position: relative; top: -2px; width: 200px; }
#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:308px;
}

#mojeid-form {
    float: right;
    margin: 0;
    text-align: center;
}
#mojeid-form h5 {
    margin:0;
    text-align: center;
}
.mojeid-links {
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
}
.mojeid-links li.first {
    border-right: 1px solid #5A5A50;
    margin-left: 0;
}
.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 #bubble div#num, #content #bubble em, #content #bubble b,
    #canvas-container, #subbubble {
        display:none;
    }
    
#content {
        width: 90%;
        margin: 0 auto;
    }
    

header img {
        width: 60%;
        height: auto;
    }
    
#content #bubble {
        right: 22px;
        left: auto;
        top: -85px;
    }
    
.js #content #bubble span {
    background-color: transparent;
    color: #fff;
    font-size: 1em;
    margin: 60px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 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%;
    }


#content #bubble {
display:none;
}
}


.menu ul {list-style: none; padding: 0; margin: 0;}
.menu li {display: block; height:80px; width:200px; }
.menu li a {display: block; color: navy; padding:5px; font-weight:bold; text-decoration:none;}
.menu li a:hover {display: block;width:200px;color:#000000;}
.menu li:hover {display: block; background-color:#eeeeee; width:200px; position:relative; z-index:;}
.menu li.aktivni {display: block; background-color:#eeeeee; width:200px; position:relative; z-index:10;}

.main ul {list-style: none; padding: 0; margin: 0;}
.main li {display: block; height:80px; width:700px;}
.main li a {display: block; color: navy; padding:5px; font-weight:bold; text-decoration:none;}
.main li:hover {display: block; background-color:#eeeeee; width:448px; position:relative;}
.main li.aktivni {display: block; background-color:#eeeeee; width:468px; position:relative; margin-left:-20px; margin-right:40px; z-index:100;}
.main li.aktivni a {display: block; color:#000000; width:468px; padding:5px; font-weight:bold; text-decoration:none; margin-left:20px;}

div.menu {float:left; width: 200px; margin-left:60px;}

div.main {float:left; width: 415px; padding:5px 30px 30px 20px; position:relative; z-index:15; border-left:3px solid #eeeeee; border-right:0px solid #eeeeee;}

div.detail {float:left; width: 440px; padding:0; position:relative; z-index:15;}

div.detail1 {margin-top:45px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail2 {margin-top:127px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail3 {margin-top:210px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail4 {margin-top:293px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail5 {margin-top:376px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail6 {margin-top:459px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail7 {margin-top:542px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail8 {margin-top:625px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail9 {margin-top:708px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail10 {margin-top:791px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail11 {margin-top:874px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail12 {margin-top:957px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail13 {margin-top:1040px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}
div.detail14 {margin-top:1123px; padding:0px 30px 30px 20px; border-left:3px solid #eeeeee;}

div.paticka {margin: 0 0 0 60px; padding-bottom:30px;}
 

img.ikonka {float:left; margin-right:20px;}
img.ikonka2 {float:left;margin-right:20px;}
img.prazdny {height:40px;}

td {vertical-align:top; background-color:#ffffff; padding:0 10px;}
td.cas {vertical-align:top; width:120px; background-color:#fbefe7; padding:0 10px;}
td.cas2 {font-weight:bold; vertical-align:top; width:120px; background-color:#fbefe7; padding:0 10px;}
td.podbarveny {vertical-align:top; background-color:#fbefe7; padding:0 10px;}

.detail table {border:0;}
.detail td {padding:10px;}
.detail td.suda {background-color:#f6f6f6;}
.detail th {text-align:left;}