/* Reset CSS
*****************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @font-face
*****************************************************************/

@font-face {
    font-family: 'DejaVuSansMonoBold';
    src: url('../fonts/DejaVuSansMono-Bold-webfont.eot');
    src: url('../fonts/DejaVuSansMono-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DejaVuSansMono-Bold-webfont.woff') format('woff'),
         url('../fonts/DejaVuSansMono-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSansMono-Bold-webfont.svg#DejaVuSansMonoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Base styles
*****************************************************************/

html { 
	
	
	overflow: scroll;
	    font-family: Verdana,Geneva,Kalimati,sans-serif;
	}
	
	body {
		
	
        
      
	
       background-color:#fefefe;
		
	/*	 background: url('../images/bbg4.jpg') no-repeat center center fixed; */
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;
	
		overflow: hidden;
		
	

		}
	
	
	
	#header{
	top:-39px;
		 	
position: relative;

background: rgba(254, 254, 254, 0.8);

width: 1000px;

margin-left: auto;
margin-right: auto;

		}
		
		
		#footer{
		width:1000px;
top: -80px;

position: relative;

background: #a6cfe7;
height: 45px;


margin-left: auto;
margin-right: auto;

		}
	
	
	h1{
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-size:18px;
		position:absolute;
		color:#207fca;
		left:119px;
		top:16px;
		font-weight:bold;
	}
	
		.lab	{
	
	background-color:#2a9fe4;
	font-size:13px;	
	color:#fefefe;
	font-weight: bold;
	padding:8px;
	
	}
	
		.lab1	{
	
	    left: -14px;
    position: relative;
    background-color: #c5d9e4;
    font-size: 13px;
    color: #fefefe;
    font-weight: bold;
    padding: 8px
	
	}
		.lab2	{
	
	    left: 25px;
    position: relative;
    background-color: #c5d9e4;
    font-size: 13px;
    color: #fefefe;
    font-weight: bold;
    padding: 8px
	
	}
	
	
 #header #logo {
		
	
	height: 60px;
position: relative;
left: 100px;
	
	}
	
	

	H2{
		font-weight:900
		color: #009fe0;
		font-size:14px;
	}
	
  #header #lang{
  	
  	position:absolute;
  	top: 14px;
    left: 920px;
  	
  }
		#contact{
			
			left:48px;
		}
	
	#sertif{
		
		left:66px;
	}
		
		
	.img-frame-cap {
		
		margin-left: 25px;
		float:left;
    width:200px;
    background:#ffffff;
    padding:10px 10px 2px 10px;
    border:1px solid #999999; }	
		
	.caption {
		
		text-align:center;
		margin-top:20px;
		font-size:14px; 
		font-weight:800;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif
		}	
		
.column {
margin:20px;

box-shadow: 2px 2px 2px #d3d3d3;
    float: left;
    width: 27%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
		
	/* images */
	
	
	
	
	#cov  {
	
	position:relative;
  	top: 6px;
    left: 45px;
    
    }
    
    #bacteria {
	
	    position: absolute;
   
    top: 25px;
    left: 590px;
    
    }
	
	#sklad  {
	
	    position: absolute;
    width: 400px;
    top: 35px;
    left: 423px;
    
    }
    
   
	
	/* form */
	
	form {
	width:300px;
	margin:0 auto;
}

label {
	display:block;
	margin-top:15px;
	letter-spacing:2px;
}

input, textarea {
	width:284px;
	height:22px;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:7px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:1px solid #97d6eb;
	}

textarea {
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}

#submit {
	background:url(../images/submit.jpg);
	width:127px;
	height:38px;
	text-indent:-9999px;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

	#submit:hover {
		opacity:0.9;
	}

footer a img {
	border:none;
	float:right;
	margin:0px 59px 40px 0px;
}
	
	/* form */
	
	
		
	#header #nav {
		top: 35px;
left: 354px;
color: #6b6a6a;
font-family: Verdana,Geneva,Kalimati,sans-serif;

position: absolute;
font-size: 16px;
		
		}
		#header #nav a {
			text-decoration:none;
			color:inherit;
			
			padding:0 10px;
		}
		#header #nav a:last-child {
			border-right: none;
			padding-right:0;
		}
		
		
		
			#footer #nav {
			
		top: 16px;
