/*--- definice telo+scroll ---*/
BODY {
background: url(bg.jpg);
text-align: center;
color: Black;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
#stranka-nad{ 
margin-left: auto;
margin-right: auto;
width:1000px;
height: 16px;
font-size: 1px;
background: url(stranka-top.png);
}
#stranka{
text-align: left;
margin-left: auto;
margin-right: auto;
width:1000px;
background: url(stranka-center.png);
}
/*--- hlavicka (obrazek stranky) ---*/
#hlavicka01{
margin-left: 15px;
width:970px;
height: 212px;
background: url(grafika01.jpg);
}
#hlavicka01 h1, #hlavicka02 h1, #hlavicka03 h1, #hlavicka04 h1, #hlavicka05 h1, #hlavicka06 h1, #hlavicka07 h1{
position: absolute;
margin-left: 15px;
margin-top: 15px;
width:200px;
height: 100px;
background: url(logo.png) no-repeat;
}
#hlavicka01 h1 a, #hlavicka02 h1 a, #hlavicka03 h1 a, #hlavicka04 h1 a, #hlavicka05 h1 a, #hlavicka06 h1 a, #hlavicka07 h1 a{
display: block;
width:200px;
height: 100px;
}
#hlavicka01 h1 a span, #hlavicka02 h1 a span, #hlavicka03 h1 a span, #hlavicka04 h1 a span, #hlavicka05 h1 a span, #hlavicka06 h1 a span, #hlavicka07 h1 a span{
display: none;
}
/*--- vyhledavani ---*/
#vyhledavani{
position: absolute;
margin-left: 7px;
margin-top: 150px;
width:290px;
height: 55px;
background: url(vyhledavani.png);
}
#vyhledavani p
{
padding-top: 20px;
margin-left: 60px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#vyhledavani input
{
height: 16px;
width: 182px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
border: none;
background: none;
}
#vyhledavani input.hledej
{
margin-left: 193px;
margin-top: -24px;
height: 28px;
width: 29px;
border: 0px;
}
#menu-top
{
position: absolute;
margin-left: 483px;
margin-top: 0px;
width: 487px;
height: 31px;
background: url(menu-top.png);
list-style: none;
}
#menu-top li
{
float: left;
margin-left: 25px;
}
#menu-top li a
{
padding-top: 3px;
display: block;
color:  #ffffff; 
text-decoration: none;
font: normal 13px Arial, Helvetica, sans-serif;
}
#menu-top li a:hover
{
text-decoration: underline;
}
/*--- kosik ---*/
#kosik #ucet_menu{
height: 86px;
}
#kosik #ucet_menu a{
margin-left: 12px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 3px;
padding-bottom: 2px;
margin-bottom: 2px;
width: 171px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ucet-but.png);
}
#kosik #ucet_menu a:hover{
text-decoration: none;
display: block;
text-align: center;
padding-top: 2px;
padding-bottom: 3px;
width: 171px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ucet-but-over.png);
}
#kosik
{
position: absolute;
margin-left: 771px;
margin-top: 33px;
width: 193px;
height: 173px;
background: url(kosik.png);
}
#kosik p.nadpis{
color:  #000000; 
font: bold 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 10px;
margin-bottom: 0px;
}
#kosik p.nadpis span{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#kosik p.login{
margin-right: 10px;
height: 24px;
text-align: right;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
}
#kosik p.login input{
margin-left: 10px;
width: 123px;
background: white;
border: solid 1px black;
}
#kosik p.prihlasit{
width: 183px;
height: 38px;
text-align: left;
}
#kosik p.prihlasit input{
float: right;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(but.gif);
margin-left: 4px;
padding-left: 1px;
padding-right: 1px;
height: 19px;
}
#kosik p.kosik{
text-align: right;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-right: 10px;
margin-top: 0px;
height: 17px;
}
#kosik p.kosik span{
width: 90px;
display: block;
float: left;
color:  #000000; 
}
#kosik a{
color: #000000; 
font: bold 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 0px;
padding-bottom: 5px;
display: block;
}
/*--- hlavni menu ---*/
#hlavni-menu
{
list-style: none;
margin-left: 15px;
margin-top: 0px;
width: 970px;
height: 59px;
background: url(hlavni-menu.png);
z-index: 1;
position: relative;
}
#hlavni-menu li
{
float: left;
list-style: none;
margin-right: 2px;
margin-top: 0px;
height: 59px;
background: url(cara.gif) no-repeat right;
}
#hlavni-menu li a span
{
display: none;
}
#hlavni-menu li a
{
color: #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
display: block;
padding-top: 21px;
padding-bottom: 17px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}
#hlavni-menu li a.aktivni
{
color: #000000; 
font: normal 18px Arial, Helvetica, sans-serif;
display: block;
padding-top: 21px;
padding-bottom: 17px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
background: url(hlavni-over.gif) repeat-x;
}
#hlavni-menu li a.najeti
{
color: #000000; 
font: normal 18px Arial, Helvetica, sans-serif;
display: block;
text-decoration: none;
background: url(hlavni-over01.gif) repeat-x;
}
#hlavni-menu li a.domu
{
display: block;
width: 45px;
height: 59px;
background: url(tldomu.gif);
padding: 0px;
margin-left: 10px;
}
#hlavni-menu li a.domu:hover
{
background: url(tldomu-over.gif);
}
#hlavni-menu li a.domu-aktivni, #hlavni-menu li a.domu-aktivni:hover
{
display: block;
width: 45px;
height: 59px;
background: url(tldomu-over.gif);
padding: 0px;
margin-right: 2px;
margin-left: 10px;
}
#hlavni-menu li {
    position: relative;
}
#hlavni-menu li ul {
    display: none;
    position: absolute;
    z-index: 100;
    left: -1px;
	top: 0px;
    top: 59px;
    margin: 0px;
    padding: 0px;
	border: solid 4px #ccc5ba;
}
#hlavni-menu li ul li {
    list-style: none;
    float: none;
    background: none;
    background-color: #ccc5ba;
    color: black;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    height: 20px;
    width: 230px;
    border: none;
}
#hlavni-menu li ul li a {
    color: black;
    font: 12px Verdana, Arial, sans-serif;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    display: block;
    margin: 0px;
}
#hlavni-menu li ul li a:hover {
    background: none;
    background-color: #ffffff;
    color: #333333;
    font: 12px Verdana, Arial, sans-serif;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
}

