/* #B00 - bordová */

* {  margin: 0px; padding: 0px; box-sizing: border-box; }
#first  { position: absolute; left: -10px;}

body {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 95%;
  font-weight: normal;
  line-height: 1.125em;
  color: #555; 
  background-color: #FFF;
}

p { 
  font-size: 0.916em;
  text-decoration: none;
}

p.cena { 
  color: #A00; 
  font-weight: bold;
}

small {font-size: 80%;}

a { 
  color: #800;
  font-size: 0.916em;
  text-decoration: none;
  font-weight: bold;
}

a:hover { 
  text-decoration: underline;
}

.r-align { 
	text-align: right;
}

.l-align { 
	text-align: left;
}

.c-align { 
	text-align: center;
}

#header  { 
  width: 100%;
  position: relative;
  border-bottom: 1px solid #B00;
}

#top-bar-container  { 
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  background: #ececec;
  padding: 5px 4%;
  text-align: right;
}

#top-bar-container  p, #top-bar-container  a { 
	font-size: 0.958em;
}

#top-menu-container  { 
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  background: #811D3E;
}

#top_menu  { 
  margin: 5px 5% 5px 0px;
  display: block;
  float: right;
  border-radius: 7px;
  background-color: transparent;
}

#top_menu a  { 
  display: inline-block;
  margin: 4px 8px;
  padding: 3px;
  position: relative;
  font-size: 0.833em;
  color: #FFF;
  border-left: 1px dotted #FFF;
}

#logo  { 
  width: 58%;
  max-width: 270px;
  max-height: 61px;
  display: inline-block;
  position: relative;
  margin: 20px 5%; 
  background: transparent;
}

#logo img { 
  max-width: 270px;
  width: 100%;
}

#login_info
{ display: inline-block;
  position: relative;
  margin: 0 10px 0 0;
  vertical-align: top;		
}

#login_info_down
{ display: inline-block;
  margin: 30px 1%; 
  padding-left: 1%;
  max-width: 30%;
  position: relative;
  vertical-align: top;
}

#login_info_down  .login-long { display: block; font-size: 0.9375em;}

#login_info_down  .login-short { display: none; font-size: 0.875em; }

#header_right
{ display: block;
  position: relative;
  padding: 0px;
  float: right;
  margin: 10px 4% 2px 0%;	
}

#kosik_mini		/*  malá ikona košíka v hlavičke */
{ display: inline-block;
  position: relative;
  padding: 0px;
  float: right;
  margin: 0px;	
  text-align: center;
  vertical-align: top;	
}

#kosik_mini a
{ display: block;
  padding: 5px;
  border-radius: 10%;
}

#kosik_mini a:hover
{ 
  background-color: #84C529;

}

#kosik_text
{ margin: 5px;
  position: relative;
  color:  #900;
  text-align: center;
  font-size: 0.9em;
  background: transparent;
}


#kosik_main  {   /*  pre výpis položiek celého košíka */
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 0;
}

#kosik_main  table {   
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px 0px;

}

#kosik_main  th h2 {   
  font-size: 0.9375em;
  padding: 0;
  margin: 0;
}

#kosik_main  th {   
  padding: 4px 2px;
  margin: 0 auto;
  background-color: #CF6;
  border-radius: 4px;
}

#kosik_main  td {   
  padding: 6px 0px;
  margin: 0 auto;
  background-color: #FFF;
}

/* Tento class je iný na webe a inak ho posielam do mailu */
#kosik_main  td.product-footer {   
  border-bottom: 1px dotted #555;
}


#kosik_main a.delete   { 
  color: #777;
}

#kosik_main a.delete:hover  { 
  color: #DC143C;
}


#formular_objednavka_finale  {   /*  pre výpis Spôsob dopravy a platby v košíku */
  display: block;
  width: 100%;
  margin: 10px 0;
}

#formular_objednavka_finale  table {   
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px 3px;
  border: none;
}

#formular_objednavka_finale  th {   
  padding: 5px 5px;
  margin: 0 auto;
  background-color: #FF8;
}

#formular_objednavka_finale  td {   
  padding: 5px 0px;
  margin: 0 auto;
  background-color: #FF8;
}

#v_obj_text  {   	/*  Poznámka v tabuľke Spôsob dopravy a platby v košíku */
  width: 100%;
}


#main { 
  width : 1200px;
  position: relative;
  left: 50%;		
  margin-left: -600px; 
  background-color: transparent;
}

#okno_vypisov
{ width: 100%;
  position: relative;
  margin: 20px 0px;
  padding: 20px 30px;
  text-align: center;
  color:  #FFF;
  text-align: center;
  font-size: 1em;
  border-radius: 8px; 
  background: #900;
}


