/* -------------------------------------------------


-------------------- PLÁCÁME.CZ --------------------


------------------------------------------------- */

/* 01. HTML Tagy */
html, body {
  background: #000000;
	font-family: Arial, sans-serif; font-size: 12px; text-align: center; color: #a3a3a3;
	margin: 0; padding: 0;
}

/* 01.1. Tagy Hx */
h1, h2 {display: none;}
div.h4_head_left {background: url('../img/h4_left.gif') top left no-repeat; position: relative; left: -6px; width: 226px; height: 40px;}
h4.h4_left {margin: 7px 0 0 14px; float: left; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase;}
div.h4_head_right {background: url('../img/h4_right.gif') top right no-repeat; position: relative; width: 226px; height: 40px;}
h4.h4_right {margin: 7px 14px 0 0; float: right; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 18px; color: #cffb96; margin: 0 0 10px 0;}


/* 01.2. Obecné */
hr {display: none;}
.hr {background: url('../img/center_line.png') center center no-repeat; width: 500px; height: 20px; clear: both;}
.yellow {color: #fffc00; font-weight: bold;}
.clear {clear: both;}
a {color: #5f9510; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}


/* 01.3. Formuláře */
.pole_search {background: #000000; border: 1px solid #444444; width: 198px; height: 22px; color: #a3a3a3;}
.search_button {background: url('../img/search_button.gif'); width: 73px; height: 22px; border: none; cursor: pointer;}
.buy_button {background: url('../img/buy_button.gif'); width: 73px; height: 22px; border: none; cursor: pointer;}
.rec_button {background: url('../img/prepocitat.png'); width: 83px; height: 22px; border: none; cursor: pointer;}
.con_button {background: url('../img/next.png'); width: 86px; height: 22px; border: none; cursor: pointer;}
.bac_button {background: url('../img/predchozi.png'); width: 80px; height: 22px; border: none; cursor: pointer;}


/* 02. Layout */
#web {
  background: url('../img/bg.png');
  margin: auto;
  padding-bottom: 10px;
  width: 980px;
  text-align: left;
}

#top {
  background: url('../img/top.jpg') top left no-repeat;
  width: 980px;
  height: 171px;
}
#user_panel {
  background: url('../img/user_panel.gif') top left no-repeat;
  width: 246px;
  height: 117px;
  position: relative; top: 32px; left: 740px;
  font-weight: bold;
  color: #fff;
}
#up_1 {width: 215px; height: 17px; margin: 32px 0 0 15px; padding-bottom: 3px; border-bottom: 1px solid #36560c; float: left;}
#up_2 {width: 215px; height: 20px; margin: 5px 0 0 15px; float: left; text-align: center;}
#up_2 a{margin: 0 10px 0 10px; color: #cffb96; text-decoration: none;}
#up_2 a:hover{color: #fffc00; text-decoration: none;}
#up_3 {width: 155px; height: 28px; line-height: 28px; float: right; }
#up_3 a{color: #fff; text-decoration: none;}
#up_3 a:hover {color: #fffc00;}


#menu {
  background: url('../img/menu.png') top left repeat-x;
  height: 44px;
}
#menu ul {margin: 0; padding: 0; list-style: none; float: left;}
#menu ul li{background: url('../img/menu_li.png') center right no-repeat; padding: 0 30px 0 30px; margin-top: 4px; float: left; text-transform: uppercase; height: 40px; line-height: 40px;}
#menu ul li.noli {background: none;}
#menu a {color: #cffb96; font-weight: bold; text-decoration: none;}
#menu a:hover {color: #fffc00; border-bottom: 1px dashed #fffc00;}

#drob_menu {
  background: #000000;
  width: 960px;
  height: 30px;
  margin: 10px;
  line-height: 30px;
  color: #fffc00;
  font-weight: bold;
}
#dm_here {
  background: url('../img/nachazite.png') top left no-repeat;
  width: 200px;
  height: 30px;
  padding-left: 10px;
  font-weight: bold;
  color: #36560c;
  float: left;
}