/*--- paticka ---*/
#paticka
{
clear: both;
margin-left: 15px;
width: 970px;
height: 195px;
background: url(paticka.gif);
}
#paticka p
{
float: left;
height: 163px;
width: 220px;
padding-top: 10px;
margin-left: 15px;
color: #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p strong
{
color: #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
}
#paticka p span
{
color: #ffcc00; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p a
{
color: #ffcc00; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p a strong
{
color: #ffcc00; 
font: bold 12px Arial, Helvetica, sans-serif;
}
#paticka #copy
{
color: #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
padding-top: 5px;
margin-left: 0px;
height: 20px;
width: 970px;
}
#paticka #copy a
{
color: #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
/*--- 
LEVY SLOUPEC
 ---*/
#levy
{
margin-left: 15px;
margin-top: 10px;
width: 195px;
float: left;
}
/*--- menu jednotlive urovne ---*/
#levy ul{
clear: both;
margin-left: 0px;
width: 195px;
list-style: none;
padding-bottom: 15px;
}
#levy ul li.nadpis{
width: 195px;
height: 42px;
background: url(nadpis.png);
}
#levy ul li.nadpis p{
margin-left: 10px;
padding-top: 13px;
color:  #ffffff; 
font: bold 16px Arial, Helvetica, sans-serif;
}
/*--- 
LEVE MENU VLASTNOSTI
---*/
ul#menu, ul#menu ul 
{
list-style: none;
padding-left: 0px;
}
ul#menu 
{
width: 195px;
}
/*--- kategorie 01 ---*/
ul#menu li 
{
text-indent: 12px;
background: #ecebeb;
border-bottom: 1px solid white;
}
ul#menu li:hover
{
background-color: #e0dfdf;
}
ul#menu li a 
{
display: block;
padding-top: 6px;
padding-bottom: 6px;
color: #333333;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}
ul#menu li a:hover
{
color: #000000;
text-decoration: underline;
}
/*--- kategorie 02 ---*/
ul#menu li li 
{
background-color: #d4ccba;
text-indent: 17px;
font: 12px Arial, Helvetica, sans-serif;
}
ul#menu li li:hover 
{
background-color: #c4b89a;
}
ul#menu li li a 
{
display: block;
width: 195px;
color: #333333;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
background: none;
}
ul#menu li li a:hover
{
color: #000000;
text-decoration: underline;
}
/*--- kategorie 03 ---*/
ul#menu li li li 
{
text-indent: 22px;
}
/*--- kategorie 04 ---*/
ul#menu li li li li 
{
text-indent: 27px;
}
/*---AKTIVNI kategorie 01 ---*/
ul#menu li.aktivni 
{
background-color: #3f392b;
font-weight: bold; 
}
ul#menu li.aktivni h3
{
background: url(cara01.png) no-repeat left center;
}
ul#menu li.aktivni h3 a, ul#menu li.aktivni h3 a:hover 
{
color: #ffffff;
font-weight: bold;
}
ul#menu li.aktivni ul 
{
border-bottom: solid 1px white;
border-top: solid 1px white;
}
/*---AKTIVNI kategorie 02 ---*/
ul#menu li.aktivni li.aktivni 
{
background-color: #4a4028;
}
ul#menu li.aktivni li.aktivni h4
{
background: url(cara02.png) no-repeat left center;
}
ul#menu li.aktivni li.aktivni  h4 a, ul#menu li.aktivni li.aktivni  h4 a:hover 
{
color: #ffffff;
font-weight: bold;
}
/*---AKTIVNI kategorie 03 ---*/

ul#menu li.aktivni li.aktivni li.aktivni 
{
background-color: #5c4d28;
}
ul#menu li.aktivni li.aktivni li.aktivni h5 
{
background: url(cara03.png) no-repeat left center;
}
ul#menu li.aktivni li.aktivni li.aktivni h5 a, ul#menu li.aktivni li.aktivni li.aktivni h5 a:hover  
{
color: #ffffff;
font-weight: bold;
}
/*---AKTIVNI kategorie 04 ---*/
ul#menu li.aktivni li.aktivni li.aktivni li.aktivni 
{
background-color: #c4b89a;
}
ul#menu li.aktivni li.aktivni li.aktivni li.aktivni h6 a, ul#menu li.aktivni li.aktivni li.aktivni li.aktivni h6 a:hover 
{
font-weight: bold;
}
/*--- 
PROSTREDNI SLOUPEC
 ---*/
#stred
{
margin-left: 8px;
margin-top: 10px;
padding-bottom: 8px;
width: 562px;
float: left;
background-color: #f1f0f0;
}
#texty p
{
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
margin: 10px;
}
/*--- nadpisy kategorii jako odkazy ---*/
#nadpisy-kat
{
margin-left: 8px;
margin-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
list-style: none;
clear: both;
}
#nadpisy-kat li
{
float: left;
margin-right: 8px;
}
#nadpisy-kat li a
{
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: url(arow.gif) no-repeat left center;
padding-left: 13px;
}
#nadpisy-kat li a.prvni
{
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: url(arow-home.gif) no-repeat left center;
padding-left: 13px;
}
#nadpisy-kat li a:hover, #nadpisy-kat li a.prvni:hover
{
text-decoration: none;
}
#nadpisy-kat li a.aktivni
{
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
background: url(arow.gif) no-repeat left center;
padding-left: 13px;
}
/*--- nazev kategorie a texty v kategorii---*/
#stred #text p.popis
{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
font: normal 12px Arial, Helvetica, sans-serif;
}
p.popis_kat
{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
font: normal 12px Arial, Helvetica, sans-serif;
}
p.popis_det
{
clear: both;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
font: normal 12px Arial, Helvetica, sans-serif;
}

#stred #text p.kod
{
margin-top: -12px;
margin-left: 20px;
margin-right: 10px;
margin-bottom: 12px;
font: normal 10px Arial, Helvetica, sans-serif;
color: #cc0000;
}

#stred h2
{
margin-left: 7px;
margin-top: 7px;
width: 548px;
height: 20px;
padding-top: 9px;
padding-bottom: 9px;
background: url(lista01.png);
margin-bottom: 12px;
clear: both;
}
#eshop h2, #eshop h3
{
margin-left: 7px;
margin-top: 7px;
width: 548px;
height: 20px;
padding-top: 9px;
padding-bottom: 9px;
background: url(lista01.png);
margin-bottom: 12px;
clear: both;
}
#eshop h2 span, #eshop h3 span
{
margin-left: 12px;
font: normal 12px Arial, Helvetica, sans-serif;
float: left;
}
#stred h2 span
{
margin-left: 12px;
font: bold 16px Arial, Helvetica, sans-serif;
float: left;
}
/*--- tlacitko rozsireneho vyhledavani ---*/
#stred h2 a{
float: right;
margin-top: 1px;
margin-right: 12px;
display: block;
padding-top: 2px;
padding-bottom: 3px;
text-align: center;
text-decoration: none;
width: 182px;
background: url(tlacitko01.gif);
color: #000000;
font: normal 11px Arial, Helvetica, sans-serif;
}
#stred h2 a:hover{
background: url(tlacitko01-over.gif);
}
/*--- panel ovladani ---*/
#panel{
margin-left: 8px;
margin-top: 6px;
width: 548px;
height: 60px;
background: url(lista01.png) no-repeat bottom;
}
#panel-bottom{
clear: both;
margin-left: 8px;
margin-top: 6px;
width: 548px;
padding-top: 10px;
height: 26px;
padding-bottom: 10px;
}
#panel .radek{
margin-left: 8px;
margin-right: 8px;
width: 532px;
height: 30px;
}
#panel .radek a.katalog{
position: absolute;
margin-left: 0px;
width: 148px;
display: block;
padding-top: 6px;
padding-bottom: 4px;
background: none;
color: #666666;
text-decoration: none;
}
#panel .radek a.katalog span{
background: url(katalog.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #666666;
padding-left: 18px;
margin-left: 7px;
}
#panel .radek a.katalog:hover{
width: 148px;
padding-top: 5px;
padding-bottom: 4px;
background-color: #ffffff;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
color: #000000;
text-decoration: none;
}
#panel .radek a.katalog:hover span{
background: url(katalog-on.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 18px;
margin-left: 6px;
}
#panel .radek a.katalog-aktivni{
position: absolute;
margin-left: 0px;
width: 148px;
padding-top: 5px;
padding-bottom: 4px;
background-color: #ffffff;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
color: #000000;
text-decoration: none;
}
#panel .radek a.katalog-aktivni span{
background: url(katalog-on.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 18px;
margin-left: 6px;
}
#panel .radek a.tabulka{
position: absolute;
margin-left: 155px;
width: 148px;
display: block;
padding-top: 6px;
padding-bottom: 4px;
background: none;
color: #666666;
text-decoration: none;
}
#panel .radek a.tabulka span{
background: url(tabulka.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #666666;
padding-left: 18px;
margin-left: 7px;
}
#panel .radek a.tabulka:hover{
width: 148px;
padding-top: 5px;
padding-bottom: 4px;
background-color: #ffffff;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
color: #000000;
text-decoration: none;
}
#panel .radek a.tabulka:hover span{
background: url(tabulka-on.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 18px;
margin-left: 6px;
}
#panel .radek a.tabulka-aktivni{
position: absolute;
margin-left: 155px;
display: block;
width: 148px;
padding-top: 5px;
padding-bottom: 4px;
background-color: #ffffff;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
color: #000000;
text-decoration: none;
}
#panel .radek a.tabulka-aktivni span{
background: url(tabulka-on.gif) no-repeat left center;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 18px;
margin-left: 6px;
}
/*--- strankovani ---*/
#panel .strankovani, #panel-bottom .strankovani{
float: right;
padding-right: 0px;
}
#panel .strankovani a.normal, #panel-bottom .strankovani a.normal{
background: url(tl_strana_off.gif) no-repeat;
text-align: center;
text-decoration: none;
width: 19px;
height: 19px;
font: normal 11px  Arial, Helvetica, sans-serif;
color : #333333;
display: block;
float: left;
margin-right: 3px;
padding-top: 1px;
}
#panel .strankovani a.normal:hover, #panel-bottom .strankovani a.normal:hover{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color: #000000;
}
#panel .strankovani a.static, #panel-bottom .strankovani a.static{
background: url(tl_strana_on.gif) no-repeat;
text-decoration: none;
color: #000000;
text-align: center;
text-decoration: none;
width: 19px;
padding-top: 2px;
height: 19px;
font: normal 11px  Arial, Helvetica, sans-serif;
color: #405B73;
display: block;
float: left;
margin-right: 3px;
}
/*--- volba ceny ---*/
#panel a.vzestupne{
float: left;
background: url(tl_vzestupne.gif) no-repeat;
width: 19px;
height: 19px;
display: block;
margin-right: 3px;
}
#panel a.vzestupne:hover{
background: url(tl_vzestupne_on.gif) no-repeat;
}
#panel a.vzestupne span, a.vzestupne:hover span{
display: none;
}
#panel a.sestupne{
float: left;
background: url(tl_sestupne.gif) no-repeat;
width: 19px;
height: 19px;
display: block;
margin-right: 3px;
}
#panel a.sestupne:hover{
background: url(tl_sestupne_on.gif) no-repeat;
}
#panel a.sestupne span, a.sestupne:hover span{
display: none;
}
#panel .nazev{
font: normal 11px  Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-right: 3px;
margin-left: 3px;
}
#panel .input{
font: normal 12px  Arial, Helvetica, sans-serif;
display: block;
float: left;
margin-right: 3px;
margin-left: 3px;
background-color: #e1e1e1;
}
/*--- 
detail zbozi
 ---*/
