* { margin: 0; padding: 0; outline: 0; font-size: 100%; font: inherit; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0; padding: 0; background: rgb(255,255,255); font: normal 14px/20px verdana, tahoma, arial; }
b, strong { font-weight: bold; }
i { font-style: italic; }
.fix { clear: both; }

/***** layout *****/
#header { margin: 0; padding: 10px 0 0 0; width: 100%; overflow: hidden; }
	#header-logo { margin: 10px 0 0 0; float: left; }
		#header-logo img { width: 270px; }
	
	#header-address { margin: 0; padding: 0; float: right; overflow: hidden; }
		#header-address span { margin: 10px 0 3px 0px; display: inline-block; text-align: left; width: 250px; /*border: 1px solid red;*/ }
			#header-address span:nth-child(1) { width: 200px; }
			#header-address span:nth-child(2) { width: 230px; }		
		/*#header-address img:nth-child(1) { margin: 0 4px 0 0; position: relative; top: 4px; height: 20px; }*/
		#header-address input[type=text] { margin: 0 5px 0 0; padding: 5px; border: 1px solid rgb(240,240,240); width: 80%; display: inline-block; }
		#header-address .hand { cursor: pointer; }

	#header-menu { margin: 12px 0 0 0; padding: 0; float: right; overflow: hidden; }
		#header-menu ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; /*border: 1px solid rgb(231,231,231); background: rgb(243,243,243);*/ }
		#header-menu li { float: left; }
		#header-menu li a { margin: 0 4px 0 4px; padding: 10px 15px; display: block; color: rgb(102,102,102); background: rgb(243,243,243); text-align: center; text-decoration: none; font-size: 17px; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; }
		#header-menu li a:hover:not(.active) { background: rgb(133,125,104); color: rgb(255,255,255); }
		#header-menu li a.active { color: white; background: rgb(61,102,154); }

#slider { margin: 15px 0 0 0; padding: 0; width: 100%; height: 333px; overflow: hidden; }
	#slide img { width: 1150px; height: 333px; border-radius: 4px; }

#producer { margin: 15px 0 15px 0; padding: 0; width: 100%; min-height: 80px; overflow: hidden; }	
	.box-producer { margin: 0 5px 10px 5px; padding: 0; float: left; width: 181px; height: 92px; line-height: 88px; text-align: center; border: 1px solid rgb(220,220,220); }
	.box-producer img { width: 160px; vertical-align: middle; }

	#slider2 { margin: 15px 0 0 0; padding: 0; width: 100%; height: 333px; overflow: hidden; }

	.flexslider { margin: 0 !important; padding: 0; }
		.flexslider .slides li { /*padding: 10px;*/ /*border: 1px solid rgb(220,220,220);*/ }
		.flexslider .slides img { opacity: 1.0; transition: all 0.2s ease-in-out 0s; }
			.flexslider .slides img:hover { opacity: 0.5; transition: all 0.2s ease-in-out 0s; }
		.flex-direction-nav a { margin: -10px 0 0 !important; overflow: visible !important; }		
	
#path { margin: 10px auto 15px auto; padding: 10px; width: 100%; color: rgb(120,120,120); background: rgb(231,230,225); overflow: hidden; }
	#path a { color: rgb(60,60,60); text-decoration: underline; }
	
#content { margin: 30px 0 40px 0; padding: 0; width: 100%; /*text-align: justify;*/ /*min-height: 350px;*/ }

#news { padding: 19px 0; background-color: #ebf5fa; -webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.7); box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.7); }
	#news h2 { margin: 0 0 20px 0; font-size: 22px; text-transform: uppercase; }
	#news h3 { margin: 0 0 20px 0; font-size: 16px; }
	#news p { /*font-size: 13px;*/ }
	#news a { color: rgb(0,0,0); }
	#news em { margin: 0; padding: 10px 6px; color: rgb(0,0,0); background: rgb(216,234,250); border-radius: 4px; }
	#news .col33 { padding: 0 10px; /*border-right: 1px solid rgb(216,234,250);*/ }

#footer { margin: 0; padding: 20px; width: 100%; min-height: 150px; color: rgb(255,255,255); background: rgb(61,102,154); overflow: hidden; }
	#footer-address { margin: 15px 0 0 0; float: left; width: 65%; }
		#footer-address img { margin: 0 0 20px 0; width: 150px; }
		#footer-address span { margin: 0 0 20px 0; display: block; }
		#footer-address span:nth-child(1) { font-weight: bold; }
		#footer-address a { color: rgb(255,255,255); text-decoration: underline; }
