html,
body {
   font-size: 16px;
   height: 100%;
   line-height: 1.3em;
}

body {
   font-family: 'Open Sans', sans-serif;
   background: #FFFFFF;
   margin: 0px;
   padding: 0;
   color: #333;
   min-width: 320px;
}

body.user{ padding-top: 100px; }


p{ margin: 1em 0; }

h1,h2,h3,h4{
   font-family: 'Open Sans', sans-serif; line-height: 1.2em; margin: 0 0 0.5em 0;
}

h1{ font-size: 2.25rem; margin: 1.5em 0 0.5em 0; font-weight: 300; }
h2{ font-size: 1.75rem; margin: 1.5em 0 0.5em 0; font-weight: 300; }
h3{ font-size: 1rem; color: hsl(200,70%,50%); margin: 2em 0 0.5em 0; font-weight: 400; text-transform: uppercase; }
h4{ font-weight: 400; margin: 1.5em 0 0.25em 0; color: #111; }

h2,h3,h4{ font-family: 'Open Sans', sans-serif; }

h1,h2{ letter-spacing: -0.02em; }

ol{ margin: 0 0 0 2em; }
ul{ list-style-type: disc; margin: 1em 0 1em 2em; }

hr{ height: 1px; border: 0; background: rgba(0,0,0,0.1); }

h2 + h4{ margin-top: 0; }



#headerFeedback{ height: 200px; padding-top: 55px; color: rgba(255,255,255,0.5); font-size: 11px; }
#headerFeedback .href:hover{ cursor: pointer; color: rgba(255,255,255,0.8); transition: 0.2s; }
#headerFeedback .href{ transition: 0.4s; }

#topHeader{
   height: 300px;
   background-image: url('/images/head/3.jpg');
   background-size: cover;
   background-position: 50% 50%;
   margin: 0 0 3em 0;
}

#topMenu{
   font-family: 'News Cycle', sans-serif;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 5000;
   color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.3);
   text-align: center;
   background-color: rgba(0,0,0,0.8);
   border-bottom: 1px solid hsl(0,100%,40%);
}

#topUserMenu{
   font-family: 'News Cycle', sans-serif;
   position: fixed;
   top: 54px;
   left: 0;
   right: 0;
   z-index: 4000;
   color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.3);
   text-align: center;
   background-color: rgba(0,0,0,0.95);
   border-bottom: 1px solid black;
}
#topUserMenu .menu{ margin-left: -10px; }
#topUserMenu .menu a{
   transition: 0.1s;
   display: block; float: left;
   color: #fff;
   text-decoration: none;
   padding: 7px 10px 8px 10px;
   font-size: 0.7em;
   text-transform: uppercase;
   font-weight: 600;
}
#topUserMenu .menu a:hover{ background: rgba(255,255,255,0.2); }
#loggedInUser{
   min-width: 100px;
   text-align: left;
   text-decoration: none;
   display: block;
   margin: 7px 10px 0 0;
   color: hsl(120,70%,80%);
   float: left;
   font-size: 0.7em;
   text-transform: uppercase;
   transition: 0.4s;
}
#loggedInUser,
#loggedInUser div{
   font-weight: 600;
}
#loggedInUser:hover{ color: hsl(0,100%,80%); }
#loggedInUser i.icon{ opacity: 0.9; }
#loggedInUser .hover{ display: none; }
#loggedInUser:hover .normal{ display: none; }
#loggedInUser:hover .hover{ display: block; }

#topUserLogin{ float: right; display: block; background: rgba(255,255,255,0.08);
padding: 14px 15px 19px 18px; color: hsla(200,100%,60%,1);
}

#topUserLogin:hover{ cursor: pointer; }

#poplatkyInfo{
   min-width: 100px;
   text-align: left;
   text-decoration: none;
   display: block;
   margin: 7px 10px 10px 0;
   color: hsl(120,70%,80%);
   float: right;
   font-size: 0.7em;
   text-transform: uppercase;
   transition: 0.4s;
   font-weight: 600;
}
#poplatkyInfo i.icon{ opacity: 0.9; }
#poplatkyInfo.neuhradene{ color: #e50000; }

#topSearch{ float: right; margin: 12px 0 0 0; }

