body, html { font-family: 'Open Sans', Calibri, Myriad, Arial }
body {  font-family:'Open Sans', Calibri, Myriad, Arial, sans-serif; font-size: 100%; margin: 0px;  }
body.light { background:#fff /*url(../img/bg/whitebg.jpg)*/; color: #494949; }

.clear       { clear:both; height: 0px; width:100% }
.nobr        { white-space: nowrap }
.nowrap *    { white-space: nowrap }
.center      { text-align: center }
.hidden      { display: none }
.unvisible   { visibility: hidden }
.clickable   { cursor: pointer }

.blue        { color:#00aeef } 

a img        { border: none; }
a            { color: #00aeef; text-decoration: none; }
a:hover      { text-decoration: none }

.nnx-cms a:hover { text-decoration: underline }
.nnx-cms .left-menu a { color: #414141 !important }
.nnx-cms .left-menu a:hover { text-decoration:none }

input.correct { border: 1px solid #00bfff }
input.incorrect { border: 1px solid red }
.preloader   { width: 100%; text-align: center; padding: 100px 0 100px 0 }


/* Master DIV */
.container { position: relative; width: 100%; float: left; padding: 0; margin: 0; }
.container.header { background: #252830; height: 90px; border-bottom: 1px solid #75777d; padding-top: 25px; position: relative; z-index: 999 }
.container.mover  { height: 25px; overflow: hidden }
.container.case-studies { background: rgba(187, 187, 187, 0.20); padding: 20px 0; text-align: center }
.container.footer { background: /*#041020*/ #000 }


.block { max-width: 1100px; margin: 0 auto; position: relative }
.block.search { background: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px }
 
/* popupmesg */ 
.popupmesg { position: fixed; width: 100%; bottom:0; left: 0; z-index: 1001; box-shadow: 3px 15px 7px 17px #a0a0a0;  background:#fff url(../img/bg/whitebg.jpg); color: #fff; line-height: 140%; max-height: 0px; overflow: hidden; transition:max-height 2.3s ease-out }
.popupmesg a.nnx-button { background: #fff; color:#0082b1 !important  }
.popupmesg .popcloser { background:#252830; color: #fff; position: absolute; right: 10px; top:10px; overflow: hidden; text-align: center; padding: 5px 8px; border-radius: 3px; }
.popupmesg div.block { padding: 8px 0 }
 
 
/* HEADER --- */
.logo { float: left; width: 50% }
.logo img { max-width: 100%; margin-top: -10px }
.claim { color:#c9c9c9 }

.navi { float: right; width: 40%; text-align: right }
.navi p.languages { font-size: 90%; color: #6b6b6b }
.navi p.languages a { color: #a3a3a3 }
.navi p.languages a.current { color: #00aeef }
.navi .navigation img, .navi .navigation span { margin: 25px 4px 8px 12px; display: block; float:right}
.navi .navigation span { padding-top: 5px; color: #00aeef; font-size: 80% }
.navi .navigation img:hover { opacity: 0.7 } 
.pop-navi { position: absolute; top:90px; overflow: hidden; max-height:0; transition: max-height 0.5s ease-out; z-index: 999; background:#252830; width: 100% }
.pop-navi p { width: 20%; margin: 0 2.5% 16px 2.5%; float: left; font-size: 80%; line-height: 170% }
.pop-navi p a:hover { color: #fff }
.pop-navi p b { color: #fff }
#MasterNavi { display:block; max-height: 500px; overflow: hidden; transition:max-height .5s ease-in-out; color: silver }
/* Search */
.pop-navi form {  padding-left: 25px; margin-bottom: 10px  }
.pop-navi form input[type=text] { border: 1px solid #fff; vertical-align: middle; font-size: 100%; color: #000; min-width: 40%; padding: 3px 5px }
.pop-navi form input[type=button] { border: 1px solid #00b1f1; background: #00b1f1; vertical-align: middle; font-size: 100%; color: #000; padding: 3px 5px }
#resetsearchbutton { font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

#SearchResults hr { margin: 8px 25px; border: none; border-top:1px solid #00b1f1 }
#SearchResults h1 { padding: 8px 25px 25px 25px; color: #fff; font-size: 120%; font-weight: 100 }
#SearchResults h3 { padding: 8px 25px 25px 25px; color: #959595; font-size: 110%; font-weight: 100 }
.search-result { line-height: 120%; height: 180px; overflow: hidden; cursor: pointer }
.search-result b {font-weight: normal; font-size: 120%; color: #fff }
.search-result:hover b { color: #00b1f1 }
.search-result span { font-size: 85%; color: #959595 }
.search-result span u { text-decoration: none; color:#00b1f1  }





.year-container { position: absolute; left:0; top:84px; width:100%; z-index: 888 }
.year-box { float: left; height: 25px; margin: 0 8px; text-align: center; font-size: 75%; color: silver; cursor: pointer}
.year-box span { display: inline-block; width: 8px; height: 8px; border: 2px solid #75777d; border-radius: 8px; background: #30364a; margin: 0 auto 5px auto }
.year-box:hover span { border-color: #00aeef }
.year-bubble { background: rgba(0, 0, 0, 0.85); color: #fff; padding: 4px 8px; font-size: 75%; line-height: 150%; display: inline-block; margin-top: 10px; max-width: 200px; border-radius: 5px; display: none }


/* DEFAULT PAGE */
.main-content { margin: 25px 0 50px 0; font-size: 90% }
.content{ line-height: 150%; margin: 0; }
.content.sized { width: 75%; float: right }

.left-menu { width: 21%; float: left; padding: 5px 0 0 0; margin: 0 }
.left-menu a { display: block; padding: 4px 15px; line-height: 125%; color: #000; background: rgba(0, 0, 0, 0.1);  border-left: 6px solid transparent; margin-bottom: 1px; color: gray }
.left-menu a:hover { background: rgba(0, 0, 0, 0.15);  border-left: 6px solid #00aeef }
.left-menu a b { color: #00aeef }

.tags { padding: 8px 8px 8px 0; border-right: 1px solid #00bfff; font-size: 80% }
.tags a { background:none; padding: 0; line-height: 150%; color: gray  }
.tags a em { font-size: 120%; font-weight: 400; font-style: normal; color: black }
.tags a:hover { background: none;  border-left: 6px solid transparent }
.tags a:hover em { color: #00aeef  }

.nnx-cms.division-s-s .tags a em { color: #263685 }


/* download */
.nnx-file { width: auto; float: left; background:#00b1f1; border-radius: 4px; padding: 5px 16px  }
.nnx-file a, .nnx-file a b { color: #fff; }
.nnx-file a small { font-size: 80%; display: block; max-height: 0px; overflow: hidden; transition:max-height .3s ease-in-out }
.nnx-file:hover a { text-decoration: none;  }
.nnx-file:hover a small { max-height: 50px }
.nnx-file:before { content: "\f0ed"; font-size: 150%; margin-right: 8px; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; color: #fff }
.nnx-file a.file-link b{ color: #fff !important }





/* galerie */
.gallery-list-box { position: relative; width: 250px; height: 200px; float: left; margin: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden }
.gallery-list-box h2 { position: absolute; width: 100%; padding: 8px; background: rgba(255, 255, 255, 0.7); left: 0; bottom: 0; }
.gallery-list-box h2 span { padding: 10px; display: inline-block; font-size: 80%; overflow: hidden }
.gallery-list-box:hover h2 { background: rgba(0, 178, 243, 0.7); color: #fff;  }


/* --- S&S ---- */
/* nabidka skoleni */
.edu-menu { background: rgba(0, 55, 191, 0.05); padding: 15px; font-size: 90% }
.edu-menu h2.edu { font-size: 130%; font-weight: 100; margin-top: 10px; color: black; cursor: pointer }
.edu-menu h2.edu:hover i { color: gray }
.edu-menu h2.edu i {  color: #00bfff}
.pop-level { overflow: hidden; max-height: 0px; transition: max-height .3s ease-in-out; padding: 0 5px 0 20px; line-height: 180%;  }
.pop-level a { display: block; border-bottom: 1px solid #00bfff; padding: 6px 0; font-size: 90% }
.pop-level a:hover h3 { color:#00b1f1; text-decoration: none !important}





/* -- R&D --- */
/* case-studies */
.case-studies h2 { font-size: 150%; font-weight: 100  }

.case-study { width: 23%; margin: 0 1%; float: left; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; 
	padding:  80px 0 15px;  }
.case-study div { background: rgba(21, 86, 163, 0.87); left: 500px; top:0px; position: absolute; width: 100%; height: 100%; color: #fff; text-align: center; padding: 3px 8px; border-radius:4px; transition:left .3s ease-in-out }
.case-study div p { text-align: center; padding: 38px 0 0 0 }
.case-study:hover div { left:0px }
iframe.iframe-case{ width:100%;height: 450px }



/* FOOTER ------- */
.footer h3 { color: #00bfff; font-weight: 100; margin-bottom: 10px }
.footer navi, .footer .address { float: left; width: 20%; margin: 35px 2%; font-size: 80%; line-height: 170%; color: #c9c9c9 }
.footer navi a:hover {  }
.footer .address img { max-width: 100%; margin-bottom: 8px }
.impressum { text-align: center; color: #828282; font-size: 75%; padding: 10px 0 }



/* ---------- Chapter Navi --------------- */
#SubChaptersList { z-index: 500 }
.chapters-standard { padding-top: 120px }
.chapters-narrow { padding-top: 50px }
.chapters { width: 100%; z-index: 9999; font-size: 120% }
.chapters .ch-box { height: 70px; margin: 5px; float: left; color: #fff }
.chapters .ch-box span { display: inline-block; padding: 0 20px; font-weight: 100 }
.chapters .thin-ch-box span { display: inline-block; padding: 5px 20px; font-weight: 100 }
.chapters .navi-root-chapter { background: #02aef0; font-size: 150%; transition:background .2s ease-in-out }
.chapters .navi-root-chapter:hover { background: #35c6ff }
.chapters .navi-chapter span { padding: 10px 55px 0 15px }
.chapters .navi-chapter span small { font-size: 70% }
.chapters .navi-sub-chapter div { width: 100%; text-align: center; padding: 12px 0 8px 0; margin: 0}
.chapters .navi-sub-chapter { transition:background .2s ease-in-out }

.chapters .thin-ch-box {  margin: 130px 5px 0 5px; float: left; color: #fff }
.chapters .thin-ch-box span {  }

/*
.chapters.r-d .navi-chapter { background:rgba(127, 106, 171, 0.7); font-size: 110%;  }
.chapters.r-d .navi-sub-chapter { background:rgba(79, 56, 138, 0.8); font-size: 85%}
.chapters.r-d .navi-sub-chapter:hover { background: #fff; color:#0072bb  }
.chapters.r-d .thin-ch-box { background:rgba(79, 56, 138, 0.9);  }
*/
.chapters.r-d .navi-chapter { background:#263685; font-size: 110%;  }
.chapters.r-d .navi-sub-chapter { background:rgba(39, 55, 133, 0.9); font-size: 85%}
.chapters.r-d .navi-sub-chapter:hover { background: #fff; color:#0072bb  }
.chapters.r-d .thin-ch-box { background:rgba(0, 41, 126, 0.9);  }

.chapters.spo .navi-chapter { background:rgba(0, 125, 202, 0.8); font-size: 110%;  }
.chapters.spo .navi-sub-chapter { background:rgba(0, 125, 201, 0.8); font-size: 85%}
.chapters.spo .navi-sub-chapter:hover { background: #fff; color:#0072bb  }


/* 3590e4 */


/* sw */
.swbox { float: left; box-sizing;  border-box; overflow: hidden }
.swbox h2.swtitle { margin: 0 8px 8px 8px; }
.swbox.sw-list { width: 50%  }
.swbox.sw-list a { display: block; padding: 6px 0 6px 20%; position: relative; transition:background .1s ease-in-out  }
.swbox.sw-list a i { display: block; float: right; padding: 0 15px 0 0; font-size: 140%; color: #838383  }
.swbox.sw-list a i.hover { display:none }
.swbox.sw-list a.master-sw { background: #e4e4e4; color: #014ba2; border-bottom: 1px solid #fff }
.swbox.sw-list a.sub-sw { background: #fff; color: #676767; border-bottom: 1px solid #9ad3ee }
.swbox.sw-list a:hover { background: #9ad3ee; color: #014ba2 }
.swbox.sw-list a:hover i.hover{ display: block; color: #014ba2  }
.swbox.sw-list a:hover i.blur{ display: none }

.swbox.util-list { width: 48%; margin: 0 0 0 2%;  }
.swbox.util-list a { display: block; padding: 21px 0 21px 0; position: relative; background: #e4e4e4; color: #014ba2; border-bottom: 2px solid #fff; transition:background .1s ease-in-out }
.swbox.util-list a i { display: block; float: left; padding: 0 0 0 15px; font-size: 140%; color: #838383; width: 20%  }
.swbox.util-list a i.hover { display:none }
.swbox.util-list a:hover { background: #9ad3ee; color: #014ba2 }
.swbox.util-list a:hover i.hover{ display: block; color: #014ba2  }
.swbox.util-list a:hover i.blur{ display: none }

.swbox.util-list a.selected, .swbox.sw-list a.selected { background: #014ba2; color: #fff }
.swbox.util-list a.selected-clicked, .swbox.sw-list a.selected-clicked { background: #006ce5; color: #fff }


/* barvy */
.nnx-cms .nnx-pre-bluebox { background: #263685 }
.nnx-cms .nnx-pre-bluebox b, .nnx-cms.division-s-s .nnx-pre-bluebox a { color: #fff}
.nnx-cms .nnx-pre-blueboxlined { border:1px solid #263685 }



/* download */
#downloadform{ background: #fff; overflow: hidden }
.nnx-cms.division-spo .dnld-button { background: #00bfff; color: #fff; font-size: 120%; border: none; border-radius: 3px; padding: 8px 12px; cursor: pointer; transition: background .3s ease }
.dnld-button:hover { background: #0095c7; }
.dnld-header { background: #00bfff; color: #fff; font-size: 130%; padding: 8px 16px }
.dnld-form { line-height: 150%; padding: 8px 16px; overflow: hidden }
.dnld-form form { max-width: 480px; margin: 0 auto }
.dnld-form label { display: inline-block; font--weight: bold;  width: 20%; color: black; float: left; text-align: right; padding-right: 10px; }
.dnld-form label.notpadded { padding-top: 0px; }
.dnld-form input[type=text] { font-size: 120%; padding: 3px 5px; vertical-align: middle; width: 60%; max-width: 300px; margin-bottom: 8px; border-radius: 3px }
.dnld-form select { display: inline-block; font-size: 120%; padding: 3px 5px; vertical-align: middle; width: 60%; max-width: 300px; margin-bottom: 8px; border-radius: 3px }
.dnld-form input[type=text].readonly { border: 1px dotted silver }
.dnld-simple-button { background: #00bfff; color: #fff; font-size: 120%; border: none; border-radius: 3px; padding: 5px 12px; cursor: pointer; transition: background .3s ease }
p.disclaimer { margin: 25px 0 0 0; font-size: 80%; color: gray; border-top: 1px solid #e6e6e6; padding-top: 10px }




/* SW buttons */
#SWButtons { margin: 15px 0 30px 0; transition:opacity .3 ease-in-out }
#SWButtons button { margin: 0 8px; }
#buttonform { background: #fff; max-width: 600px; margin: 0 auto }
#buttonform div h3 { border-bottom:3px solid #00bfff; color: #009ed2; font-size: 130%; padding: 8px 16px }
#buttonform div p { color: #000; font-size: 100%; padding: 8px 16px }
#buttonform p.disclaimer { margin: 25px 0 0 0; font-size: 80%; color: gray; border-top: 1px solid #e6e6e6; padding-top: 10px }


/* Vote */
.awards-container { position: relative }
#AVWARDS { }  
#AVWARDS_LDR { position:absolute; left: 0; top:0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); text-align: center; padding-top: 100px; font-size: 150%; color:#00aeef;  display: none }

.vote-info { background:#00b1f1; color:#fff; text-align: center; padding: 8px 10px  }
.vote-info b { color: #fff !important }

.vote-box button { background:#00b1f1; border: none; color: #fff; padding: 5px 8px; font-size: 110%; cursor: pointer; margin: 4px  }
.vote-box button.selected { background: #fff; color:#00b1f1; cursor: not-allowed }

.vote-info input[type='text'] { border: 1px solid #fff; padding: 4px 5px; color: #000; background: #fff; min-width: 250px; margin: 8px 0; font-size: 110% }
.vote-info button { border: none; padding: 4px 5px; color: #fff; background:#00b1f1; border: 1px solid #fff; border-radius: 3px; margin: 8px 0; font-size: 110% }




/* ---------- Chapter Vizuals ------------ */
.chapter-navi { height: 290px; overflow: hidden }
.chapter-navi .block { height:290px  }
.vizual-motive { width: 100%; height: 290px; background-position: center top; background-repeat: no-repeat;  }

.vizual-default { background:#939393 } 
.vizual-default .vizual-motive { background-image: url('/img/bg/chapter/default.jpg') }


.vizual-RD, .vizual-KONSTRUKCE, .vizual-CAE, .vizual-MERENI, .vizual-PROTO  { background: #232162 } 
.vizual-RD         .vizual-motive { background-image: url('/img/bg/chapter/avrnd_1.jpg') }
.vizual-CAE        .vizual-motive { background-image: url('/img/bg/chapter/avrnd_2.jpg') }
.vizual-KONSTRUKCE .vizual-motive { background-image: url('/img/bg/chapter/avrnd_3.jpg') }
.vizual-MERENI     .vizual-motive { background-image: url('/img/bg/chapter/avrnd_4.jpg') }
.vizual-PROTO      .vizual-motive { background-image: url('/img/bg/chapter/avrnd_5.jpg') }

/*
	.vizual-RD, .vizual-KONSTRUKCE, .vizual-CAE, .vizual-MERENI, .vizual-PROTO  { background:#232162 url('/img/bg/chapter/bg-rd.jpg')  } 
.vizual-RD         .vizual-motive { background-image: url('/img/bg/chapter/rd1.jpg') }
.vizual-CAE        .vizual-motive { background-image: url('/img/bg/chapter/rd2.jpg') }
.vizual-KONSTRUKCE .vizual-motive { background-image: url('/img/bg/chapter/rd3.jpg') }
.vizual-MERENI     .vizual-motive { background-image: url('/img/bg/chapter/rd7.jpg') }
.vizual-PROTO      .vizual-motive { background-image: url('/img/bg/chapter/rd6.jpg') }
*/
.vizual-AV1, .vizual-AV2, .vizual-AV3, .vizual-AV4, .vizual-AV5, .vizual-AV6  { background:#232162 /*url('/img/bg/chapter/bg-av2.png')*/  } 
.vizual-AV1         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }
.vizual-AV2         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }
.vizual-AV3         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }
.vizual-AV4         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }
.vizual-AV5         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }
.vizual-AV6         .vizual-motive { background-image: url('/img/bg/chapter/spolecnost2016.jpg') }



@media screen and (max-width: 820px) {  
   .screen { display: none; visibility: hidden }
  
   .container.header { height: auto; padding-bottom: 15px }
   .logo { padding: 0 10px  }
   .navi { padding-right: 20px}
   .navi .navigation img { margin: 0px 10px 9px 0px; display: block; float:right}
  
   .pop-navi { position: absolute; top:45px; border:none !important}
   .pop-navi p { width: 31%; margin: 0 0 0 2%; }
   form.search { padding: 20px 0 0 14px}
   
   .content-side { width: auto; padding: 0 15px }
   
   .chapters-standard { padding-top: 10px }
   .chapter-navi { height: auto; overflow: hidden }
   .chapter-navi .block { height:auto  }

	.chapters .ch-box { min-height: 40px; margin: 5px; }
	.chapters .ch-box span {  padding: 0 10px; }
	.chapters .thin-ch-box span { padding: 0px 10px; }
	.chapters .navi-chapter span { padding: 10px 55px 0 15px }
	.chapters .navi-sub-chapter div { padding: 8px 0 6px 0;}
   
   .vizual-motive { width: 100%; height: auto; background-position: center top; background-repeat: no-repeat;  }
	
   .vizual-default { background:#939393 } 
   .vizual-default .vizual-motive { background-image: url('/img/bg/chapter/default.jpg') }

   .left-menu { width: 98%; margin: 0 1%; float: right }
   .content.sized { width: 98%; margin: 0 1%; float: left}
   
   .gallery-list-box { position: relative; width: 45%;}
   
   .footer navi { float: left; width: 32%; margin: 25px .5%; text-align: center }
   .footer .address { float: left; width: 98%; margin: 35px 2%; text-align: center }   
}   


@media screen and (max-width: 600px) {  
	
   #SearchButton { display: none }
   .navi { padding-right: 8px}
   
   .left-menu { width: 98%; margin: 0 1% }
   .content.sized { width: 96%; margin: 0 2%}
   
   .gallery-list-box { position: relative; width: 100%; margin: 0 0 20px 0  }
   
   #SubChaptersList {}
}