body
{
font-family: arial;
margin: 0px;
padding: 0px;
background: url('grafika/pozadi.jpg') repeat-x;
font-size: 12px;
}


.skype br {
  display: none;
}


#vpanelu
{
position:relative; top: -30px;
}


#pageflip {
	position: relative;
	right: 28; top: 140;
	float: right; 
	clear: both;
}
#pageflip img {
	width: 140px; height: 140px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 140px; height: 130px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(grafika/subscribe.png) no-repeat right top;
}



form
{
margin: 0px;
}

h2.white
{
color: #400040;
margin: 0px;
margin-left: 12px;
margin-top: 5px;
font-size: 12px;
}

h3.nadpis_vyr
{
margin: 0px;
margin-left: 10px;
font-size: 12px;
}

h3.nadpis_vyr a
{
margin: 0px;
font-size: 12px;
color: white;
text-decoration: none;
}


.doprostred
{
position:absolute; top: 0px; left: 50%;
}

.nastred
{
width: 1000px;
position:absolute; top: 0px; left: -500px;
}

.hlavicka
{
position:absolute; top: 0px; left: 0px;
width: 1000px;
height: 361px;
display: block;
background: url('grafika/hlavicka.jpg');
}

.nad_hlavu
{
width: 800px;
height: 130px;
float: right;
}



#prihlasit_uziv
{
position:absolute; top: 150px; left: 660px;
}

#registrovat
{
position:absolute; top: 230px; left: 663px;
text-decoration: none;
}
.registr
{
position:relative; top: 10px;
font-size: 11px;
color: #3756db;
}
.registr a
{
color: #3756db;
text-decoration: none;
}
.registr a:hover
{
color: #3756db;
/* position:relative; top: -1px;  */
text-decoration: underline;
}

.cenovka
{
font-size: 14px;
color: #800080;
font-weight: bold;
position:relative; top: 3px; left: 5px;
}

table.ukaz_celk_cenu
{
width: 170px;
font-size: 13px;
position:absolute; top: 121px; left: 195px;
}



.uvnitr
{
margin-top: 360px;
float: left;
width: 1000px;
background: url('grafika/poz_obsah.jpg');
}

.pata
{
float: left;
width: 1000px;
height: 79px;
background: url('grafika/pata.jpg');
}


.mar20
{
margin-left: 50px;
margin-right: 49px;
}
.mar50
{
position:absolute; top: 163px; left: 200px;
font-size: 12px;
font-weight: bold;
color: white;
}

.mar5
{
float: left;
margin: 5px;
}
.mar10
{
float: left;
margin: 10px;
}

.mar8
{
float: left;
margin: 8px;
}

.marg_left_10
{
position:relative; left: 10px; 
}


.panel_vlevo
{
float: left;
width: 226px;
display: block;
}

.blok_vlevo
{
float: left;
width: 226px;
margin-top: 10px;
border: 1px solid #5e5e5e;
}

.nadpis_blok
{
float: left;
width: 226px;
height: 30px;
line-height: 30px;
display: block;
font-size: 12px;
font-weight: bold;
color: white;
background: #ca248a;
}


/* menu */ 

.sirka_menu
{
float: left;
width: 226px;
display: block;
}

.kategorie
{          
width: 226px;
height: 25px;
background: white;
line-height: 25px;
font-size: 12px;
border-bottom: 1px solid #e5e5e5;
}

.kategorie a
{
color: #d32a93;
text-decoration: none;
}
.kategorie a:hover
{
color: #3756db;
text-decoration: underline;
}

.pkategorie
{ 
width: 226px;
height: 22px;
background: white;
line-height: 22px;
font-size: 12px;
border-bottom: 1px solid #f3f3f3;
}

.pkategorie a
{
color: #666666; /*#d32a93;*/
text-decoration: none;
}
.pkategorie a:hover
{
color: #d32a93;
text-decoration: underline;
/* position:relative; left: 8px; */
}