#drob_menu a{background: url('../img/dm_arrow.png') top right no-repeat; padding-right: 26px; margin: 0 0 0 10px; font-weight: bold; color: #36560c; text-decoration: none; line-height: 30px;}
#drob_menu a:hover {text-decoration: underline; color: #cffb96;}
#drob_menu span {margin-left: 10px;}

#left {
  width: 220px;
  float: left;
}

.left_menu {width: 200px; margin: 0 10px 10px 10px; padding: 0; list-style-type: none;}
.left_menu li{width: 200px; height: 29px; line-height: 29px;}
.left_menu li a {background: url('../img/left_li.png') center left no-repeat; width: 188px; height: 29px; display: block; padding: 0 0 0 12px; margin: 0; font-weight: bold; color: #a3a3a3; text-decoration: none;}
.left_menu li a:hover {background: url('../img/left_li_hover.png') top left no-repeat; color: #cffb96;}
#left p {margin: 0 10px 10px 10px;}
#left p a{color: #cffb96; text-decoration: none;}
#left p a:hover {text-decoration: underline;}

#main {
  background: #000000;
  width: 520px;
  margin-left: 10px;
  float: left;
}
#filters {
  background: url('../img/filters.png') top left no-repeat;
  width: 520px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #ffffff;
}
#filters a{color: #fffc00; text-decoration: none;}
#filters p{width: 446px; margin: 6px 0 0 74px; height: 18px; line-height: 18px;}
.filter {width: 120px; height: 18px; font-size: 11px;}
#tab_filters {width: 430px; height: 30px; margin-left: 75px; float: left;}
.up_button {width: 30px; height: 18px; background: url('../img/vzestupne.gif') top left no-repeat; border: none; cursor: pointer;}
.down_button {width: 30px; height: 18px; background: url('../img/sestupne.gif') top left no-repeat; border: none; cursor: pointer;}

