* {  margin: 0px; padding: 0px; box-sizing: border-box; }
html {
  background-color: #811D3E; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  background-color: #811D3E; 
/*  background-color: #97411F; */
/*  background-image: linear-gradient( #97411F, #090F09); */
  background-image: linear-gradient( #D45975, #811D3E, #811D3E); 
  color: #30190E; }

#header-container {
  width: 100%;
  height: auto;
  min-height: 140px;
  background-color: #811D3E;
  z-index: 10;

  background-image: linear-gradient( to top, #D45975, #811D3E, #811D3E); 

  /* The image used */
  background-image: url("webgrafika/header_top3.jpg"); 

  /* Center and scale the image nicely */
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  
  /* Needed to position the navbar 
  position: relative; */
}


#header-in {
  max-width: 1400px;
  width: 98%;
  position: relative;
  left: 50%;		
  margin-left: -700px; 
  background-color: transparent;
}

#sviece-container {
  display: block;
  position: absolute;
  width: 180px;
  height: 178px;
  top: 0px;
  left: 5%;
  background: transparent url(webgrafika/sviece_180178.jpg) left top;
  border: none;
  text-align: center;
  vertical-align: middle;
  z-index: 0;
}

#kvet-container {
  display: block;
  position: absolute;
  width: 81px;
  height: 81px;
  top: 105px;
  left: 10%;
  background: transparent url(webgrafika/kvet.png) ;
  border: none;
  z-index: 5;
}

#logo-container  {
  display: inline-block;
  max-width: 440px;
  width: 40%;
  min-width: 250px;
  vertical-align: top;
  margin: 30px 0 0 24%;
}



#header-right {
  float: right;
  min-height: 130px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

#header-texty  {
  display: inline-block;
  vertical-align: top;
  padding: 20px 15px 10px 0px;
  text-align: right;
  color: white;
  border-right: solid 4px #B00;
  font-size: 0.916em;
}


#header-eshop  {
  display: inline-block;
  margin: 20px 10px 0px 10px;
  padding: 12px 10px 8px 10px;
  text-align: center;
  background-color: #FF0;
  border-radius: 10px;
  color: #C22;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
}

#menu-top-container {
  display: block;
  position: relative;
  top: 10px;
  width: 100%;
  height: auto;
  min-height: 15px;
  padding: 7px 0px;
  background-color: #0A0;
  z-index: 2;
}

#menu-top-container-in {
  max-width: 1040px;
  width: 98%;
  position: relative;
  left: 50%;		
  margin-left: -520px; 
  background-color: transparent;
}

#menu-top-container p{
  text-align: right;
  height: auto;
  margin: 0px auto;
  color: #FFF;
}


#page-container
{ max-width: 1400px;
  width: 100%;
  display: flex;
  position: relative;
  left: 50%;		
  margin-left: -700px;  
  background-color: #FFF;
/*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}

#left-board
{ width : 23%;
  min-height: 100%;
  padding: 0 1.3%;
  display: block;
  float: left;
  background-color: #FFD;
}

#menu  {		/* ľavé menu */
  width : 100%;
  height: 100%;
  margin: 30px 0px; 
  background-color: #FFD;
}

#menu ul
{ margin: 0px;
  padding: 0px;  
  list-style-type: none;
}

#menu li
{ display: inline; /* KLUDGE: Odstraňuje veľké medzery v IE/WIN */
}

#menu ul a
{ display: block;
  width : 94%;
  margin: 7px auto; 
  padding: 10px 4px 10px 8px;	
  color: #C00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  background: #FEA ;
  border-left: 5px solid #C00;
  border-radius: 5px;
  
}

#menu ul a.zvyrazneny2
{ background-color: #FF0;
  border-radius: 5px;
}

#menu ul a:hover
{ background-color: #811D3E;
  color: #FFF;  
}

#menu p 
{ color: #0A0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;   
  padding: 10px 0px 0px 10px;
  margin: 0px; 

}

#menu img    
{ 
  margin: 10px 0px; 
}

#dokument_board
{ display: block;
  float: right;
  width : 74%;
  position: relative;
  margin: 4% 1% 0 1%;
  background-color: transparent; 
  font-size: 0.916em;
}

#dokument_board ul
{ margin: 10px;
  padding: 0px;  
/*  list-style-type: none; */
}

#dokument_board li
{ margin: 4px;
  padding: 0px;  
}


#dokument_board ul a
{ display: block;
  color: #7D0B13;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  text-indent: 10px;
}

#dokument_board ul a:hover
{ /* font-style: italic; */ 
  background-position: right center;
  color: #84C529;  
}

#dokument_board h1 
{  font-size: 1.4em; 
   color: #0A0;
   font-weight: bold;
   margin: 20px 0px 20px 10px;
   padding: 5px 0px;
   border-radius: 5px 0px 0px 5px;
   text-indent: 10px;
   border-bottom: 1px solid #C00;
   border-left: 15px solid #C00;

} 

#dokument_board h2 
{  font-size: 15px; 
   color: #900; 
   font-weight: bold;
   margin: 5px 0px;
   padding: 0px;
} 

#dokument_board h2.aktualita
{  display: block;
   background-color: transparent;
   margin: 5px 0px;
   padding: 5px 0px;
   border-radius: 5px;
   text-indent: 10px;
   border-left: 10px solid #0A0;
   vertical-align: top;
   
} 
#dokument_board h3 
{  font-size: 15px; 
   color: #000; 
   font-weight: bold;
   margin: 0px;
   padding: 0px;
} 