.ppkategorie
{  
width: 226px;
height: 22px;
background: white;
line-height: 22px;
font-size: 12px;
border-bottom: 1px solid #f9f9f9;
}
.ppkategorie a
{
color: #666666;
text-decoration: none;
}
.ppkategorie a:hover
{
color: #d32a93;
text-decoration: underline; 
/* position:relative; left: 3px; */
}

h2 {float: left; margin: 0px; font-size: 11px;}

.vid
{
float: left;
margin-left: 5px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: block;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}
.nev
{
float: left;
margin-left: 5px;
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
display: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}

.bez_potomku
{
margin-left: 5px;
width: 20px;
height: 25px;
display: block;
float: left;
}

.vid2
{
float: left;
margin-left: 10px;
width: 20px;
height: 22px;
line-height: 22px;
text-align: center;
display: block;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}
.nev2
{
float: left;
margin-left: 10px;
width: 20px;
height: 22px;
line-height: 22px;
text-align: center;
display: none;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}

.bez_potomku2
{
margin-left: 10px;
width: 20px;
height: 22px;
display: block;
float: left;
}
.bez_potomku3
{
margin-left: 20px;
width: 20px;
height: 20px;
display: block;
float: left;
}

.ano_kat
{
}
.ne_kat
{
display: none;
}


a.aktual
{
font-weight: bold;
color: #3756db;
/* text-decoration: underline; */
}

a:hover.aktual
{
position:relative; left: 0px;
font-weight: bold;
color: #d32a93;
/* text-decoration: underline;  */
}

/* ukonceni menu eshop */


/* začátek menu obsah */
.obsah_menu
{
position:absolute; top: 330px; left: 50px;
width: 896px;
height: 30px;
background: #7d034e url('grafika/poz_menu_top.jpg');
display: block;
}

/* stránky menu hlavní viditelné */
a.o_menu
{
float: left;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration:none;
font-weight: bold;
background: #7d034e url('grafika/poz_menu_top.jpg');
display: block;
border-right: 1px solid #9D004F;
color: white;
}
a:hover.o_menu
{
float: left;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
background: #7d034e url('grafika/poz_menu_top2.jpg');
display: block;
color: #E1E1E1;
}


.obsah_submenu
{
display: none;
width: 120px;
}

/* stránky menu skryté */
a.o_smenu
{
float: left;
width: 120px;
height: 25px;
line-height: 25px;
background: #79034c;
display: block;
color: white;
text-decoration: none;
}
a:hover.o_smenu
{
float: left;
width: 120px;
height: 25px;
line-height: 25px;
background: #5c0239;
display: block;
color: white;
}

/* ukonceni menu obsah */  


/* začátek výrobek */ 



.vyrobek
{
float: left;
margin-top: 10px;
margin-left: 3px;
width: 200px;
height: 375px;
overflow: hidden;
background: white url('grafika/vyrobek.jpg') no-repeat;
cursor: pointer;
}

.vyrobek_stred
{
float: left;
margin-top: 10px;
margin-left: 22px;
margin-right: 17px;
width: 200px;
height: 375px;
overflow: hidden;
background: white url('grafika/vyrobek.jpg') no-repeat;
cursor: pointer;
}

.cena
{
float: left;
margin-top: 5px;
width: 200px;
height: 30px;
line-height: 30px;
display: block;
color: #7d034e;
font-size: 15px;
font-weight: bold;
text-align: center;
}

.tooltip
{

width: 200px;
background: white;
position:relative; left: 60px;
display: none;
}

img
{
border: 0px;
}

a.detail
{
float: left;
width: 139px;
height: 63px;
display: block;
background: url('grafika/detail.jpg') no-repeat;
}
a:hover.detail
{
float: left;
width: 139px;
height: 63px;
display: block;
background: url('grafika/detail2.jpg') no-repeat;
}

a.do_kose
{
float: left;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kosiku.jpg');
}

