body { margin: 0; padding: 0; }



body {

	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(design/background.png);
	background-position:center top;
	background-repeat:repeat-x;
	position: relative;
}


.clear { clear: both; } 

a span{ font-weight: bold; text-decoration: none; color: #1983b6;}
a:hover span{text-decoration: underline; color: #ee3897;}

.rose{color: #ee3897; display: inline-block;}

h1 {color: #ee3897;}
h2 {color: #ee3897;}
h3 {color: #ee3897;}
/* ----------------------------------------------------- */
/* ---------------------->>> WRAP <<<------------------- */
/* ----------------------------------------------------- */

 #wrap {width: 960px; margin: 0 auto; position: relative;  text-align: left;  } 
/* ----------------------------------------------------- */
/* -------------------->>> CONTENT<<<------------------- */
/* ----------------------------------------------------- */
/*#content-background{ height: 392px; width:101%; margin-top:20px; position: absolute; text-align: left;  overflow: hidden; }

#content-homepage {height: 365px; width: 960px;  margin-top: 26px; position: absolute; text-align: left; overflow: hidden; }

#content-ponuka{height: 365px; width: 960px;  margin-top: 26px; position: absolute; text-align: left; overflow: hidden;}

#content-universal{height: 365px; width: 256px; margin-top: 26px; position: absolute; text-align: left; overflow: hidden; }

#content-text {height: 330px; width:570px; margin-top: 45px; margin-right: 40px ; float:right; overflow: auto;} 
#lokalita {height: 365px; width:400px;float:left;}*/

/* ----------------------------------------------------- */
/* -------------------->>> HEADER <<<------------------- */
/* ----------------------------------------------------- */

#header { width: 960px; height: 134px; overflow: hidden; position: relative; text-align:center;}

#logo { float: left; position: relative; top: 5px; left: 0px; font-variant: small-caps; }
#logo a { text-decoration: none; display: block; width: 165px; height: 84px; color: #fff; text-align: right;  position: relative; }
#logo a span { display: block; width: 165px; height: 84px; background-image: url(design/logo.png); position: absolute; top: 0; left: 0; cursor: relative; }
#logo strong { font-size: 16px; line-height: 36px; font-weight: normal; }

#dorucenie { width: 372px; height: 84px; background-image: url(design/dorucenie_zdarma_69.png); 
position: relative; top: 10px; padding-left: 10px; background-position:right top; background-repeat:no-repeat; float: right; }

#header_right{text-decoration: none; float: right; width: 300px;}
#header_left{text-decoration: none; float: left; width: 600px; }


/* ----------------------------------------------------- */
/* -------------->>> Nakupny kosik hore <<<------------- */
/* ----------------------------------------------------- */

#kosik_top {background-image: url(design/kosik.png); background-position:left top; background-repeat:no-repeat; width: 263px; height: 73px; float: right; position: relative; margin-top: 13px; } 
#kosik_top .nadpis{position: absolute;font-weight: bold; float: left;text-align: left; font-size:13px; padding-left: 15px; padding-top: 8px; color: #404040;}
#kosik_top .nadpis a {color: #404040;}
#kosik_top .nadpis a:hover {color: #404040; text-decoration: underline;}
#kosik_top .cena_sk{ text-align: right; font-size:13px; padding-right: 50px; padding-top: 8px;}
#kosik_top .cena_sk a {color: #404040;}
#kosik_top .cena_sk a:hover {color: #404040; text-decoration: underline;}
#kosik_top .polozky{color: #ffffff;font-weight: bold; font-size:13px;  padding-top: 8px; float:left; padding-left: 20px;}
#kosik_top .cena_e{ color: #ffffff;text-align: right; font-size:13px; padding-right: 50px; padding-top: 8px; float: right;}

#kosik_button {background-image: url(design/kosik_button.png); background-position:left top; background-repeat:no-repeat; width: 222px; height: 31px; float: right; position: relative; margin-top: 9px; padding-left: 24px; text-decoration: none;}

/* #content { padding: 1px 33px 28px 43px; overflow: hidden; } */


/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */

#navigation {clear: both; float: left; height: 34px; width: 380px;font-size: 13px; font-weight: bold; position: absolute; bottom: 0px; left: 0px;}/*padding-top: 100px; */

#top_menu { color: #666666; padding-top: 10px; margin-right: 20px;float: right; position: relative; font-weight: bold; font-size: 11px;}

#top_menu a{ color: #666666;text-decoration: none; padding-left:20px;}
#top_menu a:hover { color: #666666;text-decoration: underline; padding-left:20px;}


.hidden{visibility: hidden;}

/* ----------------------------------------------------- */
.bttn1 { display: inline-block; float: left;height: 34px; width: 70px; padding: 0 0px; padding-right: 3px;}
.bttn1 a { display: inline-block; float: left; height: 34px;font-weight: bold; text-decoration: none; position: relative; 
background-image: url(design/menu1.png); background-position:left top; background-repeat:no-repeat; width: 70px;}
.bttn1 a:hover { text-decoration: none ; background-image: url(design/menu1.png); background-position:0px -34px; background-repeat:no-repeat; width: 70px;}
.bttn1 a.on { text-decoration: none ; background-image: url(design/menu1.png); background-position:0px -68px; background-repeat:no-repeat; width: 70px;}
.bttn1 a span { display: inline-block; height: 34px; position: absolute; top: 0; left: 0; cursor: pointer; }
.bttn1 a:hover span { background-position: 0px 34px;}
.bttn1 a.on span { background-position: left bottom; }
/* ----------------------------------------------------- */
/* a.btn1 span { background-image: url(design/menu1.png); background-position:left top; background-repeat:no-repeat; width: 70px;margin-right: 15px;} */

/* ----------------------------------------------------- */
.bttn2 { display: inline-block; float: left;height: 34px; padding: 0 0px; width: 70px; padding-right: 3px;}
.bttn2 a { display: inline-block; float: left; height: 34px; font-weight: bold; text-decoration: none; position: relative;  
background-image: url(design/menu2.png); background-position:left top; background-repeat:no-repeat; width: 70px;}
.bttn2 a:hover { text-decoration: none ; background-image: url(design/menu2.png); background-position:0px -34px; background-repeat:no-repeat; width: 70px; }
.bttn2 a.on { text-decoration: none ; background-image: url(design/menu2.png); background-position:0px -68px; background-repeat:no-repeat; width: 70px;}
.bttn2 a span { display: inline-block; height: 34px; position: absolute; top: 0; left: 0; cursor: pointer; }
.bttn2 a:hover span { background-position: 0px 34px;}
.bttn2 a.on span { background-position: left bottom; }
/* ----------------------------------------------------- */
a.btn2 span { background-image: url(design/menu2.png); background-position:left top; background-repeat:no-repeat; width: 70px;margin-right: 15px;}

/* ----------------------------------------------------- */
.bttn3 { display: inline-block; float: left;height: 34px; padding: 0 0px; width: 94px; padding-right: 3px;}
.bttn3 a { display: inline-block; float: left; height: 34px; font-weight: bold; text-decoration: none; position: relative;  
background-image: url(design/menu3.png); background-position:left top; background-repeat:no-repeat; width: 94px;}
.bttn3 a:hover { text-decoration: none ; background-image: url(design/menu3.png); background-position:0px -34px; background-repeat:no-repeat; width: 94px;}
.bttn3 a.on { text-decoration: none ; background-image: url(design/menu3.png); background-position:0px -68px; background-repeat:no-repeat; width: 94px; }
.bttn3 a span { display: inline-block; height: 34px; position: absolute; top: 0; left: 0; cursor: pointer; }
.bttn3 a:hover span { background-position: 0px 34px;}
.bttn3 a.on span { background-position: left bottom; }
/* ----------------------------------------------------- */
a.btn3 span { background-image: url(design/menu3.png); background-position:left top; background-repeat:no-repeat; width: 94px;margin-right: 15px;}

/* ----------------------------------------------------- */
.bttn4 { display: inline-block; float: left;height: 34px; padding: 0 0px; width: 68px; padding-right: 3px;}
.bttn4 a { display: inline-block; float: left; height: 34px; font-weight: bold; text-decoration: none; position: relative; 
background-image: url(design/menu4.png); background-position:left top; background-repeat:no-repeat; width: 68px;}
.bttn4 a:hover { text-decoration: none ; background-image: url(design/menu4.png); background-position:0px -34px; background-repeat:no-repeat; width: 68px;  }
.bttn4 a.on { text-decoration: none ; background-image: url(design/menu4.png); background-position:0px -68px; background-repeat:no-repeat; width: 68px;  }
.bttn4 a span { display: inline-block; height: 34px; position: absolute; top: 0; left: 0; cursor: pointer; }
.bttn4 a:hover span { background-position: 0px 34px;}
.bttn4 a.on span { background-position: left bottom; }
/* ----------------------------------------------------- */
a.btn4 span { background-image: url(design/menu4.png); background-position:left top; background-repeat:no-repeat; width: 68px;margin-right: 15px;}

/* ----------------------------------------------------- */
.bttn5 { display: inline-block; float: left;height: 34px; padding: 0 0px; width: 62px; padding-right: 3px;}
.bttn5 a { display: inline-block; float: left; height: 34px; font-weight: bold; text-decoration: none; position: relative; 
background-image: url(design/menu5.png); background-position:left top; background-repeat:no-repeat; width: 62px;}
.bttn5 a:hover { text-decoration: none ; background-image: url(design/menu5.png); background-position:0px -34px; background-repeat:no-repeat; width: 62px;  }
.bttn5 a.on { text-decoration: none ; background-image: url(design/menu5.png); background-position:0px -68px; background-repeat:no-repeat; width: 62px;  }
.bttn5 a span { display: inline-block; height: 34px; position: absolute; top: 0; left: 0; cursor: pointer; }
.bttn5 a:hover span { background-position: 0px 34px;}
.bttn5 a.on span { background-position: left bottom; }
/* ----------------------------------------------------- */
a.btn5 span { background-image: url(design/menu5.png); background-position:left top; background-repeat:no-repeat; width: 62px;margin-right: 15px;}


/* ----------------------------------------------------- */
/* ----------------->>> PRIHLASENIE <<<----------------- */
/* ----------------------------------------------------- */


#prihlasenie{text-decoration: none; margin-right: 20px;position: relative; float: right;  margin-top: 9px; color: #1983b6; font-size: 13px; height: 16px; width: 250px;}
#prihlasenie a {text-decoration: underline; color: #1983b6;}
#prihlasenie a:hover {text-decoration: underline; color: #1983b6; font-weight: bold;}
#prihlasenie a .on {text-decoration: underline; color: #1983b6; font-weight: bold;}
.prihlasenie_left{float:left;}
.prihlasenie_right{float:right;}
/* ----------------------------------------------------- */
/* ------------------->>> CONTENT <<<------------------- */
/* ----------------------------------------------------- */
 #content{clear: both; position: relative; width: 960px; height: 100%;}
 #content_top_nadpisy {height: 45px; position: relative; width: 770px; float: right; }
 
 #content_status_search{height: 30px; position: relative; }
 
/* ----------------------------------------------------- */
/* --------------------->>> LEFT <<<-------------------- */
/* ----------------------------------------------------- */

#left { left: 0; float: left; position: relative; width: 172px;}
#left_kosik { float: left; position: absolute; margin-top: 35px;}
#status { margin-left:10px;  margin-bottom:15px; margin-top:10px; width: 500px; position: absolute; left: 0px;}
#status a {text-decoration: none; color: #1983b6; font-weight: bold;}
#status a span {text-decoration: none; color: #1983b6;}
#status a:hover span{text-decoration: underline; color: #ee3897;}
#status a.on span{text-decoration: underline; color: #ee3897;}

.zobrazit_kosik a{margin-right: 1px; margin-top: 1px;  float: right; position: relative; color: #3b95c1; font-weight: bold; }
.zobrazit_kosik a:hover{text-decoration: underline; margin-right: 1px; margin-top: 1px;  float: right; position: relative; color: #3b95c1; font-weight: bold; }
#search_zobrazit_kosik{width: 960px; position: relative; }

/*#hladanie{
	position: relative; height: 21px; width: 166px;
}
#hladanie .input_search{position: relative; float: right;background-image: url(design/search.png); background-position:right bottom; background-repeat:no-repeat; width: 27px; height: 21px; cursor: pointer; border:medium none;  background-color: #ffffff;}

#hladanie .input {position: absolute; float: left; width: 139px; font-size: 13px; height: 21px; border:medium none; 
background-image: url(design/search_input.png); background-position:right bottom; background-repeat:no-repeat;} */

#tabulka_search {float: right; right: 25px; top: 30; position: relative; display: inline; /*width: 420px;*/ }
#tabulka_search_kpr {clear: both; margin-top: 30px; left: 0; }
.input_search{ background-image: url(design/search.png); background-position:right middle; background-repeat:no-repeat; 
width: 27px; height: 23px; cursor: pointer; border:medium none;  background-color: #ffffff;}
.input { width: 195px; font-size: 13px; height: 21px; border:medium none; background-image: url(design/search_input.png); background-position:right middle; background-repeat:no-repeat;} 

.inputa { width: 138px; margin-top: 49px; height: 18px; } 
.search { width: 27px; height: 21px;}


.left_box{  /*overflow:hidden; */position: relative; width: 167px;  padding-right: 5px; border-left:thick  #ff0000; margin-top:10px; font-size: 13px; }
.top {  overflow:hidden; background-image: url(design/kat_top.png); background-position:left top; background-repeat:no-repeat; width: 172px; height: 7px;  position: relative; }

#kategoria_delenie{background-image: url(design/kategoria_delenie.png); background-position:left top; background-repeat:no-repeat; width: 170px; height: 20px;  margin-top: 5px;margin-left: 1px;position: relative; }

#podkategorie_kategorie{padding-left: 20px;}
.leftbox_center { padding-top: 5px; background-image: url(design/kat_center.png); background-position:left top; background-repeat:repeat-y; width: 172px; position: relative;}

.leftbox_center_prekoho { top: 0; background-image: url(design/kat_center.png); background-position:left top; background-repeat:repeat-y; width: 172px; position: relative;}


.bottom {background-image: url(design/kat_bottom.png); background-position:left top; background-repeat:no-repeat; width: 172px; height: 7px; position: relative; margin-bottom: 10px;}
.kat_nadpis {margin-left: 12px; width: 150px; padding-bottom: 5px; font-weight: bold; font-size: 13px;}
.kat_polozka { margin-left: 12px; width: 150px; padding-top: 3px; padding-bottom: 3px; }
.kat_polozka a {text-decoration: none; color: #1983b6; font-weight: bold;}
.kat_polozka a span {text-decoration: none; color: #1983b6;}
.kat_polozka a:hover span{text-decoration: underline; color: #ee3897;}
.kat_polozka a.on span{text-decoration: underline; color: #ee3897;}

.kat_polozka1 { margin-left: 12px; width: 130px; padding-top: 2px; padding-bottom: 2px; }
.kat_polozka1 a {text-decoration: none; color: #1983b6; font-weight: bold;}
.kat_polozka1 a span {text-decoration: none; color: #1983b6;}
.kat_polozka1 a:hover span{text-decoration: underline; color: #ee3897;}
.kat_polozka1 a.on span{text-decoration: underline; color: #ee3897;}

.kat_polozka_prazdna {color: #999999; margin-left: 12px; width: 150px; padding-bottom: 2px;}
.kat_polozka_prazdna a {text-decoration: none; color: #999999;   }/*disabled:*/
.kat_polozka_prazdna a span {text-decoration: none; color: #999999;}
.kat_polozka_prazdna a:hover span{text-decoration: none; color: #999999;}
.kat_polozka_prazdna a.on span{text-decoration: none; color: #999999;}

.kat_polozka1_prazdna {color: #999999; margin-left: 12px; width: 130px; padding-top: 2px; }
.kat_polozka1_prazdna a {text-decoration: none; color: #999999; font-weight: bold;}
.kat_polozka1_prazdna a span {text-decoration: none; color: #999999;}
.kat_polozka1_prazdna a:hover span{text-decoration: underline; color: #999999;}
.kat_polozka1_prazdna a.on span{text-decoration: underline; color: #999999;}




.left_select_top{ background-image: url(design/select_left_top1.png); background-position:left top; background-repeat:no-repeat; 
width: 172px; height: 36px;  position: relative;  padding-left: 10px; padding-top: 2px; margin-top: 8px; text-decoration: none; 
font-weight: bold;  color: #404040;
}

.left_select_top_hide{ background-image: url(design/select_left_top_hide1.png); background-position:left top; background-repeat:no-repeat; 
width: 12px; height: 12px; float: right;  margin-right: 20px; }

#left_select_top_hide1{ background-image: url(design/select_left_top_hide1.png); background-position:left top; background-repeat:no-repeat; 
width: 12px; height: 12px; float: right;  margin-right: 20px; }

/* ----------------->>> More than 10 <<<---------------- */

.more_than{
	position: absolute;
	background-color: #f4f4f4;
	z-index:1000;
	left: 173px;
	top: -35px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-color: #d9d9d9; 
	border-style: solid; 
	border-width: 1px; 
	width: 800px;
}

.more_than .close{
	width: 50px; 
}

/* ----------------------------------------------------- */
/* ------------------>>> Vas Vyber <<<------------------ */
/* ----------------------------------------------------- */

#vas_vyber {width: 172px; position: relative;}
#vas_vyber_top{ margin-top: 10px; background-image: url(design/vas_vyber_top.png); background-position:left top; background-repeat:no-repeat; 
width: 162px; height: 22px;  position: relative;  padding-left: 10px; padding-top: 8px; text-decoration: none; font-weight: bold;  color: #404040;
}

#vas_vyber_bottom{ background-image: url(design/vas_vyber_bottom.png); background-position:left top; background-repeat:no-repeat; 
width: 82px; height: 31px;  position: relative; padding-left: 90px; padding-top: 5px;
}
#vas_vyber_bottom a{width: 82px;   text-decoration: underline; }
#vas_vyber_bottom a:hover{width: 82px; text-align: right;text-decoration: underline;  }

#vas_vyber_center{ background-image: url(design/vas_vyber_back.png); background-position:left top; background-repeat:repeat-y; 
width: 172px;position: relative;  top: 0; 
}

.vas_vyber_select{ background-image: url(design/vas_vyber_select.png); background-position:left top; background-repeat:no-repeat; 
width: 166px; height: 25px; margin-left: 3px; position: relative; padding-left: 10px; font-size: 11px; color: #ffffff;
}

.vas_vyber_remove{background-image: url(design/vas_vyber_remove.png); background-position:right bottom; background-repeat:no-repeat; 
width: 11px; height: 11px; cursor: pointer; border:medium none;  background-color: #6c70ac;margin-right: 5px; }

.vas_vyber_select_left{width: 140px; }


/* ----------------------------------------------------- */
/* ------->>>Pokracovat, vsetky kategorie <<<----------- */
/* ----------------------------------------------------- */

.button_pokracovat{ position: absolute; float: left;  display: block; left: 0px; 
height: 31px; width: 162px; background-image: url(design/button_kosik_pokracovat.png); background-position:right bottom; background-repeat:no-repeat; 
margin-top: 40px;padding-left: 15px;color: #404040; font-size: 11px;  font-weight: bold; /* margin-right: 109px;*/ border:medium none; 
cursor: pointer; font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.button_vsetky_kategorie{ 
height: 31px; width: 162px; background-image: url(design/button_kosik_pokracovat.png); background-position:right bottom; background-repeat:no-repeat; 
margin-left: 5px; margin-top: 10px; padding-left: 5px; color: #404040; font-size: 13px;  font-weight: bold; border:medium none; 
cursor: pointer; font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/* ----------------------------------------------------- */
/* -------------------->>> RIGHT <<<-------------------- */
/* ----------------------------------------------------- */

#right { float: right;  left: 5px;position: relative; width: 775px; }
#kategorie_nadpis{ clear:both; 
  background-image: url(design/kategorie.png); 
  background-position:left bottom; 
  background-repeat:no-repeat; 
  width: 775px; 
  height: 36px; 
  position: relative; 
  padding-top: 5px; 
  bottom: 0px; 
}

#nadpisy {top: 0px; left: 0px; }

.nadpis_ruzovy {float: left;   margin-left: 10px; display: inline-block; color: #ee3897; font-size:30px; font-weight: bold; margin-right: 15px;}
.nadpis_sedy {float: left;padding-top: 10px; display: inline-block; color: #808080; font-size:18px;}
/* #nadpis h3 {display: inline-block; color: #808080; font-size:20px;} */

#select{float: right; right: 0px; top: 20; left: 90; position: relative; display: inline; /*width: 420px;*/ padding-top: 15px; }

.select_box{background-color: #ffffff/*7476a9*/; width: 100px;  border-color: #d9d9d9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.nadpis_select {color: #404040; font-size:11px; font-weight: bold; /*width: 200px;*/}
.choice{ display: inline;width: 100px; margin-left: 5px;float: left; position: relative;}

/* ----------------------------------------------------- */
/* --------------->>> Kategorie vypis <<<--------------- */
/* ----------------------------------------------------- */
/*  190 145*/                
#kategorie_nahlady{ 
  top: 0px;
  width: 776px; 
  padding-top: 12px;
  
  margin-bottom: 20px;
}
.nahlad {top: 0px; display: inline-block;  position: relative;  margin-right: 4px; padding-bottom: 5px;width: 190px; height: 145px; font-size: 13px;}

.nahlad  a { z-index: 0;text-decoration: none; display: inline-block; background-image: url(design/nahlad.png); background-position: left top; background-repeat: no-repeat; position: absolute;  margin-bottom: 5px; width: 190px; height: 146px; color: #1983b6;}

.nahlad  a:hover { z-index:0;display: inline-block; background-image: url(design/nahlad_active.png); background-position: left top; background-repeat: no-repeat; position: absolute;  margin-bottom: 5px; width: 190px; height: 146px; color: #ee3897; }

.nahlad .nahlad_nadpis{ z-index: 2; position: absolute;  padding-left: 10px; padding-top: 10px;}
/*.nahlad h3 {padding-left: 13px; position: absolute; color: #1983b6;}
.nahlad h3 a { color: #1983b6;}
.nahlad h3 a:hover{ color: #ee3897;}*/
/* .nahlad h3 {padding-left: 13px; position: absolute; width: 190px; height: 146px;} */
.nahlad_img{/* position: absolute;*/ /*float: left;*/ z-index:1; border: 0px; position: absolute;padding-top: 3px; padding-left: 3px;}

/* ----------------------------------------------------- */
/* ------------------->>> HISTORY <<<------------------- */
/* ----------------------------------------------------- */
#history { clear:both; margin: 0 auto;width: 960px; height: 192px;margin-top: 10px; background-image: url(design/history.png); background-position:left top; background-repeat:no-repeat; /*margin-top: 900px;*/ }
#history_nadpis { color: #ffffff; font-size: 16px; padding-left: 20px; padding-top: 8px;height: 28px; position: absolute; }
/* #history_nadpis h2{ color: #ffffff; font-size: 16px;  position: absolute; } */

#history_back{width: 20px;}

#history_back a{display: inline-block;background-image: url(design/back.png); background-position:center bottom; background-repeat:no-repeat; padding-top: 90px; margin-right: 20px; width: 10px; height: 19px; position: absolute;}

#history_back a:hover {display: inline-block;background-image: url(design/back_active.png); background-position:center bottom; background-repeat:no-repeat; padding-top: 90px; margin-right: 20px; width: 10px; height: 19px; position: absolute;}



#history_forward a{display: inline-block;background-image: url(design/forward.png); background-position:right bottom; background-repeat:no-repeat; padding-top: 90px; margin-left: 950px; width: 10px; height: 19px; position: absolute;}

#history_forward a:hover {display: inline-block;background-image: url(design/forward_active.png); background-position:right bottom; background-repeat:no-repeat; padding-top: 90px; margin-left: 950px; width: 10px; height: 19px; position: absolute;}


#history_produkty{margin-left: 25px; width: 910px; position: absolute;}
#history .produkt{display: inline-block; width: 220px; height: 112px; padding-top: 57px;}
#history .rozdelovac{display: inline-block; background-image: url(design/rozdelovac.png); background-position:left bottom; background-repeat:no-repeat; width: 1px; height: 112px;  margin-top: 57px;}

.history_left{float:left; width: 110px; }
/*.history_left a{text-decoration: none; float:left; width: 120px; }
.history_left a:hover{text-decoration: none; float:left; width: 120px; }*/

.history_img{border: 0px; padding: 0px 0px 5px 10px;  /*padding-left: 15px; padding-bottom: 5px;*/}

.history_right{float:right;	width: 95px; padding-top: 10px;  }
.history_right a{text-decoration: none; color: #1983b6; font-weight: bold; font-size: 13px;}
.history_right a:hover{text-decoration: none; color: #ee3897; font-weight: bold; font-size: 13px;}

.history_cena{margin-top: 10px;}
.history_euro {display: inline;color: #ff0000; font-size: 13px;font-weight: bold;}
.history_sk {display: inline;color: #666666; font-size: 13px;font-weight: bold;}
/* ----------------------------------------------------- */
/* ------------------->>> GALLERY <<<------------------- */
/* ----------------------------------------------------- */



/* ----------------------------------------------------- */
/* -------------------->>> FOOTER <<<------------------- */
/* ----------------------------------------------------- */

#footer { /*clear: both; *//*margin: 0 auto;*/color: #ffffff; position: relative; background-image: url(design/bottom_navigation.png); background-position:left top; background-repeat:no-repeat; width: 960px; height: 76px;}

/*#footer a{color: #ffffff;   height: 36px;  text-decoration: none;   }*/

#footer a span{ font-weight: bold; font-size:13px; color:#ffffff;  text-align: left; padding-left:20px; text-decoration: none; padding-top: 12px; vertical-align: middle; display: inline;cursor: pointer;}

#footer a:hover span{color:#ffffff; text-decoration: underline;  padding-top: 12px; display: inline;  cursor: pointer;}

 #footer_left{clear: both; position: absolute; color: #666666; float: left; background-image: url(design/euro.png); background-position:left top; 
 background-repeat:no-repeat;  margin-left:20px;  height: 19px; margin-top:30px; margin-bottom: 20px;  
 padding-left: 26px; font-size: 10px; padding-top: 2px; } 

/* #footer_left{ position: absolute;color: #666666; float: left; margin-right:10px; margin-bottom: 20px; margin-top:30px; } */
#footer_right{ clear: both; color: #666666; float: right; margin-right:10px; margin-bottom: 20px; margin-top:30px; }
#footer_right a {color: #666666; font-style: none; font-weight: normal; font-size: 11px;cursor: pointer;}

#footer_right a:hover{color: #666666; font-style: underline; font-weight: normal;font-size: 11px; cursor: pointer;}




/* ----------------------------------------------------- */
/* ----------------->>> PRIHLASENIE <<<----------------- */
/* ----------------------------------------------------- */

#login{ padding-top: 104px; padding-left: 124px; padding-bottom: 92px; }

.login_button{color: #ffffff; background-image: url(design/button.png); background-position:left top; background-repeat:no-repeat; width: 135px; height: 35px; position: relative; margin-top: 20px;padding-right: 20px;margin-right: 40px; font-weight: bold; font-size: 13px; text-align: center; float:right; border:medium none; cursor: pointer;}

#login_left {  padding-left: 20px;  background-image: url(design/back_registracia.png); background-position:left top; background-repeat:no-repeat; width: 341px; height: 233px; float: left;  margin-right:29px;  padding-bottom: 92px;}


#login_right { padding-left: 20px;background-image: url(design/back_prihlasenie.png); background-position:left top; background-repeat:no-repeat; width: 300px; height: 233px; float: left;  padding-bottom: 92px;}

.login_input { width: 184px; height: 20px; }
.login_pismo { color: #404040; font-size:13px; font-weight: bold; width: 200px;}
.text{width: 105px;}

#table_left{height: 50px; margin-bottom:40px; font-weight: bold;}
#table_right{height: 90px;  font-weight: bold;}

/* ----------------------------------------------------- */
/* ------------------>>> strankovanie <<<------------------ */
/* ----------------------------------------------------- */

.strankovanie_top {position: relative; width: 775px; height: 20px; position: relative; margin-top: 55px; margin-bottom: 15px;margin-left: 5px; font-size: 12px;}
.strankovanie_bottom {width: 775px; height: 20px; position: relative; margin-top: 15px; margin-bottom: 40px;margin-left: 5px; font-size: 12px;}
.pocet_produktov {float: left;} 
.strankovanie_center {  float: left; padding-left: 30px;} 
.right{float: right; margin-right: 25px;} 
.nadpis_zoradit { display: inline; color: #404040; font-size:11px; font-weight: bold; width: 200px;}

 a{ text-decoration: none; color: #1983b6; }
 a:hover{ text-decoration: none; color: #ee3897;}
 a.on{ text-decoration: none; color: #ee3897; }
 .predosla {margin-left: 10px; /*padding-right: 5px;*//*width: 70px;*/ padding-left: 10px; background-image: url(design/navigacia_back.png); background-position:left center; background-repeat:no-repeat; height: 12px; }
 .dalsia   {margin-right: 10px; margin-left: 10px;width: 70px; padding-right: 10px; background-image: url(design/navigacia_forward.png); background-position:right center; background-repeat:no-repeat; height: 12px; text-decoration: underline;}
.dalsia a{ text-decoration: underline; color: #1983b6;  font-weight: bold;}
.dalsia a:hover{text-decoration: underline; color: #ee3897;}
.predosla a{ text-decoration: underline; color: #1983b6;  font-weight: bold;}
.predosla a:hover{text-decoration: underline; color: #ee3897;}


/* *//*.cisla {padding-left: 10px; font-weight: bold;}*/
.cisla a{padding-left: 10px; text-decoration: none; color: #1983b6;  font-weight: bold;}
.cisla a:hover{ text-decoration: none; color: #ee3897;}
.cisla a.on{ text-decoration: none; color: #ee3897;}

/* ----------------------------------------------------- */
/* --------------->>> DETAIL KATEGORIE <<<-------------- */
/* ----------------------------------------------------- */
.kategoria_top { top: 0; background-image: url(design/kategoria_top.png); background-position:left bottom; background-repeat:no-repeat; width: 753px; height: 7px; margin-bottom: 5px;}

#kategoria_produkty{width: 775px;  margin-bottom: 30px; margin-top: 10px;}

#kategoria_produkty .produkt{ 
	text-decoration: none; 
	width: 190px; 
	height: 250px;
	border-top: 0px; 
	border-right: 1px;
	border-bottom: 1px ;
	border-left: 0px ;
	border-color: #c9cacb; 
	border-style:solid;
}

#kategoria_produkty .produkt_right{ 
	text-decoration: none; 
	width: 190px; 
	height: 250px;
	border-top: 0px; 
	border-right: 0px;
	border-bottom: 1px ;
	border-left: 0px ;
	border-color: #c9cacb; 
	border-style:solid;
}

#kategoria_produkty .produkt_bottom{ 
	text-decoration: none; 
	width: 190px; 
	height: 250px;
	border-top: 0px; 
	border-right: 1px;
	border-bottom: 0px ;
	border-left: 0px ;
	border-color: #c9cacb; 
	border-style:solid;
}
#kategoria_produkty .produkt_right_bottom{ 
	text-decoration: none; 
	width: 190px; 
	height: 250px;
}


#kategoria_produkty .produkt_img{z-index: 1; /*width: 155px; height: 130px; */text-align: top; padding-left: 19px; padding-bottom: 7px;padding-top: 6px; border: 0px;}

.produkt_akcia{z-index: 0; position: absolute; width: 74px; height:72px; background-image: url(design/akcia.png); background-position:left top; background-repeat:no-repeat;}
.produkt_novinka{z-index: 0; position: absolute; width: 74px; height:72px; background-image: url(design/novinka.png); background-position:left top; background-repeat:no-repeat;}
.produkt_top{z-index: 0; position: absolute; width: 74px; height:72px; background-image: url(design/top.png); background-position:left top; background-repeat:no-repeat;}


.produkt_cena_blok{ width: 171px; height: 100px;padding-left: 19px; }
.produkt_cena_blok a span{font-size: 20px;text-decoration: none; color: #1983b6; font-weight: bold; font-size: 13px;}
.produkt_cena_blok a:hover span{text-decoration: none; color: #ee3897; font-weight: bold; font-size: 13px;}

.produkt_cena{margin-top: 5px;}
.produkt_euro {display: inline;color: #ff0000; font-size: 13px;font-weight: bold;}
.produkt_sk {display: inline;color: #666666; font-size: 13px;font-weight: bold;}

.stara_cena {text-decoration:line-through; color: #808080; margin-top: 5px; font-size: 12px;}
/*.nahlad a { text-decoration: none; display: inline-block; background-image: url(design/nahlad.png); background-position: left top; background-repeat: no-repeat; position: relative;  margin-bottom: 3px; width: 190px; height: 145px;}

.nahlad a:hover{ display: inline-block; background-image: url(design/nahlad_active.png); background-position: left top; background-repeat: no-repeat; position: relative;  margin-bottom: 3px; width: 190px; height: 145px; }*/
/* CSS Document */

.space{
	width: 775px; 
	height: 7px;
	position: relative;
}