#topSearch i.icon{ transition: 0.2s; margin-top: 7px; }
#topSearch i.icon:hover{ opacity: 1; cursor: pointer; transition: 0.2s; }

#topSearchInput{ background: rgba(255,255,255,0.25); border: 0; color: #fff; font-size: 0.8rem; padding: 0.5em 1em;
border-radius: 5px; display: none; }
#topSearchInput:focus{ outline: 0; }

#topMenu .main.menu{
   float: left;
   text-align: left;
}

#topMenu .main.menu.right{ float: right; margin-left: 10px; }

#topMenu .main.menu .dropdown{ position: absolute;
   top: 50px;
   left: 0px;
   display: none;
   z-index: 5000;
}

#topMenu .main.menu.right .dropdown{
   right: 0;
   left: auto;
}

#topMenu .main.menu .item:hover .dropdown,
#topMenu .main.menu .item.clicked .dropdown{ display: block; }

#topMenu .main.menu:hover .item.clicked .dropdown{ display: none; }
#topMenu .main.menu:hover .item.clicked:hover .dropdown{ display: block; }

#topMenu .main.menu .dropdown .bg{
   background: rgba(0,0,0,0.7);
}

#topMenu .main.menu .dropdown a{
   white-space: nowrap;
   display: block;
   color: #fff;
   text-decoration: none;
   padding: 0 1em 0.25em 1em;
   line-height: 2em;
}

#topMenu .main.menu .dropdown .efix{
   height: 4px;
}

#topMenu .main.menu .dropdown a:hover{
   background: rgba(255,255,255,0.1);
}

#topMenu .main.menu .item{
   position: relative;
   display: inline-block;
   color: #fff;
   text-decoration: none;
   font-weight: 700;
   line-height: 2em;
   padding: 0.5em 20px 13px 20px;
}
#topMenu .main.menu .item:hover{
   background: rgba(255,255,255,0.15);
   border-bottom: 3px solid hsl(0,100%,40%);
   padding-bottom: 10px;
}

.inside{
   max-width: 960px;
   margin: 0 auto;
   padding: 0 30px;
}

#topMainLogo{
   width: 100px;
   height: 50px;
   background-image: url('/images/logo-old.png');
   transition: 0.4s;
   background-size: 70px;
   background-repeat: no-repeat;
   background-position: 0 50%;
   display: block;
   float: left;
   position: relative;
}



.content{ font-size: 0.8em; line-height: 1.8em; min-height: 400px; }
p{ line-height: 1.8em; }


#landingNewsBox{
   border-radius: 3px;
   font-size: 0.8rem;
   float: right; 
   width: 260px;
   margin: 0 0 50px 40px;
   /*background: hsl(200,50%,40%);*/
   color: #000;
   padding: 0 0 25px 40px;
   line-height: 1.7em;
   border-left: 1px solid #eee;
}

#landingNewsBox p{ text-align: left; }

#landingNewsBox .ui.blue.label{
   margin: 5px 0 5px -14px;
   padding: 10px 20px 10px 41px;
}

#landingNewsBox a{ color: #000; text-decoration: underline; }

.ui.blue.ribbon.label {
   border-color: hsl(200,50%,50%)!important;
}

.ui.blue.label, .ui.blue.labels .label {
background-color: hsl(200,50%,60%)!important;
}

#landingNewsBox .date{ font-weight: 700; font-size: 0.9rem; margin: 1.5em 0 0.25em 0; font-family: "Open Sans Condensed"; color: #333; }
#landingNewsBox p{ margin: 0; }
#landingNewsBox .date a{ text-decoration: none; }

#landingNewsBox h2{ margin: 0 0 0.5em 0; }

#headerPartneri{ float: left; margin-top: 33px; padding: 10px 0 7px 0px; }
#headerPartneri img{ height: 44px; margin-right: 30px; opacity: 0.75; }

#headerMenu{ float: right; margin: 0 60px 0 -60px; }

#headerMenu .e{
   width: 110px;
   height: 50px;
   float: right;
   margin-top: 50px;
   box-sizing: border-box;
   text-align: center; 
   position: relative;
}