#dokument_board p   {
   margin: 10px 0px;  
}

#dokument_board a
{ color: #800;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-indent: 10px;
}

#dokument_board a:hover
{ font-style: italic; 
  background-position: right center;
}


#dokument_board_galeria_vyska
{ width : 160px;
  height : 1450px;
  position: absolute;
  left: 565px;
  top: 0px;		
  margin: 0px;  
  padding: 0px 10px 0px 10px;
  background-color: #EEE; 
}

#dokument_board_galeria_vyska img
{ width : 150px;
  top: 0px;		
  margin: 0px;  
  padding: 0px;
  background-color: #A00; 
}

p.menu2_neaktivne {font-size: 13px; text-decoration: none; color: #888888; font-weight: bold;}

#dokument_board p.hlavicka_vyrobku {font-size: 12px; font-weight: bold; color: green; margin: 5px 5px;}
#dokument_board p.popis_vyrobku 	  {font-size: 12px; font-weight: normal; color: black; margin: 5px 5px; text-align: justify;}
#dokument_board h1.nazov_produktu {font-size: 14px; background: #84C529; color: #900; font-weight: bold; text-align: center; margin: 0px; padding: 15px 0px;} 

#dokument_board a.seria	{ 
			  display: block;
			  color: green;
			  font-size: 15px;
 			  text-decoration: none;	
			  font-weight: bold;
  			  text-indent: 10px;
			  text-align: center;
			  width: 100%;
			  padding: 15px 0px;
			  background: #EEE;
			}


p.popis_galerie {font-size: 12px; font-weight: normal; color: black; padding: 0px; margin: 5px;}

h1.menu2 {font-size: 15px; color: #84C529; font-weight: bold;} 


.obtekanie_r {
	width: 200px;
/*  	height: 150px; */  
	margin: 5px 10px 10px 15px;
  	overflow: auto;
	float: right;

}

.obtekanie_r img{
	width: 200px;
/*  	height: 150px;  */  
	margin: 0px;
	padding: 0px;
}
table.aktuality
{	border-collapse: separate;
	width: 100%;
	padding: 0px;
	border: none;
}

table.galery4foto
{	border-collapse: separate;
	width: 95%;
	padding: 5px;
	border: 0px solid #900;
}

table.galery4foto td	{ text-align: center; width: 25%; vertical-align: top; }


table.vypis_produktov
{	border-collapse: separate;
	width: 711px;
	padding: 0px;
	border: 0px solid #900;
}

td.vypis_produktov
{	padding: 0px;
	border: 3px groove #900;
	vertical-align: top;

}

table.jedenprodukt
{	border-collapse: collapse;
	width: 235px;
	border: 0px;

}

td.jedenprodukt  {
	padding: 0px;
	border: 0px solid #900;
}

.oddelovac {
  clear: both;
}



#footer
{ width : 100%;
  font-size: 0.91em;
  position: relative;
  background-color : #601030;
  padding: 10px 0px;
  border-top: 1px solid white;
}

#footer-in   { 
   max-width: 1080px;
   width : 98%;
   display: block;
   margin: 5px auto;
}

#footer ul li
{ 
  list-style-type: none;
}

#footer ul a
{ display: block;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
  margin: 0px;  
  padding: 0px 0px 0px 7px;
  line-height: 2.0em;
  list-style-type: none;
}

#footer ul a:hover
{ 
  color: #D45975;  
}

#footer p
{ color: #CCC;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;  
  padding: 0px;
  line-height: 1.5em;
}

#footer a
{ color: #FFF;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;  
  padding: 0px;
  line-height: 2.0em;
}

#cardslider_responsive {  display: none;}
#cardslider_automat {  display: block;}

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

	#header-container { background-position: 11% 0; }
  
}

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

	#page-container	{ left: 0; margin-left: 0; }
	#header-in { left: 0; margin-left: 0; }
	#menu-top-container-in {   left: 0; margin: 0px; }
}

@media screen and (max-width: 900px) {
	#cardslider_responsive { display: block;}
	#cardslider_automat { display: none;}

}

@media screen and (max-width: 840px) {
	#header-texty  { display: none; }
	#logo-container  { margin: 50px 0 0 37%; }
}


@media screen and (max-width: 650px) {
	#logo-container  { float: right; margin: 50px 4% 0 0;}
	#header-right  { display: none; }
}


@media screen and (max-width: 620px) {
	#menu-top-container p { display: none; }
}

@media screen and (max-width: 600px) {
	#page-container {  flex-direction: column;  }
	#left-board {  float: none; display: block; width: 100%;  margin: 0px; min-height: 0;}
	#menu { width: 100%;}
	#menu ul a { margin: 5px auto;   padding: 10px 0px 10px 8px;}
	#dokument_board {  float: none; width: 96%; margin: 10px auto;}
	#dokument_board h1 {   width: 100%; margin: 10px 0;}

}

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

	#kvet-container { top: 80px; }
	#header-eshop  { display: none; }
	#header-right  { display: none; }
	#header-container { background-position: right; }
	#kvet-container { display: none; }
	#logo-container  { margin: 30px 4% 0 0;}
}

@media screen and (max-width: 370px) {
/*	#logo-container  { float: none; display:inline-block; margin: 30px 10px 0px 10px;} 

	#header-in { display: inline-block; }*/
}