@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_100.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_300.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_400.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_500.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_700.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_italic_900.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_100.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_300.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_400.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_500.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_700.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_content/fonts/roboto/roboto_900.woff) format('woff');
}

body, table, td, th, p, span, div, a, li	{ font-family: Roboto, tahoma, arial, sans-serif; }


.finisher		{ clear: both; }
.inlinedisplay		{ display: inline; }


.topButton		{ display: block; height: 38px; width: 200px; margin: 43px 5px 0px 10px; float: right; background-color: #ffffff; border: 1px solid #b8b8b8; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 400; }
.topButtonTxt	{ display: block; float: right; padding: 9px 10px 0px 0px; }
.topButton img	{ margin: 3px 10px 0px 2px; width: 32px; height: auto; }
.topButton:link, .topButton:active, .topButton:visited
					{ color: #666666; text-decoration: none; background-color: #ffffff; }
.topButton:hover	{ color: #5da547; text-decoration: none; background-color: #f0f0f0; }



/*.leftMnuItem			{ border-left: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; }*/

.leftMnuNadpis:link, .leftMnuNadpis:visited, .leftMnuNadpis:active
						{ color: #ffffff; background-color: #02914f; text-decoration: none; }
.leftMnuNadpis:hover	{ color: #02914f; background-color: #ffffff; text-decoration: none; }

/*.leftMnuItem1	{ text-transform: uppercase; }*/

.leftMnuItem2	{ }

.leftMnuItem1:link, .leftMnuItem1:visited, .leftMnuItem1:active
						{ color: #02914f; background-color: #ffffff; text-decoration: none; }
.leftMnuItem1:hover		{ color: #ffffff; background-color: #02914f; text-decoration: none; }

.leftMnuItem2			{ }
.leftMnuItem2:link, .leftMnuItem2:visited, .leftMnuItem2:active
						{ color: #4d4d4d; background-color: #ffffff; text-decoration: none; }
.leftMnuItem2:hover		{ color: #ffffff; background-color: #02914f; text-decoration: none; }



.hMnuItem:link, .hMnuItem:visited, .hMnuItem:active
			{ color: #9f9f9f; text-decoration: none; }
.hMnuItem:hover		{ color: #087dcd; text-decoration: none; }



.messageBox		{ font-size: 10pt; background: #f0f0f0; padding: 10px 5px 15px 15px; border: 1px solid #cecece; }
.messageBoxIco		{ display: table-cell; padding-right: 15px; position: relative; }
.messageBoxSubIco	{ position: absolute; top: 40px; left: 40px; z-index: 210; }
.messageBoxTxt		{ display: table-cell; vertical-align: top; color: #4d4d4d; }
.messageBoxTxt p	{ margin: 0px; }

.messageBoxShadow	{ box-shadow: 10px 10px 15px #888888; z-index: 200; position: absolute; }

.messageBoxNadpis	{ font-weight: bold; }
.messageBoxClose	{ float: right; display: block; cursor: pointer; margin-right: 2px; }

.messageBox a:link, .messageBox a:active, .messageBox a:visited
								{ font-weight: bold; color: #FF741E; text-decoration: none; }
.messageBox a:hover		{ font-weight: bold; color: #FF741E; text-decoration: underline; }

.messageBoxWarningTxt	{ color: #ff0000; }



/*.footerWrapper		{ background: #d3ebdb; border: 0px; clear: both; color:#666; padding-top: 25px; padding-bottom: 15px; font-size: 15px; }*/
.footerWrapper			{ background: #e0e0e0; border: 0px; clear: both; color:#666; padding-top: 25px; padding-bottom: 15px; font-size: 15px; width: 100%; box-sizing: border-box; }
.footerWrapperContent	{ margin-left: auto; margin-right: auto; }


.footerBox			{ float: left; width: 25%; box-sizing: border-box; text-align: center; }
.footerWrapper a:link, .footerWrapper a:visited, .footerWrapper a:active
						{ color: #666; text-decoration: none; }
.footerWrapper a:hover	{ color: #4d4d4d; text-decoration: underline; }

.footerContact				{ font-size: 22px; color: #666666; font-weight: 700; padding-top: 0px;  line-height: 300%; }
.footerContact a:link, .footerContact a:visited, .footerContact a:active
							{ color: #888888; text-decoration: none; }
.footerContact a:hover		{ color: #4d4d4d; text-decoration: underline; }

.footerContact img	{ vertical-align: middle; }


.footerBox2	{ width: 50%; }

.contentDefault	{ padding: 0px 15px 25px 0px; }

.defaultText, .defaultText td, .defaultText th				{ color: #4d4d4d; font-size: 15px; font-weight: 300; }
.defaultText a:link, .defaultText a:active, .defaultText a:visited
						{ color: #087dcd; text-decoration: none; }
.defaultText a:hover	{ color: #087dcd; text-decoration: underline; }



.defaultPageTitle		{ font-size: 32px; font-weight: 700; color: #087dcd; margin: 20px 0px 30px 0px; }


.icoFotter	{ width: 100%; box-sizing: border-box; }
.icoFotter ul	{ list-style-type:none; padding: 0; display: table-row; }
.icoFotter li	{ display: table-cell; text-align: center; font-size: 10pt; width: 16%; padding: 0px 5px 0px 5px; color: #4d4d4d; box-sizing: border-box; }
.icoFotter li img	{ display: inline; border: 0px; }

.icoFotter li a, .icoFotter li a:link, .icoFotterr li a:visited, .icoFotter li a:active
					{ color: #4d4d4d; text-decoration: none; }
.icoFotter li a:hover			{ color: #4d4d4d; text-decoration: underline; }

.footterComgateLogo	{ float: right; margin: 0px 50px 0px 0px; }

#showHeurekaBadgeHere-1 { margin-left: auto; margin-right: auto; clear: both; margin-top: 10px; text-align: center; }


.socialIco		{ display: inline-block; width: 48px; height: 48px; background-size: cover; }
.facebookIco	{ background: url("/_data/loga/f_logo_RGB-Grey_58.png") no-repeat; background-size: cover; }
.facebookIco:hover	{ background: url("/_data/loga/f_logo_RGB-Blue_58.png") no-repeat; background-size: cover; }

.IGIco			{ background: url("/_data/loga/IG-glyph-logo_gray.png") no-repeat; background-size: cover; }
.IGIco:hover			{ background: url("/_data/loga/IG-glyph-logo_RGB.png") no-repeat; background-size: cover; }


/*
extra wide: 1600 + 
wide: 1280 - 1599
square: 950 - 1199
mobile: 950 -
*/


/*Spolecne pro vsechny pc obrazovky*/
@media screen and (min-width: 971px)	{ 
	body	{ margin: 0px auto; }
	
	.headWrapper	{ margin: 0 auto; height: 103px; background: #ffffff; }
	
	.hmenuWrapper	{ padding: 4px 0px 4px 0px; margin: 0 auto; box-sizing: border-box; }

	.middleWrapper	{ width: auto; overflow: hidden; background: #ffffff; padding-bottom: 30px; }
	.leftWrapper	{ float: left; margin-right: 20px; }
	.contentWrapper	{ width: auto; overflow: hidden; padding-top: 10px; }
	

	.topLogoLink		{ margin-left: 35px; float: left; }

	.topBannerWrapper	{ margin: 0 auto; background: #ffffff; }
	.topBannerWrapper img { max-width:100%; height:auto; }

	.topMnuWrapper		{ width: 100%; height: 60px; text-align: center; font-size: 20px; font-weight: 400; background-color: #087dcd; border-top: 1px solid #9bbacf; border-bottom: 1px solid #2177a6; }
	.topMnuWrapper a	{ display: inline-block; padding: 20px 18px 0px 18px; }
	.topMnuWrapper a:first-child	{ border: 0px; }
	.topMnuWrapper a:link, .topMnuWrapper a:visited, .topMnuWrapper a:active
								{ color: #ffffff; text-decoration: none; }
	.topMnuWrapper a:hover		{ color: #ffffff; text-decoration: underline; }

	.topMnuMobileIcon		{ display: none; }
	#topMnuMobileContent	{ display: none; }

	
	.leftWrapperMenu	{ display: none; }
	.leftMnuItem	{ display: block; font-size: 15px; box-sizing: border-box; border-left: 1px solid #b8b8b8;  border-right: 1px solid #b8b8b8; }
	.leftMnuItem:last-child	{ border-bottom: 1px solid #b8b8b8; }
	.leftMnuNadpis	{ padding: 12px 4px 12px 7px; font-weight: 700; border-top: 1px solid #b8b8b8; }
	.leftMnuItem1	{ padding: 12px 4px 12px 7px; font-weight: 500;  border-top: 1px solid #b8b8b8; }
	.leftMnuItem2	{ padding: 6px 4px 6px 15px;  font-size: 15px; font-weight: 300; border-top: 1px solid #f0f0f0; }

	.hMnuItem	{ display: inline-block; padding-top: 4px; padding-bottom: 4px; font-size: 15px; font-weight: 300; }

	.hMnuItem:nth-of-type(1n+2)	{ padding-left: 18px; padding-right: 7px; background: url('/_content/sablony/web/html_default/images/ico_sipka.png') no-repeat scroll 0px 5px; }


	.hMnuItem:first-of-type	{ padding-left: 10px; padding-right: 7px; }
	
 }



@media screen and (min-width: 1600px)	{ 
	
	.pageWidth	{ width: 1550px; }
	.globalWrapper	{ width: 1550px; min-width: 401px; margin: 0 auto; position: relative; overflow: hidden; }
	.leftWrapper	{ width:200px; }
	
	/*topButton*/
	.topButton		{ width: 180px; }
	
 }

@media screen and (min-width: 1280px) and (max-width: 1599px)	{ 
	
	.pageWidth	{ width: 1200px; }
	.globalWrapper	{ width: 1200px; min-width: 401px; margin: 0 auto; position: relative; overflow: hidden; }
	.leftWrapper	{ width:200px; }
	
	/*topButton*/
	.topButton		{ width: 180px; }
	
 }

@media screen and (min-width: 971px) and (max-width: 1279px)	{
	/*topButton*/
	.topButton		{ width: 160px; font-size: 15px; }
	.topButtonTxt	{ padding: 12px 8px 0px 0px; }
	
	.topLogoLink		{ margin-left: 25px; }
	.topLogoLink img	{ width: 200px; height: auto; margin-top: 27px; }
	.pageWidth	{ width: 950px; }
	.globalWrapper	{ width: 950px; margin: 0 auto; position: relative; overflow: hidden; }
	.leftWrapper	{ width:170px; }
	
	.footerContact				{ font-size: 18px; }
 }

 /*ALL small screens*/
@media screen and (max-width: 970px)	{


	body	{ margin: 0px auto; }
	.pageWidth	{ width: auto; }
	.globalWrapper	{ width: auto; margin: 0 auto; clear: both; }



	.headWrapper	{  height: auto; background: #ffffff; position: relative;  clear: both; box-sizing: border-box; }

	.topLogoLink		{ margin-left: 5px; float: left; display: block; }
	.topLogoLink img	{ width: 200px; height: auto; }

	/*topButton*/
	.topButton		{ width: 50px; height: 50px; font-size: 15px; margin-top: 10px; }
	.topButton img	{ width: 44px; margin: 2px 0px 0px 2px; }
	.topButtonTxt	{ display: none; }
	
	.topMnuWrapper		{ width: 100%; height: 38px; text-align: center; font-size: 15px; font-weight: 400; background-color: #087dcd; clear: both; }
	.topMnuWrapper a	{ display: inline-block; padding: 10px 15px 0px 15px; }
	.topMnuWrapper a:link, .topMnuWrapper a:visited, .topMnuWrapper a:active
								{ color: #ffffff; text-decoration: none; }
	.topMnuWrapper a:hover		{ color: #ffffff; text-decoration: underline; }

	.topMnuMobileIcon { display: none; }
	#topMnuMobileContent	{ display: none; }
	
	.topBannerWrapper	{ margin: 0 auto; background: #ffffff; }
	.topBannerWrapper img { max-width:100%; height:auto; }

	.hmenuWrapper	{ background: #eeeeee; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-top: 4px; padding-bottom: 4px; clear: both; }
	.hMnuItem	{ display: inline-block; padding-top: 4px; padding-bottom: 4px; font-size: 15px; font-weight: 300; }
	.hMnuItem:nth-of-type(1n+2)	{ padding-left: 18px; padding-right: 7px; background: url('/_content/sablony/web/html_default/images/ico_sipka.png') no-repeat scroll 0px 5px; }
	.hMnuItem:first-of-type	{ padding-left: 10px; padding-right: 7px; }

	.middleWrapper	{ width: auto; overflow: visible; background: #ffffff; padding-bottom: 30px; position: relative; box-sizing: border-box;}

	
	.leftWrapperMenu			{ display: block; font-size: 16px; border: 0px; background-color: #b8b8b8; color: #ffffff; height: 36px; box-sizing: border-box; text-decoration: none;  }
	.leftWrapperMenuNadpis		{ display: block; padding: 9px 0px 0px 0px; margin: 0px;  }
	.leftWrapperMenuIco			{ background-color: #02914f; float: left; margin-right: 15px; display: block; }
	.leftWrapperMenu img		{ vertical-align: middle; margin: 2px 2px 2px 2px; }
	.leftWrapperMenu.lmPoc1	{ display: none; }
	.leftWrapperMenu.lmPoc2	{ display: none; }
	.leftWrapperMenu.lmPoc3	{ display: none; }
	.leftWrapperMenu.lmPoc4	{ display: none; }
	
	.leftWrapper		{ display: none; }
	.leftWrapper.lmPoc1	{ display: block; }
	.leftWrapper.lmPoc2	{ display: block; }
	.leftWrapper.lmPoc3	{ display: block; }
	.leftWrapper.lmPoc4	{ display: block; }
	
	
	.leftWrapper	{ box-sizing: border-box; float: left; width: 100%; padding: 0px; border: 0px; clear: both; }
	
	.leftMnuItem	{ display: block; font-size: 15px; box-sizing: border-box;  border-left: 0px;  border-right: 0px; }
	.leftMnuItem:last-child	{ border-bottom: 1px solid #b8b8b8; }
	.leftMnuNadpis	{ padding: 12px 4px 12px 7px; font-weight: 700; border-top: 0px solid #b8b8b8; }
	.leftMnuItem1	{ padding: 12px 4px 12px 7px; font-weight: 500;  border-top: 1px solid #b8b8b8; }
	.leftMnuItem2	{ padding: 6px 4px 6px 15px;  font-size: 15px; font-weight: 300; border-top: 1px solid #f0f0f0; }


	.contentWrapper	{ clear: both; padding: 10px 2px 10px 3px; }

	.footerBox			{ width: 33%; min-width: 160px; }
	.footerContact		{ width: 100%; clear: both; font-size: 16px; margin: 0px 0px 30px 0px; line-height: normal; }
	.footerContact img	{ width: 32px; height: auto; vertical-align: middle; }
	.footerContact a:last-child	{ margin-left: 100px; }
	
	.footerBox2	{ width: 100%; clear: both; text-align: center; }
	.footerBox2 img {margin-bottom: 10px; max-width: 80%; height: auto; }
	.footterComgateLogo	{ float: none; margin: 0px; }

 }

@media screen and (max-width: 770px){ 
		
 }

@media screen and (max-width: 530px){ 
	
	.topLogoLink img	{ width: 150px; height: auto; }
	.topMnuWrapper		{ display: none; height:3px; }
	.topMnuWrapper a		{ display: none; }
	
	/*topButton*/
	.topButton		{ width: 38px; height: 38px; font-size: 15px; margin-top: 7px; margin-left: 10px; }
	.topButton img	{ width: 36px; margin: 0px 0px 0px 0px; }
	
	.topMnuMobileIcon		{ display: block; }
	#topMnuMobileContent    { display: none; position: absolute; left: 0px; top:48px; z-index: 1000; width: 100%; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; }
	#topMnuMobileContent a	{ display: block; width: 100%; padding: 15px 5px 15px 15px; box-sizing: border-box; font-size: 16px; border-bottom: 1px solid #e0e0e0; }
	#topMnuMobileContent a:last-child	{ border-bottom: 0px; }
	
	#topMnuMobileContent a:link, #topMnuMobileContent a:visited, #topMnuMobileContent a:active
									{ color: #4d4d4d; text-decoration: none; background-color: #f0f0f0; }
	#topMnuMobileContent a:hover	{ color: #4d4d4d; text-decoration: none; background-color: #e0e0e0; }
	
	

	.topMnuWrapper a:first-child	{ padding-left: 0px; }
	.topMnuWrapper a:last-child		{ padding-right: 0px; }
	
	.footerContact a:last-child	{ margin-left: 50px; }
	
	
 }
 
 

 @media screen and (max-width: 480px){ 
	.footerBox			{ width: 100%; margin-bottom: 15px; }
 }
 
@media screen and (max-width: 400px){ 
	
 }

@media screen and (max-width: 359px){ 
	.globalWrapper	{ min-width: 320px; }
	
	.topMnuWrapper		{ height: 38px; font-size: 15px; }
	.topMnuWrapper a	{ padding: 10px 10px 0px 10px; }

	.footerContact		{ font-size: 15px; }
	.footerContact a:last-child	{ margin-left: 30px; }

 }