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

.nnx-cms { line-height: 140% !important } 

/*.nnx-cms a:hover { text-decoration: underline }*/
.nnx-cms b { color: #0288d1; font-weight: 600 }

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

a.nnx-seemore { display: inline-block; float: left; position: relative; border-bottom: 1px solid transparent; transition:border-color .4s ease-in-out }
a.nnx-seemore:after { content: "\f0da"; 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-seemore:hover { border-color: #b4b4b4 }

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: 220%; font-weight: 100; color:#00428e; padding: 0 0 10px 0 !important; margin: 0 0 20px 0; line-height: 120%;    }
.nnx-cms h2 { font-size: 130%; font-weight: 100; color:#00428e; padding: 0 0 5px 0; margin: 0; line-height: 120%;  }
.nnx-cms h3 { font-size: 120%; font-weight: 100; color:#00428e; padding: 0; margin: 0; line-height: 120%;  }

.nnx-cms.division-r-d h1 { color: #263685 }
.nnx-cms.division-r-d h2 { color: #263685 }
.nnx-cms.division-r-d h3 { color: #263685 }

.nnx-cms.division-s-s h1 { color: #263685 }
.nnx-cms.division-s-s h2 { color: #263685}
.nnx-cms.division-s-s h3 { color: #263685 }
.nnx-cms.division-s-s a  { color: #001fb4 }
.nnx-cms.division-s-s b  { color: #263685 }



/* hr */
.nnx-cms hr { clear: both; width: 100%; height: 10px; background:transparent; display: block; margin: 5px 0; border-top:none; border-left: none; border-right: none }
.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 }

/* 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-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 }
.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% }


/* button */
.nnx-button { display: inline-block; padding: 8px 16px; background: #257ed0; color: #fff; border-radius: 4px; transition: background .2s ease-in-out  }
a.nnx-button { color: #fff !important }
.nnx-button-big { display: inline-block; padding: 8px 16px; background: silver; color: black; border-radius: 4px;  }
.nnx-button:hover { background: #44a3fc; text-decoration: none }
.nnx-button-sized { display: inline-block; padding: 4px 8px; background: silver; color: black; border-radius: 4px; min-width: 150px; margin: 0 5px 5px 0 }
.nnx-button-sized:hover { background: #e6e6e6; 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; padding-left: 35px; min-height: 20px; background: url(/img/ulli/ulli-sq.png) no-repeat left top; margin:8px 0 12px 0; }
.ulli-block-big {display: block; padding-left: 35px; min-height: 20px; background: url(/img/ulli/ulli-blue-circ1.png) no-repeat left top; margin:8px 0 12px 0; }


/* boxy - automaticky formatovane z externich skriptu */
.nnx-box-event { width: 31%; min-height: 120px; border-left:5px solid #d1d1d1; background: rgba(255, 255, 255, 1); overflow: hidden; margin:0 2% 0 0; border-bottom: 1px  #08caff; padding: 15px; box-sizing: border-box; float: left }
.nnx-box-event:hover { border-color: #8c8c8c }
.nnx-box-event h3 { margin: 0 0 10px 0 }
.nnx-box-event small { color: #b2b2b2; font-size: 80% }
a .nnx-box-event p { color: #00aeef }

.nnx-box-kariera { width: 100%; padding: 15px 0; border-bottom: 1px solid #e3e3e3 }
h2.kariera { border-bottom: 1px solid #e3e3e3; padding-bottom: 10px }
.nnx-box-kariera small { display: inline-block; padding: 2px 8px; color: #fff; background: #00b1f1; margin: 4px 0 0 15px; font-size: 90%}

.nnx-box-zivot-AV { margin: 0 1% 25px 0; float: left  }
.nnx-box-zivot-AV .sized-img { width: 100%; height: 100px; background-repeat: no-repeat; background-position: center center fixed; background-size: cover; margin-bottom: 8px }



/* předdefinované boxy */
.nnx-pre-softwrebox { background:#263685; color: #fff; width: 23%; margin:0 1%; float: left; min-height: 300px; padding: 15px }
.nnx-pre-softwrebox h3 { color: #fff !important; font-size: 150%; line-height: 130% }
.nnx-pre-bluebox { background:#257ed0; color: #fff !important; width: 100%; float: left; padding: 15px }
.nnx-pre-bluebox a, .nnx-pre-bluebox b { color: #fff }
.nnx-cms.division-r-d .nnx-pre-bluebox { background:#257ed0; color: #fff; width: 100%; float: left; padding: 15px }
.nnx-cms.division-r-d .nnx-pre-bluebox h3 { color: #fff; font-size: 140% }

.nnx-pre-blueboxlined { border:1px solid #00bfff; width: 100%; float: left; padding: 15px }
.nnx-pre-blueboxlined2 { border:1px solid #b9edff; width: 96%; margin: 8px 2%; float: left; padding: 15px }
.nnx-pre-bluebox h2 { color: #fff; border-bottom: 1px dotted rgba(255, 255, 255, 0.4); margin-bottom: 15px }
.nnx-pre-grayboxhalf { padding: 15px; background: rgba(187, 187, 187, 0.20); width: 48%; float: left; margin: 1% }
.nnx-pre-graybox { padding: 15px; background: rgba(187, 187, 187, 0.20); width: 100%; float: left }

.nnx-pre-graybox1  { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left; min-height: 200px }
.nnx-pre-graybox12 { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left; min-height: 250px }
.nnx-pre-graybox13 { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left; min-height: 300px }
.nnx-pre-graybox14 { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left; min-height: 350px }
.nnx-pre-graybox15 { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left; min-height: 400px }

.nnx-pre-graybox2 { padding: 15px; margin: 0 1%; width: 98%; float: left; border-left:1px solid #263685 }
.nnx-pre-graybox3 { padding: 15px; margin: 0 1%; background: rgba(187, 187, 187, 0.20); width: 98%; float: left }

.nnx-pre-cntr { height: 150px; width: 150px; float: left; text-align: center; font: 0/0 a; margin: 5px; border: 1px solid transparent; padding:5px }
.nnx-pre-cntr img { vertical-align: middle; max-height: 90%; max-width: 90% }
.nnx-pre-cntr:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }




/* Gallery */
.g-icon-box { display: block; float:left; border: 1px solid #e8e8e8; float: left; margin: 6px }
.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 { border: 1px solid #00b1f1 }


/* 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: #184e8f }




@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: 50% }
	.nnx-width-25 { width: 50% }
	.nnx-width-30 { width: 50% }
	.nnx-width-33 { width: 50% }
	.nnx-width-35 { 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: 620px) {  

    .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: 100% }
	.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 }
	
	.nnx-pre-softwrebox { width: 100% }
	
	.g-icon-box { width: 97%; box-sizing: border-box }	
	.g-icon-box div { height: 250px }
}