.clearfix   { clear:both !important; height: 0px !important; width:100% !important }

.nnx-cms { line-height: 150% !important; font-size: 95% } 

.nnx-cms b { font-weight: 700; color:#43434e  }
.nnx-cms a { text-decoration: none }

img.nnx-O { vertical-align: middle; height: 40px }


h1.nnx-b, h2.nnx-b, h3.nnx-b, .nnx-b  { font-weight: 500 !important }

a.nnx-seemore { display: inline-block; float: left; text-decoration: none; padding: 15px 25px; color: #fff; font-weight: 700; background-color:#E64717;  background: -webkit-linear-gradient(#E64717 0%, #FF6E3B 100%); background: linear-gradient(#E64717 0%, #FF6E3B 100%); transition: background .2s ease }
a.nnx-seemore:hover { background: -webkit-linear-gradient(#E64717 0%, #E64717 100%); background: linear-gradient(#E64717 0%, #E64717 100%); }
a.nnx-seemore:after { content: "\f101"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; font-size: 100%;padding-right: 0.5em;position: relative; left: 15px;}

a.nnx-extlink { display: inline-block; float: left; position: relative; border-bottom: 1px solid transparent; transition:border-color .4s ease-in-out }
a.nnx-extlink:after { content: "\f08e"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; font-size: 100%;padding-right: 0.5em;position: relative; left: 5px;}
a.nnx-extlink:hover { border-color: #b4b4b4 }

.nnx-cms iframe { width: 100% }

.nnx-cms h1 { font-size: 270%; font-weight: 700; color:#304f8f; padding: 0 0 20px 0 !important; margin: 0; line-height: 120%;   }
.nnx-cms h2 { font-size: 190%; font-weight: 700; color:#304f8f; padding: 0 0 10px 0; margin: 0; line-height: 120%; }
.nnx-cms h3 { font-size: 150%; font-weight: 700; color:#304f8f; padding: 0 0 5px 0; margin: 0 }
.nnx-cms h3 a { text-decoration: none}
.nnx-cms h1 a { text-decoration: none; color:#f97110;}


/* hr */
.nnx-cms hr { clear: none; width: 100%; height: 10px; background:transparent; display: inline-block; margin: 5px 0; border-top:none; border-left: none; border-right: none; border-bottom: 3px dotted silver}
.nnx-botype-solid  { border-style: solid }
.nnx-botype-dotted { border-style: dotted }
.nnx-botype-dashed { border-style: dashed }

.nnx-bocol-l_silver { border-bottom-color: #eaeaea }
.nnx-bocol-silver   { border-bottom-color: #e3e3e3 }
.nnx-bocol-gray     { border-bottom-color: #b1b1b1 }
.nnx-bocol-blue     { border-bottom-color: #257ed0 }
.nnx-bocol-l_blue   { border-bottom-color: #00bbff }

.nnx-bowidth-1px    { border-bottom-width: 1px }
.nnx-bowidth-3px    { border-bottom-width: 3px }
.nnx-bowidth-6px    { border-bottom-width: 6px }

.nnx-cms hr.nnx-preHR-default { border-bottom:1px solid silver }
.nnx-cms hr.nnx-preHR-pre1    { border-bottom:1px solid #257ed0 }
.nnx-cms hr.nnx-preHR-pre2    { border-bottom:1px solid #fff }
.nnx-cms hr.nnx-preHR-pre3    { border-bottom:3px solid silver }
.nnx-cms hr.nnx-preHR-pre4    { border-bottom:3px solid #257ed0 }



/* columns */
.nnx-col { /*padding: 5px;*/ overflow: hidden; box-sizing: border-box; border: 1px solid transparent   }

/* width */
.nnx-width-5 { width: 5% }
.nnx-width-10 { width: 10% }
.nnx-width-15 { width: 15% }
.nnx-width-20 { width: 20% }
.nnx-width-25 { width: 25% }
.nnx-width-30 { width: 30% }
.nnx-width-33 { width: 33.3% }
.nnx-width-35 { width: 35% }
.nnx-width-40 { width: 40% }
.nnx-width-45 { width: 45% }
.nnx-width-50 { width: 50% }
.nnx-width-55 { width: 55% }
.nnx-width-60 { width: 60% }
.nnx-width-65 { width: 65% }
.nnx-width-70 { width: 70% }
.nnx-width-75 { width: 75% }
.nnx-width-80 { width: 80% }
.nnx-width-85 { width: 85% }
.nnx-width-90 { width: 90% }
.nnx-width-95 { width: 95% }
.nnx-width-98 { width: 98%; clear: both; }
.nnx-width-99 { width: 99%; clear: both; }
.nnx-width-100 { width: 100%; clear: both; width:100% !important }

/* colors */
.nnx-bg-silverLight { background: #eaeaea; padding: 10px }
.nnx-bg-silver { background: silver; padding: 10px}
.nnx-bg-gray { background: gray; padding: 10px }
.nnx-bg-blue { background: #257ed0; padding: 10px; color: #fff }


/* float */
.nnx-float-left { float:left }
img.nnx-float-left { margin:  10px 20px 10px 0 }
.nnx-float-right { float:right }
.nnx-float-none { float:none }
.nnx-float-center { float:none; margin-left: auto; margin-right: auto }


/* align */
.nnx-align-left { text-align: left }
.nnx-align-right { text-align: right }
.nnx-align-center { text-align: center }
.nnx-align-justify { text-align: justify } 


/* image */
.nnx-img { max-width: 100% }

/* file */
.nnx-file { content: ''; padding: 0 0 0 0px; position: relative; padding-left: 5px }
.nnx-file:before { content: "\f0ab"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; font-size: 100%;padding-right: 0.5em;position: relative; left: 0px;}
.nnx-file:hover { background:#f8c041 }
.nnx-file .file-link { font-size: 70%; color: gray }
.nnx-file .file-link b { font-size: 150%; color: #000 }


/* button */
.nnx-button { display: inline-block; border: 1px solid #50a245; color: #fff; background: #50a245; padding: 6px 18px; border-radius: 12px; transition: background .2s ease-in-out; cursor: pointer  }
.nnx-button:hover { background: #176740; color: #fff; text-decoration: none }
a.nnx-button { text-decoration: none }

.nnx-button-big { display: inline-block; padding: 8px 16px; background: silver; color: black; border-radius: 4px;  }
.nnx-button-sized { display: inline-block; padding: 4px 15px; background: #a6ce38; color: #fff; /* border-radius: 4px; */ min-width: 150px; margin: 0 5px 5px 0; text-decoration: none !important }
/* .nnx-button-sized:hover { background: #88ae1d; text-decoration: none } */


/* font */
.nnx-font-70 { font-size: 70% }
.nnx-font-80 { font-size: 80% }
.nnx-font-90 { font-size: 90% }
.nnx-font-110 { font-size: 110% }
.nnx-font-120 { font-size: 120% }
.nnx-font-130 { font-size: 130% }
.nnx-font-140 { font-size: 130% }
.nnx-font-150 { font-size: 140% }
.nnx-font-160 { font-size: 150% }

/* ULLI */
.ulli-block {display: block; position:relative; padding-left: 35px; min-height: 20px; font-weight: 400; margin:12px 0 12px 0; }
.ulli-block i.fa { position: absolute; left:3px; top:4px; color:#f97110; font-size: 100%  }
.ulli-block i.fa.bigger { font-size: 125% }


/* předdefinované boxy */
.nnx-pre-hpbox { padding: 0 15px; width: 30%; margin: 0 1.5%; float: left }
.nnx-pre-hpbox img { vertical-align: middle }
.nnx-pre-hpbox div h2 { font-size: 120%; white-space: nowrap }

.nnx-pre-paddbox { padding-right: 30px; width: 25%; float: left; box-sizing: border-box }

.nnx-pre-h2line h2 { border-bottom: 1px solid red }

.nnx-pre-3paddbox { padding: 15px; width: 32%; margin-right: 1%; background: #f5f9e0; float: left; box-sizing: border-box; min-height: 250px }
.nnx-pre-3paddbox h3 { font-weight: 300 }
.nnx-pre-3paddbox a { color: #669807} 

.nnx-pre-resbox1 { padding: 15px; width: 100%; background: #f8c041 }


/* Gallery */
.g-icon-box { display: block; float:left; border: none; float: left; margin: 6px; transition:all .3s ease }
.g-icon-box div { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; height: 150px; width: 190px; }
.g-icon-box:hover { opacity: .8 }


/* Auth page */
.page-auth { max-width: 260px; margin-top: 15px }
.page-auth input[type='text'], .page-auth input[type='password'] { margin-bottom: 8px; width: 100%; font-size: 100%; padding: 3px 5px; border-radius:3px }
.page-auth input[type='submit'] { margin-bottom: 8px; font-size: 100%; padding: 5px 12px; border:0; border-radius:3px; color: #fff; background: #7ab707 }


@media screen and (max-width: 920px) {  
      
	.nnx-width-25 { width: 100% }
	.nnx-width-30 { width: 100% }
	.nnx-width-35 { width: 100% }
	.nnx-width-5 { display: none }
}




@media screen and (max-width: 820px) {  
    
    .nnx-col { margin-bottom: 15px } 
     
    .left-menu { margin-bottom: 25px }

	.nnx-width-5 { width: 20% }
	.nnx-width-10 { width: 30% }
	.nnx-width-15 { width: 30% }
	.nnx-width-20 { width: 33% }


	.nnx-width-33 { width: 50% }

	.nnx-width-40 { width: 100% }
	.nnx-width-45 { width: 100% }
	.nnx-width-50 { width: 100% }
	.nnx-width-55 { width: 100% }
	.nnx-width-60 { width: 100% }
	.nnx-width-65 { width: 100% }
	.nnx-width-70 { width: 100% }
	.nnx-width-75 { width: 100% }
	.nnx-width-80 { width: 100% }
	.nnx-width-85 { width: 100% }
	.nnx-width-90 { width: 100% }
	.nnx-width-95 { width: 100% }
	.nnx-width-100 { width: 100%; clear: both; width:100% !important }
	
	.g-icon-box { width: 45%; box-sizing: border-box }	
	.g-icon-box div { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; height: 200px; width: 100%; }	

}


@media screen and (max-width: 650px) {  

    .nnx-box-event  { width: 100%; margin-bottom: 10px }
    
	.nnx-width-5 { width: 50% }
	.nnx-width-10 { width: 50% }
	.nnx-width-15 { width: 15% }
	.nnx-width-20 { width: 33% }
	.nnx-width-25 { width: 100% }
	.nnx-width-30 { width: 100% }
	.nnx-width-33 { width: 100% }
	.nnx-width-35 { width: 100% }
	.nnx-width-40 { width: 100% }
	.nnx-width-45 { width: 100% }
	.nnx-width-50 { width: 100% }
	.nnx-width-55 { width: 100% }
	.nnx-width-60 { width: 100% }
	.nnx-width-65 { width: 100% }
	.nnx-width-70 { width: 100% }
	.nnx-width-75 { width: 100% }
	.nnx-width-80 { width: 100% }
	.nnx-width-85 { width: 100% }
	.nnx-width-90 { width: 100% }
	.nnx-width-95 { width: 100% }
	.nnx-width-100 { width: 100%; clear: both; width:100% !important }
	
	.g-icon-box { width: 97%; box-sizing: border-box }	
	.g-icon-box div { height: 250px }
	
	.nnx-pre-hpbox { width: 100%; }
	.nnx-pre-paddbox, .nnx-pre-3paddbox {  width: 98%; min-height: inherit; height: auto }
}