#headerMenu .e a{
   box-shadow: 0 -3px 5px rgba(0,0,0,0.02);
   display: inline-block;
   width: 100px;
   height: 50px;
   text-decoration: none;
   color: #fff;
   padding: 7px 0 57px 0;
   font-size: 0.65rem;
   position: absolute;
   bottom: 0;
   line-height: 1.2em;
   text-align: center;
   font-weight: 700;
   font-family: 'News Cycle', sans-serif;
   transition: 0.2s;
   border: 1px solid rgba(0,0,0,0.05);
   text-transform: uppercase;
   letter-spacing: 0.01em;
}

#headerMenu .e i{ transition: 0.2s; display: inline-block; font-size: 1.4rem; }

#headerMenu .e a:hover{
   font-size: 0.7rem;
   width: 110px;
   margin-left: -5px;
   height: 80px;
   padding: 7px 0 57px 0;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}

#headerMenu .e a:hover i.icon{ font-size: 2.1rem; margin-bottom: 7px; }

#headerMenu .e a i.icon{ margin: 0 0 6px 0; }

#headerMenu .e:nth-child(1) a{ color: rgba(255,255,255,0.9); background: hsla(0,50%,40%,0.5); }
#headerMenu .e:nth-child(2) a{ color: rgba(255,255,255,0.9); background: hsla(100,50%,40%,0.5); }
#headerMenu .e:nth-child(4) a{ color: rgba(255,255,255,0.9); background: hsla(200,50%,40%,0.5); }
#headerMenu .e:nth-child(5) a{ color: rgba(255,255,255,0.9); background: hsla(40,80%,40%,0.5); }
#headerMenu .e:nth-child(1):hover a{ background: hsla(0,80%,45%,0.7); }
#headerMenu .e:nth-child(2):hover a{ background: hsla(100,80%,40%,0.7); }
#headerMenu .e:nth-child(4):hover a{ background: hsla(200,80%,45%,0.7); }
#headerMenu .e:nth-child(5):hover a{ background: hsla(40,100%,45%,0.7); }

#headerMenu.en .e:nth-child(1) a{ background: hsl(40,80%,40%); }
#headerMenu.en .e:nth-child(1):hover a{ background: hsl(40,100%,45%); }

strong{ font-weight: 600; color: #222; }

#footer{ background: #333; color: #aaa; font-size: 0.7rem; padding: 3em 0 1em 0; margin: 5rem 0 0 0; }

#footer .footer.menu{ font-size: 0;  }
#footer .footer.menu a{ color: #aaa; text-decoration: none; display: block;
font-size: 0.7rem; padding: 0 0.8em; transition: 0.2s; }
#footer .footer.menu a:hover{ color: #eee; }
#footer .partneri img{ height: 40px; margin-right: 30px; }

#footer .ui.grid .column{ font-size: 0.7rem; }

#footer strong{ color: #bbb; }

