/* CSS Document */

:root {
	/* #da291c = RGB reprezentace oficialni 'Pantone 485 c' */
	--megaflex-logo-red: #da291c;
	--megaflex-logo-gray: #6f6f6e;
	--megaflex-logo-white: #fff;
}

body {
	margin: 0;
	padding: 0;
	/* background: #4e4e4e url(../img/top_bg.png) repeat-x 0 33px; */
	background-color: #4e4e4e;
	font-family: arial, sans-serif;
}

#centdiv,
.centdiv {
	margin: 0 auto;
}

#www-head {
	/* height: 88px; */
	/* width: 100%; */
	display: flex;
	justify-content: center;
	height: 141px;
	background-image: url(../img/top_bg.png);
	background-position-y: 53px;
	background-repeat: repeat-x;
	/* background-color: #fff; */
	border-bottom: 5px solid var(--megaflex-logo-red);
}



#logo {
	/* display: block; */
	/* width: 268px; */
	/* height: 82px; */
	/* margin: 0 auto; */
	background-image: url(../img/logo-megaflex.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: 18px;
}


#logo a {
	display: block;
	width: 268px;
	/* height: 82px; */
	height: 100%;
}

#logo span {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute
}

#carousel0 {
	/* ccheight: 256px; */
	display: inline-block;
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 100%;
	max-width: 1024px;
	clear: both;
}

#carousel {
	/* ccheight: 500px; */
	display: block;
	/* position: relative; top: 0px; */
	margin: 0px auto;
	max-width: 1024px;
}

/* .top_x {  display: none; position: relative;  overflow: visible;} */
.top_x {
	display: none;
}

.top_x2 {
	width: 256px;
	float: left;
	position: relative;
	overflow: hidden;
}

.top_x_bg {
	height: 190px;
	width: 285px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.top_open {
	max-width: 443px;
	border: 2px #0c68bd solid;
}

.top_text {
	display: inline-block;
	width: 100%;
	border-bottom: black 20px solid;
	background-position: left bottom;
	background-size: auto 75%;
	background-repeat: no-repeat;
	background-color: white;
}

#top_text_1 {
	background-image: url(../img/img_razitka.jpg);
	border-bottom-color: var(--megaflex-logo-red);
}

#top_text_2 {
	background-image: url(../img/img_las.jpg);
	border-bottom-color: #d59b00;
}

#top_text_3 {
	background-image: url(../img/img_ors.jpg);
	border-bottom-color: #bfd886;
}

#top_text_4 {
	background-image: url(../img/img_mat.jpg);
	border-bottom-color: #126bbb;
}

.top_img {
	height: 256px;
	width: 256px;
	position: relative;
	left: 0;
	border-bottom: 7px solid;
	border-left: 4px solid;
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
}

#top_img_1b {
	background-image: url(../img/img_razitka.jpg);
	border-color: var(--megaflex-logo-red);
}

#top_img_2b {
	background-image: url(../img/img_las.jpg);
	border-color: #d59b00;
}

#top_img_3b {
	background-image: url(../img/img_ors.jpg);
	border-color: #bfd886;
}

#top_img_4b {
	background-image: url(../img/img_mat.jpg);
	border-color: #126bbb;
}

li.ar a:hover {
	color: var(--megaflex-logo-red);
}

li.ay a:hover {
	color: #d59b00;
}

li.ag a:hover {
	color: #bfd886;
}

li.ab a:hover {
	color: #126bbb;
}


/* .text { position: absolute; top: 15px; right: 12px; width: 645px; height: 430px; padding: 10px; overflow: hidden; vertical-align: top; text-align: justify;  background-color: #262626; border: 2px black solid;  font-size:9pt;} */
.text {
	max-width: 645px;
	padding: 10px;
	text-align: justify;
	background-color: #262626;
	border: 2px black solid;
	font-size: 9pt;
	margin: 1em 1em 1em auto;
}

