img {border: none; max-width: 100%; height: auto;}
.item.item_type_content img {border: none; max-width: 100%; height: auto !important;}
p {padding: 4px 0px; margin: 0px 0px; line-height: 1.6;}
a {color: #005ca1; text-decoration: underline;}
a:hover {text-decoration: none; color: #333;}
hr {display:block; line-height: 0; height:0; font-size:0; overflow: hidden; border: none; border-top: 1px solid #ddd; padding:0; margin: 15px 0 15px 0; _margin: 6px 0 7px 0; *margin:6px 0 7px 0; }
table {border-collapse: collapse; width: 100%; font-weight: normal;}
table th {font-weight: normal;}

.clr {display: block; clear: both;}

input, option, select {background: transparent;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #555; } ::-moz-placeholder { /* Firefox 19+ */ color: #555; } :-ms-input-placeholder { /* IE 10+ */ color: #555; } :-moz-placeholder { /* Firefox 18- */ color: #555; }

li {line-height: 1.8;}
h1, h2, h3, h4, h5 {color: #00599F; padding: 0px; margin: 0px; text-align: left; font-family: 'Roboto';}

h1 {font-size: 50px; line-height: 1.1; padding: 0px; text-transform: none; font-weight: 900; letter-spacing: normal; text-shadow: none;}
h2 {font-size: 26px; line-height: 1.1; padding: 10px 0; font-weight: 500;}
.HP h2 {font-size: 50px; text-align: center; font-weight: 900;}
h3 {font-size: 16px; line-height: 1.1; padding: 8px 0px; font-weight: normal;}
h4 {padding: 8px 0; margin: 0;}

h1 {color: white; text-shadow: 0 0 15px black;}


html {scroll-behavior: smooth;}
body {background: #001B33; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; margin: 0; padding: 0; text-align: left; height: 100%; position: relative;}

.width {width: 1200px; margin: 0 auto; position: relative;}
.width--90 {width: 96%;}
section {padding: 40px 0;}
section.white {background: white;}
section.grey {background: #eee;}
.HP footer .grey {background: #fff;}
section.blue {background: #001B33; color: white;}
main {background: white;}

/* HEADER */

.top {background: white; position: relative;}
nav {position: relative; z-index: 1;}
nav .logo {float: left;}
nav .logo img {display: block; padding-top: 19px;}
nav .top_menu {float: right;}
nav .iso {float: right; padding-top: 12px; margin-left: 30px;}

header {position: relative;}
.HP header .h_text_box {min-height: 575px; background: url('../images/header_bg.jpg') center center; background-size: cover;}
.HP header .h_text_box .obal_animace {height: 575px; display: table;}

header .h_obal {background: url('../images/header_bg.jpg') center center; padding: 120px 0;}
header .h_obal.snizena {background-image: url('../images/header_bg_kontakt.jpg')}

body.klienti header .h_obal.snizena {background-image: url('../images/h_bg_klienti.jpg');}
body.kontakt header .h_obal.snizena {background-image: url('../images/h_bg_kontakt.jpg');}
body.sluzby header .h_obal.snizena {background-image: url('../images/h_bg_sluzby.jpg');}
body.produkce header .h_obal.snizena {background-image: url('../images/h_bg_produkce.jpg');}
body.kariera header .h_obal.snizena {background-image: url('../images/h_bg_kariera.jpg');}




.HP header .h_text_box .obal_animace .animace {display: table-cell; vertical-align: middle;}
.HP header .h_text_box .obal_animace .animace .left {float: left; color: #005CA1; font-size: 50px; font-weight: 900; width: 400px; display: table; height: 130px; overflow: hidden;}
.HP header .h_text_box .obal_animace .animace .left .inner {position: relative; display: table-cell; vertical-align: middle;}
.HP header .h_text_box .obal_animace .animace .left .inner .i {-webkit-animation-name: ani_i; -webkit-animation-duration: 1.65s; animation-name: ani_i; animation-duration: 1.65s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; position: relative; overflow: hidden; width: 400px; -webkit-animation-delay: 2s; animation-delay: 2s; right: -100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-right: 40px;}

@-webkit-keyframes ani_i {from {right: -100%} to {right: 0;}}
@keyframes ani_i {from {right: -100%} to {right: 0;}}

.HP header .h_text_box .obal_animace .animace .sep {float: left; width: 1px; display: block; height: 100px; margin: 15px 0px; -webkit-animation-name: visible; -webkit-animation-duration: 1s; animation-name: visible; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@-webkit-keyframes visible {from {background: transparent; height: 0px;} to {background: white; height: 100px;} }
@keyframes visible {from {background: transparent; height: 0px;} to {background: white; height: 100px;}}

.HP header .h_text_box .obal_animace .animace .right {float: left; font-weight: 300; font-size: 25px; width: 460px; height: 130px; display: table; /*color: white; text-shadow: 0 0px 3px black;*/}

.HP header .h_text_box .obal_animace .animace .right .inner {position: relative; display: table-cell; vertical-align: middle; overflow: hidden; width: 460px;}

.HP header .h_text_box .obal_animace .animace .right .inner .i {-webkit-animation-name: ani_i_i; -webkit-animation-duration: 1.7s; animation-name: ani_i_i; animation-duration: 1.7s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; position: relative; overflow: hidden; width: 460px; -webkit-animation-delay: 3s; animation-delay: 3s; left: -100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding-left: 40px;}

@-webkit-keyframes ani_i_i {from {left: -100%} to {left: 0;}}
@keyframes ani_i_i {from {left: -100%;} to {left: 0;}}


/* MENU */

.top_menu ul {margin: 0; padding: 0; text-align: right; position: relative; background: white;}
.top_menu ul li {float: left; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
.top_menu ul li a {float: left; display: block; line-height: 75px; padding: 0px 25px; color: #333326; text-decoration: none; position: relative; font-weight: normal;}
.top_menu ul li.active a,
.top_menu ul li a:hover {color: #005ca1;}
.top_menu ul li ul {display: none; position: absolute; left: 0; top: 75px; width: 220px;}
.top_menu ul li:hover ul {display: block;}
.top_menu ul li:hover ul li a {line-height: normal; padding: 12px 25px; width: 170px; text-align: left; border-top: 1px solid #eee; font-size: 14px;}
.top_menu ul li:hover ul li a:hover {background: #eee;}

.responsive-menu {position: absolute; z-index: 90; right: 0px; top: 16px; background: rgb(0, 92, 161);}
.responsive-menu a {color: #fff; text-decoration: none; display: block; width: 40px; height: 40px; background:url('../images/responsive-menu-btn.png') center center no-repeat; border-radius: 3px;}
.responsive-menu a:hover { opacity: 0.8; }
.responsive-menu .pagelabel { color:#fff; text-align:center; padding:9px 0; font-size:13px; }
.responsive-menu-bubble { text-align:left; padding-top: 1px; width: 310px; }
.responsive-menu-bubble ul { padding: 0; margin: 0;}
.responsive-menu-bubble li { list-style:none; padding:0; margin:0; position: relative;}
.responsive-menu-bubble a { background: rgb(0, 92, 161); color: #fff; text-decoration:none; display: block; padding: 16px 15px; font-family: 'Roboto', arial; text-transform: uppercase; font-size: 13px; line-height: 14px; border-top: 1px solid #194b6f;}
.responsive-menu-bubble a.active,
.responsive-menu-bubble a:hover { background: #194b6f; }
.responsive-menu-bubble a.hasChildren { padding-right:60px; }
.responsive-menu-bubble a.reveal { position:absolute; width:50px; height:100%; top:0; right:0; padding:0; margin:0; background:url('../images/responsive-menu-arrR.png') center no-repeat; border-left: 1px solid #194b6f; }
.responsive-menu-bubble a.reveal span { display:none; }
.responsive-menu-bubble .responsive-menu-back a { background-image:url('../images/responsive-menu-arrL.png'); background-position:15px center; background-repeat:no-repeat; padding-left:35px; }
.responsive-menu-bubble li.home a {padding-top: 0px !important; padding-bottom: 0px !important;}
.responsive-menu-bubble li.home a img {display: block;}
.responsive-menu-bubble a.home {display: none;}


/* HOMEPAGE */

.HP .produkce {margin: 0 auto; padding-top: 40px; padding-bottom: 20px;}
.produkce .left,
.produkce .center,
.produkce .right {float: left;}
.produkce footer .right {float: right;}
.produkce .obrazek {border: 1px solid #eee;}
.produkce .center .obrazek {border-right: none; border-left: none;}
.produkce .obrazek img {display: block; padding: 9px; box-sizing: border-box;}
.produkce .obrazek {position: relative;}
.produkce .obrazek a {display: block; overflow: hidden; position: relative;}
.produkce .obrazek a span {display: block; position: absolute; top: -100%; left: -9px; right: -9px; bottom: auto;background: rgba(0,27,51,0.9); color: white; transition: ease 0.3s; text-align: center;}
.produkce .obrazek a:hover span {top: -9px; bottom: 0px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.HP .produkce h3 {padding-top: 3%; text-align: center; font-size: 20px; color: #005BA0; font-weight: 300;}
.produkce h3 a {color: inherit; text-decoration: none;}
.produkce a:hover {color: black;}
.produkce.sluzby .obrazek {border-color: #ddd;}


.produkce--flex {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.produkce--flex > div {width: 19%; max-width: 398px;}

section.blue.pad {padding: 0;}
.hp_blue h2 {text-align: left; font-size: 40px; padding-bottom: 25px; text-transform: uppercase;}
.hp_blue .onas {float: left; width: 730px; padding: 40px 0;}
.hp_blue .kariera {float: right; width: 420px; padding-left: 48px; box-sizing: border-box; border-left: 1px solid #002E54; padding: 40px 0 40px 50px;}
.hp_blue .kariera span.mail {padding-left: 26px; background: url('../images/i_mail.svg') left center no-repeat;}
.hp_blue .kariera span.tel {padding-left: 26px; background: url('../images/i_telefon.svg') 2px center no-repeat;}

/* hp klienti */

.hp_klienti {position: relative;}
.klient_list {width: 860px; float: right;}


/* hp kontakt */

.HP .nadpis {float: left;}
.nadpis h2 {text-align: left; width: 285px; font-size: 40px; margin-right: 50px; border-right: 1px solid #ddd; font-weight: 900;}
.hp_kontakt {display: table;}
.hp_kontakt .nadpis {display: table-cell; vertical-align: middle;}
.hp_kontakt .kontakty {display: table-cell; vertical-align: middle; width: 864px;}
.hp_kontakt .kontakty strong {font-weight: 100; color: #00599F;}
.hp_kontakt .kontakty .left {float: left;}
.hp_kontakt .kontakty .right {float: right;}
.hp_kontakt .kontakty .right span {margin: 0 6px;}


/* KONTAKT */

.left_box_k {float: left; width: 280px; padding: 30px; border: 1px solid #ddd; min-height: 412px;}
.right_map {float: right; width: 828px;}
.right_map p {margin: 0; padding: 0;}

.sep_kontakt {background: white; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 32px 0;}
.sep_kontakt .blue_box {background: #00599F; color: white; padding: 32px; display: flex; justify-content: space-between;}

.kontakt_list {position: relative;}
.kontakt_list .kontakt {float: left; width: 50%; margin: 30px 0; position: relative;}
.kontakt_list .kontakt .obrazek {float: left; margin-right: 30px;}
.kontakt_list .kontakt .popis .name {font-weight: 900; padding-bottom: 10px;}
.kontakt_list .kontakt .popis .funkce {padding-bottom: 10px; color: #00599F;}

.kontakt_nabidka {padding-top: 60px; margin-top: 60px; border-top: 1px solid #ddd; text-align: center; font-size: 20px;}
.kontakt_nabidka h2 {text-align: center; font-size: 30px; font-weight: 500;}


/* Novinky + produkce a sluzby */

.novinky_list {position: relative;}
.novinky_list .novinka {position: relative; margin-bottom: 40px;}
.novinky_list .novinka .obr {float: left; padding: 10px; border: 1px solid #ddd; max-width: 220px; width: 220px; display: block; height: 130px; background: url('../images/logo.png') center center no-repeat;}
.novinky_list .novinka .obr a {display: block; height: 130px;}
.novinky_list .novinka .obr img {display: block;}
.novinky_list .novinka .text {float: right; width: 934px;}
.novinky_list .novinka .text h2 {padding-top: 0; margin-top: 0; font-weight: normal; font-size: 23px;}
.novinky_list .novinka .text h2 a {text-decoration: none;}
.novinky_list .novinka .text .info {padding-top: 7px;}

.novinky_list.sluzba .novinka .text {width: 70%;}


/* Kariera */

.kariera_ul {margin: 0; padding: 0; position: relative;}
.kariera_ul .li {list-style: none; background: url('../images/i_kariera_i.svg') 16px center no-repeat;}
.kariera_ul.c1 .li {background-image: url('../images/i_kariera_obchod.svg');}
.kariera_ul.c4 .li {background-image: url('../images/i_kariera_vyroba.svg');}
.kariera_ul.c2 .li {background-image: url('../images/i_kariera_montaz.svg');}
.kariera_ul.c3 .li {background-image: url('../images/i_kariera_metrologie.svg');}
.kariera_ul.c0 .li {background-image: url('../images/i_kariera_konstrukce.svg');}
.kariera_ul .li > a {text-decoration: none; padding-left: 46px; background-color: transparent; background-image: url('../images/i_kariera_more.svg'); background-position:  98% center; background-repeat: no-repeat; display: block; line-height: 56px; border-bottom: 1px solid #eee;}
.kariera_ul .li a:hover {background-color: rgba(0, 0, 0, 0.07);}

.kariera_detail {position: relative;}
.kariera_detail .left {float: left; width: 70%; position: relative;}
.kariera_detail .right {float: right; width: 260px;}
.kariera_detail .right .box {display: block; text-align: center; border: 1px solid #ddd; padding: 16px; padding-top: 30px; font-size: 14px;}
.kariera_detail .right .box img {margin-bottom: 16px;}
.kariera_detail .right .box p {padding: 0;}
.kariera_detail .right .box .sep {margin-top: 16px; padding-top: 16px; display: block; border-top: 1px solid #ddd;}
.kariera_detail .right .box a.but {padding: 16px 0px; width: 100%; background: #00599f; font-family: "Roboto"; color: white; display: block; text-decoration: none;}


/* Produkce */

.side_menu {width: 250px; float: left;}
.side_menu > ul {border: 1px solid #ddd; padding: 0px; margin: 0; border-top: 0;}
.side_menu ul li {display: block; list-style: none;}
.side_menu ul li a {display: block; padding: 18px; color: #005A9F; font-weight: 900; text-decoration: none; font-size: 17px; border: 1px solid #ddd; line-height: 1; border-right: 0; border-left: 0; border-bottom: 0;}
.side_menu ul li.hasChilds {background: url('../images/i_ul_more.svg') 96% 25px no-repeat;}
.side_menu ul li ul {margin: 0; padding: 0; padding-left: 10px; padding-bottom: 14px; border-top: 1px solid #ddd; padding-top: 16px;}
.side_menu ul li ul li a {font-weight: 300; color: #555; font-size: 15px; border: none; padding: 0 0 0 20px; line-height: 27px;}

.right_box_side {float: right; width: 74%;}


/* PATKA */

footer .blue {color: #CCE5FF; line-height: 24px; }
footer a {color: white; text-decoration: none;}
footer a:hover {color: inherit;}
footer .left {float: left;}
footer .right {float: right;}
footer .right a.binteractive {display: inline-block; background: url('../images/binteractive.svg') right center no-repeat; padding-right: 30px;}



/* GALERIE */

.gallery2 .item,
.gallery2 .IS_placeholder {float: left; width: 232px; position: relative; height: 142px; margin: 4px;}
.gallery2 .item img {max-height: 130px; background: url() center no-repeat; position: relative; padding: 5px; border: 1px solid #ccc;}
.gallery2 .item.insiteAdminToggler img {padding: 0; border: none;}
.gallery2 .item > a {height: 130px; line-height: 130px; padding: 0;}
.gallery2 .item .label {display: none;}
.gallery2 .item p {display: none;}

.gallery2.klienti {text-align: center;}

.gallery2.klienti .item, 
.gallery2.klienti .IS_placeholder {width: inherit; height: 108px; line-height: 108px; text-align: center; margin: 16px 20px; float: none; display: inline-block;}

.HP .gallery2.klienti .item, 
.HP .gallery2.klienti .IS_placeholder {margin: 0px 24px;}

.gallery2.klienti .item img {max-height: 108px; display: inline-block; vertical-align: middle; max-width: 160px; border: none;}
.gallery2.klienti .item > a {display: block; height: inherit; line-height: inherit; padding-bottom: 16px;}


.right_box_side .gallery2 .item,
.right_box_side .gallery2 .IS_placeholder {width: 200px; margin: 10px;}


/* PAGINATE */

.paginate a,
.paginate span { background:#eee; color:#222; display:inline-block; margin:0 1px; width: 26px; height: 26px; line-height: 26px; padding: 0px;}
.paginate a { color: #444; text-decoration: none;}
.paginate span {color: #888;}
.paginate a:hover,
.paginate span.active {background:#aaa; color:#000; }
.paginate .arrow {padding: 0px;}


/* CESTAŘ */

.cestar {padding: 22px 0; font-size: 14px; background: white; text-align: left; border-bottom: 1px solid #EEE;}
.cestar a {text-decoration: none;}
.cestar {padding-left: 22px; background: white url('../images/i_home.svg') left center no-repeat; width: auto;}


/* EN verze */

.en_tpl .left_box_k h2 {font-size: 24px; text-align: left;}
.en_tpl .HP footer .grey {background-color: #eee;}
.en_tpl .HP h1 {color: #00599F; text-shadow: none; padding: 2rem 0;}
.en_tpl .h_text_box {display: flex; align-items: center;}

.button {background-color: #00599F; color: white; display: inline-block; cursor: pointer; padding: 8px 16px; border: none; text-decoration: none; margin-top: 1rem;}


.production_list {position: relative; margin: 3rem 0;}
.production {position: relative; display: flex; gap: 2.5rem; margin: 2rem 0; align-items: center;}

.production:nth-child(odd) {flex-direction: row-reverse;}
.production > * {flex: 1;}
.production h3 {font-size: 2.25rem; color: black;}




/* ==== PC ==== */


@media only screen and (min-width: 1020px) and (max-width: 1240px) {

	.width {width: 1000px;}
	.produkce .left, .produkce .center, .produkce .right {width: 333px;}
	.produkce .center {width: 331px;}
	.produkce .obrazek img {max-width: 100%;}
	.hp_blue .onas {width: 570px;}
	.HP .nadpis,
	footer .nadpis {width: 100%;}
	.nadpis h2 {width: 100%; margin-right: 0; margin-bottom: 40px; text-align: center; border: none; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
	.klient_list {text-align: center; margin: 0 auto; width: 100%;}
	.hp_kontakt,
	.hp_kontakt .kontakty,
	.hp_kontakt .nadpis {display: block; width: 100%;}

	.novinky_list .novinka .text {width: 716px;}
	.right_map {width: 625px; overflow: hidden;}
	.right_map iframe {max-width: 100%;}

	.right_box_side {width: 72%;}
	.novinky_list.sluzba .novinka .text {width: 62%;}

	.gallery2 .item, .gallery2 .IS_placeholder {margin: 9px;}
	.right_box_side .gallery2 .item, .right_box_side .gallery2 .IS_placeholder {margin: 10px; width: 216px; height: inherit;}

	.top_menu ul li a {padding: 0 16px;}

	
}


/* ==== Tablet a mensi ==== */

@media only screen and  (max-width: 1019px) {
	
	nav .logo img {padding: 16px 0;}

	.HP header .h_text_box {height: inherit; min-height: inherit; }
	.HP header .h_text_box .obal_animace {width: 100%; display: block; height: inherit; padding: 100px 0; text-align: center;}
	.HP header .h_text_box .obal_animace .animace { display: inline-block;}
	.HP header .h_text_box .obal_animace .animace .left {width: 100%; float: none; display: block; height: inherit;}
	.HP header .h_text_box .obal_animace .animace .left .inner .i {width: 100%; display: block; height: inherit; text-align: center; padding: 0; bottom: -300px; padding-bottom: 20px; right: 0;}
	
	@-webkit-keyframes ani_i {from {bottom: -300px;} to {bottom: 0;}}
	@keyframes ani_i {from {bottom: -300px;} to {bottom: 0;}}

	.HP header .h_text_box .obal_animace .animace .sep {height: 1px; float: none; width: 100%; margin: 0;}

	.HP header .h_text_box .obal_animace .animace .sep {width: 100%; }
	@-webkit-keyframes visible {from {background: transparent; width: 0px;} to {background: white; width: 100%;} }
	@keyframes visible {from {background: transparent; width: 0px;} to {background: white; width: 100%;}}

	.HP header .h_text_box .obal_animace .animace .right {float: none; width: 100%; height: inherit;}
	.HP header .h_text_box .obal_animace .animace .right .inner .i {width: 100%; padding: 0; text-align: center; padding-top: 20px; top: -300px; left: 0;}

	@-webkit-keyframes ani_i_i {from {top: -300px;} to {top: 0;}}
	@keyframes ani_i_i {from {top: -300px;} to {top: 0;}}

	.produkce {text-align: center;}
	.produkce .left, .produkce .center, .produkce .right {float: none; display: inline-block;}

	.produkce--flex {display: block;}
	.produkce--flex > div { width: unset; display: inline-block; margin: 0 auto;}

	.hp_blue .onas {width: 100%;}
	.hp_blue .kariera {width: 100%; border: none; padding-left: 0; margin-left: 0; border-top: 1px solid #002E54;}

	.HP .nadpis,
	footer .nadpis {width: 100%;}
	.nadpis h2 {width: 100%; margin-right: 0; margin-bottom: 40px; text-align: center; border: none; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
	.hp_kontakt,
	.hp_kontakt .kontakty,
	.hp_kontakt .nadpis {display: block; width: 100%;}

	.novinky_list .novinka .text {width: 480px;}
	.left_box_k {float: none; width: 100%; min-height: inherit; margin-bottom: 40px; box-sizing: border-box;}
	.right_map {float: none; width: 100%;}
	.right_map iframe {width: 100%;}
	.side_menu {width: 100%; margin-bottom: 30px;}
	.right_box_side {width: 100%;}
	.side_menu ul li a {text-align: center;}
	.klient_list {width: 100%;}

	.gallery2 .item, .gallery2 .IS_placeholder {margin: 8px;}

	nav .iso {float: right; padding-top: 12px; margin-left: 10px;}


}


/* ==== Tablet ==== */

@media only screen and (min-width: 768px) and (max-width: 1019px) {

	.width {width: 748px;}
	.top_menu ul li a {padding: 0 11px; font-size: 15px;}
	.hp_kontakt .kontakty .left {width: 44%;}
	.hp_kontakt .kontakty .right {width: 44%;}
	.kariera_detail .left {width: 62%;}
	.novinky_list.sluzba .novinka .text {width: 62%;}
	.right_box_side .gallery2 .item, .right_box_side .gallery2 .IS_placeholder {width: 226px;}
}


/* ===== Mobily ===== */

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

	.width {width: 450px;}
	header .h_obal {padding: 50px 0;}
	.HP header .h_text_box .obal_animace {padding: 60px 0;}
	h1 {font-size: 30px;}
	footer .blue {text-align: center;}
	footer .blue .left,
	footer .blue .right {display: inline-block; padding: 4px 0; float: none;}
	.hp_kontakt .kontakty .left,
	.hp_kontakt .kontakty .right {float: none; width: 100%; text-align: left;}

	.novinky_list .novinka {text-align: center;}
	.novinky_list .novinka .obr {float: none; display: inline-block; margin-bottom: 30px;}
	.novinky_list .novinka .text,
	.novinky_list.sluzba .novinka .text {float: none; width: 100%; text-align: center;}
	.novinky_list .novinka .text h2 {text-align: center;}

	.kariera_detail .left {width: 100%; margin-bottom: 40px; float: none;}
	.kariera_detail .right {width: 260px; margin: 0 auto; float: none;}

	.sep_kontakt .box .item_body {display: block; text-align: center;}
	.sep_kontakt .box .item_body span {display: inline-block; padding: 6px 12px;}
	.sep_kontakt .box .item_body p {display: block;}
	.right_map {height: 280px;}
	.right_map iframe {max-height: 280px;}
	.kontakt_list .kontakt {width: 100%;}

	.HP header .h_text_box {background-image: none; background: #ededed;}
	header .h_obal.snizena {background-image: none !important; background: #04487e !important;}
	h1 {text-shadow: none;}

	.produkce h3 {padding: 20px 0 40px;}

	nav .iso {margin-left: 0px; margin-right: 50px; padding-top: 10px;}
	.sep_kontakt .blue_box {flex-wrap: wrap; justify-content: center; text-align: center;}
	.sep_kontakt .blue_box span {width: 100%; margin-bottom: 15px;}

	.production,
	.production:nth-child(odd) {flex-direction: column;}


}


/* ==== Mobil na šířku ==== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.gallery2 .item, .gallery2 .IS_placeholder {width: 200px; height: 118px;}
	
}


/* ===== Mobil na výšku ===== */

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

	.width	{width: 310px;}
	.produkce .obrazek img {width: 290px;}
	.produkce .obrazek a span {width: 290px; height: 172px;}

	.gallery2 .item,
	.gallery2 .IS_placeholder,
	.right_box_side .gallery2 .item, 
	.right_box_side .gallery2 .IS_placeholder {width: 132px; height: 78px;}
	
	.gallery2 .item > a {height: 78px; line-height: 78px;}

}