left: 354px;
color: #009fe0;
font-family: Verdana,Geneva,Kalimati,sans-serif;

position: absolute;
font-size: 16px;
		
		}
		#footer #nav a {
			text-decoration:none;
			color:inherit;
			
			padding:0 10px;
		}
		#footer #nav a:last-child {
			border-right: none;
			padding-right:0;
		}
		
			
		
		/*
		
		#titl1 {
			
			margin-left:50px;
			margin-top:20px;
			font-size:16px;
            
			font-weight:900;
			
			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		*/
		
		
	.foo {
    z-index: -1;
    background-color: #a6cfe7;
    left: -1000px;
    position: absolute;
   
    width: 2920px;
    height: 46px;
   
		}
		
		.foo1 {
       z-index: 1;
    background-color: #a6cfe7;
    left: -1000px;
    position: relative;
    top: -23px;
    width: 2920px;
    height: 30px;
   
		}
		.foo2 {
         z-index: 1;
    background-color: #a6cfe7;
  
    position: relative;
    top: -23px;
    width: 290px;
    height: 9px;
   
		}
		
		  
		
	input[type=button],input[type=submit],button{
		
		
    background-color: #46c7f1;
    font-size:16px;
    border:none;
    color:#FeFeFe;
    cursor:pointer;
}	
		
		
		#mapinfo {
			
			margin-left:10px;
			
		}
		
		#titl {
			
			
			margin-top:30px;
			width:260px;
			margin-left:25px;
            font-size:16px;
            
			font-weight:900;
			
			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			float: left;
		}
		
		
		#kartawrap {
			
			margin-top:30px;
			margin-left:35px;
			position:relative;
			width:654px;
			float: left;
		}
		
		
		
		  #navkarta {
		  	
		background-color: #46c7f1;
		color:#fefefe;
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-weight:bold;
		padding-top: 5px;
        padding-bottom: 5px;
		font-size:14px;
		
		}
		 #navkarta a {
			text-decoration:none;
			color:inherit;
			border-right:2px solid #fefefe;
			padding:0 50px;
		}
		 #navkarta a:last-child {
			border-right: none;
			padding-right:0;
		}
		
		
		.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #3B3B3B;
  font-size: .9em;
  line-height: 2;
  border: 3px solid #B3E1F8;
  border-radius: .25em;
      background: #E3F4FF;
    
    
    
    
    
  
}

.read-more-wrap{font-size: 18px;
line-height: 23px;}


/* Other style */ 
body {
  padding: 2%;
}

p {
  padding: 2%;
  background: #E3F4FF;
  color: #4C4C4C;
  border: 3px solid #95CEF8;
  border-radius: .25em;
}
		
		
		
		.cveten{
			
			font-weight:900;
		color: #009fe0;
		font-size:18px;
			
		}
		
		.cveten1{
			margin:15px;
			font-weight:900;
		color: #009fe0;
		font-size:35px;
		font-family: Verdana,Geneva,Kalimati,sans-serif;	
		}
		
		.sin {
			
		
		color: #009fe0;
		font-size:14px;
		}
		
		.cent {
			
		
		
		}
		
		
		.und {
			
		border-bottom: solid;
		border-bottom-color: #2a9fe4;
		}
		
		
		.sin1 {
			
		margin:15px;
		color: #009fe0;
		font-size:17px;
		}
		
		.titl1 {
			
			font-weight:300;
		
		font-size:22px;
		}
		
		.titl2 {
			
			font-weight:300;
		
		font-size:19px;
		}
		
		.bold {
			
			font-weight:900;
		color: #000000;
		font-size:16px;
		}
		
		
		.black {
			
		
		color: #222222;
		font-size:14px;
		}
		
		
		.butoni {
			
			top: -12px;
left: 40px;
position: relative;
		}
		
		body #content{
			
			margin-top: 50px;
		}
		
		#text{
			
			
			line-height: 180%;
			position: relative;
            font-size:14px;
            text-align:left;
			padding-top:30px;
			left:110px;
			
			width:80%;
			
			color:#6b6a6a;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			
		}
		
		
		#textcont{
			
			
			
			position: relative;
            font-size:16px;
            text-align:left;
			padding:20px;
			left:40px;
			
			width:70%;
			
			color:#000000;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-weight:900;
		}
		
		
		#wrap{
			position:relative;
			top:10px;
		}
		
		
		
		
		#vizitki {