.text ul {
	padding: 1em 1em 1em 1.5em;
	margin: 0
}

.text ul li {
	padding: 0 0 1em .5em;
	list-style-type: disc;
}

.text ul li h3 {
	font-size: 9pt;
	font-weight: normal;
	margin: 0;
	color: silver;
}

.text ul li span {
	color: silver;
}

.text ul li {
	color: silver;
}

.text ul li a {
	color: var(--megaflex-logo-red);
}

.text h4,
.text p {
	text-transform: uppercase;
	font-size: 10pt;
	padding-left: .5em;
	margin-top: 0;
}

.text a:hover {
	text-shadow: 1px 1px 1px var(--megaflex-logo-red);
	text-decoration: none;
}

#text_1 {
	border-color: var(--megaflex-logo-red);
	color: var(--megaflex-logo-red);
}

#text_2 {
	border-color: #d59b00;
	color: #d59b00;
}

#text_3 {
	border-color: #bfd886;
	color: #bfd886
}

#text_4 {
	border-color: #126bbb;
	color: #126bbb
}


.newsbox2 h3.ar {
	color: var(--megaflex-logo-red);
}

.newsbox2 h3.ay {
	color: #d59b00;
}

.newsbox2 h3.ag {
	color: #bfd886;
}

.newsbox2 h3.ab {
	color: #126bbb;
}


.newsbox2 span.catlink {
	font-size: 15px;
}

.newsbox2 span.ar a {
	color: var(--megaflex-logo-red);
}

.newsbox2 span.ay a {
	color: #d59b00;
}

.newsbox2 span.ag a {
	color: #bfd886;
}

.newsbox2 span.ab a {
	color: #126bbb;
}

.newsbox2 span a:hover {
	color: white;
}

.logos {
	float: right;
	clear: right;
	margin: 1em;
}

.divider {
	margin-top: 10px;
	margin-bottom: 10px;
}

.wanna_more {
	margin-left: 8px;
}

.wanna_more,
.wanna_more a {
	width: 195px;
	height: 45px;
	display: block;
}

.cs .wanna_more a {
	background: transparent url(../img/btn_wanamore_cs.png) no-repeat scroll 0 50%;
}

.en .wanna_more a {
	background: transparent url(../img/btn_wanamore_en.png) no-repeat scroll 0 50%;
}

.wanna_more a:hover {
	background-position: -195px 0;
}

.wanna_more a:active {
	background-position: -390px 0;
}

.wanna_more span {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute
}

#footer {
	padding: 11pt 0;
	background: #262626;
	min-height: 200px;
}

#footer-text {
	max-width: 1024px;
	margin: 0 auto;
}

#footer p,
#footer h3 {
	text-align: justify;
	margin: 11pt;
	color: gray;
	/*  #4e4e4e;   */
	font-size: 10pt;
}

#footer h3 {
	text-transform: uppercase;
	color: silver
		/*  #6D6D6D */
	;
}

#footer hr {
	padding: 0 11pt;
}

#optnote {
	font-size: 8pt;
	margin: 10pt;
	text-align: center;
	color: #4e4e4e;
}

hr {
	border: 0px;
	border-bottom: 1px dotted #4e4e4e;
	color: #262626;
	clear: both;
}

#www-language {
	position: absolute;
	opacity: 0.3;
	/* margin-left:941px; */
	/* top: 32px; */
	top: 0;
	right: 2%;
	width: 73px;
	height: 20px;
	text-align: center;
	background: url(../img/bg_langs.png) no-repeat;
}

#www-language:hover {
	opacity: 1;
}

#www-language ul {
	margin: 0;
	padding: 0;
	margin-top: 1px;
}

#www-language li {
	display: inline;
}

#www-language li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	color: white;
	padding: 3px 5px 3px 5px;
	vertical-align: text-top;
}

#www-language li a:hover {
	color: var(--megaflex-logo-red);
	text-shadow: 1px 1px 1px #fff
}

