@media screen, projection, tv{
/*VERZE 1.2*/

html,body{ margin: 0; padding: 0; font-size: 100%; line-height: 1.1em; }

* { margin: 0; padding: 0; }

.center{ text-align: center !important; }
.center-block{  margin-left: auto !important ; margin-right: auto !important; display: block !important ; }
.right{ text-align: right !important; }
.left{ text-align: left !important; }
.justify{ text-align: justify !important; }

.kur{ font-style: italic !important; }
.light{ font-weight: normal !important; }
.bold{ font-weight: bold !important ; }

.odskok{ padding-top: 1em !important ; }
.bezmarginu{ margin: 0 !important ; }
.bezmarginu-top{ margin-top: 0 !important ; }
.bezmarginu-left{ margin-left: 0 !important ; }
.bezmarginu-right{ margin-right: 0 !important ; }
.bezmarginu-bottom{ margin-bottom: 0 !important ; }
.nopad{ padding: 0 !important ; }
.nopad-top{ padding-top: 0 !important ; }
.nopad-left{ padding-left: 0 !important ; }
.nopad-right{ padding-right: 0 !important ; }
.nopad-bottom{ padding-bottom: 0 !important ; }

.clear{ clear: both !important ; }
.clear-left{ clear: left !important; }
.clear-right{ clear: right !important; }

.proexp{ position: relative !important; }
.bezramu{ border: 0 !important ; }
.bezpozadi{ background-image: none !important ; background-color: transparent !important ; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.block{ display: block !important; }
.inline{ display: inline !important; }
.no{ display: none !important; }
.nowrap{ white-space: nowrap !important; }
.full{ width: 100% !important; }
.auto{ width: auto !important; }

.float-right{ float: right !important ; }
.float-left{ float: left !important ; }
.nofloat{float: none !important ; }

.bezprokladu{ line-height: 1.2em; }
.rozpal, .proklad{ line-height: 1.4em !important ; }
.top{ vertical-align: top !important; }
.middle{ vertical-align: middle !important; }
.abc{ list-style-type: lower-alpha !important; }
.bezodrazek{ list-style-type: none !important ;}
.btn{ cursor: pointer; }
input.btn{ line-height: 1.1em; }
.nounder{ text-decoration: none !important; }
.under{ text-decoration: underline !important; }

/*velikosti*/
.xxs{ font-size: .7em !important; }
.xs{ font-size: .8em !important; }
.s{ font-size: .9em !important; }
.m{ font-size: 1em !important; }
.l{ font-size: 1.1em !important; }
.xl{ font-size: 1.2em !important;}
.xxl{ font-size: 1.3em !important; }
.xxxl{ font-size: 1.4em !important; }
/*obrazky*/
.obr, .obr-left{ float: left; margin: 0px 10px 5px 0; display: inline; }
.obr2, .obr-right{ float: right; margin: 0px 0px 5px 10px; display: inline; }
.obr3, .obr-center{ float: none; margin: 0px auto 12px auto; display: block; }
.obr-text{ vertical-align: text-bottom; }

p, ul, ol{ margin: 1em 0; }
ol{ padding-left: 2.2em; }
ul{ list-style-type: disc; margin-left: 1.6em; }
ul ul, ol ol{ margin: 1em 0em 1em 1.5em; }
ul ul ul, ol ol ol{ margin: 1em 0em 1em 3em; }

input, textarea, select{ font-family: inherit;  font-size: 1em; vertical-align: middle;}
textarea{ font-size: 1em;  font-family: inherit; }
table{ font-size: 1em; font-family: inherit;  }
a img{ border: 0; }
fieldset{ border: 0; padding: 0; margin: 0; }
legend{ visibility: hidden; }
form{ margin: 0; padding: 0; }
button{ border: 0; background-color: transparent; cursor: pointer; }
input[type="checkbox"], input[type="radio"]{ border: 0 !important; padding: 0 !important; background: transparent none !important; }

h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.3em; margin: .8em 0; }
h3{ font-size: 1.1em; margin: .8em 0; }
h4{ font-size: 1em; margin: .8em 0; }

.lomic{ margin-top: -1px; height: 0; }

}