/*
	#footer-news { margin: 20px 0 0 0; float: right; width: 50%; }
		#footer-news h2 { margin: 0 0 40px -30px; font-size: 20px; text-transform: uppercase; }
		#footer-news span { margin: 0 0 20px 0; display: block; }
			#footer-news span a { color: rgb(255,255,255); }
			#footer-news span em { margin: 0 10px 0 0; padding: 6px; color: rgb(0,0,0); background: rgb(216,234,250); border-radius: 4px; }
		#footer-news .button { margin: 20px 0 0 300px; }
*/
	#footer-form { margin: 15px 0 0 0; float: right; width: 35%; font-weight: normal; }
		#footer-form a { color: rgb(254,149,14); }
		#footer-form h2 { margin: 0 0 15px 0; /*text-transform: uppercase;*/ text-align: center; font-size: 20px; }
		#footer-form input[type=text] { margin: 3px 0 5px 0; padding: 5px; width: 100%; background: rgb(244,243,243); color: rgb(0,0,0); border: 1px solid rgb(227,227,227); border-radius: 3px; text-align: left; }
			#footer-form input[type=text]:hover { border: 1px solid rgb(254,149,14); }
		#footer-form textarea { margin: 2px 0 0 0; padding: 5px; width: 100%; height: 80px; background: rgb(244,243,243); color: rgb(0,0,0); border: 1px solid rgb(227,227,227); border-radius: 3px; }
			#footer-form textarea:hover { border: 1px solid rgb(254,149,14); }
		#footer-form input[type=submit], #footer-form input[type=button], #footer-form button { margin: 5px 0 0 0; padding: 5px 20px; float: right; background: rgb(254,149,14); color: rgb(255,255,255); font-size: 14px; /*font-weight: bold;*/ cursor: pointer; transition: all 0.1s linear 0s; }
			#footer-form input[type=submit]:hover, #footer-form input[type=button]:hover, #footer-form button:hover { background: rgb(244,139,24); transition: all 0.1s linear 0s; }		
		.grecaptcha-badge { display: none !important; }	

#copyright { margin: 0; padding: 15px; width: 100%; background: rgb(133,125,104); color: rgb(255,255,255); text-align: center; }	
	#copyright a { color: rgb(255,255,255); font-weight: bold; text-decoration: none; }		
	#copyright a:hover { text-decoration: underline; }

.container { margin: 0px auto; width: 1150px; }

/***** content *****/
a { text-decoration: none; color: rgb(0,64,128); text-decoration: none; }
	a:hover { text-decoration: underline; color: rgb(0,64,128); }
p { margin: 0 0 15px; }
h1 { margin: 0 0 20px 0; padding: 0; font-size: 30px; line-height: 37px; text-align: left; }
h2 { margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 25px; text-align: left; /*font-weight: bold;*/ /*color: rgb(170,34,34);*/ }
h3 { margin: 0 0 10px 0; padding: 0; font-size: 18px; color: rgb(61,102,154); /*font-style: italic;*/ }
ul, ol { margin: 0 0 15px 30px; }
hr { margin: 20px 0 20px 0; border: 0; width: 100%; background-color: rgb(240,240,240); height: 1px; }
iframe { width: 100%; min-height: 350px; overflow: auto; }

.zavinac, .zavinac img { height: 16px; vertical-align: middle; }
.info { margin: 60px 0 60px 0; color: rgb(150,150,150); text-align: center; }
.success { margin: 0 0 10px 0; padding: 8px; width: 100%; background: rgb(191,227,249); border: 1px solid rgb(101,164,208); color: rgb(30,30,30); }
.error { margin: 0 0 10px 0; padding: 8px; width: 100%; background: rgb(254,204,203); border: 1px solid rgb(253,152,156); color: rgb(30,30,30); }
.button { padding: 6px 12px; color: rgb(0,0,0); display: inline-block; background: rgb(252,176,0); border-radius: 4px; transition: all 0.2s ease-in-out 0s; cursor: pointer; /*opacity: 0.8;*/ }
	.button:hover { color: rgb(0,0,0); /*background: rgb(254,170,62);*/ background: rgb(232,156,0); text-decoration: none; transition: all 0.2s ease-in-out 0s; /*opacity: 1.0;*/ }
.zooming { transition: all 0.3s linear 0s; -webkit-transform: scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); }	
	.zooming:hover { transition: all 0.3s linear 0s; -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }	
#map1, #map2, #map3 { margin: 20px 0 15px 0; width: 90%; height: 350px; box-shadow: 0px 0px 5px 5px rgb(200,200,200); }
.map { margin: 20px 0 15px 0; width: 90%; height: 350px; box-shadow: 0px 0px 5px 5px rgb(200,200,200); }

