@media screen, projection, tv{

/*VERZE 1.2*/



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



* { margin: 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; }

.bottom{ vertical-align: bottom !important; }

.abc{ list-style-type: lower-alpha !important; }

.bezodrazek{ list-style-type: none !important ;}

.btn{ cursor: pointer;  overflow: visible; }

input.btn{ line-height: 1.1em; }

.nounder{ text-decoration: none !important; }

.under{ text-decoration: underline !important; }



/*velikosti*/

.xxxs{ font-size: .6em !important; }

.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; }

.xxxxl{ font-size: 1.5em !important; }

.xxxxxl{ font-size: 1.6em !important; }

.xxxxxxl{ font-size: 1.7em !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; padding: 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, button{ font-family: inherit; font-size: 1em; vertical-align: middle; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; visibility: visible; }

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; }



form{ margin: 0; padding: 0; }

button{ border: 0; background-color: transparent; cursor: pointer; visibility: visible;}

input[type="checkbox"], input[type="radio"]{ border: 0 !important; padding: 0 !important; background: transparent none !important; margin: 0; }

th{ text-align: left; }





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: 0; height: 1px; margin-top: -1px; }

.hlavni{ margin-top: 0; }

strong strong, strong, .bold .bold, .bold strong{ font-weight: bold; }

.checkableReplacement{ background: transparent; border: 0; cursor: pointer; vertical-align: middle; }

.shadow{ -moz-box-shadow: 10px 10px 5px #575757; -webkit-box-shadow: 10px 10px 5px #575757; box-shadow: 2px 2px 2px #575757; }

.orez { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.radius{ -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; background-clip: padding-box; }





.w50{ width: 50px !important; }

.w100{ width: 100px !important; }

.w200{ width: 200px !important; }

.w300{ width: 300px !important; }

.w400{ width: 400px !important; }

.w500{ width: 500px !important; }

.w600{ width: 600px !important; }

.w700{ width: 700px !important; }

.w150{ width: 150px !important; }

.w250{ width: 250px !important; }

.w350{ width: 350px !important; }

.w450{ width: 450px !important; }







}