#menu
{ width: 25%;
  min-width: 250px;
  position: relative;
  display: block;
  float: left;
  left: 0px;	
  top: 0px;		
  margin: 0px; 
  padding: 0px 5px 20px 5px;
  border-radius: 8px; 
  background-color: transparent;

}

#menu ul h1
{ width : 95%;
  margin: 5px 0px;
  padding: 5px 5px 5px 8px; 
  background: #84C529;
  font-size: 1.2em;
  color: #FFF; 
  font-weight: bold;
  border-radius: 6px;
}


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

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

#menu ul a
{ display: block;
  color: #900;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
  padding: 0px 0px 0px 5px;
  line-height: 1.8em;
}

#menu ul a:hover
{ /* font-style: italic; */ 
  color: #84C529;  
}

#menu ul p
{ display: block;
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
  margin: 0px;  
  padding: 0px 0px 0px 5px;
  line-height: 1.8em;
}

.secondary-menu-container { 
    display: block; 
    width: 100%;
    background: #eee;
    padding: 0px 10px;'
}

#dokument_board
{ width : 72%;
  float: right;
  display: block;
  position: relative;
  margin: 0px;  
  background-color: #FFF;
}

#dokumet_board ul
{ margin: 10px;
  padding: 0px;
}

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


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

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

#dokumet_board td.tbl_row1
{ 
  width: 30%; background: #FF9; padding: 5px;
}

#dokumet_board td.tbl_row2
{ 
  background: #FFB; padding: 5px;
}

#dokument_board h1  {
/* font-size: 1.25em; 
   line-height: 1.25em; 
   color: #FFF; 
   background-color: #FF5500; 
   font-weight: bold;
   margin: 10px 0px;
   padding: 10px;
   border-radius: 0px 7px 0px 7px;
*/
    font-size: 1.4em;
    color: #0A0;
    background-color: transparent;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    padding: 5px 0px;
    border-radius: 5px 0px 0px 5px;
    text-indent: 10px;
    border-bottom: 1px solid #C00;
    border-left: 15px solid #C00;
} 

#tovarova-skupina h1 {  
/*   border-bottom: solid 3px #0C0; background-color: #FFF; padding: 0px 0px 2px 0px; margin: 20px 0px; color: #F50; */ 
    font-size: 1.4em;
    color: #0A0;
    background-color: transparent;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    padding: 5px 0px;
    border-radius: 5px 0px 0px 5px;
    text-indent: 10px;
    border-bottom: 1px solid #C00;
    border-left: 15px solid #C00;
}

#tovarova-skupina span	{  
   font-size: 0.60em; padding: 8px; margin: 0px 8px 0px 0px; color: #FFF; background-color: #F50; border-radius: 7px; } 

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

#dokument_board h3 
{  font-size: 1em; 
   color: #000; 
   font-weight: bold;
   margin: 0px 5px;
   padding: 0px;
} 

#dokument_board p
{ margin: 0px 5px;  
  padding: 0px;  
  font-size: 1.00em;
}

#dokument_board p.zarovnany 
{ margin: 10px 3px; font-size: 0.9375em; text-indent: 20px; text-align: justify;}

#dokument_board a
{ color: #800;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.00em;
  text-decoration: none;
  font-weight: normal;
}

#dokument_board a.detail
{ display: block;
  width: 99%;
  text-align: center;
  margin: 0px auto;
  color: #A00;
  font-size: 0.9375em;
  text-decoration: none;
  font-weight: bold;
  background: #FFA;
  padding: 6px 0px;
  text-indent: 0px;
}

#dokument_board a:hover
{ text-decoration: underline;
  background-position: right center;
}

#navratove_odkazy a
{ color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

#navratove_odkazy a:hover
{ 
  color: #E00;
  font-style: normal;
}

div.vypis_hlaviciek 
{ display: inline-block;
  width : 30.8%;
  margin: 7px 1.0%;
  padding: 8px 0px 0px 0px;
  vertical-align: top;
  text-align: center;
  border-style: solid;
  border-width: 0px;
  background: #84C529;
  border-radius: 6px;
}

#dokument_board .vypis_hlaviciek h2 
{  width: 100%;
   min-height: 38px;
   height: auto;
   font-size: 1em; 
   color: #A00; 
   font-weight: bold;
   margin: 5px 0px;
   padding: 0px;
   text-align: center;
}

#DivVystupNasepkane
{  display: block; 
   width: 100%;
   height: auto;
   margin: 15px 0px;
}

#DivVystupNasepkane a.nasepkany-odkaz
{  display: block; 
   width: 100%;
   height: auto;
   font-size: 0.875em; 
   color: #A00; 
   font-weight: normal;
   margin: 5px 0px;
   padding: 5px;
   text-align: left;
   background-color: #FFE;
   border: 1px solid #888;
   border-radius: 5px;
   box-sizing: border-box;
}


p.hlavicka_vyrobku {font-size: 1.0714em; font-weight: bold; color: black;}
p.popis_vyrobku {font-size: 1em; font-weight: normal; color: black;}
p.popis_galerie {font-size: 12em; font-weight: normal; color: black; padding: 0px; margin: 5px;}




#objednavka  { 
  right: 50px;

}

