@media screen, print {
/*body*/
	body {background: #D9F585 url(img/bg.gif) repeat-x top; color: #350700; font-family: Arial, Tahoma, sans-serif; font-size: 73%; padding: 0; margin: 0; line-height: 1.5;}

	/*general*/
	a {text-decoration: underline; color: #036297;}
	a:hover {color: #96120F; }
    a img {border: none;}
    
    h1, h2, h3, h4, h5, h6 {color: #0D3692; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-weight: bold; margin: 1em 0 0.7em 0px;}
	h1 {font-size: 135%; padding: 23px 0px 0.4em 0px; color: #D11600; background: transparent url(img/dots.gif) repeat-x bottom left;}
	h2 {font-size: 120%; color: #D11600;}
    h3 {font-size: 120%; font-weight: normal; }
    h4 {font-size: 110%; }
    h5 {font-size: 100%; color: #071A54; }
    h6 {font-weight: normal; }

    i, em, address {font-style: normal; }
    html>body  i, html>body em {font-style: italic;}

    strong, .strong { font-weight: bold; }
    small, .small { font-size: 90%; }
    .red {color: red;}
    .blue {color: #2862C7;}
    .yellow {color: #EDC72F;}
    .brown {color: #C7A728;}
    .lightrey {color: #CCCCCC;}
    .green {color: #A19C20;}
    
    .border {border: 1px solid #0D3594;}
    .center {text-align: center;}
    .justify {text-align: justify;}
	.left {float: left;}
	.right {float: right;}
	.clear {clear: both;}
	body .fb-icon {padding-left: 20px; background: transparent url(img/facebook-icon.png) no-repeat 0 50%;}
	 
	body .hidden {display: none;}
	
	a#jump-to-submenu {display: none;}

	p, address {padding: 0.5em 0px 1em 0px; margin: 0; text-decoration: none; }
	ul, ol { padding: 0; margin: 0.3em 0 0.3em 20px; }
	ul li { margin: 0.1em 0 0.1em 5px; padding: 0px 0 0px 15px; background: transparent url(img/bullet_blue.gif) no-repeat left 0.4em; list-style: none; line-height: 1.5em; position: relative; }
	/*table with border*/
	table.blackborder {background-color: #0380CB;}
	table.blackborder tbody {background-color: #FFFFFF;}
	table.blackborder td {margin: 1px;}
	.noindent {text-indent: 0;}
	
	/*products*/
	table.products {max-width: 100%;}
	table.products thead tr td {text-align: center; font-weight: bold;}
	table.products tbody tr td {  background: transparent url(img/dots.gif) repeat-x bottom left; }
	table.products tbody tr td.image {text-align: center; padding-left: 16px;}
	table.products tbody tr td.description {}
	table.products tbody tr td.pdf {text-align: center;}
	table.products tbody tr td.pdf img {padding: 10px 0;}
	table.products tbody tr td.alt { background-color: #FFFFEE; }
	tr.novinka {font-size: 100%;}
	table.products tbody tr.novinka td.image { background: transparent url(img/novinka.gif) no-repeat bottom left; }
	a.dopyt { font-size: 100%; text-decoration: none; border-bottom: 1px dashed #1B76AD;}
	table.products ul {margin-left: 0px;}
	
/*news*/
	body .news-item {background: transparent url(img/dots.gif) repeat-x bottom left; margin-bottom: 5px; padding-bottom: 10px;}
	.news-item div.date {float: left; margin: 10px 10px 15px 0; color: #838383;}
		div.date .rss-link {background: transparent url(img/rss-icon.gif) no-repeat 0 1px; padding-left: 13px;}
			div.date .rss-link span {display: none;}
	.news-item h2 {float: left; margin: 10px 0 15px 0px; max-width: 380px; text-decoration: none; color: #D11600;}
	  .news-item h2 a, .news-item h2 a:hover {text-decoration: none;  color: #D11600;}
	.news-item p {padding: 5px 5px 5px 5px; text-indent: 0;}
	.news-item .whitebg {max-width: 140px; text-align: right; background-color: white; float: right; clear: right;}
	.news-item .download {max-width: 140px; text-align: right; background-color: white; float: right; clear: right;}
	.news-item .download img {border: none;}
	
    body .AspNet-Pager {padding: 6px 0px 4px 20px; text-align: right; font-size: 90%; font-weight: bold; float: right;}
    body .AspNet-Pager-PreviousPage, body .AspNet-Pager-NextPage, .AspNet-Pager a { padding: 0px 2px 0px 2px; }
    body .AspNet-Pager span { padding: 0px 2px 0px 2px;}

/*search*/
	#search   {float: right; padding: 15px 20px 0px 0px;}
	body .Asp-Net-SearchForm {margin: 0; padding: 0; color: #0174b8; font-weight: bold;}
	body .Asp-Net-SearchForm input.textbox {float: left; margin: 0 10px 0 0; max-width: 100px; background-color: #ffffff; border: 1px solid #ababab; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 95%; height: 15px; line-height: 15px;}
	body .Asp-Net-SearchForm input.button {float: left; margin: 0; background: #007BC1 none no-repeat bottom right; color: #ffffff; border: none; font-weight: bold; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 95%; padding: 2px; text-align: center; max-width: 50px; height: 19px;}
    
    span.path {font-size: 90%; color: #5A8E34;}
    input#content_objekt_s {border-top: 1px solid #EA5623; border-right: 1px solid #C81607; border-bottom: 1px solid #800800; border-left: 1px solid #D04A1B; max-width: 200px;}
    input#content_objekt_Search {border-top: 1px solid #EA5623; border-right: 1px solid #C81607; border-bottom: 1px solid #800800; border-left: 1px solid #D04A1B; background-color: #FAFAE3; font-weight: bold; color: #C3150A; margin: 0 0 0 10px; padding: 0px 3px 0px 3px; font-size: 12px; cursor: pointer;}
	
	body .validationmessage {margin: 20px 0; text-align: center; font-size: 120%;}
	body .textbox {max-width: 250px; margin: 0 5px;  border-left: 1px solid #CC4019; border-top: 1px solid #E84E23; border-right: 1px solid #C01408; border-bottom: 1px solid #780500;}
	fieldset {padding: 0 15px 15px 15px; display: block;}

/*side news*/
	#novinky-wrap {}
		#novinky-top-title {background: url(img/right-news-top.gif) no-repeat 0 0; width:100%; height: 30px; border-top: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; max-width: 239px;}
		#novinky-top-title h3 {background: url(img/right-news-top-line.jpg) repeat-x top center; width:100%; height: 30px; max-width: 239px;}
		#novinky {border-right: 1px solid #CDCDCD; background: #FAFAE0 url(img/right-news-bottom.gif) no-repeat 0 bottom; max-width: 220px; padding: 0 20px 25px 20px;}
		#novinky .news-item {padding: 12px 0 20px 0; background: transparent url(img/right-news-dots.gif) repeat-x 0 bottom;}
			#novinky .news-item:hover {padding-bottom: 20px; background: transparent url(img/right-news-dots.gif) repeat-x 0 bottom;}
			
			#novinky .news-top a {display: block; color: #605E61; font-weight: bold; text-decoration: none; font-size: 105%;}
			#novinky .news-top a:hover {background-color: #F9E8A0; color: #605E61; text-decoration: none;}
			#novinky .hidden a {margin-top: 15px; height: 110px; max-width: 218px; border: 1px solid #ABABAB; background-color: #fff; text-align: center; display: block;}
			#novinky .hidden a img {margin: 0;}
		
		#novinky .news-info {overflow: hidden; _height: 1%; padding-top: 10px; padding-bottom: 10px;}
			#novinky .news-all {color: #007AC3; text-decoration: none; padding-right: 9px; background: transparent url(img/right-news-arrow.gif) no-repeat right 6px; float: left; display: block;}
			#novinky .news-rss {color: #605E61; text-decoration: none; padding-right: 22px; background: transparent url(img/right-news-rss.gif) no-repeat right 0; float: right; display: block;}

/* Newsletter */	
	#newsletter {clear: both; font-size: 90%; background-color: #EDF3D7; border: 1px solid #CDCDCD; border-left: 0px none; padding: 20px 0; margin: 20px 0 10px 0; max-width: 260px;}
		#newsletter fieldset {border: none; max-width: 220px; padding: 0 20px; margin: 0;}
			#newsletter fieldset legend {color: #B62814; font-weight: bold; text-decoration: none; font-size: 116%;}
			#newsletter label.form {max-width: 70px; float: left; display: block; padding-top: 4px; margin: 0;}
			#newsletter label.formlong {max-width: 220px; padding-bottom: 5px;}
			#newsletter .textbox {max-width: 140px; float: left; margin: 0;}
			#newsletter .button {border: none; margin-top: 10px; padding: 5px; background: #0B6FBD; color: #fff; font-size: 100%; font-family: Arial, Tahoma, sans-serif; font-weight: bold; cursor: pointer;}
			#newsletter .button:hover {background: #B92815; color: #fff;}
		
		#newsletter .after-send {padding: 20px;}
		#newsletter .after-send strong {color: #B62814; font-weight: bold; text-decoration: none; font-size: 116%; margin-bottom: 0em; display: block;}
		
/* Newsletter-content */		  

  #newsletter-content h1, #newsletter-content h2, #newsletter-content h3, #newsletter-content h4, #newsletter-content h5, #newsletter-content h6 {font-weight: normal; color: #444; padding: 0; line-height: 1.4em; margin: 0.5em 0 1em 0; font-family: 'Segoe UI', Arial, Helvetica, sans-serif;}
  #newsletter-content h1 {font-size: 180%; color: #007ac3; background: none;}
  #newsletter-content h2 {font-size: 135%; text-transform: uppercase; color: #000;}
  #newsletter-content h1 + #newsletter-content h2 {margin: 0.5em 0 1em 0;}
  #newsletter-content h3 {font-size: 121%; text-transform: uppercase;}
  #newsletter-content h4 {font-size: 128%; font-weight: normal; color: #b74141;}
  #newsletter-content h5 {font-size: 100%; font-style: italic; text-transform: uppercase;}
  #newsletter-content h6 {font-size: 107%; color: #b74141;}
  #newsletter-content a {color: #007ac3; text-decoration: none;}
  #newsletter-content img.left {float: left; margin: 5px 30px 5px 0;}
  #newsletter-content img.right {float: right; margin: 5px 0 5px 30px;}
	#newsletter-content	img.border {padding: 0; margin: 0; border: 3px solid #d1d1d1;}
	#newsletter-content ul li {background: none; list-style-type: disc; padding-left: 0;}

/*position*/
	#container {padding: 0 0 30px 0; margin: 0 auto; max-width: 908px; width: 100%}
	body .navbar {background: transparent url(img/dots.gif) repeat-x bottom left; display: block; margin-bottom: 20px; padding-bottom: 10px; font-size: 90%; font-weight: bold;}
		.navbar .navbar-separator{padding: 0 5px;}
		.navbar a{text-decoration: none;}
			.navbar a:hover{text-decoration: underline;}
	#header { }
	div.header-wrap {padding: 0 50px;}
	
	#header-top {border-top: 2px solid #b1d35b; border-bottom: 9px solid #007bc1;  min-height: 62px; height: 100%; max-width: 788px; margin: 0 auto;   padding: 0 10px;
		background: #fcfcfa; /* Old browsers */
		background: -moz-linear-gradient(top, #d8e9b3 0%, #fcfcfa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e9b3), color-stop(100%,#fcfcfa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d8e9b3 0%,#fcfcfa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d8e9b3 0%,#fcfcfa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d8e9b3 0%,#fcfcfa 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d8e9b3 0%,#fcfcfa 100%); /* W3C */
		}
	#header-top .home {display: block; left: 0px; padding: 3px 0px; float: left;}
	#header-top .top-gefran {display: block; right: 0px; padding: 13px 0px; float: right;}

	#header-bottom {background: transparent url(img/header-img.jpg) no-repeat top center; min-height: 102px;}
	#header-bottom .header-text1 {display: block; float: left;}
	#header-bottom .header-text2 {display: block; margin: 0 auto; padding: 0 0 7px 0px;}
	#header-bottom .header-text3 {display: block; float: right;}
	#header-links {display: block; float: right; padding-top: 10px;}
	#header-links .senzorspektrum {display: block;}
	#header-links .uspornebyvanie {float: right;}

	
	/*#banner {padding: 0; margin: 0 0 0 0; background: transparent url(img/header.jpg) no-repeat 0px 0px; position: relative; height: 175px;}
	  #banner a.home, #banner a.celebrate {display: block; position: absolute; top: 3px; left: 54px; width: 276px; height: 62px;}
	  #banner a.senzorspektrum {display: block; position: absolute; top: 76px; left: 660px; width: 190px; height: 17px;}
  	  #banner a.uspornebyvanie {display: block; position: absolute; top: 95px; left: 660px; width: 190px; height: 17px;}*/

			  
		#body-left{width: 30%; float: left;} 
		#body-left2 {width: 30%;float: left;  background-color: white;}
		#body-right {width: 70%; float: right;}
		#show-left-menu {display: none;}
	#body-content {margin-top: 3px;/*background: transparent url(img/header-shadow.png) repeat-x top center;*/}
	#container_left {padding: 0; margin: 0 50px 0 50px; background: url(img/site_left.gif) repeat-y left 2px;}
		#facebook {padding: 0 30px 30px 30px;  /* max-width: 230px;*/}
	
	#container_right {padding: 0; margin: 0 0 0 4px; background: transparent url(img/site_right.gif) repeat-y right top;}
	#body {padding:0; margin: 0 4px 0 0; background: white none no-repeat right bottom; /*max-width: 800px; */}
	  #body div.content { padding: 0px 25px 25px 25px; margin: 0; line-height: 1.5em;  min-height: 750px; _height: 750px;background-color: white;}
	  .m9097 #body div.content, .m26450 #body div.content,
	  .m8841 #body div.content {}
	  
	 /* .m9097 #body div.content h1, .m26450 #body div.content h1,
	  .m8841 #body div.content h1 {background: transparent none no-repeat 0 0; padding-top: 11px;}*/
	  
	  #body div.leftsection {margin: 0; padding: 0; float: left;/* max-width: 263px;*/}

	  #left-video {padding: 20px 0px 20px 15px;}
	  #left-video img {padding: 5px; border: 1px solid #CDCDCD;}

	  #bottom-menu {  width: 100%; clear: both;}
	  #body div.bottomlinks {margin: 0; padding: 0; border-top: 9px solid #0380CB; text-align: center; min-height: 22px; line-height: 22px; clear: both;}
		div.bottomlinks ul { display: inline; }
		div.bottomlinks ul li { display: inline; float: none; margin: 0;}
		div.bottomlinks ul li a { display: inline;  float: none;  line-height: 22px; padding: 3px 2px 3px 15px ; color: black; background: transparent url(img/menu_bullet.gif) no-repeat left 0.4em; }
		div.bottomlinks ul li a:hover {color: black;}
		div.bottomlinks ul li.m26402_sk a {background-image: none; padding-left: 0;}   

	#rightbg {position: absolute; z-index: 0; right: 0px; top: 63px; max-width: 82px; height: 125px; background: transparent url(img/right.jpg) no-repeat top left;}
	
	#alejtech {padding: 12px 4px 0 4px; margin: 0 50px 0 50px; background: transparent url(img/footer.gif) no-repeat 0 0; clear: both; color: #404549; font-size: 90%;}
	#alejtech a, #alejtech a:hover {color: #404549;}
	
	#editor {padding: 10px; margin: 0; max-width: 487px; line-height: 1.5em; background: white none repeat-y right; text-indent: 0;}
			div.certificate a img { padding: 0 0 40px 40px;}
}

@media screen and (min-width: 768px){
	#body-left {display: block !important;}
	#show-left-menu {display: none; cursor: pointer; color: #fff; background: #DA3030 none no-repeat 10px center; padding: 10px 30px;
margin-left: 10px; font-weight: bold; margin-bottom: 0px; width: 50px; float: left;}

}
@media screen and (max-width: 633px){
	#header-bottom .header-text1 {display: block; float: left; width: 60%;}
	#header-bottom .header-text2 {display: block; margin: 0; padding: 0 0 7px 0px; width: 50%;}
	#header-bottom .header-text3 {display: block; float: left; width: 60%;}
	#header-bottom .header-text1 img {width: 80%;}
	#header-bottom .header-text2 img{width: 90%;}
	#header-bottom .header-text3 img{width: 80%;}

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

		#header-bottom .header-text1 {display: none;}
	#header-bottom .header-text2 {display: none;}
	#header-bottom .header-text3 {display: none; }
	#header-top .home img{width: 90%;}
	#header-top .top-gefran img{width: 90%;}
	#header-links {display: block; padding-top: 10px; padding-right: 10px;}
	#header-links .senzorspektrum {display: block;}
	#header-bottom {min-height: 60px;}


}
@media screen and (max-width: 516px){
	#header-top .top-gefran {float: left;}
		#header-top .home img{width: 80%;}
	#header-top .top-gefran img{width: 60%;}
}



@media screen and (max-width: 767px){
	body .Asp-Net-SearchForm {right: 30px;}
	#search   {float: left; padding: 15px 20px 0px 0px;}
	#top-line {background: #D7D7B4 none repeat scroll 0% 0%; width: 100%; height: 55px; display: block;}
	#ver-line {display: block; background: #007BC1; width: 1px; height: 32px; margin: 10px 40px 0px 10px; float:left;}
	#show-menu {display: none;}
	#show-left-menu {display: block; cursor: pointer; color: #575757; background: #007BC1 url(img/menu-toggle.png) no-repeat 5px center; margin: 10px 30px;
font-weight: bold; width: 32px; float: left; height: 32px; }
	#show-left-menu + #body-left {}
	.json #show-left-menu {display: inline-block;}
	#show-left-menu:hover {background-color: #497F34;}
	#body-left {display: none;width: 100%; float: none; padding: 0px;}
	#body-left2 {width: 100%; }
	.json #body-left {display: none;}
	#body-right {width: 100%; float: left;}
	#content {margin-left: 0; padding-top: 45px;}
	#body {margin: 0px;}
	#body div.content {float: left; max-width: 100%; width: 100%; min-height: 100%; _height: 100%; padding: 0px;}
	#body div.content-padding {padding: 0px 10px;}
	#body div.leftsection { width: 100%; }
	#novinky-top-title {max-width: 100%; border-right: none; border-top: none;}
	#novinky {background: #FAFAE0; max-width: 100%; border-right: none;}
	#novinky .hidden a {max-width: 100%; }
	#novinky-wrap {background: #E0E0BE url(img/right-news-top-line.jpg) repeat-x top center; width:100%; border: 1px solid #CDCDCD; }
	#container_left {margin: 0; background: none;}
	#container_right {padding: 0; margin: 0; background: none;}
	#body-center {padding: 0px;}
	#newsletter {border: 1px solid #cdcdcd; max-width: 100%;}
	#left-video {padding: 20px 0px 0px 0px; float: left;}
	#facebook {padding: 40px 0 0 30px;}
	#newsletter {max-width: 100%;}
		#newsletter fieldset, 
		#newsletter label.form, 
		#newsletter label.formlong,
		#newsletter .textbox {max-width: 100%; }
	#alejtech {margin: 0px;}



}

@media screen and (max-width: 330px){
#show-left-menu {margin: 10px 15px;}}