a:hover.do_kose
{
float: left;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kosiku2.jpg');
}

a.do_kose2
{
margin-top: 10px;
margin-left: 25px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose.jpg');
}
a.do_kose3
{
margin-left: 13px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose_d.jpg');
}
a:hover.do_kose3
{
margin-left: 13px;
width: 61px;
height: 63px;
display: block;
background: url('grafika/do_kose_d.jpg');
border: 2px solid white;
}



a.do_kose_mini_3
{
width: 24px;
height: 25px;
display: block;
background: url('grafika/do_kose_mini_d.jpg');
}
a:hover.do_kose_mini_3
{
width: 24px;
height: 25px;
display: block;
background: url('grafika/do_kose_mini_d.jpg');
}



table.sabl
{
float: right;
width: 175px;
margin-right: 5px;
font-size: 12px;
overflow: hidden;
display: block;
}

table.sabl td
{
height: 20px;
line-height: 15px;
width: 85px;
border-bottom: 1px solid #DFDFDF;
text-align: center;
  
}

table.sabl td.prvni
{

text-align: left;
  
}


table.sabl_3vyr
{
float: right;
width: 170px;
margin-right: 15px;

font-size: 11px;
overflow: hidden;
display: block; 
}

table.sabl_3vyr td
{
width: 94px;
height: 15px;
line-height: 15px;
border-bottom: 1px solid #DFDFDF;
}



.prvni
{
color: #3756db;
}



table.vyrobek_light
{
margin-left: 2px;
margin-top: 10px;
float: left;
width: 643px;
height: 40px;
font-size: 12px;
background: url('grafika/poz_sez.jpg') no-repeat;
cursor: pointer;
}

table.vyrobek_light a
{
color: #404040;
font-size: 12px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px; 
}


table.vyrobek_dark
{
margin-left: 2px;
margin-top: 10px;
float: left;
width: 643px;
height: 40px;
font-size: 12px;
background: url('grafika/poz_sez2.jpg') no-repeat;
cursor: pointer;
}

table.vyrobek_dark a
{
color: #404040;
font-size: 12px;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
}



.vyrobek_2
{
margin-top: 11px;
margin-left: 3px;
float: left;
width: 315px;
height: 200px;
display: block;
border: 1px solid #B300B3;
background: url('grafika/poz_vyr2.jpg');
cursor: pointer;
}
.vyrobek_2s
{
margin-top: 11px;
margin-left: 6px;
float: left;
width: 315px;
height: 200px;
display: block;
border: 1px solid #B300B3;
background: url('grafika/poz_vyr2.jpg');
cursor: pointer;
}


/* ukonceni výrobek */ 

a.tip_a
{
font-size: 10px;
color: #454545;
text-decoration: none;
}
a:hover.tip_a
{
color: #800080;
text-decoration: none;
}




.hledani
{
float: left;
width: 646px;
height: 130px;
display: block;
background: white url('grafika/vyhledani.jpg');
}

.hledani2
{

width: 646px;
height: 24px;
display: block;
background: white url('grafika/vyhledani2.jpg') no-repeat;
}

.panely
{
float: left;
width: 646px;
display: block;
background: white url('grafika/vyhl_poz.jpg');
}

.hledani_pata
{

width: 646px;
height: 13px;
display: block;
background: white url('grafika/vyhl_pa.jpg') no-repeat;
}

.razeni
{
width: 646px;
height: 60px;
display: block;
background: white url('grafika/razeni.jpg');
}

.vyrobky
{
width: 646px;

}



.tipy_hlava
{
float: left;
width: 646px;
height: 25px;
display: block;
background: white url('grafika/hlava_sez_vyr.jpg');
}
.tipy_telo
{
float: left;
width: 646px;
background: url('grafika/poz_sez_vyr.jpg');
}
.tipy_pata
{
float: left;
width: 646px;
height: 20px;
display: block;
background: url('grafika/pata_sez_vyr.jpg');

}