.col25 { padding: 0px; float: left; width: 25%; display: block; }
.col33 { padding: 0px; float: left; width: 33.3%; display: block; }
.col40 { padding: 0px; float: left; width: 40%; display: block; }
.col30 { padding: 0px; float: left; width: 30%; display: block; }
.col50 { padding: 0px; float: left; width: 50%; display: block; }
.col60 { padding: 0px; float: left; width: 60%; display: block; }
.col70 { padding: 0px; float: left; width: 70%; display: block; }
.col75 { padding: 0px; float: left; width: 75%; display: block; }
.col100 { padding: 0px; float: left; width: 100%; display: block; }

/***** home *****/
.button-home a { margin: 0; display: block; float: left; width: 550px; /*height: 245px;*/ height: auto; line-height: 80px; color: rgb(255,255,255); font-size: 30px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 4px 4px 4px 4px; transition: all 0.2s ease-in-out 0s; /*border: 1px solid red;*/ }
	.button-home.laboratorna a { margin: 10px 0 15px 0px;background: rgb(61,102,154); }
	.button-home.zdravotnicka a { margin: 10px 0 15px 25px; background: rgb(133,125,104); }
	.button-home a:hover { background: rgb(0,0,0); text-decoration: underline; transition: all 0.2s ease-in-out 0s; }
	.button-home img { width: 550px; height: 165px; /*box-shadow: 0px 3px 3px rgb(150,150,150);*/ }

.left { width: 50%; float: left; text-align: left; overflow: hidden; /*border: 2px solid blue;*/ }
.right { width: 50%; float: right; text-align: left; /*border: 2px solid red;*/ }
	
/***** produkty *****/	
.note-producer { margin: 0 0 25px 0; color: rgb(100,100,100); /*font-size: 13px;*/ }
.note-category { margin: 0 0 25px 0; color: rgb(100,100,100); /*font-size: 13px;*/ }

.box-category a { margin: 0 12px 24px 12px; padding: 20px; float: left; display: block; width: 550px; height: 230px; text-align: center; text-decoration: none; border: 1px solid rgb(220,220,220); /*box-shadow: 0px 1px 2px #D8D8D8;*/ border-radius: 4px; transition: all 0.2s linear 0s; overflow: hidden; }
	.box-category img { width: 190px; height: 190px; float: left; }
	.box-category .text { width: 60%; float: right; text-align: left; color: rgb(0,0,0); /*border: 1px solid red;*/ }
	.box-category a:hover { box-shadow: 0px 0px 15px rgb(216,234,250); transition: all 0.2s linear 0s; }

.box-product a { margin: 10px; padding: 10px; float: left; display: block; width: 267px; height: 300px; text-align: center; text-decoration: none; border: 1px solid rgb(220,220,220); border-radius: 4px; transition: all 0.2s linear 0s; overflow: hidden; }
	.box-product img { width: 230px; height: auto; }
	.box-product h2 { font-size: 15px; text-align: center; }
	.box-product a:hover { box-shadow: 0px 0px 15px rgb(216,234,250); transition: all 0.2s linear 0s; }

.box-detail { color: rgb(80,80,80); overflow: hidden; }	
	.box-detail .left { margin: 0px auto; text-align: center; width: 48%; }
		.box-detail .left img { margin: 0px auto; /*width: auto;*/ max-width: 100%; text-align: center; }
		.box-detail h2 { margin: 20px 0 10px 0; }
	.box-detail .right { width: 48%; text-align: justify; }
	.box-detail .gallery { display: block; width: 100%; text-align: left; /*border: 1px solid red;*/ } 
		.box-detail .gallery img { margin: 0 15px 15px 0; width: auto; height: 135px; border: 1px solid rgb(231, 230, 225); transition: all 0.2s ease-in-out 0s; }
		.box-detail .gallery img:hover { border: 1px solid rgb(210, 23, 38); transition: all 0.2s ease-in-out 0s; }
	.box-detail .producer { margin: 0 0 10px 0; }	
	.box-detail .note { margin: 0 0 10px 0; }
	.box-detail .download { /*display: block; width: 100%;*/ }
	.box-detail iframe { margin: 30px 0 0 0; width: 100%; min-height: 300px !important; }
	.box-detail a { text-decoration: underline; }

/***** zastupenie *****/
.table-zastupenie { margin: 20px 0 0 0; width: 100%; border-collapse: collapse; }
	.table-zastupenie tr td { padding: 10px; height: 150px; /*text-align: left;*/ border: 1px dotted rgb(230,230,230); }
	.table-zastupenie tr td:nth-child(1) { text-align: center; }
	.table-zastupenie tr td:nth-child(2) { text-align: center; }
	.table-zastupenie tr:hover td { background: rgb(245,245,245); }	

/***** kontakt *****/
.table-kontakt tr td { width: 33%; text-align: left; vertical-align: top; }	
	
