body {font-family:'Roboto', sans-serif; margin: 0px; padding: 0px; background-color: #eeeeee;}

a:link {font-size: 12px; color: #000000; text-decoration: none;}
a:hover {text-decoration: underline; color: #000000; }

#kosik_full{display: block;}
#kosik_mobil{display: none; visibility: hidden;}

#kosik_status_full{display: block;}
#kosik_status_mobil{display: none; visibility: hidden;}

#registracia_full{display: block;}
#registracia_mobil{display: none; visibility: hidden;}



#top {position:relative; width: 100%; height: 150px;}
#top_logo {position:absolute; left: 37px; top: 30px;}
#top_kosik {position:absolute; width: 120px; height: 150px; right: 0px; top: 0px; text-align: center; background-color: #f05a72;}
#top_kosik_ikona {margin-top: 27px;}
#top_vyber {position:absolute; width: 190px; height: 27px; top: 24px; right: 120px; }
#top_vyber_tel {font-size: 14px; float: left;}
#top_vyber_text {font-size: 14px; margin: 6px 5px 0px 6px; float: left;}
.top_vyber_ciarka {margin: 6px 5px 0px 6px; float: left;}
#sel_div {float: left; margin-top: 4px;}
.div_sel select::-ms-expand {display: none;}
.top_vyber_roletka {font-size: 14px; width: 45px; background-color: #ffffff; outline:0; border:0; background-color:#ffffff; background: url(/images/top_vyber_sipka.png) no-repeat 100% center; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
#sel_div_mena {float: left; margin-top: 4px;}
.div_sel_mena select::-ms-expand {display: none;}
.top_vyber_roletka_mena {font-size: 14px; width: 43px; background-color: #ffffff; outline:0; border:0; background-color:#ffffff; background: url(/images/top_vyber_sipka.png) no-repeat 100% center; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}

#topkosik {text-align: center; margin: 1px auto; font-size: 40px; color: #ffffff;}
#top_kosik_poloz {position:absolute; top: 30px;}

#top_horne_menu {position:relative; width: 100%; height: 37px; background-color: #000000; padding: 0px;z-index: 200000;}
a.horne_menu_linka {font-size: 15px; color: #ffffff; text-decoration: none; font-weight: normal; padding: 0px 10px 11px 10px; margin: 0px 10px 0px 10px;}
a.horne_menu_linka:hover {border-bottom: 5px #ffffff solid;}

a.horne_menu_linka_oznacena {font-size: 15px; color: #ffffff; text-decoration: none; font-weight: normal; padding: 0px 10px 11px 10px; margin: 0px 10px 0px 10px; border-bottom: 5px #ffffff solid;}
a.horne_menu_linka_oznacena:hover {border-bottom: 5px #ffffff solid;}

.div_blok_sedy_nadpis{font-size: 20px; color:#f05a72;}


#vyhladavanie {position: absolute; width: 340px; height: 35px; top: 90px; right: 120px; text-align: left;}
#vyhladavanie_tlacitko {position: absolute; width: 30px; height: 30px; top: 1px; left: 290px;}
#vyhladavanie_tlacitko_lupa {margin: 8px 0px 0px 9px;}
.vyhladavanie_input {border: #C5C6C6 1px solid; width: 280px; height:30px; padding: 0px 30px 0px 10px; color: #727271; font-size: 16px;}
.vyhladanie_div {position: absolute; width: 320px; top: 121px; right: 138px; border: solid 1px #C5C6C6; display:none; background-color: #fbfbfb; z-index:200001;}

#horna_lista {position: absolute; margin: 0px;  width:350px; height: 33px; top: 90px; right: 470px; text-align: center; z-index: 1;}
#horna_lista_prihl {position: relative; width: 350px; text-align: right; font-size: 12px; color: #5B5B5B;}
#prihlasenie_top {position: absolute; height: 20px; padding: 2px 10px 2px 10px; top: 5px; right: 5px; z-index: 1; background: url(/images/biela-priesvitna-podklad.png);}
#prihlasenie_input {position: absolute; width: 267px; height: 15px; top: 5px; left: 70px;}
#prihlasenie_ok {position: absolute; width: 26px; height: 24px; top: 6px; left: 257px;}
#novaregistracia_top {position: absolute; width: 110px; height: 15px; top: 10px; left: 400px;}
#novaregistracia_top_sipka {position: absolute; width: 15px; height: 15px; top: 9px; left: 495px;}
#top_menu {position: absolute; width: 440px; height: 15px; top: 10px; left: 410px; text-align: right; color: #ffffff;}
a.top_menu_linka {font-size: 13px; color: #000000; text-decoration: none; font-weight: normal;}
a.top_menu_linka:hover {color: #434242;}
a.top_menu_ruzova_linka {font-size: 13px; color: #D78E93; text-decoration: none; font-weight: normal;}
a.top_menu_ruzova_linka:hover {color: #c65b64;}

/*a.top_menu_linka {font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 5px; padding-left: 5px;}
a.top_menu_linka:hover {color: #000000;}
*/

.uvod_text_pod_banerom {position: relative; margin-top: 450px; padding: 40px 0px 40px 0px; ; width: 100%; text-align: center; background-color: #d5c3ac;}


#bunky_info_spod {position: relative; width: 100%; min-height: 310px; margin-top: 0px; text-align: center;}
#bunka_info_spod_1 {width: 33.33%; min-height: 310px; background-color: #D19A9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px; font-size: 14px;}
#bunka_info_spod_2 {width: 33.33%; min-height: 310px; background-color: #AF9778; float:left; z-index: 1; word-wrap: break-word; padding: 0px; font-size: 14px;}
#bunka_info_spod_3 {width: 33.33%; min-height: 310px; background-color: #999B9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px; font-size: 14px;}
.bunka_info_spod_h2 {font-size: 28px; color: #ffffff; margin: 30px 0px 30px 0px;}
.bunky_info_spod_osadenie{padding: 0px 30px 10px 30px;}

#bunky_spod {max-width: 1100px; min-height: 250px; text-align: center; margin: 25px auto;}
#bunka_spod_1 {width: 25%; min-height: 250px; float: left; word-wrap: break-word; padding: 0px; font-size: 12px; text-align: left;}
#bunka_spod_2 {width: 25%; min-height: 250px; float: left; border-left: 1px #a7a9ac solid; word-wrap: break-word; padding: 0px; font-size: 12px; text-align: left;}
#bunka_spod_3 {width: 25%; min-height: 250px; float: left; border-left: 1px #a7a9ac solid; word-wrap: break-word; padding: 0px; font-size: 12px; text-align: left;}
#bunka_spod_4 {width: 24%; min-height: 250px; float: left; border-left: 1px #a7a9ac solid; word-wrap: break-word; padding: 0px; font-size: 12px; text-align: left;}
.bunky_spod_h2 {font-size: 20px; color: #f05a72; margin: 0px 0px 10px 0px;}

#spod_ciara {position: relative; max-width: 1100px; margin: 0px auto;}
#spod_ciara_text1 {position: absolute; left: 10px; text-align: left; font-size: 12px; margin: 10px 0px 10px 0px; display: inline-block;}
#spod_ciara_text2 {position: absolute; right: 10px; text-align: right; font-size: 12px; margin: 10px 0px 10px 0px; display: inline-block;}

a.spod_ciara_linka {font-size: 12px; color:#000000; text-decoration: none; font-weight: normal;}
a.spod_ciara_linka:hover {color: #555555;}

#h1_nadpis {width: 100%; background-color: #f05a72; color: #ffffff; text-align: center; margin: 0px; font-size: 24px; padding: 5px 0px 5px 0px; font-weight: normal;}


#mojucet_zlava_top {position: absolute; font-size: 12px; color: #808080; width: 350px; height: 20px; top: 28px; right: 490px; color: #808080; text-align: right;}

a.moj_ucet_horne_menu {font-family: arial; font-size: 12px; color:#000000; text-decoration: none; font-weight: bold;}
a.moj_ucet_horne_menu:hover {color: #5f5f5f;}

a.fotogaleria_linka {font-size: 13px; font-weight: bold; color: #000000; text-decoration: none;}
a.fotogaleria_linka:hover {color: #494949;}

a.linka_spodok {font-size: 14px; color: #777777; text-decoration: none;}
a.linka_spodok:hover {color: #a7a7a7;}




#hlavny {margin-left: auto; margin-right: auto; position: relative; max-width:100%; z-index:1; display: inline-block; height: auto;width: 100%; background-color: #ffffff;}
#logo {position: absolute; width: 350px; height: 120px; top: 0px; left: 15px; padding-top: 35px; z-index:2;}
#horne_menu {position: absolute; width: 1100px; height: 60px; top: 170px; left: 15px; text-align: left; z-index: 2000;}
#horne_menu_obrazky {position: absolute; width: 1100px; height: 104px; top: 274px; left: 0px; text-align: left; z-index: 2000;}


#horne_menu_bocne {position: absolute; width: 150px; top: 6px; left: 800px;}
a.horne_menu_bocne_link{font-size: 12px; color: #f44b77; text-decoration: none;}
a.horne_menu_bocne_link:hover {color: #d50d3f;}
.horne_menu_bocne_p{font-size: 15px; color: #f44b77; text-decoration: none; font-weight: bold; margin-top: 5px; margin-bottom: 0px;}

#kosik_top {position: absolute; width: 270px; height: 45px; top: 68px; left: 928px; z-index:1; background-color: #333333; }

#jazyk_top {position: absolute; width: 70px; height: 30px; top: 6px; left: 998px; z-index:1;}



#stred {position: relative;   max-width: 100%; padding: 15px 0px 0px 0px; text-align: center; border-left: 1px #B2B3B3 solid;  background-color: #ffffff; display: inline-block; height: auto; width: 100%;}
#stred_bez_ciary {position: relative; margin: 10px auto; max-width: 100%; padding: 0px; text-align: center; background-color: #ffffff; height: auto; }
#stred2 {position: relative; max-width: 100%; min-height: 200px; text-align: left; top: 0px; padding: 0px 0px 10px 0px; }

#stred_menu_produkty {position: relative; max-width: 100%; text-align: left;background-color:#ffffff;}

#stred_produkty { padding: 0px 0px 0px 0px; margin-left: 275px;  background-color:#ffffff;}
#stred_produkty_menu { width: 270px; padding: 0px 0px 0px 0px; float: left;}

#stred_banner {position: relative; max-width: 1100px; height: 448px; margin: 0 auto; top: 250px; right:8px; z-index:0;}

#stred_banner_prod {position: relative; max-width: 790px; height: 303px; margin-bottom: 15px; top: 0px; left: 290px; text-align: center;}


#menu_hor_nadpis {position: relative; width: 221px; height: 47px; top: 0px; background-color: #e9dabd;}
#menu_nadpis_hr {color: #795d28; padding: 12px 0px 0px 13px; font-size: 20px;}
.menu_kat {width: 230px; height: 30px; background-color: #ca0000; border-top: 1px #ffffff solid; float: left;}
.menu_kat_podklad {width: 230px; height: 30px; background-color: #0057ae; border-top: 1px #ca0000 solid; float: left;}
.menu_kat_txt {position: relative; top: 0px; padding: 6px 0px 0px 10px;}
.menu_kat_sipka {width: 15px; height: 30px; top: 0px;  float: left;}
a.lave_menu_linka_kategorie {font-family: arial; font-size: 13px; color:#ffffff; font-weight: bold; text-decoration: none;}
a.lave_menu_linka_kategorie:hover {color: #ffff00;}

a.lave_menu_linka_kategorie_zlta {font-family: arial; font-size: 13px; color:#ffff00; font-weight: bold; text-decoration: none;}
a.lave_menu_linka_kategorie_zlta:hover {color: #ffff97;}


a.lave_menu_linka_kategorie_biela {font-family: tahoma; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}
a.lave_menu_linka_kategorie_biela:hover {color: #ffffff;}
a.lave_menu_linka_podkategorie {font-size: 13px; color:#000000; text-decoration: none;}
a.lave_menu_linka_podkategorie:hover {color: #828071;}


#menu_kat_sipka_podkat {width: 15px; height: 15px; top: 0px;  float: left;}
.menu_podkat {width: 230px; height: 20px; background-color: #a6dbff;  float: left; }
.menu_podkat_podklad {width: 230px; height: 20px; background-color: #0057ae;  float: left;}
.menu_podkat_txt {position: relative; top: 0px; padding: 2px 0px 0px 20px;}

#produkty_horna_ciara {border-top: 1px #B2B3B3 solid; max-width: 100%; height: 1px; margin: 15px 0px 15px 0px;}

.produkt_bunka {position: relative; width: 275px; height: 365px; margin: 0px 0px 10px 0px;float: left; border-bottom: 1px #B2B3B3 solid;}
.produkt_ramik {position: absolute; width: 275px; height: 355px; top: 3px; left: 0px; z-index:0;}

.produkt_prava_ciara {position: absolute; right: 0px; width: 1px; height: 335px; top: 10px; border-right: 1px #B2B3B3 solid;}
.produkt_lava_ciara {position: absolute; left: 0px; width: 1px; height: 335px; top: 10px;}

.produkt_zalozky {position: absolute; width: 81px; height: 33px; top: 7px; left: 1px; text-align: left;}
.produkt_vyrobca {position: relative; width: 212px; height: 22px; top: 0px; left: 0px; color:#424242; z-index:500;}
.produkt_vyrobca_txt {padding-top: 3px; font-size: 11px; z-index:500;}

.produkt_nadpis_div {position: absolute; width: 255px; top: 220px; left: 10px; }
a.produkt_nadpis_linka {font-size: 17px; text-decoration: none; color: #231f20;  font-weight: normal; z-index:5; }
a.produkt_nadpis_linka:hover {color: #000000;}
.produkt_nadpis{margin: 0px; padding-left: 0px; line-height: 70%; text-align: center;}

.produkt_foto{position: relative; margin-top: 10px; width: 275px; height: 200px;}
.produkt_cena_div{position: absolute; width: 118px; top: 275px; left: 16px; text-align: left; color: #EA556F;}

.produkt_popis{position: absolute; width: 215px; top: 240px; left: 14px; font-family: arial; font-weight: normal;}

.produkt_detail_produkt{position: absolute; width: 125px; height: 23px; top: 289px; right: 20px; text-align: right;}
.produkt_detail_produkt_kup{position: absolute; width: 130px; height: 37px; top: 270px; right: 10px; background-color: #ea556f; cursor: pointer;}

.produkt_cena {font-size: 22px;}
.produkt_cena_preskrt {font-size: 20px; text-decoration: line-through; color: #7e7e7e; padding-right: 5px;}

.produkt_cena_preskrt_detail {font-size: 14px; text-decoration: line-through; color: #7e7e7e; padding-right: 0px;}

.produkt_moje_oblubene_ikona {position: absolute; width: 19px; height: 17px; top: 323px; left: 16px;}
.produkt_moje_oblubene_napis {position: absolute; width: 120px; top: 319px; left: 43px;}
a.produkt_moje_oblubene_napis_link {font-size: 12px; text-decoration: none; color: #000000;}
a.produkt_moje_oblubene_napis_link:hover {color: #585858;}

.produkt_porovnat_ikona {position: absolute; width: 19px; height: 21px; top: 321px; right: 73px;}
.produkt_porovnat_napis {position: absolute; width: 50px; top: 319px; right: 16px;}

#produkt_detail_stlpec_text {top:0; margin-top:0px;}


.produkt_kategoria_h1 {font-size: 20px; color: #000000;}
#kategoria_popis { font-size: 12px; padding: 0px 20px 0px 15px;}

.produkt_dostupnost_text{position: absolute; width: 112px; height: 32px; top: 190px; left: 60px ;text-align: left; font-size: 12px; color: #c19e40; font-weight: bold;}
.produkt_dostupnost_text_nadpis{color: #ff00cc; font-weight: bold;}
.produkt_dostupnost_text_podnadpis {color: #81c140; font-weight: normal;}
.produkt_dostupnost_ikona{position: absolute; width: 50px; height: 51px; top: 175px; left: 5px ;text-align: left;}

#produkty_lista {position: absolute; width: 719px; height: 48px; top: 0px; right: 0px; text-align: right; border-bottom: 1px #f3ece0 solid;}
#produkty_lista_pathway {position: relative; width: 100%; display: inline-block; text-align: left; margin: 10px auto 10px; border: 1px #c0c1c4 solid; font-size: 12px; background-color: #ffffff;}
#pathway_domov {float:left;}
#pathway_domov_ikona {padding: 7px 0px 0px 10px;}


#produkty_lista_vyrobca {position: absolute; width: 100%; height: 28px; top: 90px; text-align: right; padding: 0px 0px 0px 0px; border: 1px #eaeaea solid; background-color: #f8f8f8;}
#produkty_lista_strankovanie {position: absolute; height: 48px; top: 2px; right: 2px; text-align: right;}
#produkty_lista_spat {position: absolute; width: 50px; height: 23px; top: 13px; left: 15px;}

#produkty_lista_strankovanie_dole {clear:both; text-align: right; float: right; height: 25px; margin-bottom: 10px; padding-right: 2px;}

.strankovanie_cislo {font-family: arial; font-size: 12px; margin: 2px; border: 1px #747474 solid; background-color: #d8d8d8; text-align: center; float: left; padding: 2px 5px 3px 5px;	cursor: pointer;}
.strankovanie_cislo_oznacene {font-family: arial; font-size: 14px; margin: 2px;	border: 1px #747474 solid; background-color: #8b8b8b;text-align: center; float: left; padding: 2px 5px 3px 5px;	color: #ffffff;	font-weight: bold;}
.div_stran{font-size: 12px; float: left; padding: 8px 5px 3px 5px; color: #414141;}
a.strankovanie_linka {font-size: 14px; color: #414141; text-decoration: none;}
a.strankovanie_linka:hover {color: #000000;}
a.patway_linka {font-size: 12px; color: #5B5B5B; text-decoration: none;}
a.patway_linka:hover {color: #483e28;}
.patway_text {font-size: 12px;	color: #5B5B5B;}
.patway_sipka {margin-left: 5px; margin-top: 0px; margin-bottom: 5px;}

.facebook{border:none; overflow:hidden; width:220px; height:56px; margin-top: 5px;}
.facebook_div{margin-top: 30px; text-align: center;}

#newsletter{width: 222px; height: 56px; padding: 33px 0px 0px 50px;}
.newsletter_form {margin: 0;}
.newsletter_input {margin: 0; width: 170px; height: 20px; font-size: 11px;}

#newsletter_tlacitko {width: 34px; height: 22px; float: left; margin-left: 3px;}
#newsletter_input_div  {width: 170px; height: 20px; font-size: 11px;float: left;}
#newsletter_popis {font-size: 10px; padding: 3px 0px 0px 50px;}

#zapatie_text_div{clear:both; font-size: 10px; color: #ffffff; text-decoration: none; text-align: center; padding-top: 15px;}
.zapatie_text{font-size: 10px; color: #ffffff; text-decoration: none;}

#tlac_pdf_div {position: absolute; width: 140px; height: 20px; top: 10px; right: 10px;}

#produkt_detail_napdis {font-size: 24px; font-weight: normal; margin: 0px 5px 20px 5px; color: #000000;}
#produkty_detail_lista_pathway {position: relative; width: 1100px; height: 20px; top: 0px; text-align: left;}
#produkt_detail_text {font-family: arial; margin-top: 0px; font-size: 12px; padding-left: 7px; padding-right: 7px; }
#produkt_detail_usetrite {color: #9fe30e; font-weight: bold;}
#produkt_detail_vyrobca_dodac {padding-left: 10px;}
#produkt_detail_vyrobca_usetr {padding-left: 50px;}
#produkt_detail_cena {margin-top: 20px; margin-left: 3px;font-size: 28px; width: 140px; float: left; color: #f05a72;}

.produkt_detail_cena_polozka { font-size: 17px; font-weight: bold; color: #f05a72;}

#produkt_detail_cena_preskrt { width: 110px; margin-top: 23px; margin-left: 9px; font-size: 13px; float: left; color: #9b7c40;}

#produkt_detail_foto_spolu { top: 0px; width: 320px;  margin-top: 0px; }



#produkt_detail_info { left: 0px; margin-top: 0px; padding-top: 20px;}
#produkt_detail_info2{margin-left:350px;}

.produkt_detail_foto_nahlad_uvod_farba {width: 35px; height: 35px; padding: 1px; text-align: center;}
.produkt_farby_foto {position: absolute; width: 35px; height: 35px; top: 10px; right: 10px;}


#produkt_detail_foto { width: 330px; height: 330px; padding-top: 10px; padding-bottom: 10px;  text-align: center;}

#produkt_detail_foto_nahlad_spolu { top: 0px; _margin-top: 15px; margin-left: 10px; height: 60px;}

.produkt_detail_foto_nahlad {width: 80px; height: 80px; padding: 5px; float: left; margin-right: 5px;}
#produkt_detail_kosik {margin-top: 0px; margin-left: 113px;}
#produkt_detail_popis {font-size: 13px; margin-top: 10px; }
#produkt_detail_video {margin-top: 30px; margin-bottom: 50px;}
#produkt_detail_podobne {clear:both; margin-top: 40px;}
#produkt_detail_produkt_zalozky {position: absolute; width: 81px; top: -3px; left: 0px; text-align: right;}

.kategoria_nadpis{font-size: 20px; margin-top: 15px; margin-bottom: 12px; font-weight: normal; }
.spodne_menu_nadpis_h3{font-size: 15px; color: #636363; font-weight: normal; margin-bottom: 0px; margin-left: 10px;}
a.dolne_menu_linka {font-size: 12px; color: #ffffff; text-decoration: none; font-weight: normal;}
a.dolne_menu_linka:hover {color: #e5e5e5;}

.rozdelovac{margin-left: 5px; margin-right: 5px; font-size: 14px;}

a.dolne_menu_linka2 {font-size: 11px; color: #ffffff; text-decoration: none;}
a.dolne_menu_linka2:hover {color: #e5e5e5;}

.spodne_menu_link_p {margin-top: 5px; margin-bottom: 0px; margin-left: 10px;}

#spodne_menu {clear:both; width: 700px; border-top: 1px #dadada solid; padding-top: 10px; margin-top: 10px;}
#spodne_menu1 {width: 173px; float: left;}
#spodne_menu2 {width: 173px; float: left;}
#spodne_menu3 {width: 173px; float: left;}
#spodne_menu4 {width: 173px; float: left;}

#produkt_chcem_sa_spytat_foto {width: 250px; float: left;}
#produkt_chcem_sa_spytat_form {width: 450px; float: left; font-size: 12px;}



.prihlasenie_nadpis {font-size: 11px; margin-top: 5px; margin-bottom: 0px; margin-left: 3px; color: #fa5827;}

a.produkt_detail_linka {font-size: 11px;font-weight: normal;color: #ff8230;text-decoration: underline;}
a.produkt_detail_linka:hover {color: #F46200;}

.produkt_detail_nadpis {font-size: 22px;font-weight: normal;color: #0093d3;}
.produkt_polozka_nadpis {font-size: 12px;font-weight: normal;color: #0093d3;margin-top: 0px;margin-bottom: 0px;}
.produkt_polozka_cena {font-size: 13px;font-weight: normal;	color: #000000;}
.produkt_polozka_cena_nahlad {font-size: 12px;font-weight: normal;	color: #808080;	text-decoration: line-through;}
.produkt_polozka_kod {font-size: 12px;color: #787878;}
.produkt_popis {font-size: 12px;color: #424242;}
.produkt_polozka_popis {font-size: 11px;color: #3c82b5;}

.kosik_produkt{font-size: 12px;color: #000000;text-decoration: none;}

a.kosik_produkt{font-size: 12px;color: #000000;}
a.kosik_produkt:hover{color: #808080;}

.form_margin{margin:0;padding:0;}
.rolet_vyrob{font-size: 12px;margin-right: 15px;}


.text9{font-size: 9px;}
.text10{font-size: 10px;}
.text11{font-size: 11px;}
.text12{font-size: 12px;}
.text13{font-size: 13px;}
.text14{font-size: 14px;}
.text15{font-size: 15px;}
.text16{font-size: 16px;}
.text17{font-size: 17px;}
.text18{font-size: 18px;}
.text19{font-size: 19px;}
.text20{font-size: 20px;}

a.linka{font-size: 12px;color: #ff0000;}
a.linka:hover{color: #000000;}

.doprava{color: #e67f00;font-size: 12px;}

.inputhladaj{color: #525252;font-size: 11px;width:120px;height:26px;border: 1px #e5e5e5 solid;padding-left: 25px;padding-top: 5px;margin-right: 5px;}
.inputhladajsubmit{font-size: 11px;	padding-left: 2px;	width: 47px; height: 26px; color:#ffffff; font-weight: normal; background-color: #b2b2b2;	border-width: 0px; border-color: #ff0000;}
.inputreg{color: #808080;font-size: 12px;width:280px;height:20px;border: 1px solid #acacac; padding-top: 3px;margin-top: 3px;}
.inputreg_pov{color: #808080;background-color: #E6E6E6;	font-size: 12px;width:280px;border-left: 1px solid #acacac;	border-top: 1px solid #acacac;border-right: 0;border-bottom: 0; padding: 5px;margin-top: 3px;}

a.hladaj{font-size: 14px;color: #FFFFFF;text-decoration: none;}
a.hladaj:hover{color: #FFCE93;}


		#search-wrap input{width:170px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999;}
		#results ul, #results li{padding:0; margin:0; border:0; list-style:none; font-family: arial;}
		#results li {border-top:solid 1px #DEDEDE;}
		#results li a{display:block; height: 38px; padding: 18px 2px 2px 10px; text-decoration:none; color:#000000; font-weight:bold;font-size: 13px;}
		#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
		#results li a:hover{color:#737373; background-color:#ebebeb;}
		#results ul {padding:6px;}




/* web */

@media screen and (max-width:980px){
	.bunky_info_spod_osadenie{padding: 0px 10px 10px 10px;}
	#bunka_info_spod_1 {min-height: 340px;}
	#bunka_info_spod_2 {min-height: 340px;}
	#bunka_info_spod_3 {min-height: 340px;}
	#bunky_spod {margin: 50px auto;}
}

@media screen and (max-width:700px){
	
	#logo_hlavne{max-width: 200px;height: auto; border: 15px;}
	#top_logo {position:absolute; left: 0px; top: 15px;}

	#top {position:relative; width: 100%; height: 90px;}

	#top_kosik {position:absolute; width: 95px; height: 90px; right: 0px; top: 0px; text-align: center; background-color: #f05a72;}
	#top_kosik_ikona {margin-top: 15px;}

	#top_vyber {position:absolute; width: 190px; height: 27px; top: 3px; left: 200px;}

	#horna_lista {display: none;}
	#mojucet_zlava_top {display: none;}

	#vyhladavanie {position: absolute; width: 340px; height: 35px; top: 97px; left: 4px; text-align: left;}
	#vyhladavanie_tlacitko {position: absolute; width: 30px; height: 30px; top: 1px; left: 190px;}
	#vyhladavanie_tlacitko_lupa {margin: 8px 0px 0px 9px;}
	.vyhladavanie_input {border: #C5C6C6 1px solid; width: 180px; height:30px; padding: 0px 30px 0px 10px; color: #727271; font-size: 16px;}
	.vyhladanie_div {position: absolute; width: 220px; top: 128px; left: 4px; border: solid 1px #C5C6C6; display:none; background-color: #fbfbfb; z-index:200001;}
	#results li a{padding: 0px 2px 2px 0px;}

	#bunky_info_spod {position: relative; width: 100%; min-height: 100%; margin-top: 0px; text-align: center;}
	#bunka_info_spod_1 {width: 100%; min-height: 100%; background-color: #D19A9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	#bunka_info_spod_2 {width: 100%; min-height: 100%; background-color: #AF9778; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	#bunka_info_spod_3 {width: 100%; min-height: 100%; background-color: #999B9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	.bunka_info_spod_h2 {font-size: 28px; color: #ffffff; margin: 30px 0px 30px 0px;}

	#bunky_spod {max-width: 1100px; min-height: 100%; text-align: center; margin: 25px auto;}
	#bunka_spod_1 {width: 100%; min-height: 100%; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_2 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_3 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_4 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	.bunky_spod_h2 {font-size: 20px; color: #f05a72; margin: 0px 0px 10px 0px;}

	#topkosik {display:none;}
	#spod_ciara_text1 {position: relative;text-align: center; display: block; left: 0px; right: 0px;}
	#spod_ciara_text2 {position: relative;text-align: center; display: block; left: 0px; right: 0px;}

	#stred_produkty { margin-left: 5px;}

	#stred_produkty_menu{display:none;}

	#produkt_detail_produkt_zalozky {left: 5px;}

	#produkt_detail_stlpec_text {position: relative; margin-top:0px; margin-left: 0px;}

	#registracia_mobil{display: block; visibility: visible;}
	#registracia_full{display: none; visibility: hidden;}

	#produkt_detail_info2{margin-left: 0px; }

}



@media screen and (max-width:470px){
	
	#top_vyber {position:absolute; width: 190px; height: 27px; top: 60px; left: 0px;}
	#top_logo {position:absolute; left: 0px; top: 5px;}

	#horna_lista {display: none;}
	#mojucet_zlava_top {display: none;}

	#vyhladavanie {position: absolute; width: 200px; height: 35px; top: 97px; left: 4px; text-align: left;}
	#vyhladavanie_tlacitko {position: absolute; width: 30px; height: 30px; top: 1px; left: 190px;}
	#vyhladavanie_tlacitko_lupa {margin: 8px 0px 0px 9px;}
	.vyhladavanie_input {border: #C5C6C6 1px solid; width: 180px; height:30px; padding: 0px 30px 0px 10px; color: #727271; font-size: 16px;}
	.vyhladanie_div {position: absolute; width: 220px; top: 128px; left: 4px; border: solid 1px #C5C6C6; display:none; background-color: #fbfbfb; z-index:200001;}
	#results li a{padding: 0px 2px 2px 0px;}

	#h1_nadpis{font-size: 20px;}
	#uvod_text_pod_banerom{font-size: 15px;}


	#bunky_info_spod {position: relative; width: 100%; min-height: 100%; margin-top: 0px; text-align: center;}
	#bunka_info_spod_1 {width: 100%; min-height: 100%; background-color: #D19A9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	#bunka_info_spod_2 {width: 100%; min-height: 100%; background-color: #AF9778; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	#bunka_info_spod_3 {width: 100%; min-height: 100%; background-color: #999B9D; float:left; z-index: 1; word-wrap: break-word; padding: 0px 0px 10px 0px; font-size: 14px;}
	.bunka_info_spod_h2 {font-size: 28px; color: #ffffff; margin: 30px 0px 30px 0px;}


	#bunky_spod {max-width: 1100px; min-height: 100%; text-align: center; margin: 25px auto;}
	#bunka_spod_1 {width: 100%; min-height: 100%; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_2 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_3 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	#bunka_spod_4 {width: 100%; min-height: 100%; float: left; border-top: 1px #a7a9ac solid; word-wrap: break-word; padding: 20px 0px 20px 0px; font-size: 12px; text-align: left;}
	.bunky_spod_h2 {font-size: 20px; color: #f05a72; margin: 0px 0px 10px 0px;}

	#topkosik {display:none;}

	#spod_ciara_text1 {position: relative;text-align: center; display: block; left: 0px; right: 0px;}
	#spod_ciara_text2 {position: relative;text-align: center; display: block; left: 0px; right: 0px;}

	#stred_produkty_menu{display:none;}

	#stred_produkty { margin-left: 5px;}

	#produkt_detail_produkt_zalozky {left: 5px;}

	#produkt_detail_stlpec_text {position: relative; margin-top:0px; margin-left: 0px;}

	
	#kosik_mobil{display: block; visibility: visible;}
	#kosik_full{display: none; visibility: hidden;}

	#kosik_status_mobil{display: block; visibility: visible;}
	#kosik_status_full{display: none; visibility: hidden;}

	#registracia_mobil{display: block; visibility: visible;}
	#registracia_full{display: none; visibility: hidden;}

	#produkt_detail_info2{margin-left: 0px; }

}






/* horne menu */

*{margin:0;padding:0;text-decoration:none}

header{position:relative;width:100%;background:#333; z-index:100;}
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{background:#333}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:17px;font-size:1em;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#f05a72!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:300px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:700px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}