#objednavka a
{ display: block;
  width : 300px;
  height : 45px;
  left: 250px;
  background: transparent url(_ikony/ico_objednavka.png) no-repeat left top;
}

#objednavka a:hover { 
  background-position: left bottom;
}

#tlacidla { 
   display: block;
   left: 50px;
   top: 50px;
}

#tlacidla a  { 
   display: block;
   width : 100%;
   height : auto;
   margin: 15px 0;
   padding: 12px 1%;
   font-size: 1em;
   font-weight: bold;
   color: #FFF;
   background-color: #84C529;
   border-radius: 8px;
}


#tlacidla a:hover
{ 
  text-decoration: none;
  background-color: red;

}

#tovar {
	display: block;
	width: 100%;
}

#tovar h1 {
    font-size: 20px;
    color: #FF5500;
    font-weight: bold;
    margin: 10px 0px;
    padding: 7px 0px 7px 5px;
    border-radius: 5px;
    text-indent: 0px;
    background: none;
    border-left: 25px solid  #FF5500;
}

#tovar p.popis {
    display: block;
    font-size: 1em;
    color: #000;
    margin: 10px 0px;
    padding: 5px;
    background: #EEE;
    width: 100%;
}

#tovar table {  width: 100%;  }

#tovar div.tovar-foto {
    display: block;
    width: auto;
    background: none;
    border: none;
}

#tovar img {
    padding: 2px;
    display: block;
    background: #FFF;
    border: 2px solid  #F50;
    border-radius: 8px;
}

table.produkt { width: 100%; border: none; padding: 1px;}
span.oznacenie-ceny { font-size: 0.8em;}
strong	{  
   color: #900; 
   font-weight: normal;
   padding: 0px;
} 

strong.zvyraznena-cena { text-align: right; font-size: 1.0714em;  margin: 0px; }
.zarovnaj-vpravo { text-align: right;}


div.oddelovac
{ width : 100%;
  clear: both;
}

.bg-img {
  /* The image used 
  background-image: url("img_nature.jpg"); */

  height: 180px;

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

#footer
{ width : 100%;
  position: relative;
  margin-left: 0px;
  padding: 10px 0;
  top: 15px;
  background-color : #DDD;
  border-radius: 0px;
}

#footer .fmenu, .fadresa
{ width : 40%;
  position: relative;
  margin: 2% 4%;
  display: inline-block;
  vertical-align: top;
}

#footer .fadresa
{ padding-left: 10px;
  border-left: 1px solid #888;
}

#footer .fsupport
{ width : 95%;
  position: relative;
  margin: 10px auto;
  padding: 10px 0;
  display: block;
  color: #888;
  border-top: 1px solid #888;
  text-align: center;
}


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

#footer li a, #footer li
{ display: block;
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.958em;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
  margin: 0px;  
  padding: 0px;
  line-height: 2.0em;
  list-style-type: none;
}

#footer a:hover
{ 
  color: #900;  
}

#footer p, #footer a
{ color: #888;
  line-height: 1.0em;
}



/* Some media queries for responsiveness */
@media screen and (max-width: 1200px) {
	#main {  width : 98%; left: 1%; margin-left: 0; }
}

@media screen and (max-width: 960px) {
	#menu {  width : 30%; min-width: 0;}
	#dokument_board {  width : 67%; }
}

@media screen and (max-width: 900px) {
	div.vypis_hlaviciek { width : 47%; }
}

@media screen and (max-width: 820px) {
	#login_info  { display: none; }
        #login_info_down  { display: block; font-size: 0.875em; margin: 5px 5%; max-width: 88%;}
        #login_info_down  .login-long { display: none; }
        #login_info_down  .login-short { display: block; }
}

@media screen and (max-width: 780px) {
	#menu {  width : 100%; float: none;}
	#dokument_board {  width : 100%; float: none;}
	div.vypis_hlaviciek { width : 30.8%; }
	#kosik_main  { font-size: 0.9375em; }
}

@media screen and (max-width: 560px) {
	#dokument_board .vypis_hlaviciek h2, #dokument_board a.detail { font-size: 0.9375em; }
	#kosik_mini  { margin: 10px 1% 10px 0%; }
	#logo  { margin-right: 0%; }
	div.vypis_hlaviciek { width : 47%; }
	#footer .fmenu, .fadresa { width : 80%; display: block; }
}