/***** scrool *****/
a#scrollToTop { padding: 0 0 0 25px; color: rgb(0,0,0); background: url('upload/layout/scrolltop1.png') no-repeat; opacity: 0.5; width: 50px; height: 50px; text-align: center; right: 20px; bottom: 20px; text-decoration: none; display: none; position: fixed; z-index: 100; }
	a#scrollToTop:hover { opacity: 1.0; }	

/***** responsive *****/
.slicknav_menu { display: none; }
@media all and (max-width: 1149px) {
	
	#headerr, #sliderr, #producerr, #pathh, #contentt, #footerr, #copyrightt { display: none; }

	.container { margin: 0px auto; padding: 0 5px 0 5px !important; width: 100%; overflow: hidden; }
	
	.slicknav_menu { padding: 3px; display: block; width: 97.5% !important; /*background: rgb(133,125,104) !important;*/ background: rgb(243,243,243) !important; overflow: hidden; }
		.slicknav_menutxt { color: rgb(0,0,0) !important; font-weight: normal; }	
	
	#header { width: 100%; height: auto; overflow: hidden; }
		
		#header-logo img { width: 100%; max-width: 800px; height: auto; }
		#header-address { display: none; }
/*		
		#header-address { font-size: 10px; }
			#header-address img { display: none; }
			#header-address span { display: inline-block !important; width: 33% !important; }
*/		
		#header-menu { margin: 0 0 35px 0; padding: 0; width: 100%; display: block; float: none; }
			#header-menu ul { margin: 0 0 10px 0; padding: 0 0 5px 0; display: none; border: none; background: none; }
			#header-menu ul li { margin: 0; padding: 0; width: 100%; display: block; }
			#header-menu ul li a { margin: 0; padding: 8px; width: 100%; display: block; color: rgb(0,0,0) !important; text-align: left; border-bottom: 1px solid rgb(255,255,255); }
				#header-menu li a:hover:not(.active) { background: rgb(133,125,104); color: rgb(255,255,255) !important; }
				#header-menu li a.active { color: rgb(255,255,255) !important; }

	#slider { margin: 15px 0 0 0 !important; width: 100%; height: auto; }
		#slide img { width: 100%; height: auto; }
		.bx-wrapper { margin: 0 auto !important; }

	#producer { margin: 20px 0 -25px 0; }
		.box-producer { width: 47%; height: auto; }
			.box-producer img { width: 100%; max-width: 190px; height: auto; }

	#path { margin: 30px auto 15px auto; }
	
	#footer { padding: 10px; }
		#footer-address { display: block; float: none; width: 100%; }
		#footer-news { display: block; float: none; width: 100%; }
			#footer-news h2 { margin: 0 0 20px 0; }
			#footer-news .button { margin: 15px 0 15px 0; }
		#footer-form { display: block; float: none; width: 100%; }
	
	/***** content *****/	
	.button-home a { margin: 0; padding: 10px; display: block; float: none; width: 100%; height: auto; line-height: 35px; }
		.left, .right { display: block; float: none; width: 100%; }
			.left .button-home a { margin: -20px 0 0 0; }
		.button-home.laboratorna a, .button-home.zdravotnicka a { margin: 10px 0 10px 0; }
		.button-home img { width: 100%; height: auto; }

	.box-category a { margin: 0 0 12px 0; padding: 20px !important; display: block; float: none; width: 100%; height: auto; overflow: hidden !important; }
		.box-category img { width: 35%; max-width: 190px; height: auto; float: left; }
		.box-category .text { overflow: hidden; height: auto; }
  
  	.box-product a { margin: 0 0 10px 0; padding: 10px; float: none; display: block; width: 100%; height: auto; }
  
  	.box-detail .left, .box-detail .right { float: none; display: block; width: 100%; height: auto; } 
  
  	.table-zastupenie tr { margin: 0 0 30px 0 !important; display: block; }
  		.table-zastupenie tr td:nth-child(1) { display: block; float: left; width: 48% !important; }
  		.table-zastupenie tr td:nth-child(2) { display: block; float: left; width: 48% !important; }  	
  		.table-zastupenie tr td:nth-child(3) { display: block; float: none; width: 100% !important; height: auto; text-align: left; overflow: hidden; } 	
  
	.table-kontakt tr td { display: block; float: none; width: 100% !important; text-align: left; }
	#map1, #map2 { margin: 15px 0 25px 0; width: 100%; height: 350px; }
	
	#news .col25 { margin: 0 0 15px 0; }
	
	#producer { min-height: 30px; }	
	
	.col25 { float: none; width: 100%; }
	.col33 { float: none; width: 100%; }
	.col40 { float: none; width: 100%; }
	.col30 { float: none; width: 100%; }
	.col50 { float: none; width: 100%; }
	.col60 { float: none; width: 100%; }
	.col70 { float: none; width: 100%; }
	.col75 { float: none; width: 100%; }
	.col100 { float: none; width: 100%; }	

}