.tipy_1
{
float: left;
width: 178px;
height: 30px;
line-height: 30px;
display: block;
background: white url('grafika/tip_1.jpg');
text-align: center;
margin-left: 10px;
position:relative; top: 15px;
color: #494949;
font-weight: bold;
cursor: pointer;
text-decoration: none;
font-size: 10px;
}

.tipy_2
{
float: left;
width: 181px;
height: 40px;
line-height: 37px;
display: block;
background: white url('grafika/tip_2.jpg');
text-align: center;
margin-left: 10px;
position:relative; top: 11px;
color: #151515;
font-weight: bold;
cursor: pointer;
text-decoration: none;
font-size: 12px;
}

.vyr_tipy
{
float: left;
width: 310px;
height: 40px;
margin-left: 10px;
margin-top: 20px;
display:block;
border: 1px solid #E8E8E8;
background: #FFE1F0;
}
.vyr_tipy a
{
float: left;
line-height: 40px;
margin-left: 10px;
text-decoration: none;
color: #55002B;
font-weight: bold;
}



.detail_k_1
{
float: left;
width: 118px;
height: 29px;
line-height: 29px;
display: block;
background: white url('grafika/detail_k_1.jpg');
text-align: center;
margin-left: 6px;
position:relative; top: 14px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
font-size: 10px;
color: #494949;
}

.detail_k_2
{
float: left;
width: 122px;
height: 40px;
line-height: 36px;
display: block;
background: white url('grafika/detail_k_2.jpg');
text-align: center;
margin-left: 6px;
position:relative; top: 11px;
color: white;
font-weight: bold;
cursor: pointer;
text-decoration: none;
font-size: 12px;
color: #151515;
}



a.edesign
{
color: white;
font-size: 10px; 
float: right;
margin-right: 50px;
margin-top: 10px;
text-decoration: none;
}

a.kaspa
{
color: white;
font-size: 10px; 
float: left;
margin-left: 50px;
margin-top: 10px;
text-decoration: none;
}

/* ---------------------------- */
/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#search-wrap{width:600px; position:relative; top: 20px; left: 15px;}
#search-wrap input{width:370px; height: 23px; font-size:16px; color:#999999; position:relative; top: 1px; left: 0px; padding:6px; border:solid 1px #999999;}
#search-wrap select{width:150px; font-size:14px; color:#999999; padding:6px; border:solid 1px #999999;}
#results{width:630px; border:solid 1px #DEDEDE; display:none; position:absolute; top: 450px; left: 300px; z-index: 10;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE; height: 40px; line-height: 40px;}
#results li a{display:block; text-decoration:none; color:#000000; background:#C0C0C0; font-weight:bold; font-size:12px;}

#results ul {padding:6px;}




#results2{width:300px; border:solid 1px #DEDEDE; display:none; position:absolute; top: 320px; left: 660px; z-index: 10;}
#results2 ul, #results2 li{padding:0; margin:0; border:0; list-style:none;}
#results2 li {border-top:solid 1px #DEDEDE; display: block; padding: 4px; color: white; background:#800080; font-weight:bold;}
#results2 ul {padding:6px;}
/* ---------------------------- */
/* DETAIL	*/

.detail_hlava
{
float: left;
width: 646px;
height: 88px;
display: block;
background: white url('grafika/hlava_detail.jpg');
}
.detail_telo
{
float: left;
width: 646px;
background: url('grafika/poz_sez_vyr.jpg');
}
.detail_pata
{
float: left;
width: 646px;
height: 20px;
display: block;
background: url('grafika/pata_sez_vyr.jpg');

}

h1.det
{
font-size: 15px;
font-weight: bold;
width: 590px;
color: white;
position:relative; top: 10px; left: 80px;
}

h1.obec
{
font-size: 12px;
color: white;
position:absolute; top: 163px; left: 200px; z-index: 99;
margin: 0px;
}