/*--- fotogalerie v detailu polozky ---*/
#fotogalerie{
float: left;
width: 210px;
margin-left: 10px;
margin-top: 10px;
height: 210px;
margin-right: 10px;
}
#fotogalerie #nahled{
padding: 5px;
background: #cccccc;
margin-bottom: 9px;
}
#fotogalerie #posun_levy{
float: left;
margin-right: 4px;
display: block;
width: 11px;
height: 27px;
background: url(foto_tl_leve.gif);
}
#fotogalerie #posun_levy:hover{
background: url(foto_tl_leve-over.gif);
}
#fotogalerie span{
display: none;
}
#fotogalerie #nahledy{
text-align: center;
margin-right: 4px;
float: left;
height: 27px;
position: absolute;
left: 0px;
}
#fotogalerie #pruh {
position: relative;
float: left;
width: 184px;
height: 27px;
overflow: hidden;
}
#fotogalerie #posun_pravy{
float: left;
display: block;
width: 11px;
height: 27px;
background: url(foto_tl_prave.gif);
}
#fotogalerie #posun_pravy:hover{
background: url(foto_tl_prave-over.gif);
}
/*--- detailni popisy polozky v bodech TABULKA ---*/
.bunka_detaily{
float: left;
width: 326px;
margin-top: 7px;
margin-right: 5px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.detaily{
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
width: 326px;
float: left;
}
.detaily .cara{
clear: both;
width: 326px;
height: 3px;
background: url(poz_tab.gif);
background-repeat: repeat-x;
font-size: 1px;
}
.detaily .nazev{
float: left;
width: 163px;
padding-left: 0px;
padding-bottom: 1px;
padding-top: 1px;
color:  #000000; 
font: bold 11px Arial, Helvetica, sans-serif;
}
.detaily .popis{
float: left;
width: 163px;
padding-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.detaily .popis a{
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.detaily .popis select{
float: left;
width: 163px;
padding-left: 0px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
.clear{
clear: both;
}
/*--- bunky v detailu zbozi ---*/
div.bunka_cena{
float: left;
margin-left: 8px;
margin-bottom: 8px;
width: 210px;
height: 96px;
background: url(bunka_cena.gif);
}

div.bunka_cena .ks_poz{
margin-left: 6px;
margin-top: 18px;
width: 60px;
height: 30px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
div.bunka_cena .koupit_poz{
margin-left: 65px;
margin-top: -34px;
width: 100px;
height: 30px;
}
div.bunka_cena .ks_poz input{
width: 30px;
height: 20px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
#text div.bunka_cena p.bezna{
display: block;
width: 70px;
height: 35px;
margin-left: 10px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.bezna span{
color:  #999999; 
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
div.bunka_cena p.sleva{
display: block;
width: 37px;
height: 35px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.sleva span{
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.cena{
text-align: center;
display: block;
width: 90px;
height: 35px;
margin-top: 12px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
div.bunka_cena p.cena span{
color:  #cc0000; 
font: bold 12px Arial, Helvetica, sans-serif;
}

div.bunka_volejte{
float: left;
margin-left: 8px;
margin-bottom: 8px;
width: 210px;
height: 96px;
background: url(bunka_volejte.gif);
}
div.bunka_poslat{
float: left;
text-align: center;
margin-bottom: 8px;
margin-left: 8px;
width: 108px;
height: 96px;
background: url(bunka_poslat.gif);
}
div.bunka_poslat a.lepsi-cena{
float: left;
margin-top: 7px;
margin-bottom: 6px;
margin-left: 9px;
width: 90px;
height: 38px;
background: url(tl-lepsi-cena.gif);
}
div.bunka_poslat a.poslat-znamemu{
float: left;
margin-left:9px;
width: 90px;
height: 38px;
background: url(tl-poslat-znamemu.gif);
}
div.bunka_poslat a.lepsi-cena span, div.bunka_poslat a.poslat-znamemu span{
display: none;
}
/*--- 
bunky eshopu
 ---*/
#stred div.bunka{
float: left;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 10px;
width: 267px;
height: 378px;
background: url(bunka.png);
}
#stred div.bunka:hover{
background: url(bunka-over.png);
}
div.bunka h3{
text-align: center;
width: 230px;
height: 54px;
margin-left: 9px;
margin-top: 7px;
}
div.bunka h3 a{
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .nahled{
text-align: center;
width: 257px;
height: 139px;
margin-left: 5px;
margin-right: 5px;
}
div.bunka .nahled .foto{
margin-top: 6px;
}
div.bunka .popis{
text-align: left;
width: 249px;
height: 83px;
margin-left: 9px;
margin-right: 9px;
margin-top: 0px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .popis p{
height: 61px;
}
div.bunka .popis .dostupnost{
margin-top: 6px;
text-align: center;
color: #cc0000;
font: normal 12px Arial, Helvetica, sans-serif;
height: 20px;
}
div.bunka .popis .dostupnost span{
font: bold 12px Arial, Helvetica, sans-serif;
}
div.bunka .koupit{
display: block;
text-align: left;
width: 249px;
height: 87px;
margin-left: 9px;
margin-right: 9px;
margin-top: 5px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.bunka .tl_koupit{
width: 137px;
height: 26px;
margin-left: 57px;
margin-right: 9px;
margin-top: 3px;
margin-bottom: 13px;
}
p.bezna{
display: block;
width: 90px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.bezna span{
color:  #999999; 
font: normal 13px Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
p.sleva{
display: block;
width: 50px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.sleva span{
color:  #cc0000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
p.cena{
display: block;
width: 100px;
height: 35px;
float: left;
color:  #000000; 
font: normal 10px Arial, Helvetica, sans-serif;
}
p.cena span{
color:  #cc0000; 
font: bold 15px Arial, Helvetica, sans-serif;
}
p.novinka{
position: absolute;
margin-top: -340px;
margin-left: 232px;
width: 35px;
height: 76px;
background: url(ico-novinka.png);
}
p.akce{
position: absolute;
margin-top: -265px;
margin-left: 232px;
width: 35px;
height: 76px;
background: url(ico-akce.png);
}
p.tip{
position: absolute;
margin-top: -190px;
margin-left: 232px;
width: 35px;
height: 76px;
background: url(ico-tip.png);
}
p.novinka span, p.akce span, p.tip span{
display: none;
}
/*--- radek misto bunky ---*/
div.tabulka{
clear: both;
margin-left: 8px;
margin-bottom: 0px;
width: 548px;
height: 138px;
background: url(tabulka.png) no-repeat;
}
div.tabulka:hover{
background: url(tabulka-over.png) no-repeat;
}
div.tabulka h3{
width: 528px;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
}
div.tabulka h3 a{
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.tabulka .nahled{
margin-top: 10px;
width: 140px;
height: 103px;
}
div.tabulka .nahled a{
margin-left: 10px;
}
div.tabulka .popis{
margin-top: -103px;
margin-left: 150px;
width: 170px;
height: 103px;
}
div.tabulka .popis p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
height: 103px;
}
div.tabulka .popis p.dostupnost{
text-align: right;
position: absolute;
margin-left: 180px;
margin-top: -60px;
height: 20px;
width: 207px;
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
div.tabulka .popis p.dostupnost span{
color:  #cc0000; 
font: bold 12px Arial, Helvetica, sans-serif;
}
div.tabulka .koupit{
margin-top: -103px;
margin-left: 320px;
width: 220px;
height: 105px;
}
div.tabulka .koupit p.bezna{
position: absolute;
}
div.tabulka .koupit p.sleva{
position: absolute;
margin-left: 85px;
}
div.tabulka .koupit p.cena{
position: absolute;
margin-left: 118px;
text-align: right;
}
div.tabulka .koupit .tl_koupit{
position: absolute;
margin-top: 66px;
margin-left: 80px;
}
div.tabulka p.novinka{
position: absolute;
margin-top: -45px;
margin-left: 140px;
width: 76px;
height: 36px;
background: url(ico-novinka-t.png);
}
div.tabulka p.akce{
position: absolute;
margin-top: -45px;
margin-left: 214px;
width: 76px;
height: 36px;
background: url(ico-akce-t.png);
}
div.tabulka p.tip{
position: absolute;
margin-top: -45px;
margin-left: 290px;
width: 76px;
height: 36px;
background: url(ico-tip-t.png);
}
/*--- pravy sloupec ---*/
#pravy{
float: right;
width: 195px;
margin-right: 15px;
margin-top: 10px;
text-align: center;
}
/*--- male bunky a nadpisy pouzite ve vsech sloupcich ---*/
.nadpis-sl{
width: 195px;
height: 42px;
background: url(nadpis.png);
text-align: left;
}
.nadpis-sl p{
margin-left: 10px;
padding-top: 13px;
color:  #ffffff; 
font: bold 16px Arial, Helvetica, sans-serif;
}
.ohraniceni{
margin-left: 0px;
margin-top: 5px;
width: 193px;
border: solid 1px #cecece;
text-align: left;
padding-bottom: 8px;
margin-bottom: 8px;
}
.reklama{
margin-left: 9px;
margin-bottom: 8px;
margin-top: 8px;
display: block;
}
#stred .souvisejici{
float: left;
text-align: center;
margin-top: 0px;
margin-left: 8px;
margin-right: 5px;
background: url(bunka-mala.png);
width: 173px;
height: 196px;
margin-bottom: 12px;
}
.souvisejici{
text-align: center;
margin-top: 8px;
margin-left: 8px;
margin-right: 5px;
background: url(bunka-mala.png);
width: 173px;
height: 196px;
}
div.souvisejici h4{
padding-top: 7px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
width: 152px;
height: 40px;
overflow: hidden;
}
.souvisejici h4 a{
padding-top: 0px;
margin: 0px;
font: normal 10px Arial, Helvetica, sans-serif;
color: #cc0000;
}
.souvisejici .ceny{
text-align: left;
margin-left: 10px;
height: 30px;
margin-top: 0px;
}
.souvisejici .nahled{
height: 107px;
}
.souvisejici .ceny .sleva{
position: absolute;
margin-left: 10px;
}
.souvisejici .ceny .cena{
position: absolute;
margin-left: 60px;
}
/*--- parametry s obrazky ---*/

#parametry{
clear: both;
margin-left: 10px;
margin-right: 6px;
margin-top: 10px;
}
  #parametry .foto {
  font: normal 11px Arial, Helvetica, sans-serif;
  padding: 2px;
  text-align: center;
  color:#000000;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #E9E9E9;
}
  #parametry .foto:hover {
  text-align: center;
   font: normal 11px Arial, Helvetica, sans-serif;
  padding: 2px;
  color:#ffffff;
  background-color: #999999;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
  #parametry .foto span{
  font: bold 11px Arial, Helvetica, sans-serif;
  color:#cc0000;
}

  #parametry .foto a.vybrat{
  text-align: center;
  background: url(tl-param.gif);
  display: block;
  width: 100px;
  height: 21px;
}
  #parametry .foto a.vybrat span{
  display: none;
}
  #parametry .cara{
  height: 5px;
  border-bottom: dotted 2px  #cccccc;
  margin-bottom: 10px;
}
/*--- kosik ---*/

#text .polozka_nadpis{
margin-bottom: 1px;
margin-left: 10px;
width: 542px;
height: 51px;
background: url(polozka_nadpis.png);
}
#text .polozka_nadpis p{
margin-left: 6px;
font-weight: bold;
text-align: center;
margin-top: 15px;
}
#text .polozka_nadpis .nazev{
width: 220px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka_nadpis .pocet{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka_nadpis .cena{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka_nadpis .prepocitat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka_nadpis .smazat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka{
margin-bottom: 1px;
margin-left: 10px;
width: 542px;
height: 80px;
vertical-align: bottom;
background: url(polozka.png);
}
#text .polozka p{
margin-left: 6px;
margin-top: 10px;
}
#text .polozka p input{
margin-left: 6px;
width: 40px;
border: solid 1px black;
}
#text .polozka .nazev{
overflow: auto;
text-align: left;
width: 220px;
float: left;
font: normal 10px Arial, Helvetica, sans-serif;
}
#text .polozka .pocet{
width: 75px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: center;
}
#text .polozka .cena{
width: 80px;
float: left;
text-align: center;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .polozka .prepocitat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: center;
}
#text .polozka .smazat{
width: 80px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: center;
}
#text a.tl_kosik{
width: 67px;
display: block;
margin-left: 7px;
padding-top: 5px;
padding-bottom: 4px;
text-align: center;
background: url(tl_kosik.png);
text-decoration: none;
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text a.tl_kosik:hover{
width: 67px;
display: block;
margin-left: 7px;
padding-top: 4px;
padding-bottom: 5px;
text-align: center;
background: url(tl_kosik-over.png);
text-decoration: none;
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .vyuctovani{
margin-left: 10px;
background: url(vyuctovani.png);
width: 542px;
height: 51px;
}
#text .koupit_vice{
width: 290px;
margin-top: 10px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .objednavka{
width: 226px;
margin-top: 5px;
margin-left: 15px;
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
}

#text .koupit_vice .input{
width: 250px;
border: solid 1px black;
margin-left: 20px;
margin-top: 5px;
font: normal 14px Arial, Helvetica, sans-serif;
}
#text .tlacitka{
margin-top: 10px;
margin-left: 50px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .celkova_cena{
text-align: right;
margin-top: 20px;
margin-right: 10px;
float: right;
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
}
#text .celkova_cena span{
color: #cc0000;
}
a.butt{
margin-left: 12px;
float: left;
margin-top: 5px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 5px;
padding-bottom: 4px;
width: 130px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(but.png);
margin-bottom: 10px;
}
a.butt:hover{
padding-top: 4px;
padding-bottom: 5px;
text-decoration: none;
background: url(but-over.png);
}
/*--- registrace a osobni udaje v kosiku ---*/
.registrace{
margin-left: 8px;
width:548px;
}
.registrace p{
width: 490px;
text-align: right;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.registrace .pole{
margin-left: 10px;
height: 19px;
margin-top: 0px;
width: 370px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
.registrace span{
display: block;
height: 26px;
}
.registrace span strong{
color:  #cc0000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
.registrace h3{
margin-left: 12px;
padding-top: 0px;
margin-bottom: 16px;
color:  #333333; 
font: bold 14px Arial, Helvetica, sans-serif;
}
.registrace h3 span{
color:  #cc0000; 
font: bold 12px Arial, Helvetica, sans-serif;
}
.registrace a.butt{
float: right;
margin-right: 0px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 5px;
padding-bottom: 4px;
width: 130px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(but.png);
margin-bottom: 10px;
}
.registrace a.butt:hover{
padding-top: 4px;
padding-bottom: 5px;
text-decoration: none;
background: url(but-over.png);
}
#text .pokladna{
margin-bottom: 1px;
margin-left: 10px;
width: 542px;
background: url(pokladna.png);
height: 80px;
vertical-align: bottom;
}
#text .pokladna p{
margin-left: 6px;
margin-top: 10px;
text-align: center;
}

#text .pokladna .nazev{
width: 256px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .pokladna .pocet{
width: 76px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .pokladna .cena{
width: 100px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .pokladna .celkem{
width: 100px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .adresa{
margin-left: 10px;
background: url(adresa.png) no-repeat;
width: 542px;
height: 80px;
margin-bottom: 1px;
}
#text .adresa p.left{
margin-left: 10px;
margin-top: 5px;
width: 250px;
height: 69px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#text .adresa p.right{
margin-left: 10px;
margin-top: 5px;
width: 260px;
height: 69px;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
#ruce{
width: 450px;
height: 300px;
background: white;
border: solid 3px #cccccc;
position: relative;
}
#ruce h2{
color:  #cc0000;
font: bold 20px Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
padding-top: 10px;
position: relative;
}
#ruce p.makler{
color:  #000000;
font: normal 14px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 220px;
margin-top: -20px;
position: relative;
}
#ruce p.makler a{
color:  #000000;
position: relative;
}
#ruce p.formular{
color:  #000000;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
margin-top: 0px;
position: relative;
}
#ruce p.formular input{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
height: 20px;
width: 320px;
}
#ruce p.formular textarea{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
width: 320px;
height: 45px;
}
#ruce a.zavrit{
display: block;
margin-top: 0px;
margin-left: 60px;
width: 100px;
color:  #cc0000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#ruce a.zavrit:hover{
color:  #000000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#ruce a.odeslat{
margin-left: 230px;
margin-top: -30px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 8px;
padding-bottom: 7px;
width: 152px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(det-but.gif);
}
#ruce a.odeslat:hover{
padding-top: 7px;
padding-bottom: 8px;
text-decoration: none;
background: url(det-but-over.gif);
}
#formular{
padding-bottom: 20px;
}
#formular p{
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 15px;
margin-bottom: 10px;
margin-right: 15px;
}
#formular p.polo{
float: left;
width: 260px;
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-right: 0px;
}
#formular p span{
display: inline-block;
margin-right: 15px;
height: 20px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#formular p span.vetsi{
display: block;
width: 130px;
height: 20px;
float: left;
}
#formular input.cena{
border: solid 1px black;
width: 100px;
}
#formular select {
border: solid 1px black;
}
#formular input.slovo{
border: solid 1px #000000;
width: 194px;
}
#formular a.skryt{
clear: both;
float: right;
margin-top: 1px;
margin-right: 12px;
display: block;
padding-top: 2px;
padding-bottom: 3px;
text-align: center;
text-decoration: none;
width: 182px;
background: url(tlacitko01.gif);
color: #000000;
font: normal 11px Arial, Helvetica, sans-serif;
}
#formular a.skryt:hover{
background: url(tlacitko01-over.gif);
}
#formular .clear{
clear: both;
width: 542px;
}
#formular .butt{
clear: both;
margin-top: 15px;
float: left;
}
/*--- kosik nove funkce ---*/

