@CHARSET "UTF-8";

@font-face {
  font-family: 'openSansRegular';
  src: url('fonts/opensans_regular/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans_regular/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans_regular/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'openSansLight';
  src: url('fonts/opensans_light/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans_light/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans_light/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'openSansSemi';
  src: url('fonts/opensans_semibold/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'openSansBold';
  src: url('fonts/opensans_bold/OpenSans-Bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/opensans_bold/OpenSans-Bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/opensans_bold/OpenSans-Bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html, body, ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.cleaner { clear: both; }
b { font-family: 'openSansSemi'; }

/* === zaroavnavanie === */
.pull-right { margin-left: auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* === texty === */
body { font-family: 'openSansRegular'; font-size: 13px; line-height: 1.4em; }

/* input fields (default) */
textarea { resize: none; border-radius: 3px; }

html, body { height:100%; min-height:100%; }
body { display: flex; flex-direction: column; background: #ECF0F1; }

/* === layout === */
#main-header { flex: 0 0 35px; border-bottom: 1px solid #666; padding: 0 20px; display: flex; align-items: center; background: linear-gradient(to bottom, #666666, #888888); }
#main-content { flex: 1; display: flex; overflow: auto; flex-direction: row; }
#main-content > .left { flex: 0 0 97px; overflow: auto; padding: 0 10px 0 0; display: flex; }
#content-panel { flex: 1 1 auto; overflow: auto; display: flex; background-color: #ECF0F1; }

/* === lave menu === */
ul.main-menu { list-style: none; padding: 0; background-color: #e9e9e9; height: 100%; width: 85px; }
ul.main-menu a {
	display: block; position: relative; text-align: center; text-decoration: none; color: #555;
	padding: .5em 0; border-top: 1px solid #fff; border-bottom: 1px solid #bbb;
}

/* === otazky a odpovede === */
ul.question-answers { list-style-type: none; }
ul.question-answers li { padding-left: 0; border-bottom: 1px solid #ddd; padding: 7px; }
ul.question-answers li label { display: block; padding: 2px 0; }
ul.question-answers li label:hover { background-color: #ddd; }
ul.question-answers li:last-child { border-bottom: 0; }
ul.question-answers li.incorrect { color: #d32424; }
ul.question-answers li.correct { color: #408701;}