#detail {width: 960px; }
/* ----------------------------------------------------- */
/* --------------------->>> LEFT <<<-------------------- */
/* ----------------------------------------------------- */

#left_detail { float: left; position: relative; width: 335px; /*height: 378px; */margin-top: 23px; background-image: url(design/detail_back.png); background-position:right top; background-repeat:no-repeat; margin-bottom: 30px;}
/*#nahlady{display: inline-block;height: 80px; width: 290px;margin-top: 20px;}*/
.detail_nahlad { float: left; /*display: inline-block;*/ width: 86px; height: 73px; /*width: 80px; height: 67px; */margin-right: 12px;margin-bottom: 12px;}
.detail_nahlad a{position: absolute; width: 86px; padding: 3px 3px 3px 3px; height: 73px; /*width: 80px; height: 67px; */background-image: url(design/detail_nahlad.png); background-position:left top; background-repeat:no-repeat; }
.detail_nahlad a:hover{position: absolute; background-image: url(design/detail_nahlad_active.png); background-position:left top; background-repeat:no-repeat;}
.detail_nahlad a:active{position: absolute; background-image: url(design/detail_nahlad_active.png); background-position:left top; background-repeat:no-repeat;}
.detail_nahlad a.on {position: absolute; background-image: url(design/detail_nahlad_active.png); background-position:left top; background-repeat:no-repeat;}

.nahlad_img{}

/* ----------------------------------------------------- */
/* -------------------->>> RIGHT <<<-------------------- */
/* ----------------------------------------------------- */

#right_detail { color: #404040;position: relative; float: left;  margin-top: 23px; margin-left: 35px; text-align: left; width:  580px; }
#right_detail h1{color: #404040;}
#right_detail h2{color: #404040;}

#zakladne_info{ /*width: 348px;*/ width: 570px;}
#vyrobca {color: #1983b6; font-size: 10px;}
.stara_cena {text-decoration:line-through;color: #808080; margin-top: 5px; font-size: 12px;}
#nasa_cena {font-size: 13px; font-weight: bold; margin-top: 5px;}

#pridat{ background-image: url(design/button_pridat.png); background-position:left top; background-repeat:no-repeat; width: 164px; height: 31px; float: left; margin-top: 10px; padding-left: 30px; color: #ffffff; font-size:13px; font-weight: bold; border:medium none; font-family: Tahoma, Arial, Helvetica, sans-serif; cursor: pointer;}


#cena_left{ float: left; position: absolute;}
#cena_right{float: right; position: absolute;}

#popis_produktu{margin-top: 10px; /*width: 570px; *//*position: relative;*/ float:left;}

.detail_cena{margin-bottom: 5px;}
.detail_cena_e {display: inline;color: #ff0000; font-size: 21px;font-weight: bold;}
.detail_cena_sk {display: inline;color: #666666; font-size: 12px;font-weight: bold;}

#zakladne_info_left{float: left;width: 160px; height: 100px; /*position: relative;*/}
#zakladne_info_right{float: left;/*width: 180px;*/height: 80px; /*position: relative;*/ margin-top: 17px;}


#mnozstvo{ width: 30px; margin-left: 5px;}

/* ----------------------------------------------------- */
/* ------------------>>> SUVISIACE<<<------------------- */
/* ----------------------------------------------------- */

#suvisiace {clear:both; margin: 0 auto;width: 935px; padding-bottom: 5px; padding-left: 25px;margin-top: 10px; }
#suvisiace_nadpis{ font-size: 20px;color: #404040; /*padding-left: 20px;*/}

#suvisiace .produkt  { display: inline-block;width: 220px; height: 112px; padding-top: 10px;}
#suvisiace .rozdelovac{display: inline-block; background-image: url(design/rozdelovac.png); background-position:left top; background-repeat:no-repeat; width: 1px; height: 112px;  margin-top: 10px;}


.button_spat { position: relative;width: 66px; height: 31px; float: left; display: block; margin-top: 10px; background-image: url(design/button_spat.png); background-position:left top; background-repeat:no-repeat; border:medium none; cursor: pointer;}

/* ----------------------------------------------------- */
/* ----------------->>> DETAIL KOSIK<<<----------------- */
/* ----------------------------------------------------- */

#detail_kosik { width: 258px; height:72px; float: right; margin-right: 6px;background-image: url(design/detail_kosik.png); 
background-position:left top; background-repeat:no-repeat;}

#detail_kosik .img{margin-left: 10px; margin-top: 9px; margin-bottom: 9px; margin-right:12px; width: 63px; height: 53px; float: left;}
#detail_kosik .nazov{color: #ffffff; font-size: 11px;margin-top: 12px;  width: 173px; height: 22px; float: left;}
#detail_kosik .pocet{color: #ffffff; font-weight: bold; font-size: 11px; margin-top: 10px; width: 153px; height: 22px; float: left;}
#detail_kosik .koniec{ clear: both; background-image: url(design/button_koniec.png); background-position:left bottom; 
background-repeat:no-repeat; margin-bottom: 5px; margin-right: 5px; width: 21px; padding-top: 13px; top: 0; height: 15px; float: right;}

/* ----------------------------------------------------- */
/* --------------->>> Okno po pridani <<<--------------- */
/* ----------------------------------------------------- */

#layer1 {position: absolute;left:691px;width:270px; top: 0px; }
#layer1_content {padding:5px;}
#close{width: 15px;float:right;text-decoration:none;}