html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, menu, li, ul {margin: 0;padding: 0;}
html {background: #EAEAE8;}
body {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #383838; font-size: 12px;}
html > body {font-size: 12px;}
a {font-weight: normal; text-decoration: underline; color: #CF0933;}
a:hover {text-decoration: none; color: #CF0933;}
a:visited {color: #CF0933;}

table {width: 100%; font-size: 100%; border-collapse: collapse; margin: 0; text-align: left;}
th, td {border: 1px solid #E1E1E1; padding: 5px;}
th {font-weight: bold;}
tr {background: #FFFFFF;}
.bold {font-weight: bold;}
.fontnormal {font-weight: normal !important;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
a img {border: 0;}
.i {font-style: italic;}
.r {color: Red;}
.am {vertical-align: middle;}

.cb1 {clear: both; height: 1px; width: 100%; overflow: hidden; margin: 10px 0; border-top: 1px solid #EBE8D8; float: left;}

#page {width: 948px; margin: 0 auto; padding: 11px; border: 8px solid #F3F3F2; position: relative; text-align: left; background: #FFFFFF; margin-top: 20px;}

h1, h2, h3, h4 {color: #CF0933;}
h1 {font-size: 22px; margin: 0 0 10px 0;}
h2 {font-size: 1.77em; margin-bottom: 10px; font-weight: normal;}
h3 {font-size: 16px; margin-bottom: 10px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
h1 span {text-transform: uppercase;}
p {margin: 1em 0; line-height: 1.7;}

#logo {position: relative; float: left; border: none !important;}
#logo, #logo span {display: block; width: 499px; height: 105px; margin-top: 0 !important;}
#logo span {background: url(../images/logo.png) no-repeat; position: absolute; cursor: pointer; top: 0; left: 0;}

#tc {width: 100%; clear: both; height: 139px; border-bottom: 1px solid #CF0933; margin-bottom: 8px; background: url(../images/porsche.png) top center no-repeat;}
#tc_rh {float: right; color: #794919;}
#tc_rh ul {padding: 0; margin: 0 0 35px 0; text-align: right;}
#tc_rh li {list-style: none; display: inline; padding-right: 9px; margin-right: 9px; border-right: 1px dashed #DEDEDE;}
#tc_rh li.last {padding-right: 0; margin-right: 0;}
#tc_rh form {width: 370px;}
#tc_rh fieldset {padding: 5px; border: none; background: #CCCCCC;}
#tc_rh legend {display: none;}
#tc_rh input {height: 15px; width: 278px; padding: 5px 5px 6px 5px; border: 1px solid #B4B3B3; color: #3B3B3B;}
#tc_rh input.bt {padding: 5px 18px 6px 18px !important; width: 65px !important; margin-left: 0 !important; background: #CF0933 !important; border: none !important; cursor: pointer; margin-left: 2px !important; line-height: 27px !important; height: 27px !important;}


#box_basket {background: url(../images/bgbasket.gif) top left repeat-x #404040; color: #FFFFFF; margin-bottom: 11px;}
#box_basket a {display: block; padding: 17px 0 0 37px; color: #FFFFFF; font-size: 17px; background: url(../images/basket-f.gif) 13px 14px no-repeat; line-height: 15px; text-decoration: none;}
#basket_content {padding: 15px; text-transform: uppercase; font-size: 11px;}
#basket_content span {font-size: 12px; font-weight: bold;}
#basket_content a {font-weight: bold; font-size: 15px; padding: 5px 15px; text-align: left; background: #CF0933; margin-top: 10px;}

#footer {clear: both; font-size: 11px; margin-top: 20px; padding: 20px 0;}
#footer p {margin: 0;}
.fleft {float: left;}
.fright {float: right;}

#content {background: url(../images/gray_r.gif) top right no-repeat;}
#content li, .box_content li, #box_info li {list-style: none; padding-left: 20px; background: url(../images/libg.gif) center left no-repeat; margin: 0.6em 0;}

#menu_tc {width: 100%; height: 27px; background: #CF0933; border-bottom: 6px solid #FFFFFF;}
#menu_tc li {list-style: none; text-align: center; float: left;}
#menu_tc a {text-decoration: none; display: block; padding: 0 15px; text-transform: uppercase; line-height: 27px; border-left: 1px solid #FFFFFF; margin-left: -1px; color: #FFFFFF; background: #CF0933;}
#menu_tc a:hover {text-decoration: underline;}
#menu_tc a.active {background: #595757;}

#rc {width: 704px; float: right;}

#bc {padding: 4px 20px; background: #EBEBEB; font-size: 11px;}
/*#bc a, #bc div, #bc span {display: block; float: left; margin-right: 5px;}*/

#box_image p {margin: 0;}

#box_info {background: url(../images/bgbasket.gif) top left repeat-x #404040; color: #FFFFFF; padding: 20px; margin: 5px 0 20px 0;}
#box_info h1, #box_info h2, #box_info h3, #box_info h4 {color: #CF0933;}

.box_c {margin-bottom: 20px; padding: 20px 20px 0 20px; background: url(../images/gray.png) repeat-x;}

#lc {width: 232px; float: left;}
.box_top {width: 218px; clear: both; padding: 9px 0 9px 14px; font-size: 17px; background: #CF0933; color: #FFFFFF; line-height: 15px;}
.box_top img {margin-right: 10px;}
.box {margin-bottom: 11px; overflow: hidden; padding: 10px 0;}
.box_content {padding: 15px; border: 2px solid #626262;}

.info {background: #353535; width: 218px; clear: both; padding: 9px 0 9px 14px; font-size: 17px; color: #FFFFFF; line-height: 15px;}
.title_info {font-size: 13px; font-weight: bold; margin-bottom: 15px; display: block;}

#box_info li, .box_content li {margin: 5px 0;}

#menu_ct {padding-left: 10px; overflow: hidden; border: 2px solid #626262; margin-top: -10px;}
#menu_ct li {list-style: none; line-height: 27px;}
#menu_ct li a {text-decoration: none;/* background: url(../images/m_li.gif) 0 8px no-repeat; padding-left: 20px;*/ font-weight: bold; color: #383838; display: block; line-height: 27px; width: 100%; border-bottom: 1px dashed #DEDEDE; font-size: 14px;}
#menu_ct a.active, #menu_ct a:hover {color: #CF0933;}

#menu_ct ul {padding: 0 0 10px 0;}
#menu_ct ul li {list-style: none; padding-left: 10px;}
#menu_ct ul li a {font-weight: bold; color: #383838; display: block; width: 100%; background: url(../images/m_ulli.gif) left 11px no-repeat; padding-left: 15px; font-size: 12px;}
#menu_ct ul li a:hover {text-decoration: underline;}
#menu_ct ul li a.active {color: #CF0933;}

#menu_ct ul li ul li {padding-left: 15px;}
#menu_ct ul li ul a {font-weight: normal;}

/* formulare*/
fieldset {border: none;}
legend {font-size: 15px; font-weight: bold; color: #CF0933;}
#fm {clear: both; margin: 20px 0;}
#fm input.small {width: 120px;}
#fm textarea, #fm input {border: 1px solid #ABC7DD; background: #FFFFFF; padding: 5px;}
#fm textarea:focus, #fm input:focus {border: 1px solid #165B90;}
#fm textarea:hover, #fm input:hover {border: 1px solid #7196BE;}
#fm textarea {width: 450px; height: 175px; }
#fm input {width: 200px;}
input.b_r, textarea.b_r {border: 1px solid red;}
#fm label {width: 150px; margin-right: 20px; float: left; font-weight: bold; font-size: 14px;}
#fm label span {font-size: 18px;}
#fm fieldset {background: #F1F3F7; padding: 5px 20px; border: 1px solid #DDE8EF; margin-bottom: 10px;}
input.checkbox {width: 10px !important; height: 10px !important; border: none; background: none;}
input.b_r {border: 1px solid red;}
a.bt, input.bt {height: 35px; background: url(../images/btbg.png) no-repeat !important; line-height: 35px; color: #FFFFFF !important; text-decoration: none !important; text-align: center; padding: 0 !important; font-weight: bold; border: none !important; width: 100px !important;}
#fm input.bt {margin-left: 170px;}
/* formulare konec*/

/* vypis polozek*/
.box_h {float: left; position: relative; width: 210px; padding: 13px 10px; height: 275px; text-align: justify; background: #F0F0EF; margin-right: 6px; margin-bottom: 5px;}
.box_h h3 {font-size: 14px; font-weight: bold; color: #CF0933;}
.box_h h3 a {font-weight: bold;}
.box_h h3 a:hover {color: #F35C7C;}
.box_h p {margin-bottom: 5px; margin-top: 5px;}
.lastbox {margin-right: 0 !important; border-right: none !important; width: 212px;}
.box_h form {width: 88px; height: 23px; float: right; background: #CF0933;}
.box_h fieldset {border: none;}
.box_h input {border: none; background: url(../images/bt_buy.gif) 4px center no-repeat; width: 88px; padding-right: 5px; text-align: right; height: 23px; color: #FFFFFF; font-size: 11px; cursor: pointer;}
.cena {font-size: 16px; font-weight: bold; background: #595757; display: block; float: left; height: 23px; line-height: 23px; padding-left: 6px; width: 116px; color: #FFFFFF;}
.cena span {font-size: 11px; font-weight: normal;}
.lastbox .cena {width: 118px;}
.box_h a.c_img, .box_h a.c_img:hover{padding: 13px 0; border: none; width: 100%;}
.box_h .box_info {position: absolute; bottom: 0; left: 0; width: 168px;}
.box_descr {height: 82px;}

.label {position: absolute; background: url(../images/ikony.png) center left no-repeat; width: 63px; height: 63px; top: 40px; left: -15px;}

a.c_img {display: block; clear: both; width: 189px; text-align: center; padding: 20px 0; border: 4px solid #DADADA; margin-bottom: 10px; background: #FFFFFF;}
a.c_img:hover {border: 4px solid #EBE8D8;}
/* vypis polozek konec*/

.box_info {border: 2px solid #626262; padding: 10px  30px; font-size: 11px; margin-bottom: 1em; background: url(../images/icon_info.gif) 5px center no-repeat #FFFFFF;}

.box_ct {padding: 5px 20px 0 20px; background: url(../images/gray.png) repeat-x; margin: 5px 0 15px 0;}

/* detail polozky*/
.detail {padding: 15px 0 0 20px; margin-bottom: 15px;}
.detail a.c_img {width: 300px; float: left; margin-right: 20px; padding: 10px 0;}
#dt_rh {width: 350px; float: right;}
#dt_rh table {width: 100%;}
#dt_rh th, #dt_rh td {border-left: none; border-right: none;}
#dt_rh th {padding-left: 20px;}
#dt_rh td {text-align: right; padding-right: 20px;}
#dt_rh form {text-align: right; margin-top: 20px; background: #CCCCCC; padding: 5px;}
input.bt_buy {border: none; background: url(../images/bt_buy.gif) 4px center no-repeat #CF0933; width: 175px; padding: 9px 15px 9px 0; line-height: 15px; text-align: right; color: #FFFFFF; font-size: 15px; font-weight: bold; cursor: pointer;}
input.number {width: 40px; padding: 10px 0; line-height: 15px; text-align: center; margin-right: -3px; font-size: 15px; font-weight: bold; border: 1px solid #B4B3B3;}
.detail_cena {font-size: 15px; font-weight: bold; color: #CF0933;}
.detail_cena span {font-size: 11px; font-weight: normal;}
.expedition {font-weight: bold; font-size: 15px;}
.stock_green {color: green;}
.stock_orange {color: orange;}
.stock_red {color: red;}
#images a {border: 1px solid #DADADA; display: block; float: left; margin-right: -1px; text-align: center; width: 115px; height: 100px; margin-bottom: 15px;}

#d_swtb {height: 30px; padding-left: 20px; margin-bottom: -1px;}
#d_swtb a {width: 100px; line-height: 28px; font-weight: bold; display: block; float: left;  padding: 0 10px; cursor: pointer; border: 1px solid #DADADA;}
#d_swtb a.active {line-height: 28px; background: url(../images/bt_bg.gif) repeat-x #949294; border: none; border: 1px solid #939393; color: #FFFFFF; text-decoration: none;}.box_db {border-top: 1px solid #DADADA; padding: 20px; background: url(../images/gray.png) repeat-x;}
/* detail polozky konec*/

/* razeni polozek, vyber vyrobcu, sekci, stranek*/
.box_pages a, .box_pages span {padding: 3px 5px; border: 1px solid #EBE8D8; background: #FFFFFF; margin-right: 10px; margin-bottom: 10px; display: block; float: left;}
.box_pages .active {background: #EBE8D8; font-weight: bold;}

#page_s a {display: block; height: 60px; border: 1px solid #F0F0EF; margin-right: -1px; margin-bottom: -2px; text-decoration: none; float: left; width: 200px; font-weight: bold; line-height: 20px; padding: 5px 10px; font-size: 13px;}
#page_s a span {text-decoration: underline; display: block; float: right;}
#page_s a span:hover {text-decoration: none;}

#box_parameters {margin: 20px 0; border: 1px solid #FFA304; background: #FBDC70; padding: 20px;}
.param_select {margin: 5px 0;}
.param_select label {float: left; width: 150px;}

#slideshow {position:relative; height: 285px;}
#slideshow a {position:absolute; top:0; left:0; z-index:8; opacity:0.0; display: block; width: 704px; height: 285px;}
#slideshow a.active {z-index:10; opacity:1.0;}
#slideshow a.last-active {z-index: 9;}

.box_sort {margin: 10px 0;}
.box_sort fieldset {padding: 0; border: none; background: none;}
.sort_title {font-size: 16px; font-weight: bold; margin-right: 10px;}
.sort_title span {font-weight: normal; font-size: 12px;}
.producer_l {text-decoration: underline; font-size: 12px; margin-right: 0;}
.box_sort label {float: none;}
.box_sort input {width: 14px; height: 14px; float: none;}

#page_s .sort_title {margin-bottom: 15px;}
/* razeni polozek, vyber vyrobcu, sekci, stranek KONEC*/

.box_specials h2 {background: #949393; font-size: 17px; font-weight: normal; padding: 7px 10px 6px 10px; color: #FFFFFF; margin-bottom: 8px;}

/* nakupni kosik, objednavka*/
table.basket {margin-bottom: 15px;}
table.basket a {font-weight: bold;}
table.basket th {font-size: 15px; font-weight: bold;}
table.basket th span {font-size: 12px; font-weight: normal;}
.price_all {background: #CCCCCC;}
.price_all th {text-align: right; padding: 5px;}
.bt_basket {display: block; padding: 9px 30px !important; background: #CF0933 !important; font-size: 15px !important; font-weight: bold !important; color: #FFFFFF !important; float: right !important; border: none !important; cursor: pointer;}
.bt_basket:hover, .bt_basket:visited {color: #FFFFFF;}
.bt_return {background: url(../images/btreturn.png) center left no-repeat; padding-left: 15px;}

form.basket p {clear: both; float: left; width: 100%;}
form.basket input {float: left; margin-right: 10px;}
form.basket label {width: auto !important; line-height: 1.3;}
form.basket label span {font-size: 12px !important; font-weight: normal;}
.info_input {display: block; clear: both; margin-top: 1em; margin-left: 30px;}
input.error {background: #FFFFD5 !important;}
label.error {float: right !important; width: auto !important; font-size: 12px !important; display: none; font-weight: normal !important;}