position: relative;
font-size: 14px;
text-align: right;
padding: 15px;
left: 49px;
width: 30%;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
		
		
		#colona1 {
			
			
			
		}
		
		#colona2 {
			
			line-height: 120%;
            top: -720px;
			position: relative;
			left:470px;
			width: 1350px;
		}
		
		
		a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
		
		/* unvisited link */
a:link {
color: #3C3D3D;
}

/* visited link */
a:visited {
color: #336B97;
}

/* mouse over link */
a:hover {
color: #53A7E9;
}

/* selected link */
a:active {
color: #0000FF;
}
		
		#button1{
			
			box-shadow:         1px 1px 1px 1px #999999;
			
			
			position:relative;
			line-height:40px;
			padding:10px;
			display:inline;
			background-color:#76DA57;
			

		}	
		
		
		
		
		
		
		#button2{
			
		
			
			box-shadow:         1px 1px 1px 1px #999999;
			text-color:#000000;
			
			position:relative;
			line-height:40px;
			padding:10px;
			display:inline;
			background-color:#F6C608;
			

		}	
		
		
		
		
		
		#text1{
			
		
    font-size: 15px;
    left: 3px;
    width: 61%;
    font-family: Arial, Helvetica, sans-serif;
		}
		
		
		#text2{
		line-height: 180%;
			
            font-size:14px;
            text-align:left;
			padding-top:30px;
			left:110px;
			
			
			
			color:#6b6a6a;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		
		.bord a:hover {
			
			border-color: #643464;
		}
		
		.bord {
			
			border: 2px solid;
			border-color: #009fe0;
			background-color:yellow;
		}
		
		#text3{
			
			
			
			position: relative;
            font-size:16px;
            left: -37px;
			
			font-weight:700;
			width:50%;
			float:right;
			color:#000000;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		
		#text4{
			
			
			
			position: relative;
            font-size:16px;
            left: -37px;
			
			font-weight:700;
			width:50%;
			float:right;
			color:#000000;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		
		#text5{
			
			top:20px;
			height:270px;
			overflow:scroll;
			position: relative;
            font-size:15px;
            left: -37px;
			width:50%;
			float:right;
			color:#000000;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		
		#pic1{
			
			float:left;
			
		}
		
		
		 #content #infobox{
		 	color:#fefefe;
			position:relative;
			top:-85px;
			background: #a6cfe7;
			height:95px;
			font-size:30px;
            padding:30px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
			
		}
			 #content #infobox1{
		 	color:#fefefe;
			position:relative;
			top:-85px;
			background: #a6cfe7;
			
			font-size:30px;
            padding:30px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
			
		}
		
		body #content #support{
			
			top:-85px;
			position:relative;
			
			background: rgba(254, 254, 254, 0.8);
			height:890px;
			width:1000px;
           
            
            
            margin-left:auto;
            margin-right:auto;

			
		}
		
		body #content #support1{
			
				top:-85px;
			position:relative;
			
			background: rgba(254, 254, 254, 0.8);
			height:1440px;
			width:1000px;
           
            
            
            margin-left:auto;
            margin-right:auto;

			
		}
		
		body #content #support2{
			
				top:-85px;
			position:relative;
			
			background: rgba(254, 254, 254, 0.8);
			height:1020px;
			width:1000px;
           
           
            
            margin-left:auto;
            margin-right:auto;

			
		}
		
		body #content #support3{
			
				top:-85px;
			position:relative;
			
			background: rgba(254, 254, 254, 0.8);
			height:1190px;
			width:1000px;
           
            
            
            margin-left:auto;
            margin-right:auto;

			
		}
		
		
		
		
		
		
		body #content #documents{
			
	    box-shadow: 2px 2px 2px #ededed;
    left: 80px;
    position: relative;
    float: right;
    width: 300px;
	text-decoration:underline;		
		}
		
		#boll {
			position:absolute;
			left:728px;
			top:637px;
		}
		
		
		/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 997px;
	height: 323px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 1 45px 28px 45px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(../images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #009fe0;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}