#www-main,
#www-foot {
	max-width: 1024px;
	margin: 0 auto;
}


/****************************************************************/

#hcard-megaflex-www-foot-detail {
	color: #dcdcdc;
	font-size: 12px;
	display: block;
	padding: 0 1em;
}

#hcard-megaflex-www-foot-detail>div {
	display: inline-block;
	width: 33%;
	min-width: 274px;
}

#www-foot dl,
#www-foot dt {
	padding: 0;
	margin: 0
}

#www-foot dl.img,
#www-foot dl.adr,
#www-foot #kontakty {
	max-width: 289px;
	margin: 1em auto 0;
	min-height: 178px;
}

#www-foot #kontakty {
	margin-left: 2em;
}

/*#copyright { padding-right: 0.5em; display:block}*/
#www-foot dl dt,
#www-foot dl dd,
#www-foot dl div,
#www-foot dl a,
#www-foot dl dd abbr {
	display: block;
	padding-top: 5px
}

#www-foot dl div.p-locality,
#www-foot dl div.p-postal-code {
	display: inline-block;
}

#www-foot dd.notoppad {
	padding-top: 0
}


#www-foot dd abbr {
	display: block;
}

#www-foot dd abbr.main {
	color: silver
}

#www-foot .socials {
	display: block;
	clear: both;
	padding: 2% 3% 1% 3%;
	text-align: center;
}

#www-foot a {
	color: var(--megaflex-logo-red);
	text-decoration: none;
}

/*#www-foot dl,*/

#www-foot .hide,
#www-foot dl dt,
#www-foot .logo,
#www-foot .type {
	display: none;
}

#www-foot dt,
#www-foot dd {
	float: left;
	position: relative;
}

#www-foot dt {
	clear: left;
	width: 40px
}

#www-foot dd abbr .dt {
	width: 40px
}

#www-foot dd {
	clear: right;
	margin: 0
}

#www-foot dd.mg-telephones {
	clear: left;
	margin-bottom: 5px
}

#www-foot dt.visible {
	display: block;
}

#www-foot dd .fn {
	font-weight: bold;
}

/*#www-foot dd, #hcard-megaflex-www-foot-detail div, #www-foot .adr { display: inline; }*/
/*#www-foot .block { display: block; }*/
/*#www-foot .map-links, #www-foot .standarts {    display: inline;    margin-left: 0.2em; }*/
#optnote a {
	color: #717162;
}

#www-foot .adr div {
	padding-right: 0.5em;
}


#www-foot-end {
	height: 40px;
}


/**/
#body-gallery #www-main h1 {
	text-indent: -5000px;
	overflow: hidden;
	position: absolute
}

#body-gallery h2 {
	font-size: 108%;
	background: #ccc
}

#galleries {
	padding: 10px 0;
	background-color: #fff;
}

#galleries h2,
#galleries p {
	margin: 0;
	padding: 10px 25px
}

#galleries .gallery {
	margin: 10px 25px;
}

#galleries .gallery h2 a {
	color: #565656;
	text-decoration: none;
}

#galleries .gallery h2 a:hover {
	color: #DF2822;
}

#galleries .gallery.preview:hover * {
	background: #262626;
	color: #FFF;
	cursor: pointer;
}

#galleries .gallery.preview:hover h2 a {
	color: #FFF
}

#galleries .gallery.preview:hover h2 a:hover {
	color: #DF2822;
}

#galleries .gallery-preview {
	border-bottom: 5px solid #FFF;
}

#galleries .gallery.preview:hover .gallery-preview {
	border-bottom-color: #DF2822;
}

#galleries .gallery-preview a img {
	border: 8px solid #FFF;
	margin: 1px
}

#galleries .gallery-preview a:hover img {
	border-color: #DF2822
}

#galleries .gallery.preview .gallery-preview a img {
	border-color: #FFF
}

#galleries .gallery.preview .gallery-preview a:hover img {
	border-color: #DF2822
}

/**/