@charset "utf-8";
/* CSS Document */

/* -- DEFAULT STYLES -- */
* { font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
BODY { position:relative; padding:0; margin:0; color:#444444; background:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
HTML, BODY { width:100%;}
img { border:none;}

HEADER, FOOTER, SECTION, ASIDE, MENU, NAV, ARTICLE { display:block; }
:focus { outline:0; }
.content-win { position:relative; width:100%; z-index:1; }
.gMap { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#cccccc;}
.clear { clear:both; }
.hidden { display:none; }
.loader { position:absolute; top:50%; left:50%; z-index:99; }
#tmpcontent { display:none; }
a, a:hover { cursor: pointer; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
input, textarea { -webkit-appearance: none; -webkit-border-radius: 0;}

@media screen and (max-width: 2600px) {
	/* ALL */
	.wrap { position:relative; max-width:960px; width:100%; margin:0px auto; padding:0px 20px;}
	/* BANNER INDEX */
	.banner { position:relative; width:100%; height:570px; margin:149px 0px 0px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.slides LI { position:absolute; top:0px; left:50%; max-width:1000px; height:574px; margin:0px 0px 0px -500px;}
	/* BANNER 01-0X */
	#banner01 .text { display:inline-block; max-width:440px; width:50%; margin:0px 50px 0px 0px; vertical-align:top;}
	#banner01 .text H1 { display:inline-block; padding:70px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:44px; line-height:58px; text-decoration:none; text-transform:uppercase; text-align:right; vertical-align:top;}
	#banner01 .text P { display:block; padding:10px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:right; vertical-align:top;}
	#banner01 .text A { display:block; width:160px; padding:12px 0px 13px 0px; margin:22px 0px 0px 278px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	#banner01 .text A:hover { background:#fff; color:#111;}
	#banner01 IMG { display:inline-block; max-width:400px; width:50%; height:320px; padding:90px 0px 0px 0px; margin:0px; opacity:0.8; vertical-align:top;}
	#banner02 .text2 { display:inline-block; width:400px; margin:0px 0px 0px 40px; vertical-align:top;}
	#banner02 .text2 H2 { display:inline-block; width:400px; padding:100px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:48px; line-height:58px; text-decoration:none; text-transform:uppercase; text-align:left; vertical-align:top;}
	#banner02 .text2 P { display:inline-block; width:400px; padding:10px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:left; vertical-align:top;}
	#banner02 .text2 A { display:block; width:180px; padding:12px 0px 13px 0px; margin:22px 0px 0px 0px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	#banner02 .text2 A:hover { background:#fff; color:#111;}
	#banner02 IMG { display:inline-block; width:412px; height:539px; padding:35px 0px 0px 50px; margin:0px; vertical-align:top;}
	/* CONTENT INDEX */
	#contentindex H2 { margin:-60px auto 0px auto; padding:0px 0px 8px 0px; font-size:26px; border-bottom:1px dashed #ccc;}
        #contentindex .what { display:inline-block; text-align:center;}
	#contentindex .what A { display:inline-block; position:relative; max-width:450px; width:100%; height:200px; margin:0px 0px 0px 0px; vertical-align:top; text-decoration:none; border-bottom:1px dashed #ccc; overflow:hidden;}
	#contentindex .what A IMG { display:inline-block; width:200px; height:213px; margin:30px 0px 0px 0px;}
	#contentindex .what A IMG.activeimage { display:none; position:absolute; top:0px; left:3px;}
	#contentindex .what A .text { display:inline-block; width:220px; margin:50px 0px 0px 20px; vertical-align:top; text-align:left;}
	#contentindex .what A .text H3 { display:inline-block; color:#333; text-align:left;}
        #contentindex .what A:hover .text H3 { color:#07a9b2; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	#contentindex .what A .text P { width:190px; padding:0px 5px; color:#777; font-size:12px; line-height:14px; margin:6px 0px 0px 0px;}
        #contentindex IFRAME { width:97%; margin:48px 0px 0px 0px; border:3px solid #ddd;}
        #contentindex .kontakthome { display:inline-block; width:20%; margin:48px 0px 0px 20px; vertical-align:top;}
	#contentindex .kontakthome H3 { color:#222; font-size:20px; margin:-2px 0px 10px 0px;}
        #contentindex .kontakthome P { margin:0px 0px 10px 0px; color:#444; font-size:13px; line-height:16px;}
        #contentindex .kontakthome P STRONG { margin:0px 0px 5px 0px; color:#444; font-family: 'SegBold'; font-size:13px; line-height:16px;}
	/* BACK HEAD ONE */
	.headone { position:relative; width:100%; height:120px; margin:149px 0px 20px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .headone H1 { display:block; max-width:1000px; color:#fff; padding:41px 0px 0px 40px; margin:0px auto 0px auto; font-size:28px; text-align:left;}
	/* CONTENT TECHNOLOGIE */
	.submenuinner { display:inline-block; position:fixed; width:175px; margin:10px 0px 50px 24px; padding:20px 20px 25px 20px; background:url(../img/mainpanel_back.png); border:1px solid #00282e; list-style:none; vertical-align:top;}
	.submenuinner LI { display:block;}
	.submenuinner LI P { padding:0px 0px 4px 0px; margin:0px 0px 10px 0px; color:#fff; font-family: 'SegBold'; font-size:20px; border-bottom:1px dashed #bbb;}
	.submenuinner LI A { display:block; margin:0px 0px 0px 0px; padding:8px 0px; color:#fff; font-family: 'SegLight'; font-size:14px; text-decoration:none; text-transform:uppercase; text-align:left; border-bottom:1px dashed #ccc;}
	.submenuinner LI:hover A, .submenuinner LI A.active { color:#e5ad56; font-family: 'SegBold';}
	.halftext { display:inline-block; width:96.8%; padding:0px 0px 14px 0px; margin:10px 0px 30px 0px; border-bottom:1px dashed #999; vertical-align:top;}
        .halftext H2 { margin:0px 0px 0px 0px; font-size:22px; text-align:left;}
	.halftext P { margin:5px 0px 20px 0px;}
	.halftext .galleryimage { position:relative; display:inline-block; width:136px; height:120px; margin-bottom:2px; overflow:hidden;}
	.halftext .galleryimage A IMG { position:relative; display:block; height:100%;}
	.halftext .galleryimage A IMG:hover { opacity:0.8;}
	.halftext .image { display:inline-block; max-width:400px; width:100%;}
	.halftext H3 { display:block; width:100%; margin:0px 0px 30px 0px; vertical-align:top;}

	.halftext .table1 { display:flexbox; width:98%; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; color:#555; font-family: 'SegLight'; font-size:13px;}
	.halftext .table1 TBODY { display:inline-block; width:100%;}
	.halftext .table1 TR { display:inline-block; width:100%; padding:8px 0px 8px 15px;}
	.halftext .table1 TR:nth-child(odd) { background:#ddd;}
	.halftext .table1 TR TD:first-child { display:inline-block; position:relative; max-width:400px; width:50%;}
	.halftext .table1 TR TD { display:inline-block; position:relative; width:48%;}

	.halftext .table2 { display:block; margin:20px 0px 0px 0px; padding:10px 0px 0px 0px; color:#555; font-family: 'SegLight'; font-size:13px;}
	.halftext .table2 TR { position:relative; display:block; padding:5px 0px 5px 10px;}
	.halftext .table2 TR:nth-child(even) { background:#ddd;}
	.halftext .table2 TR TD:first-child { position:relative; width:695px; cursor:pointer;}
	.halftext .table2 TR TD { position:relative; width:0px;}
	.halftext .table2 TR TD:hover { text-decoration:underline;}
	.halftext .table2 TR TD .imageframe { display:none; position:absolute; top:-37px; width:140px; height:100px; background:#004f5a; z-index:999;}
	.halftext .table2 TR TD .imageframe:before { position:absolute; content:""; top:36px; left:-14px; width: 0px; height: 0px; border-style: solid; border-width: 12px 14px 12px 0; border-color: transparent #004f5a transparent transparent;}
	.halftext .table2 TR TD .imageframe IMG { display:block; width:130px; height:90px; margin:5px 0px 0px 5px; background:#fff; }
	#if1 { left:402px;}
        #if2 { left:420px;}
        #if3 { left:410px;}
        #if4 { left:335px;}
        #if5 { left:125px;}
        #if6 { left:100px;}
        #if7 { left:225px;}
        #if8 { left:214px;}
        #if9 { left:305px;}
	/* CONTENT SLUZBY */
	.steps { display:inline-block; position:relative; height:235px; margin:-10px 15px 20px 15px; vertical-align:top; text-decoration:none; overflow:hidde;}
	.steps IMG { display:block; width:200px; height:213px; margin:20px 0px 0px 0px;}
	.steps IMG.activeimage { display:none; position:absolute; top:0px; left:0px;}
	.steps .text { display:inline-block; position:absolute; bottom:-60px; left:0px; width:200px; height:100px; background:#fff; padding:0px; margin:-20px 0px 0px 0px; vertical-align:top; text-decoration:none; border-top:1px dashed #ccc;}
	.steps .text H2 { display:block; margin:-22px 0px 0px 0px; color:#333; text-align:center; vertical-align:top;}
        .steps:hover .text H2 { color:#07a9b2; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	.steps .text P { display:inline-block; width:140px; padding:0px 30px; color:#777; font-size:12px; line-height:14px; text-align:center;}
	/* CONTENT CERTIFIKATY */
	.halfetext { display:inline-block; max-width:700px; padding:0px 0px 10px 0px; margin:10px 0px 30px 0px; border-bottom:1px dashed #999; vertical-align:top;}
	.halfetext .galleryimage { position:relative; display:inline-block; max-width:150px; width:31%; margin-bottom:2px; overflow:hidden;}
	.halfetext .galleryimage A IMG { position:relative; display:inline-block; width:100%; height:100%;}
	.halfetext .galleryimage A IMG:hover { opacity:0.8;}
	.halfetext .gall .gallbig { max-width:315px; width:85%; margin:0px 0px 0px 20px;}
	.halfetext .text H2 { margin:0px 0px 8px 0px; font-size:22px; text-align:left;}
        .halfetext .text P { margin:0px 0px 8px 0px; font-size:14px; line-height:16px; text-align:left;}
	.halfetext .tlacitka .downpdf { display:inline-block; width:23%; margin:3px 0px 5px 0px; padding:10px 0px 12px 0px; background:#555; color:#fff; font-family: 'SegLight'; font-size:12px; text-align:center; text-decoration:none; vertical-align:top; -webkit-border-radius:2px; border-radius:2px;}
	.halfetext .tlacitka .downpdf SPAN { display:block; width:34px; height:45px; margin:0px auto 5px auto; background:url(../img/pdfico.png);}
	.halfetext .tlacitka .downpdf:hover { background:#235b6a;}
	/* CONTENT PROFIL */
	.fulltext .galleryimage { display:inline-block; width:48%; }
	.fulltext .gall .gallmiddle { display:inline-block; width:100%; height:180px; margin:34px 0px -32px 0px;}
	.fulltext .gall .gallbig:hover, .fulltext .gall .gallmiddle:hover, .fulltext .gall .gallmiddle2:hover, .fulltext .gall .gallsmall:hover { opacity:0.8;}
	.fulltext .text .line { display:block; margin:24px 0px 20px 0px; border-bottom:1px dashed #ccc;}
	.fulltext .text H2 { margin:30px 0px 0px 0px; padding:0px 0px 4px 0px; font-size:20px; text-align:left;}
	.fulltext .text P { margin:5px 0px 10px 0px; color:#333; font-size:14px; line-height:16px;}
	.fulltext .text UL { padding:0px; margin:10px 0px 20px 16px; list-style:square;}
	.fulltext .text UL LI { margin:0px 0px 7px 0px; color:#333; font-family: 'SegBold'; font-size:11px;}
        /* KONTAKT */
	#bigmapa { display:block; width:100%; height:500px; margin:150px 0px 20px 0px;}
	.kontakt { position:relative; width:95%; padding:0px 0px 25px 0px; background:url(../img/mainpanel_back.png); vertical-align:top;}
	.kontakt H2 { display:inline-block; margin:25px 0px 10px 25px; padding:0px 0px 0px 0px; color:#eee; font-size:22px; text-align:left;}
	.kontakt P { margin:0px 0px 4px 25px; color:#eee; font-size:14px; font-family: 'SegBold'; text-align:left;}
	.kontakt P SPAN { width:70px; display:inline-block;}
	.formular { position:relative; width:100%; padding:25px 0px 25px 0px; margin:0px 0px 40px 0px; background:url(../img/mainpanel_back.png); vertical-align:top;}
	.formular FORM INPUT[type="text"].full { display:block; max-width:572px; width:100%; padding:12px 0px 12px 10px; margin:0px -20px 10px 25px; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
        .formular FORM INPUT[type="text"] { display:inline-block; max-width:274px; width:100%; padding:12px 0px 12px 10px; margin:0px -20px 10px 25px; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM TEXTAREA { display:block; max-width:572px; width:100%; height:100px; padding:10px 0px 4px 10px; margin:0px 0px 10px 25px; font-size:12px; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM BUTTON[type="submit"] { display:block; padding:8px 22px 8px 22px; margin:0px 0px 0px 25px; background:#fff; border-radius:0px; border:none; vertical-align:top; cursor:pointer;}
	.formular FORM BUTTON[type="submit"]:hover { background:#235b6a; color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	.formular INPUT[type="text"]:focus, TEXTAREA:focus { border-color: #07a9b2; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2;}
	.kontaktsend { position:fixed; top:0px; width:100%; height:100%; background:#000; opacity:0.8; z-index:99999;}
	.itssend { position:absolute; top:240px; left:50%; width:320px; height:130px; margin:0px 0px 0px -160px; background:url(../img/mainpanel_back.png); border:1px solid #333; z-index:100000;}
	.itssend P { margin:30px 0px 0px 0px; color:#eee; font-size:16px; text-align:center;}
	.itssend A { display:inline-block; padding:10px 30px; margin:30px 0px 0px 118px; background:#235b6a; color:#eee; font-size:16px; text-align:center; text-decoration:none;}
	.itssend A:hover { background:#000;}
}
@media screen and (max-width: 1024px) {
	/* ALL */
	.wrap { position:relative; max-width:900px; width:94%; margin:0px auto; padding:0px 20px;}
	/* BANNER INDEX */
	.banner { position:relative; width:100%; height:570px; margin:149px 0px 0px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.slides LI { position:absolute; top:0px; left:50%; max-width:760px; height:574px; margin:0px 0px 0px -380px;}
	#banner01 { position:absolute; left:50%; width:760px; margin:0px 0px 0px -385px;}
	#banner01 .text { display:block; max-width:700px; width:100%; margin:-30px auto 0px auto; vertical-align:top;}
	#banner01 .text H1 { display:block; padding:70px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:38px; line-height:42px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner01 .text P { display:block; padding:10px 60px 0px 60px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner01 IMG { display:block; max-width:250px; width:100%; height:200px; padding:0px 0px 0px 0px; margin:10px auto 0px auto; opacity:0.8; vertical-align:top;}
	#banner02 { position:absolute; left:50%; width:760px; margin:0px 0px 0px -385px;}
	#banner02 .text2 { display:inline-block; max-width:250px; margin:0px 0px 0px 20px; vertical-align:top;}
	#banner02 .text2 H2 { display:block; max-width:250px; padding:70px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:38px; line-height:42px; text-decoration:none; text-transform:uppercase; text-align:left; vertical-align:top;}
	#banner02 .text2 P { display:block; max-width:250px; padding:10px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:left; vertical-align:top;}
	#banner02 IMG { display:inline-block; max-width:300px; width:100%; height:392px; padding:50px 0px 0px 100px; margin:0px; vertical-align:top;}
	/* CONTENT INDEX */
	#contentindex .what A { display:inline-block; position:relative; max-width:430px; width:96%; height:160px; margin:0px 0px 0px 0px; vertical-align:top; text-decoration:none; border-bottom:1px dashed #ccc; overflow:hidden;}
	#contentindex .what A IMG { position:absolute; top:0px; left:4px; display:inline-block; width:150px; height:160px; margin:30px 0px 0px 0px;}
	#contentindex .what A IMG.activeimage { display:none; position:absolute; top:0px; left:4px;}
	#contentindex .what A .text { display:inline-block; max-width:270px; width:58%; margin:50px 0px 0px 0px; padding:0px 0px 0px 160px; vertical-align:top;}
	#divz02 .text { margin:40px 0px 0px 0px !important;}
        #divz04 .text { margin:30px 0px 0px 0px !important;}
	#contentindex .what A .text H3 { display:inline-block; color:#333; font-size:24px;}
	#contentindex IFRAME { width:96%; margin:48px 0px 0px 10px;}
        #contentindex .kontakthome { display:inline-block; width:30%; margin:45px 0px 0px 20px; vertical-align:top;}
	#contentindex .kontakthome H3 { color:#222; font-size:20px; margin:0px 0px 10px 0px;}
        #contentindex .kontakthome P { margin:0px 0px 5px 0px; color:#444; font-size:13px; line-height:14px;}
        /* BACK HEAD ONE */
	.headone { position:relative; width:100%; height:120px; margin:149px 0px 20px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .headone H1 { display:block; max-width:1000px; color:#fff; padding:45px 0px 0px 40px; margin:0px auto 0px auto; font-size:28px; text-align:left;}
	/* CONTENT TECHNOLOGIE */
	.halftext H3 { display:inline-block; width:100%; margin:10px 0px 20px 0px; vertical-align:top;}
        .halfetext .text { width:46%;}
	.halfetext .tlacitka .downpdf { display:inline-block; width:48%; margin:3px 0px 5px 0px; padding:10px 0px 12px 0px; background:#555; color:#fff; font-family: 'SegLight'; font-size:12px; text-align:center; text-decoration:none; vertical-align:top; -webkit-border-radius:2px; border-radius:2px;}
	/* CONTENT PROFIL */
	.fulltext .galleryimage { display:inline-block; width:48%; }
	.fulltext .gall .gallmiddle { display:inline-block; width:100%; height:180px; margin:34px 0px -32px 0px;}
	.fulltext .gall .gallbig:hover, .fulltext .gall .gallmiddle:hover, .fulltext .gall .gallmiddle2:hover, .fulltext .gall .gallsmall:hover { opacity:0.8;}
	/* CONTENT PROFIL */
	.fulltext .gall .gallmiddle { display:inline-block; width:100%; height:150px; margin:34px 0px -32px 0px;}
	.fulltext .text .line { display:block; margin:24px 0px 20px 10px; border-bottom:1px dashed #ccc;}
	.fulltext .text H2 { margin:30px 0px 0px 10px; padding:0px 0px 4px 0px; font-size:20px; text-align:left;}
	.fulltext .text P { margin:5px 0px 10px 10px; color:#333; font-size:14px; line-height:14px;}
	.fulltext .text UL { padding:0px; margin:10px 0px 20px 24px; list-style:square;}
	.fulltext .text UL LI { margin:0px 0px 7px 0px; color:#333; font-family: 'SegBold'; font-size:11px;}
        /* KONTAKT */
	.kontakt H2 { display:inline-block; margin:25px 0px 10px 25px; padding:0px 0px 0px 0px; color:#eee; font-size:20px; text-align:left;}
	.kontakt P SPAN { width:70px; display:none;}
	.formular FORM INPUT[type="text"].full { display:block; max-width:572px; width:88%; padding:12px 0px 12px 10px; margin:0px -20px 10px 25px; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
        .formular FORM INPUT[type="text"] { display:inline-block; max-width:262px; width:41.5%; padding:12px 0px 12px 10px; margin:0px -20px 10px 25px; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM TEXTAREA { display:block; max-width:572px; width:88%; height:100px; padding:10px 0px 4px 10px; margin:0px 0px 10px 25px; font-size:12px; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM BUTTON[type="submit"] { display:block; padding:8px 22px 8px 22px; margin:0px 0px 0px 25px; background:#fff; border-radius:0px; border:none; vertical-align:top; cursor:pointer;}
	.formular FORM BUTTON[type="submit"]:hover { background:#235b6a; color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	.formular INPUT[type="text"]:focus, TEXTAREA:focus { border-color: #07a9b2; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #07a9b2;}
}


@media screen and (max-width: 780px) {
	/* ALL */
	.wrap { position:relative; max-width:740px; width:93%; margin:0px auto; padding:0px 20px;}
	/* BANNER INDEX */
	.banner { position:relative; width:100%; height:570px; margin:0px 0px 0px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.slides LI { position:absolute; top:0px; left:50%; max-width:560px; height:574px; margin:0px 0px 0px -280px;}
	#banner01 { position:absolute; left:50%; width:560px; margin:0px 0px 0px -280px;}
	#banner01 .text { display:block; max-width:560px; width:100%; margin:-30px auto 0px auto; vertical-align:top;}
	#banner01 .text H1 { display:block; padding:60px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:36px; line-height:40px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner01 .text P { display:block; padding:10px 90px 0px 90px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner01 IMG { display:block; max-width:250px; width:100%; height:200px; padding:0px 0px 0px 0px; margin:60px auto 0px auto; opacity:0.8; vertical-align:top;}
	#banner01 .text A { display:block; position:absolute; top:196px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -80px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	#banner02 { position:absolute; left:50%; width:560px; margin:0px 0px 0px -280px;}
	#banner02 .text2 { display:block; max-width:500px !important; width:100%; margin:-50px auto 0px auto; vertical-align:top;}
	#banner02 .text2 H2 { display:block; min-width:500px; padding:20px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:36px; line-height:40px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner02 .text2 P { display:block; min-width:500px; padding:0px 0px 0px 0px; margin:10px auto 0px auto; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner02 IMG { display:block; width:200px; height:262px; padding:30px 0px 0px 10px; margin:0px auto; vertical-align:top;}
	#banner02 .text2 A { display:block; position:absolute; top:360px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -80px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	/* CONTENT INDEX */
	#contentindex .what A { display:inline-block; position:relative; max-width:740px; width:100%; height:150px; margin:-20px 0px 0px 0px; vertical-align:top; text-decoration:none; border-bottom:1px dashed #ccc; overflow:hidden;}
	#contentindex .what A IMG { position:absolute; top:0px; left:4px; display:inline-block; width:150px; height:160px; margin:30px 0px 0px 0px;}
	#contentindex .what A IMG.activeimage { display:none; position:absolute; top:0px; left:4px;}
	#contentindex .what A .text { display:inline-block; max-width:580px; width:65%; margin:0px 0px 0px 0px; padding:0px 0px 0px 160px; vertical-align:top;}
        #divz01 .text { margin:75px 0px 0px 0px !important;}
	#divz02 .text { margin:68px 0px 0px 0px !important;}
        #divz03 .text { margin:68px 0px 0px 0px !important;}
        #divz04 .text { margin:68px 0px 0px 0px !important;}
	#contentindex .what A .text H3 { display:inline-block; color:#333; font-size:24px;}
	#contentindex .what A .text P { width:100%; padding:0px;}
        #contentindex IFRAME { width:100%; margin:15px 0px 0px 0px;}
        #contentindex .kontakthome { display:inline-block; width:20%; margin:14px 0px 0px 20px; vertical-align:top;}
        /* BACK HEAD ONE */
	.headone { position:relative; width:100%; height:120px; margin:0px 0px 20px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .headone H1 { display:block; max-width:1000px; color:#fff; padding:45px 0px 0px 0px; margin:0px auto 0px auto; font-size:28px; text-align:center;}
	/* CONTENT TECHNOLOGIE */
	.submenuinner { display:inline-block; position:absolute; top:0px; left:2%; width:96%; margin:0px 0px 0px 0px; padding:20px 0px 25px 0px; background:url(../img/mainpanel_back.png); border:1px solid #00282e; list-style:none; vertical-align:top;}
	.submenuinner LI { display:block;}
	.submenuinner LI P { padding:0px 0px 4px 0px; margin:0px 28px 10px 24px; color:#fff; font-family: 'SegBold'; font-size:20px; border-bottom:1px dashed #bbb;}
	.submenuinner LI A { display:block; margin:0px 28px 0px 24px; padding:8px 0px; color:#fff; font-family: 'SegLight'; font-size:14px; text-decoration:none; text-transform:uppercase; text-align:left; border-bottom:1px dashed #ccc;}
	/* CONTENT CERTIFIKATY */
	.halftext .galleryimage { position:relative; display:inline-block; max-width:133px; width:24%; height:120px; margin-bottom:2px; overflow:hidden;}
	/* CONTENT SLUZBY */
	.steps IMG { display:block; max-width:200px; width:100%; margin:20px 0px 0px 0px;}
	.fulltext .text H2 { margin:40px 0px 0px 0px; padding:0px 0px 4px 0px; font-size:20px; text-align:left;}
	.fulltext .text P { margin:5px 0px 10px 0px; color:#333; font-size:14px; line-height:16px;}
	.fulltext .text UL { padding:0px; margin:10px 0px 20px 14px; list-style:square;}
        /* KONTAKT */
        #bigmapa { display:block; width:100%; height:500px; margin:0px 0px 20px 0px;}
	.formular FORM INPUT[type="text"].full { display:block; max-width:572px; width:82%; padding:12px 0px 12px 10px; margin:0px auto 10px auto; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
        .formular FORM INPUT[type="text"] { display:block; max-width:572px; width:82%; padding:12px 0px 12px 10px; margin:0px auto 10px auto; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM TEXTAREA { display:block; max-width:572px; width:82%; height:100px; padding:10px 0px 4px 10px; margin:0px auto 50px auto; font-size:12px; border-radius:0px; border:2px solid #fff; vertical-align:top;}
        .formular FORM BUTTON[type="submit"] { display:block; position:absolute; bottom:20px; left:50%; width:96px; padding:8px 22px 8px 22px; margin:0px 0px 0px -48px; background:#fff; border-radius:0px; border:none; vertical-align:top; cursor:pointer;}
}

@media screen and (max-width: 580px) {
	/* ALL */
	.wrap { position:relative; max-width:500px; width:86%; margin:0px auto; padding:0px 20px;}
	/* BANNER INDEX */
	.banner { position:relative; width:100%; height:570px; margin:0px 0px 0px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.slides LI { position:absolute; top:0px; left:50%; max-width:300px; height:574px; margin:0px 0px 0px -150px;}
	#banner01 { position:absolute; left:50%; width:300px; margin:0px 0px 0px -150px;}
	#banner01 .text { display:block; max-width:300px; width:100%; margin:-30px auto 0px auto; vertical-align:top;}
	#banner01 .text H1 { display:block; padding:60px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:30px; line-height:34px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner01 .text P { display:block; padding:10px 90px 0px 90px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner01 IMG { display:none; max-width:250px; width:100%; height:200px; padding:0px 0px 0px 0px; margin:60px auto 0px auto; opacity:0.8; vertical-align:top;}
	#banner01 .text A { display:block; position:absolute; top:350px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -80px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	#banner02 { position:absolute; left:50%; width:300px; margin:0px 0px 0px -150px;}
	#banner02 .text2 { display:block; max-width:300px !important; width:100%; margin:20px auto 0px auto; vertical-align:top;}
	#banner02 .text2 H2 { display:block; min-width:300px; padding:20px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:30px; line-height:34px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner02 .text2 P { display:block; min-width:100px; max-width:150px; padding:0px 0px 0px 0px; margin:10px auto 0px auto; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner02 IMG { display:none; width:200px; height:262px; padding:30px 0px 0px 10px; margin:0px auto; vertical-align:top;}
	#banner02 .text2 A { display:block; position:absolute; top:260px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -80px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	/* CONTENT INDEX */
        #contentindex .what A { display:inline-block; position:relative; max-width:740px; width:100%; height:165px; margin:-30px 0px 0px 0px; vertical-align:top; text-decoration:none; border-bottom:1px dashed #ccc; overflow:hidden;}
        #contentindex .what A .text { display:inline-block; max-width:500px; width:55%; margin:0px 0px 0px 0px; padding:0px 0px 0px 160px; vertical-align:top;}
        #divz01 .text { margin:75px 0px 0px 0px !important;}
	#divz02 .text { margin:40px 0px 0px 0px !important;}
        #divz03 .text { margin:68px 0px 0px 0px !important;}
        #divz04 .text { margin:30px 0px 0px 0px !important;}
        #contentindex .kontakthome { display:inline-block; width:100%; margin:24px 0px 0px 0px; vertical-align:top;}
	#contentindex .kontakthome H3 { color:#222; font-size:20px; margin:0px 0px 10px 0px; text-align:center;}
        #contentindex .kontakthome P { margin:0px 0px 5px 0px; color:#444; font-size:13px; line-height:14px; text-align:center;}
	/* CONTENT TECHNOLOGIE */
	.submenuinner { display:inline-block; position:absolute; top:0px; left:4%; width:92%; margin:0px 0px 0px 0px; padding:20px 0px 25px 0px; background:url(../img/mainpanel_back.png); border:1px solid #00282e; list-style:none; vertical-align:top;}
	/* CONTENT CERTIFIKATY */
	.halfetext .text { width:100%;}
        .halfetext .gall IMG { width:100%; margin:0px !important;}
	.halftext .galleryimage { position:relative; display:inline-block; max-width:133px; width:32%; height:120px; margin-bottom:2px; overflow:hidden;}
	.halftext .table2 { display:block; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; color:#555; font-family: 'SegLight'; font-size:12px;}
	.halftext .table1 { display:block; margin:-10px 0px 0px 0px; padding:10px 0px 0px 0px; color:#555; font-family: 'SegLight'; font-size:12px;}
	.halfetext .tlacitka .downpdf { display:inline-block; width:24%; margin:3px 0px 5px 0px; padding:10px 0px 12px 0px; background:#555; color:#fff; font-family: 'SegLight'; font-size:12px; text-align:center; text-decoration:none; vertical-align:top; -webkit-border-radius:2px; border-radius:2px;}
	/* CONTENT SLUZBY */
	.steps { display:inline-block; position:relative; height:235px; margin:-10px 15px 20px 15px; vertical-align:top; text-decoration:none; text-align:center; overflow:hidden;}
	.steps IMG { display:block; max-width:200px; height:213px; margin:20px auto 0px auto;}
	.steps .text { display:inline-block; position:absolute; bottom:-60px; left:50%; width:200px; height:100px; background:#fff; padding:0px; margin:-20px 0px 0px -100px; vertical-align:top; text-decoration:none; border-top:1px dashed #ccc;}
	.steps .text H2 { display:block; margin:-22px 0px 0px 0px; color:#333; text-align:center; vertical-align:top;}
        .steps:hover .text H2 { color:#07a9b2; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
	.steps .text P { display:inline-block; width:140px; padding:0px 30px; color:#777; font-size:12px; line-height:14px; text-align:center;}
        /* KONTAKT */
	#bigmapa { display:block; width:86%; height:500px; margin:0px auto 20px auto;}
        .kontakt { position:relative; width:100%; padding:0px 0px 25px 0px; margin:0px 0px 20px 0px; background:url(../img/mainpanel_back.png); vertical-align:top; text-align:center;}
	.kontakt H2 { display:inline-block; margin:25px 0px 10px 0px; padding:0px 20px 0px 20px; color:#eee; font-size:22px; text-align:center;}
	.kontakt P { margin:0px 0px 4px 0px; color:#eee; font-size:14px; font-family: 'SegBold'; text-align:center;}
	.formular FORM INPUT[type="text"].full { display:block; max-width:420px; width:80%; padding:12px 0px 12px 10px; margin:0px auto 10px auto; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
        .formular FORM INPUT[type="text"] { display:block; max-width:420px; width:80%; padding:12px 0px 12px 10px; margin:0px auto 10px auto; color:#555; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM TEXTAREA { display:block; max-width:420px; width:80%; height:100px; padding:10px 0px 4px 10px; margin:0px auto 50px auto; font-size:12px; border-radius:0px; border:2px solid #fff; vertical-align:top;}
	.formular FORM BUTTON[type="submit"] { display:block; position:absolute; bottom:20px; left:50%; width:96px; padding:8px 22px 8px 22px; margin:0px 0px 0px -48px; background:#fff; border-radius:0px; border:none; vertical-align:top; cursor:pointer;}
}

@media screen and (max-width: 400px) {
	/* ALL */
	.wrap { position:relative; max-width:320px; width:74%; margin:0px auto; padding:0px 0px;}
	/* BANNER */
	.banner { position:relative; width:100%; height:360px; margin:0px 0px 0px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.slides LI { position:absolute; top:0px; left:50%; max-width:220px; height:360px; margin:0px 0px 0px -110px;}
        .flex-control-paging > li > a { display:none !important;}
	a.flex-next { display:none !important;}
        a.flex-prev { display:none !important;}
	#banner01 { position:absolute; left:50%; width:220px; margin:0px 0px 0px -110px;}
	#banner01 .text { display:block; max-width:220px; width:100%; margin:-30px auto 0px auto; vertical-align:top;}
	#banner01 .text H1 { display:block; padding:50px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:20px; line-height:24px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner01 .text P { display:block; padding:10px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner01 .text A { display:block; position:absolute; top:215px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -80px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	#banner02 { position:absolute; left:50%; width:220px; margin:0px 0px 0px -120px;}
	#banner02 .text2 H2 { display:block; min-width:220px; padding:20px 0px 0px 0px; margin:0px; color:#fff; font-family: 'SegLight'; font-size:20px; line-height:24px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:top;}
	#banner02 .text2 P { display:block; min-width:100px; max-width:250px; padding:0px 0px 0px 0px; margin:10px auto 0px auto; color:#fff; font-family: 'SegLight'; font-size:14px; line-height:18px; text-decoration:none; text-align:center; vertical-align:top;}
	#banner02 .text2 A { display:block; position:absolute; top:200px; left:50%; width:160px; padding:12px 0px 13px 0px; margin:0px 0px 0px -65px; background:#004f5a; color:#fff; font-family: 'SegLight'; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center;}
	/* CONTENT INDEX */
	#contentindex H2 { margin:-60px auto 0px auto; padding:0px 0px 8px 0px; font-size:24px; border-bottom:1px dashed #ccc;}
	#contentindex .what A { display:inline-block; position:relative; max-width:740px; width:100%; height:175px; margin:-30px 0px 0px 0px; vertical-align:top; text-decoration:none; border-bottom:1px dashed #ccc; overflow:hidden;}
	#contentindex .what A IMG { position:absolute; display:none; top:0px; left:4px; width:150px; height:160px; margin:30px 0px 0px 0px;}
	#contentindex .what A IMG.activeimage { display:none; position:absolute; top:0px; left:4px;}
	#contentindex .what A .text { display:inline-block; max-width:340px; width:96%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:center;}
        #contentindex .what A .text H3 { text-align:center;}
	#contentindex .what A .text P { text-align:center;}
        #divz01 .text { margin:55px 0px 0px 0px !important;}
	#divz02 .text { margin:55px 0px 0px 0px !important;}
        #divz03 .text { margin:55px 0px 0px 0px !important;}
        #divz04 .text { margin:55px 0px 0px 0px !important;}
        /* BACK HEAD ONE */
	.headone { position:relative; width:100%; height:65px; margin:0px 0px 20px 0px; background:url(../img/main_back.jpg) repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .headone H1 { display:block; max-width:1000px; color:#fff; padding:24px 0px 0px 0px; margin:0px auto 0px auto; font-size:18px; text-align:center;}
	/* CONTENT TECHNOLOGIE */
	.submenuinner { display:inline-block; position:absolute; top:0px; left:0%; width:100%; margin:0px 0px 0px 0px; padding:20px 0px 25px 0px; background:url(../img/mainpanel_back.png); border:1px solid #00282e; list-style:none; vertical-align:top;}
	/* CONTENT CERTIFIKATY */
	.halfetext .tlacitka .downpdf { display:inline-block; width:48.5%; margin:3px 0px 5px 0px; padding:10px 0px 12px 0px; background:#555; color:#fff; font-family: 'SegLight'; font-size:12px; text-align:center; text-decoration:none; vertical-align:top; -webkit-border-radius:2px; border-radius:2px;}
	.halftext .galleryimage { position:relative; display:inline-block; max-width:133px; width:48%; height:120px; margin-bottom:2px; overflow:hidden;}
	.halftext .table2 { display:block; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; color:#555; font-family: 'SegLight'; font-size:10px;}
	.halftext .table1 { display:block; margin:-10px 0px 0px 0px; padding:10px 0px 0px 0px; color:#555; font-family: 'SegLight'; font-size:10px;}
	#bigmapa { display:block; width:75%; height:500px; margin:0px auto 20px auto;}
}