/* CSS Document www.tvojekosmetika.cz style.css*/
body {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%;
   color:#000;
   text-align:center;
   background: #d9eff0;
   behavior: url(csshover.htc);
}
a:link {
  color:#000;
	text-decoration: none;
}
a:visited {
  color:#000;
	text-decoration: none;
}	
a:active {
  color:#000;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: none;
}
form{
  margin:0px;
  padding:0px;
}
img{
  border:0px;
  margin:0px;
  padding:0px;
}
.cleaner
{
  clear:both;
  display:block;
  font-size:0px;
  height:0px;
  overflow:hidden;
  line-height:0px;
}
table
{
  font-size:1em;
  margin-bottom:1.1em;
}
.noprint
{
  display:none;
}
#box1{
  text-align:left;
  margin:0px auto 0px auto;
  width: 1000px;
  background: #fff url(images/bg_box1.jpg) 598px 100% no-repeat;
  padding:0px 0px 0px 0px;
}
#panel_left
{
  width:598px;
  float:left;
}
#panel_right
{
  width:402px;
  float:right;
}
#top
{
  width:598px;
  height:222px;
}
.top_lista
{
  height:52px;
  background: #d9cab4 url(images/bg_toplista.png) repeat-x;
}
#top .top_lista a:link, #top .top_lista a:visited, #top .top_lista a:active{
  color:#000;
  text-decoration:underline;
  padding:20px 20px 0px 20px;
  height:32px;
  float:left;
  display:block;
  background: url(images/bg_toplista_oddel.png) 100% 0px no-repeat;
}
#top .top_lista a:hover{
  color:#000; 
  text-decoration:none;
}
.line_dark_top
{
  line-height:1px;
  height:11px;
  font-size:1px;
  background:#1d4d57;
}
#top a.logo 
{
  display:block;
  margin-top:2px;
  color:#fff;
  padding:47px 0px 0px 122px;
  font-size:33px;
  width: 476px;
  height:110px;
  background: #1d4d57 url(images/bg_logo.jpg) no-repeat;
}
#kosik
{
  float:left;
  position:relative;
  width:185px;
  padding:0px 0px 0px 17px; 
  color:#000;
  font-weight:bold;
  height:63px;
  background: #dbdbdb url(images/bg_kos.png) repeat-x;
}
#kosik .a_kosik
{
  width:47px;
  height:63px;
  background: #1b9ea6 url(images/ico_kos.png) no-repeat;
  display:block;
  position:absolute;
  right:5px;
}
#kosik span.nakup
{
  font-size:17px;
  display:block;
  color:#1d4d57;
  font-weight:normal;
  margin:10px 0px 4px 0px;
}
#panel_right .top_lista
{
  float:left;
  width:200px;
}
#panel_right .line_dark_top
{
  float:left;
  width:200px;
}
#user
{
  float:left;
  width:185px;
  padding:10px 0px 0px 17px; 
  color:#000;
  margin-top:0px;
  border-top:#fff solid 2px;
  height:147px;
  background: #e3e3e3 url(images/bg_prihlaseni.png) no-repeat;
}
#user strong
{
  font-size:12px;
}
#user a:link, #user a:visited, #user a:active{
  color:#000;
  text-decoration:underline;
}
#user a:hover{
  color:#000; 
  text-decoration:none;
}
#user p
{
  font-size:10px;
  padding:0px 0px 0px 0px;
  margin:5px 0px 0px 0px;
}
#user .txt
{
  padding:3px 3px 3px 3px;
  font-size:11px;
  width:145px;
  color:#505050;
  margin-bottom:3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#user a.btn:link, #user a.btn:visited, #user a.btn:active, #user a.btn:hover
{
  padding:4px 5px 4px 5px;
  border:0px;
  font-size:11px;
  color:#fff;
  display:block;
  margin-top:3px;
  width:70px;
  text-decoration:none;
  text-align:center;
  background:#389197;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#svatky
{
  float:left;
  width:185px;
  padding:10px 0px 0px 15px; 
  color:#fff;
  font-size:13px;
  margin-top:2px;
  height:147px;
  background: #256169 url(images/bg_svatky.png) no-repeat;
}
#svatky a:link, #svatky a:visited, #svatky a:active{
  color:#fff;
  text-decoration:underline;
}
#svatky a:hover{
  color:#fff; 
  text-decoration:none;
}
#svatky p
{
  padding:0px;
  margin:0px 0px 18px 0px;
}
#panel_stred
{
  float:left;
  width:202px;
  background:#1d4d57;
}
#search
{
  height:37px;
  padding:6px 0px 0px 17px;
}
#search .txt
{
  padding:2px 3px 2px 3px;
  margin:5px 4px 0px 0px;
  float:left;
  font-size:11px;
  width:136px;
  color:#505050;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#search .val
{
  
}
#search .btn
{
  border:0px;
  margin:0px;
  height:31px;
  width:28px;
  float:left;
  cursor:pointer;
  font-size:10px;
  color:#fff;
  background: #d4c4ac url(images/bg_btn_search.png) no-repeat;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#bestsell
{
  width:200px;
  float:left;
}
#menu_left
{
  width:200px;
  font-size:12px;
  float:left;
  border-top:1px solid #416a72;
  padding:0px 1px 0px 1px;
}
#menu_left ul, #menu_left li{ 
  margin: 0px; 
  padding: 0px; 
}
#menu_left ul.menu_left
{
  margin:0px 0px 0px 0px;
}
#menu_left ul.menu_left li { 
  list-style-type: none; 
}
#menu_left ul.menu_left li 
{
  overflow:hidden;
  width:200px;
  display:block;
  float:left;
} 
#menu_left ul.menu_left li a { 
  display:block;
  color: #fff; 
  cursor:pointer;
  border-bottom:1px solid #416a72;
} 
#menu_left ul.menu_left li a:hover { 
  background: #3e7581;
}
#menu_left ul.menu_left li .btn_text
{
    display:block;
    padding:8px 5px 8px 17px;
}
#menu_left ul.menu_left li a.active
{
    background: #3e7581;
     font-weight:bold;
}
#menu_left ul.menu_left_1
{
   padding:0px 0px;
   float:left;
}
#menu_left ul.menu_left_1 li { 
  
  display:block;
} 
#menu_left ul.menu_left_1 li a { 
  display:block;
  cursor:pointer;
  color: #555;
  font-weight:normal;
  background: #d2ecee;
  border-bottom:0px;
} 
#menu_left ul.menu_left_1 li .btn_text
{
    display:block;
    font-size:11px;
    padding:6px 5px 6px 30px;
    border-bottom:1px solid #fff;
    background: url(images/puntik.gif) 18px 55% no-repeat;
}
#menu_left ul.menu_left_1 li a.active
{
    color:#555;
    font-weight:bold;
    background: #b8e1e3;
}
#menu_left ul.menu_left_1 li a:hover
{
    color:#555;
    background: #b8e1e3;
}
#menu_left ul.menu_left_2 li { 
  display:block;
} 
#menu_left ul.menu_left_2 li a { 
  padding:0;
  display:block;
  cursor:pointer;
  color:#434343;
  font-weight:normal;
  background: #e8e5e5;
} 
#menu_left ul.menu_left_2 li .btn_text
{
    display:block;
    padding:4px 3px 4px 30px;
    background: none;
}
#menu_left ul.menu_left_2 li a.active .btn_text, #menu_left ul.menu_left_2 li a:hover .btn_text
{
    display:block;
    color:#e37000;
    text-decoration:underline;
    background: #e8e5e5;
}
#menu_left ul.menu_left_2 li a.active:hover .btn_text
{
    color:#e37000;
    background: #e8e5e5;
    text-decoration:underline;
}
#menu_left ul.menu_left_3 li { 
  display:block;
} 
#menu_left ul.menu_left_3 li a { 
  padding:0;
  display:block;
  cursor:pointer;
  color:#000;
  background: #ddd;
} 
#menu_left ul.menu_left_3 li .btn_text
{
    display:block;
    padding:6px 3px 6px 53px;
    background: url(images/odrazka2_menu.gif) 42px 55% no-repeat;
}
#menu_left ul.menu_left_3 li a.active .btn_text, #menu_left ul.menu_left_3 li a:hover .btn_text
{
    display:block;
    background: #bbb url(images/odrazka2_menu.gif) 42px 55% no-repeat;
}
#menu_left ul.menu_left_3 li a.active:hover .btn_text
{
    display:block;
    background: #ccc url(images/odrazka2_menu.gif) 42px 55% no-repeat;
}
#menu_left ul.menu_left_4 li { 
  display:block;
} 
#menu_left ul.menu_left_4 li a { 
  padding:0;
  display:block;
  cursor:pointer;
  color:#000;
  background: #fff;
} 
#menu_left ul.menu_left_4 li .btn_text
{
    display:block;
    padding:6px 3px 6px 57px;
    background: none;
}
#menu_left ul.menu_left_4 li a.active .btn_text, #menu_left ul.menu_left_4 li a:hover .btn_text
{
    display:block;
    background: #ddd;
}
#menu_left ul.menu_left_4 li a.active:hover .btn_text
{
    display:block;
    background: #ddd;
}
#box_kontakt
{
  margin-top:10px;
  padding-bottom:20px;
}
#box_kontakt a:link, #box_kontakt a:visited, #box_kontakt a:active{
  color:#fff;
  text-decoration:underline;
}
#box_kontakt a:hover{
  color:#fff; 
  text-decoration:none;
}
#box_kontakt p
{
  padding:6px 5px 6px 17px;
  color:#fff;
  line-height:1.4em;
  font-size:11px;
}
#panel_left h1
{
  font-size:20px;
  color:#1d4d57;
  margin:0px 0px 15px 0px;
  padding:9px 15px 9px 15px;
  background: #7ec8cd url(images/bg_nadpis_blue.png) repeat-x;
}
#banners_top
{
  margin-bottom:15px;
}
#banners_top a 
{
  width:182px;
  height:132px;
  display:block;
  float:left;
}
#banners_top .novinky
{
  background: #7baccc url(images/banner_novinky.jpg) no-repeat;
  margin-right:9px;
}
#banners_top .sleva
{
  background: #cf906e url(images/banner_sleva.jpg) no-repeat;
  margin-right:9px;
}
#banners_top .nakup
{
  background: #9f5843 url(images/banner_nakup.jpg) no-repeat;
}
#content
{
  padding:0px 15px 15px 15px;
  color:#1d4d57;
}
#content a:link, #content a:visited, #content a:active{
  color:#993366;
  text-decoration:underline;
}
#content a:hover{
  color:#993366; 
  text-decoration:none;
}
.navigace
{
  font-size:10px;
  color:#807f7f; 
  font-weight:bold;
  line-height:1.5em;
  padding:0px 20px 15px 15px;
}
.navigace a:link, .navigace a:visited, .navigace a:active{
  color:#807f7f;
  font-weight:normal;
  text-decoration:underline;
}
.navigace a:hover{
  color:#807f7f;
  font-weight:normal;
  text-decoration:none;
}
#product-detail-head .navigace{padding:5px 20px 5px 15px;}
#content h2 
{
  color:#b11d3d;
  font-style:italic;
  font-size:16px;
  margin:0em 0px 0.4em 0px;
  padding:0.5em 0px 0px 0px;
}
#content h3 
{
  color:#419ca3;
  font-size:15px;
  margin:0em 0px 0.3em 0px;
  padding:0.2em 0px 0px 0px;
}
#panel_left h3.bg, #panel_right h3.bg
{
  font-size:15px;
  color:#1d4d57;
  margin:0px 15px 15px 0px;
  height:43px;
  line-height:43px;
  padding:0px 15px 0px 15px;
  background: #cfeaec url(images/bg_nadpis_blue.png) repeat-x;
}
#panel_right h3.bg
{
  margin:0px 0px 15px 0px;
}
#panel_right #panel_stred h3.bg
{
  margin:20px 0px 0px 0px;
}
#content h4
{
  color:#595959;
  font-size:14px;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px; 
}
#content h5
{
  color:#1d4d57;
  font-size:13px;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#content p
{
  margin:0px 0px 1.2em 0px;
  padding:0px 0px 0px 0px;
  line-height:1.4em;
}
#content p.block
{
  text-align:justify;
}
#content p.right
{
  text-align:right;
}
#content p.center
{
  text-align:center;
}
#content ul
{
  margin:0px 0px 1.2em 25px;
  line-height:1.4em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ol
{
  margin:0px 0px 1.2em 30px;
  line-height:1.4em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ul li ul
{
  margin:0.6em 0px 1.2em 25px;
  padding:0px 0px 0px 0px;
}
#content li
{
  margin:0.3em 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
.nahoru
{
  margin-top:6px;  
  text-align:right;
}
img.right
{
  float:right;
  margin-left:10px;
}
img.left
{
  float:left;
  margin-right:10px;
}
img.border
{
  border:2px solid #cbe9eb;
  padding:1px;
}
#footer
{
  width: 1000px;
  margin:0px auto 0px auto;
  border-top:8px solid #1d4d57;
  color:#1d4d57;
  font-size:10px;
  background: #e2d5c0;
}
#footer p
{
  margin:0;
  padding:15px 24px 15px 24px;
  float:left;
}
#footer p.right
{
  float:right;
  text-align:right;
}
#footer a:link, #footer a:visited, #footer a:active{
  color:#1d4d57;
  text-decoration:underline;
}
#footer a:hover{
  color:#1d4d57;
  text-decoration:none;
}
#partneri
{
  padding-left:15px;
}
#partneri .partner
{
  background:#cef2f5;
  width:171px;
  height:30px;
  line-height:30px;
  padding:0px 5px;
  float:left;
  margin:0px 10px 10px 0px;
}

/*  Product */
.product
{
  height:260px;
  width:196px;
  font-family:Arial;
  float:left;
  text-align:center;
  margin-bottom:17px;
  padding-top:7px;
}
#panel_right .product
{
  float:none;
  padding-bottom:15px;
  background: url(images/line_h.png) 0px 100% no-repeat;
}
.product h3
{
  padding:0px 0px 0px 0px;
  margin:0px auto 0px auto;
  width:150px;
  height:18px;
  font-weight:normal;
  overflow:hidden;
  font-size:11px;
  color:#000;
}
.product .img
{
  height:120px;
  width:120px;
  line-height:120px;
  text-align:center;
  font-size:8px;
  margin:5px auto 5px auto;
  padding:0px;
  background: url(images/bg_img.png) no-repeat;
  border-collapse:collapse;
}
.product h2
{
  padding:0px 0px 0px 0px;
  margin:0px auto 0px auto;
  width:170px;
  height:55px;
  overflow:hidden;
  font-size:12px;
  color:#000;
  line-height:1.4em;
}
.product a:link, .product a:visited, .product a:active
{
  text-decoration:underline;
}
.product a:hover
{
  text-decoration:none;
}
.product .popiska
{
  padding:0px 0px 0px 0px;
  margin:0px auto 0px auto;
  width:150px;
  height:20px;
  overflow:hidden;
  font-size:13px;
  font-weight:bold;
}
.ProductStatus_novinka
{
  color:#f94374;
}
.ProductStatus_doprodej
{
  color:#994198;
}
.ProductStatus_akcnisleva
{
  color:#3db3e8;
}
.ProductStatus_vyhodnacena
{
  color:#f0c400;
}
.ProductStatus_snizenacena
{
  color:#149a4a;
}
.ProductStatus_neniskladem
{
  color:#b68c62;
}
.ProductStatus_oblibenezbozi
{
  color:#e24ec8;
}
.ProductStatus_akcesdarkem
{
  color:#ac3366;
}
.ProductStatus_nadotaz
{
  color:red;
}
.product .popis
{
  padding:0px 0px 0px 0px;
  margin:0px auto 3px auto;
  width:170px;
  height:28px;
  overflow:hidden;
  font-size:11px;
}
.product .buttons
{
  height:20px;
  color:#459ea4;
  line-height:20px;
  font-weight:bold;
  font-size:13px;
  margin-top:5px;
}
.product .buttons input
{
  font-size:13px;
  border:1px solid #459ea4;
  padding:0px 2px;
  text-align:center;
  margin:0px 4px;
  width:20px;
}
.product .buttons a
{
  background:none;
  color:#fff;
  font-size:12px;
  margin-left:0px;
  position:relative;
  padding:1px 7px;
  background:#50a4a9;
  border:1px solid #000;
  font-weight:bold;
  text-decoration:none;
}
.line_v
{
  line-height:1px;
  width:1px;
  height:275px;
  float:left;
  background: #c6c6c6;
}
.line_h
{
  line-height:1px;
  height:1px;
  overflow:hidden;
  font-size:1px;
  margin:0px 15px 8px 1px;
  clear:both;
  background: #c6c6c6;
}
.strankovani
{
    text-align: center;
    margin-top: 0px;
    height: 26px;
    padding:10px 0px;
    font-size:12px;
    line-height: 26px;
    color: #000;
    font-weight: bold;
}
.strankovani .selected
{
    padding: 0px 3px 0px 3px;
    font-weight: normal;
}
.strankovani .page
{
    padding: 0px 3px 0px 3px;
}
.strankovani .zpet
{
    padding: 3px 20px 3px 15px;
    background: url(images/ico_back.gif) 0% 50% no-repeat;
}
.strankovani .vpred
{
    padding: 3px 15px 3px 20px;
    background: url(images/ico_next.gif) 100% 50% no-repeat;
}
.strankovani a:link, .strankovani a:visited, .strankovani a:active
{
    text-decoration: underline;
    color:#333;
}
.strankovani a:hover
{
    text-decoration: none;
    color:#333;
}
.filter
{
  padding:0px 0px 10px 15px;
}
.filter .chk input
{
  padding:0px 2px 0px 2px;
}
.filter select
{
  font-size:11px;
  width:100px;
  margin-left:3px;
}
.filter input.dohledat
{
  background:#1d4d57;
  padding:2px 10px;
  color:#fff;
  border:0px;
  font-size:11px;
}

/*  Product_b */
.product_b
{
  padding:10px 0px;
}
.product_b table.hodnoty
{
  margin:0px 0px 20px 0px;
  font-size:13px;
  width:380px;
  float:right;
  line-height:1.4em;
  border-collapse:collapse;
  border-top:1px solid #c6c6c6;
}
.product_b table.hodnoty th
{
  text-align:left;
  padding:3px 20px 3px 20px; 
  border-bottom:1px solid #c6c6c6;
}
.product_b table.hodnoty td
{
  border-bottom:1px solid #c6c6c6;
  padding:3px 20px 3px 0px; 
}
.product_b .img
{
  height:120px;
  width:120px;
  line-height:120px;
  text-align:center;
  font-weight:bold;
  padding:0px;
  background: url(images/bg_img.png) no-repeat;
  border-collapse:collapse;
  float:left;
}
.product_b .dodatky
{
  width:120px;
  text-align:center;
  padding:0px;
  float:left;
}
.product_b tr.cena
{
  color:#459ea4;
  font-weight:bold;
}
#content .product_b h2
{
  color:#595959;
  font-size:14px;
  font-style:normal;
  margin:0px 0px 20px 0px; 
}
#content .product_b h3
{
  color:#595959;
  font-size:14px;
  margin:20px 0px 10px 0px; 
}
.product_b .txt_pocet
{
  margin-right:0px;
  margin-left:20px;
  border:1px solid #50a4a9;
  padding:1px 3px;
  width:30px;
  font-size:12px;
  text-align:center;
}
.product_b .kupuj
{
  text-align:right;
  font-weight:bold;
  color:#50a4a9;
}
.product_b select
{
  margin-right:10px;
  font-size:12px;
}
.product_b .line_h
{
  margin:0px 0px 8px 1px;
}
#content .product_b a.koupit:active, #content .product_b a.koupit:hover, #content .product_b a.koupit:link, #content .product_b a.koupit:visited
{
  background:none;
  color:#fff;
  font-size:12px;
  margin-left:20px;
  position:relative;
  padding:2px 10px;
  background:#50a4a9;
  border:1px solid #000;
  font-weight:bold;
  text-decoration:none;
}