table{ border-radius: 3px; overflow: hidden; line-height: 2.5em; }
table thead th{ text-align: left; padding: 0.5em 1em; background: #333; color: #fff; }
table tbody td{ border-bottom: 1px solid #eee; padding: 0.25em 1em; vertical-align: middle; }
table tbody tr:nth-child(even) td{ background: #f2f2f2; }

.content p{ text-align: justify; }
.content li{ text-align: justify; }

table.file.list .icon{ width: 18px; vertical-align: middle; }
table.file.list{ width: 100%; }
table.file.list td:nth-child(1){ width: 20px; padding-right: 0; padding-top: 0; }

.ui.button>.icon{ margin-right: 0; }

.three-button-selector{ width: 100%; }
.three-button-selector>.ui.button{ width: 33.333%; }

.ui.button, .ui.buttons .button{ font-size: 0.8rem; padding-top: 1em; padding-bottom: 1em; }

.column h2:first-child{ margin-top: 0; }

.event.entry{ background: #eee; border-radius: 3px; padding: 10px; position: relative; margin-bottom: 30px; margin-top: 30px; }
.event.entry:hover{ cursor: pointer; background: hsla(120,50%,50%,0.1); }
.event.entry .ui.label{ margin: 0; left: -22px; font-weight: 600; }
.event.entry .credit{ position: absolute; top: 0; right: 0;
background: #89B84C; width: 32px; height: 28px; text-align: center;
font-weight: 700; color: #fff;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
padding: 2px 0 0 2px;
}
.event.entry .txt{ padding: 0 10px 6px 10px; margin-top: -12px; }
.event.entry .txt h3{ margin-bottom: 5px; }

.event.active.entry h3{ color: hsl(100,50%,40%); }

.ui.grid>.column, .ui.grid>.row>.column{ font-size: 0.8rem; }

.ui.table td{ padding: 0.5em 2em; }
.ui.table thead th{ padding: 1em 2em; }

#ludiaTbl{ margin-top: 3em; }

#headerMenu .clear{ display: none; }

.openPrint{ text-align: right; float: right; margin: -15px 0 0 0;
   border: 1px solid #e3e3e3;
   background: #eee;
   border-radius: 3px;
   padding: 2px 7px 2px 5px;
   font-family: "Open Sans Condensed";
   color: #333;
   opacity: 0.8;
   transition: 0.6s;
}
.openPrint:hover{ cursor: pointer; opacity: 1; transition: 0.2s; box-shadow: 0 0 15px rgba(0,0,0,0.02); }

#topUserLoginFormWrap{ float: right; display: none; }
#topUserLoginFormWrap2{ position: absolute; top: 53px; left: -130px; width: 170px; font-size: 11px; background: #fff; padding: 20px; border-radius: 3px; color: #333; }

#topUserLoginFormWrap2 h4{ margin: 0.25em 0 1em 0; font-size: 1em; }
#topUserLoginFormWrap2 h5{ margin: 1.25em 0 0 0; font-size: 1.2em; color: red; }

.absolute{ position: absolute; } 

/*
#kontaktFormWrap{ position: relative; }
#kontaktForm{ box-shadow: 0 7px 12px rgba(0,0,0,0.05); padding: 0 30px 40px 30px; position: absolute;
top: 0; left: 0; right: 0; background: #fff; }

#kontaktForm .buttons{ margin: 0 0 20px 0; }
*/

#kontaktForm{ font-size: 0.85rem; }
#kontaktForm .form label{ margin-top: 20px; }
#kontaktForm>.content{ padding-top: 1em; }

h2 + .timE{ margin-top: 30px; }

.timE{ margin: 20px 0; }

.timE .when,
.timE .bull,
.timE .bubble{ display: inline-block; vertical-align: top; }

.timE .bull{ width: 10px; height: 10px; border-radius: 50%; margin: 15px 30px 0 20px; }

.timE .when .date{ font-weight: 800; font-size: 1.1em; color: #444; }
.timE .when .time{ font-weight: 300; color: #999; line-height: 2.25em; font-size: 1em; text-align: center; padding: 0 4px 0 0; }
.timE .when .year{ letter-spacing: 3px; line-height: 0.75em; color: #888; }

.timE .bubble{ color: #000; width: 500px; border-radius: 5px; padding: 15px 20px 12px 20px; position: relative;
background: #f7f7f7; }

.timE .bubble .bottom{ background: rgba(255,255,255,0.7); box-shadow: 0 -3px 10px rgba(0,0,0,0.015); margin: 12px -20px -12px -20px; padding: 1em; }


.timE .bubble:after {
   right: 100%;
   top: 20px;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(0, 0, 0, 0);
   border-width: 10px;
   margin-top: -10px;
}

.timE.blue .bubble{ border-left: 3px solid hsl(200,50%,40%); }
.timE.blue .bull{
   background: hsl(200,50%,40%);
}
.timE.blue .when .date{

}
.timE.red .bubble{ border-left: 3px solid hsl(0,50%,40%); }
.timE.red .bull{
   background: hsl(0,50%,40%);
}
.timE.red .when .date{

}
.timE.green .bubble{ border-left: 3px solid hsl(100,50%,40%); }
.timE.green .bull{
   background: hsl(100,50%,40%);
}
.timE.green .when .date{

}

.timE.orange .bubble{ border-left: 3px solid hsl(40,50%,40%); }
.timE.orange .bull{
   background: hsl(40,50%,40%);
}
.timE.orange .when .date{

}

.timE.blue .bubble:after{
   border-right-color: hsl(200,50%,40%);
}

.timE.red .bubble:after{
   border-right-color: hsl(0,50%,40%);
}

.timE.green .bubble:after{
   border-right-color: hsl(100,50%,40%);
}

.timE.orange .bubble:after{
   border-right-color: hsl(40,50%,40%);
}


.timE .bubble .n{ font-family: "Open Sans Condensed"; font-size: 1.2em; line-height: 1.4em;
border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 0 0; margin: 0 0 0 0; }

.timE.future .bubble .n{ margin-bottom: 0.5em; }
.timE.future .bubble{ background: #eee; }

#statSaClenom .files input{ display: block; margin-bottom: 20px; }
#statSaClenom h2{ margin-bottom: 20px; }

#clenTypeSelector{ font-size: 0; text-align: center; border-radius: 3px; overflow: hidden; }
#clenTypeSelector .option{ width: 25%; font-size: 1rem; padding: 13px 1em 14px 1em; vertical-align: middle; display: inline-block;
background: #eee; border-left: 1px solid #ddd; font-family: "Open Sans Condensed"; color: #444; transition: 0.4s; }
#clenTypeSelector .option:nth-child(1){ border: 0; }
#clenTypeSelector .option:hover{ background: #f3f3f3; cursor: pointer; transition: 0.1s; }

#clenTypeSelector input{ display: none; }

#clenTypeSelector .option:nth-child(2),
#clenTypeSelector .option:nth-child(3){
   padding: 25px 0;
}

#clenTypeSelector .option.active{
   background: hsl(200,70%,70%);
   color: #fff;
}

#statSaClenom .remove.icon{ position: relative; top: 5px; background: #ccc; border-radius: 50%; width: 20px; height: 20px;
line-height: 20px; opacity: 0.7; transition: 0.4s; }
#statSaClenom .remove.icon:hover{ cursor: pointer; opacity: 1; transition: 0.1s; }

.three.fields.firstHide{ display: none; }

.three.fields.first .remove.icon{ display: none; }

.vzdelavanieBox{ margin: 1em 0; border-bottom: 1px solid #e3e3e3; }
.vzdelavanieBox .n{ font-size: 1.2em; padding-right: 100px; transition: 0.4s; padding-bottom: 0.8em; color: #444; font-weight: 300; }
.vzdelavanieBox .n:hover{ cursor: pointer; padding-left: 0.4em; }
.vzdelavanieBox .n.loaded:hover{ cursor: default; padding-left: 0; }
.vzdelavanieBox .top.right.label{ opacity: 0.85; }
.vzdelavanieBox .buttons{ margin-top: 2em; }
.vzdelavanieBox .popis{ margin: 0 0 1em 0; }
.vzdelavanieBox:first-of-type{ margin-top: 3em; }
.vzdelavanieBox .n strong{ color: hsla(0,80%,40%,0.8); }

.ui.buttons .disabled2.button, .ui.disabled2.active.button, .ui.disabled2.button, .ui.disabled2.button:hover{
   background: #eee!important;
   color: #999!important;
   cursor: default;
}

.tooltip-help:hover{ cursor: help; }
.tooltip-data{ display: none; }
#tooltip-hovered{
   z-index: 10000;
   max-width: 500px;
   background: rgba(50,50,50,0.9);
   position: absolute;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 0.9em;
   font-weight: normal;
   margin: 0;
   outline: none;
   padding: 0.25em 0.75em 0.4em 0.75em;
   text-align: left;
   text-decoration: none;
   line-height: 1.75em;
   border-width: 0;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px;
}

.footerMenu h2{ font-family: "Open Sans Condensed"; font-size: 1.5em; display: block; line-height: 1.5em; }

.footerMenu h2{ color: hsl(0,80%,40%); }
.footerMenu a{ display: block; color: #999; transition: 0.4s; letter-spacing: -0.01em; }
.footerMenu a:hover{ color: #eee; transition: 0.1s; }

.preload{ width: 1px; height: 1px; overflow: hidden; position: fixed; top: -50px; }

.pracovnePonuky .more{ display: none; margin: -0.5em 0 3em 0; }

.pracovnePonuky h2{ margin: 0.75em 0 0 0; transition: 0.4s; border-top: 1px solid #eee; line-height: 1.5em; padding: 0.5em 0 0 0; font-size: 1.5em; font-weight: 300; color: #666; }
.pracovnePonuky h2:hover{ cursor: pointer; padding-left: 0.4em; }
.pracovnePonuky h2.clicked:hover{ cursor: default; padding-left: 0; }
.pracovnePonuky h2:first-child{ border-top: 0; }
.pracovnePonuky h2 strong{ font-weight: 400; color: hsla(0,80%,40%,0.8); }


.docs a{ display: block; font-size: 1.5em; font-weight: 300; line-height: 1.5em; border-bottom: 1px solid #eee; color: #666; transition: 0.4s; padding: 0.5em 0 0.5em 0; }
.docs a:hover{ color: #000; padding-left: 0.4em; }

#userPridatPracuZahranicie{ display: none; }

#userPridatPracuZahranicie.ui.form select{
   padding-top:    0.5em;
   padding-bottom: 0.5em;
}

#userPridatPracuZahranicie #krajina_ine{ display: none; }

.ui-datepicker table{ font-size: 11px; }
.ui-datepicker-month{ color: #333; }

.switchUcast{ color: #aaa; transition: 0.3s; }
.switchUcast:hover{ cursor: pointer; color: #333; }

#userPridatCPDFormWrap,
#userEditCPDFormWrap{ display: none; }

#doplnkoveCPDWrap{ display: none; }

#odoslatUdajeWrap{ display: none; padding: 40px; line-height: 1.5em; }

#userPridatCPDForm, #userEditCPDForm, #userPridatCPDFormNEW{ padding: 30px; font-size: 12px; }
#userPridatCPDForm textarea, #userEditCPDForm textarea, #userPridatCPDFormNEW textarea{ height: 70px; min-height: 70px; }
#userPridatCPDForm .ui.checkbox label, #userEditCPDForm .ui.checkbox label, #userPridatCPDFormNEW .ui.checkbox label{ font-size: 12px; }

.cpdTable tr.last td{ background: #333; color: #ddd; }
.cpdTable tr.nezaplatene td{ background: #ffe7e7; color: #be0000; font-weight: 600; }
.cpdTable tr.last td .spolu{ display: inline-block; background: rgba(255,255,255,0.2); padding: 0 1em; border-radius: 4px; font-weight: 700;
position: relative; left: -1em; }

.cpdTable tr.grey td{ color: #aaa !important; }

#uploadedFiles{
   margin: 0.25em 0;
}

#uploadedFiles table td{
   padding: 0;
   background: #fff !important;
}

#uploadedFiles table td.size{
   padding: 0 1em 0 1em;
}

#uploadedFiles .remove:hover{ cursor: pointer; }

#customAlert{
   position: fixed;
   top: 10px;
   left: 0;
   right: 0;
   height: 50px;
   z-index: 10000;
   text-align: center;
}
#customAlert .message{
   display: none;
   background: #dc0000;
   display: inline-block;
   color: #fff;
   font-weight: bold;
   padding: 1em;
   border-radius: 5px;
}

.field.error select,
.field.error input{
   background: #facaca;
}

#formQuestion{
   color: #61a500;
   padding: 2em;
   text-align: center;
}

@media only screen and (min-width: 1100px) and (max-width: 1500px) {

}

@media only screen and (max-width: 800px) {
   #headerFeedback{ display: none; }
   body.user{ padding-top: 0; }
   #headerPartneri{ display: none; }
   #landingNewsBox{ float: none; width: auto; margin: 0; border: 0; padding-left: 0; }
   #topMenu .inside{ padding-top: 20px; }
   #topMenu, #topUserMenu{ position: relative; }
   #topUserMenu{ top: auto; margin-bottom: 50px; }
   #topMainLogo{ float: none; margin: 0 auto; background-position: 50%; }
   #topMenu .main.menu{ float: none; text-align: center; }
   #topMenu .main.menu .dropdown{ text-align: left; }
   #headerMenu{ float: none; text-align: center; margin: 0; position: relative; top: 140px; }
   #headerMenu .e{
      float: none;
      margin: 10px 0px;
      text-align: left;
      display: inline-block;
   }
   #topHeader{ height: 200px; }

}

@media only screen and (max-width: 550px) {
   #headerMenu{ top: 35px; }
   #headerMenu .clear{ display: block; }
   #topMenu .main.menu .item{
      display: block;
   }
}

#cookies{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 40000;
   background: #fff;
   text-align: center;
   font-size: 10px;
}
#cookies .ui.button{
   font-size: 10px;
   padding: 0.5em;
   margin: 0.5em;
}