.shop_item {background: url('../img/center_line.png') center bottom no-repeat; width: 500px; height: 120px; margin: 0 auto 10px auto; padding-bottom: 1px; position: relative;}
.si_foto {width: 120px; float: left;}
.si_info {width: 370px; float: right;}
.si_ul {margin: 0; padding: 0; list-style: none;}
.p_si_head {margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #cffb96;}
.p_si_price {width: 200px; margin: 10px 0 0 0; font-size: 14px; font-weight: bold; float: left;}
span.price {color: #fffc00; font-size: 16px;}

.si_tab {width: 146px; height: 22px; margin: 10px 0 0 0; padding: 0; float: right;}
.td_kusy {background: url('../img/input_kusy.png') no-repeat; width: 65px; height: 22px; line-height: 22px; font-size: 11px; border: 0px; margin: 0; padding: 0;}
.td_buy {width: 73px;}
.pole_kusy {width: 38px; height: 14px; margin-left: 4px; border: 0px; text-align: right;}


#right {
  width: 220px;
  float: right;
}
.sub_right {
  width: 200px;
  float: right;
  margin-right: 10px;
}
.sub_right p.p_sub{margin: 0 0 10px 0; padding: 0; text-align: center;}
.sub_right p.p_right {text-align: right; margin: 5px 0 5px 0;}

.akce_item {background: url('../img/right_line.png') center bottom no-repeat; width: 200px; height: 50px; padding-bottom: 12px; margin-bottom: 12px;}
.akce_foto {width: 60px; height: 50px; float: left;}
.akce_info {width: 130px; height: 50px; float: right; text-align: left;}
.akce_head {margin: 0; color: #cffb96; font-weight: bold; text-align: left;}
.akce_p {margin: 0;}
.akce_price {margin: 8px 0 0 0;}

#heel {width: 980px; height: 40px; margin: 10px auto; text-align: left; font-size: 11px;}
#heel_l {width: 200px; float: left;}
#heel_r {width: 700px; float: right; text-align: right;}


/* 03. Detail produktu */
#content {width: 500px; margin: 0 auto 10px auto; padding-bottom: 15px; position: relative;}
.detail_img {background: #101010; width: 240px; padding: 5px; float: left;}
.detail_img img {float: left;}
.cont_right {width: 240px; float: right;}

.product_info {
  width: 240px;
  font-size: 12px;
  border-collapse: collapse;
  margin-bottom: 10px;
  padding: 0;
}
.product_info tr {line-height: 22px;}
.product_info tr.gr-h {background: #1c1c1c; font-weight: bold; color: #cffb96;}
.product_info tr.gr {background: #1c1c1c;}
.product_info td.l {width: 120px; padding-left: 5px; border-top: 1px solid #444444; border-bottom: 1px solid #444444;}
.product_info td.r {text-align: right; padding-right: 5px; border-top: 1px solid #444444; border-bottom: 1px solid #444444;}

.product_par {background: #1c1c1c; width: 500px; border-collapse: collapse; border: 1px solid #3a3a3a;}
.product_par th {background: #76b029 url('../img/par_tab_th.png') top repeat-x; height: 24px; text-align: left; color: #fff; font-weight: bold; padding-left: 5px;}
.product_par td {border: 1px solid #3a3a3a; padding-left: 5px; height: 22px;}
.product_par td.l {width: 190px;}


/* 04. Košík */
#cart_menu {
  width: 500px;
  float: left;
}
#cart_menu ul {margin: 0; padding: 0; list-style: none; font-weight: bold;}
#cart_menu li{background: url('../img/cart_gray.png') top left no-repeat; width: 125px; height: 34px; line-height: 34px; text-align: center; color: #a3a3a3; float: left;}
#cart_menu li.active {background: url('../img/cart_green.png') top left no-repeat; color: #fff;}

.cart_items {background: #1c1c1c; width: 500px; border-collapse: collapse; border: 1px solid #3a3a3a;}
.cart_items th {background: #76b029 url('../img/par_tab_th.png') top repeat-x; height: 26px; text-align: center; color: #fff; font-weight: bold; padding-left: 5px; border: 1px solid #3a3a3a;}
.cart_items td {border: 1px solid #3a3a3a; padding: 0 5px 0 5px; height: 26px; text-align: center;}
.cart_items th.c_i_name {width: 170px; text-align: left;}
.cart_items td.c_i_name {width: 170px; text-align: left;}
.cart_items td.c_i_store {width: 50px;}
.cart_items td.c_i_ks {width: 30px;}
.cart_items td.c_i_vat {width: 90px; text-align: right;}
.cart_items th.c_i_vat {width: 90px; text-align: right; padding: 0 5px 0 5px;}
input.cart_ks {width: 20px; height: 14px; font-size: 11px; text-align: center;}

.cart_price {background: #fffc00; width: 500px; border-collapse: collapse; margin-top: 10px; font-size: 14px; font-weight: bold; color: #36560c;}
.cart_price td {padding: 0 5px 0 5px; border: 0; height: 32px; text-align: center; border: none;}
.cart_price td.c_i_name {width: 295px; text-align: left;}
.cart_price td.c_i_vat {width: 90px; text-align: right;}

#cart_buttons {width: 500px; margin-top: 20px;}
#cart_buttons td.t1 {text-align: left;}
#cart_buttons td.t2 {text-align: center;}
#cart_buttons td.t3 {text-align: right;}

.cart_gray_div {background: #1c1c1c; width: 480px; border-collapse: collapse; border: 1px solid #3a3a3a; margin-bottom: 20px; padding: 10px;}
.cart_gray_form {width: 400px; margin: auto;}
.cart_gray_form tr {height: 60px;}
.cart_gray_form label {display: block; padding: 4px 0;}
.cart_gray_form td {width: 200px;}
.cart_gray_form input {width: 190px; background: #121212; border: 1px solid #444444; height: 22px; color: #a3a3a3;}

.cart_items td.sel {height: 30px; line-height: 30px; text-align: left;}
.cart_items td.sel input {margin-right: 10px;}