body { background: #fff; 
    -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none;
}
a { color: #993399; }

header { padding-top: 0px; }
.navbar { display: none; }

#motto #motto-text { color: #000; text-shadow: 0px 0px 0px rgba(0,0,0,0); }

.section-2-col-left-text h2 { color: #7e1e85; font-size: 24pt; font-style: italic; font-weight: bold; font-family: 'book antiqua', palatino, serif; text-align: left; } 
.section-2-col-left-text p { color: #7e1e85; font-size: 16pt; font-style: italic; font-weight: bold; font-family: 'book antiqua', palatino, serif; text-align: left; }
a { text-decoration: underline; }


/* uprava velikosti loga na malem displeji */

@media (max-width: 479px){ 
  #logo img { max-height: 40px; }
  #logo { position: relative; left: 0px; top: 0px; text-align: left; z-index: 20; }
  #motive { height: 140px; }
  #motive { position: relative; top: -20px; border-bottom: 0px solid #E7E7E7; background-color: #fff; }
  #motto #motto-text { position: relative; top: 10px; margin: 0px -10px 0px 20px; font-size: 0.8em; z-index: 20; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
  #logo img { max-height: 50px; }
  #logo { position: relative; left: 10px; top: 0px; text-align: left; z-index: 20; }
  #motive { height: 170px; }
  #motive { position: relative; top: -30px; border-bottom: 0px solid #E7E7E7; background-color: #fff; }  
  #motto #motto-text { position: relative; top: 15px; margin: 0px -10px 0px 40px; font-size: 1em; z-index: 20; }
} 

@media (min-width: 768px) and (max-width: 991.98px) { 
  #logo img { max-height: 70px; }
  #logo { position: relative; left: 0px; top: 0px; text-align: left; z-index: 20; }
  #motive { height: 250px; }
  #motive { position: relative; top: -30px; border-bottom: 0px solid #E7E7E7; background-color: #fff; }    
  #motto #motto-text { position: relative; top: 20px; margin: 0px -20px 0px 50px; z-index: 20; }
} 

@media (min-width: 992px) and (max-width: 1199.98px) { 
  #logo img { max-height: 80px; }
  #logo { position: relative; left: 0px; top: 0px; text-align: left; z-index: 20; }
  #motive { height: 310px; }
  #motive { position: relative; top: -50px; border-bottom: 0px solid #E7E7E7; background-color: #fff; }    
  #motto #motto-text { position: relative; top: 40px; margin: 0px -20px 0px 70px; z-index: 20; }
} 

@media (min-width: 1200px) { 
  #logo img { max-height: 90px; }
  #logo { position: relative; left: 0px; top: 10px; text-align: center; z-index: 20; }
  #motive { height: 440px; }
  #motive { position: relative; top: -50px; border-bottom: 0px solid #E7E7E7; background-color: #fff; }  
  #motto #motto-text { position: relative; top: 50px; margin: 0px -90px 0px 90px; z-index: 20; }
}



#motive { border-bottom: 0px solid #E7E7E7; background-color: #fff; }

#content { position: relative; top: -50px; }

aside .panel-primary > .panel-heading { background-color: #993399; }

.section-2-col-left-text img { padding: 5px 5px 5px 5px; }

#box-custom-footer { background-color: #2b2b2b; color: #fff; padding: 20px 20px 20px 20px; }

#bar-poweredby { display: none; }

#cvicne-oramovani3 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: blue;}