.hlaska{
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-left: 10px;
width:540px;
height: 70px;
background: url(ico-pozor.png) no-repeat 10px 10px;
background-color: white;
border: solid 1px #cc0000;
margin-bottom: 10px;

}
.hlaska p{
margin-left: 70px;
margin-top: 10px;
margin-right: 5px;
font: normal 12px Arial, Helvetica, sans-serif;
}
.hlaska p a{
font: normal 12px Arial, Helvetica, sans-serif;
color: #cc0000;
}
#kroky{
list-style: none;
margin-left: 14px;
margin-top: 10px;
height: 82px;
}

#kroky li span{
display: none;
}
#kroky li.obsah{
float: left;
background: url(kosik-obsah.png);
width: 105px;
height: 72px;
}
#kroky li.obsah-aktivni{
float: left;
background: url(kosik-obsah-over.png);
width: 105px;
height: 72px;
}
#kroky li.obsah-vyr{
float: left;
background: url(kosik-obsah-aktiv.png);
width: 105px;
height: 72px;
}
#kroky li.obsah-vyr a{
display: block;
width: 105px;
height: 72px;
}
#kroky li.obsah-vyr a:hover{
background: url(kosik-obsah-over.png);
}
#kroky li.doprava{
float: left;
background: url(kosik-doprava.png);
width: 105px;
height: 72px;
}
#kroky li.doprava-aktivni{
float: left;
background: url(kosik-doprava-over.png);
width: 105px;
height: 72px;
}
#kroky li.doprava-vyr{
float: left;
background: url(kosik-doprava-aktiv.png);
width: 105px;
height: 72px;
}
#kroky li.doprava-vyr a{
display: block;
width: 105px;
height: 72px;
}
#kroky li.doprava-vyr a:hover{
background: url(kosik-doprava-over.png);
}
#kroky li.platba{
float: left;
background: url(kosik-platba.png);
width: 105px;
height: 72px;
}
#kroky li.platba-aktivni{
float: left;
background: url(kosik-platba-over.png);
width: 105px;
height: 72px;
}
#kroky li.platba-vyr{
float: left;
background: url(kosik-platba-aktiv.png);
width: 105px;
height: 72px;
}
#kroky li.platba-vyr a{
display: block;
width: 105px;
height: 72px;
}
#kroky li.platba-vyr a:hover{
background: url(kosik-platba-over.png);
}
#kroky li.udaje{
float: left;
background: url(kosik-udaje.png);
width: 105px;
height: 72px;
}
#kroky li.udaje-aktivni{
float: left;
background: url(kosik-udaje-over.png);
width: 105px;
height: 72px;
}
#kroky li.udaje-vyr{
float: left;
background: url(kosik-udaje-aktiv.png);
width: 105px;
height: 72px;
}
#kroky li.udaje-vyr a{
display: block;
width: 105px;
height: 72px;
}
#kroky li.udaje-vyr a:hover{
background: url(kosik-udaje-over.png);
}
#kroky li.potvrzeni{
float: left;
background: url(kosik-potvrzeni.png);
width: 105px;
height: 72px;
}
#kroky li.potvrzeni-aktivni{
float: left;
background: url(kosik-potvrzeni-over.png);
width: 105px;
height: 72px;
}
#kroky li.potvrzeni-vyr{
float: left;
background: url(kosik-potvrzeni-aktiv.png);
width: 105px;
height: 72px;
}
#kroky li.potvrzeni-vyr a{
display: block;
width: 105px;
height: 72px;
}
#kroky li.potvrzeni-vyr a:hover{
background: url(kosik-potvrzeni-over.png);
}

a.jit-dal{
margin-right: 10px;
margin-top: 10px;
float: right;
background: url(jit-dal.png);
width: 300px;
height: 30px;
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
line-height: 30px;
text-decoration: none;
}
a.jit-zpet{
margin-top: 10px;
margin-left: 10px;
float: left;
background: url(jit-zpet.png);
width: 198px;
height: 30px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
line-height: 30px;
text-decoration: none;
}
p.doprava{
padding: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1px;
font: normal 14px Arial, Helvetica, sans-serif;
color: #000000;
background: #ffffff; 
border: solid 1px #aabfd5;
}