.drobeckovka_detail
{
font-size: 12px;
font-weight: bold;
width: 590px;
color: #7d034e;
position:relative; top: -5px; left: 80px;
}

.drobeckovka_detail a
{
font-size: 12px;
font-weight: bold;
color: #7d034e;
}

table.detail_tab
{
width: 300px;
float: left;
margin-left: 10px;
font-size: 12px;
border: 0px;
}

table.detail_tab td
{
height: 20px;
background: #F3F3F3;
line-height: 20px;
font-size: 12px;
border: 0px;
padding: 5px;
}




table.detail_tab2
{
clear: both;
width: 322px;
float: left;
margin-top: 10px;
font-size: 12px;
border: 0px;
}

table.detail_tab2 td
{
height: 20px;
background: #F3F3F3;
line-height: 20px;
font-size: 12px;
border: 0px;
padding: 5px;
}








.detail_fotky
{
float: right;
margin-right: 5px;
margin-top: 2px;
}

.malefotky
{
margin-top: 10px;
}

a.doboxu
{
border-bottom: 2px solid white;
}
a:hover.doboxu
{
border-bottom: 2px solid #E800E8;
}

table.varianty
{
width: 623px;
float: left;
margin-left: 12px;
margin-top: 5px;
font-size: 12px;
border: 1px solid #FFCEFF;
text-align: center;
}
table.varianty td
{
background: #EEEEEE;
border-left: 1px solid #FFCEFF;
border-right: 1px solid #FFCEFF;
}



table.prihlas_tab
{
width: 170px;
font-size: 12px;
}

table.prihlas_tab td
{
height: 20px;
line-height: 20px;
font-size: 10px;
}




a.tisk
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/tisk.jpg');
}
a:hover.tisk
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/tisk2.jpg');
}

a.pdf
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/pdf.jpg');
}

a:hover.pdf
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/pdf2.jpg');
}


a.face
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/facebook.jpg');
}

a:hover.face
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/facebook2.jpg');
}

a.favorit
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/favorit.jpg');
}

a:hover.favorit
{
margin-left: 10px;
float: left;
width: 32px;
height: 32px;
display: block;
background: url('grafika/favorit2.jpg');
}



a.prof
{
margin-left: 7px;
float: left;
width: 78px;
height: 32px;
display: block;
background: url('grafika/doprofilu.jpg');
}

a:hover.prof
{
margin-left: 7px;
float: left;
width: 78px;
height: 32px;
display: block;
background: url('grafika/doprofilu2.jpg');
}





a.var_shop
{
background: #E1E1E1; 
width: 100%; 
height: 25px; 
line-height: 25px;
display: block; 
text-decoration: none; 
color: black;
}
a:hover.var_shop
{
background: #5b0238; 
width: 100%; 
height: 25px; 
display: block; 
text-decoration: none; 
color: white;
}

a.var_shop_aktual
{
background: #750349; 
width: 100%; 
height: 25px; 
line-height: 25px;
display: block; 
text-decoration: none; 
color: white;
}



ul.kosik
{
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 10px;
width: 225px;
}

ul.kosik li
{
background: #f1f1f1;
margin: 5px;
}

.cena_v_kosi
{
float: right;
margin-right: 5px;
font-weight: bold;
}

.nazev_kosik
{
position:relative; top: -3px; left: 2px;
}

table.strankovani
{
text-decoration: none;
color: #d0d0d0;
font-weight: bold;
font-size: 11px;
}

.str
{
width: 17px;
text-align: center;
}

.str a
{
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #d0d0d0;
}

.str1 a
{
width: 17px;
text-align: center;
text-decoration: none;
font-size: 12px;
color: #808080;
}

.str a:hover
{
text-decoration: none;
font-size: 13px;
color: #3756db;
font-weight: bold;
}

.celkem
{
font-size: 11px;
color: #808080;
}

.strana
{
width: 20px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #3756db;
border: 1px solid;
border-color: #d0d0d0;
}