* {padding: 0;margin: 0;}

html, body {height: 100%;}

body {
	font-family: Verdana, Arial, "Geneva CE", lucida, sans-serif; font-size: 85%; color: #000;
	text-align: center; line-height: 1.3;
	background: #243B2B;
}

#main_center-null {
	width: 1200px; height: auto;
    padding: 0;	margin: 0 auto;
}

#main_center {
    display: inline; float: left;
	width: 1200px; height: auto;
	padding: 0;	margin: 10px auto;
}

#header {
    float: left;
	width: 1200px; height: 340px;
    background: url(../images/header.jpg) right center no-repeat;
}

#header-logo {
    float: left;
	width: 200px; height: 340px;
}
#header-logo IMG {
    float: left;
}

#header-odkazy {
	float: left; display: none;
	width: 110px; height: auto;
    margin: 20px 0 0 0;
    text-align: left; font-size: 0.8em;
}
#header-odkazy A {display: block; padding-left: 12px; font-weight: bold; color: #000; line-height: 230%; text-decoration: none;}
#header-odkazy A:hover {color: #D10018; text-decoration: none;}

#header-cena {
    display: none; float: left;
    margin: 20px 0 0 20px;
    text-align: left;
}
#header-cena P {display: inline; margin: 0 0 0 50px; color: #000; font-size: 0.8em;}
#header-cena P A {color: #000;}
#header-cena P A:hover {color: #D10018;}

#content-all {
    float: left;
	width: 1200px; height: auto;
	background: url("../images/content-all-back.png") center repeat-y #fff;
    font-size: 0.8em; color: #000;
}

#left {
	float: left; display: none;
	width: 200px; height: auto;
    padding: 25px 0 0 0;
	background: url("../images/left-top-back.png") top center no-repeat #D9DADC;
}
#left A {color: #000;}
#left A:hover {color: #000; text-decoration: underline;}

#categories {
    float: left;
	width: 190px; height: auto;
	padding: 0 0 10px 20px; margin: 15px 0 0 0;
    text-align: left;
}

#categories .treeitem {font-weight: normal;}
#categories .subitems {}
#categories .subitems IMG {}
#categories A {line-height: 90%; margin: 0 0 1px 2px;}

#menu {
    display: inline; float: left;
	width: 200px; height: auto;
	padding: 0 0 10px 0; margin: 15px 0 0 0;
}
#menu LI {
    display: inline; float: left;
    width: 200px;
	list-style-type: none; text-align: left;
    padding: 0; margin: 0 0 1px 0;
}
#menu A {
    display: inline; float: left;
    width: 160px;
    padding: 4px 20px; font-weight: bold;
	color: #000; text-decoration: none;
    background: url(../images/menu-back-1.png) center no-repeat;
}
#menu A:hover {color: #000; text-decoration: underline;}

#vyhledavani {
	display: inline; float: left;
    width: 160px; height: 60px;
    margin: 12px 0 0 20px;
}
#vyhledavani-header {
	display: inline; float: left; width: 160px;
    font-weight: bold; text-align: left;
}
#vyhledavani_01, #vyhledavani_02, #vyhledavani_03 {display: inline; float: left; margin: 3px 0 0 0;}
#vyhledavani_01 {width: 125px;}
#vyhledavani_02 {float: right;}
#vyhledavani_03 A {text-decoration: none; color: #000;}
#vyhledavani_03 A:hover {text-decoration: underline; color: #000;}
.search-input {
	width: 120px;
    border: none;
	font-weight: normal; font-size: 11px; padding: 3px;
	background: #fff;
}
.search-button {display: inline; float: left;}

#date {
    float: left; width: 200px;
    margin: 30px 0;
    text-align: center;
    }

#ikonky {
	display: inline; float: left;
	width: 165px; height: auto;
    margin: 30px 0 10px 10px; text-align: center;
}

#ikonky IMG {margin: 10px 0 0 0;}

#content-null {
	float: left;
	width: 100%; height: auto;
}

#topmenu {
	display: none; float: left;
	width: 740px; height: 40px; margin: 0 0 20px 30px;
    background: url(../images/topmenu-back.jpg) center no-repeat;
}
#topmenu LI {
    display: inline; float: left;
    width: 103px;
	list-style-type: none; text-align: left;
    margin: 0 0 0 2px;
}
#topmenu A {
    display: inline; float: left;
    width: 103px;
    padding: 6px 0 0 0; font-weight: bold;
	color: #000; text-decoration: none; text-align: center;
}
#topmenu A:hover {color: #000; text-decoration: underline;}
A.topmenu-margin {margin: 13px 0 0 0;}


#content {
	padding: 15px 30px;
    text-align: left;
}
#content UL LI {margin: 0 0 5px 0;}

#drob-menu {display: none;}

#drob-menu-1 {
    display: none; float: left;
    width: 775px;
	padding: 0; margin: 15px 0 20px 0;
	font-size: 0.8em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
}

#drob-menu-1 A {color: #D10018; text-decoration: underline;}
#drob-menu-1 A:hover {color: #000; text-decoration: underline;}
.content-table-info {
    width: auto; height: auto;
	color: #000; text-decoration: none; font-weight: normal; text-align: center; line-height: 120%;
    border: 2px solid #F7C81A;
}
.content-table-info TH {
    padding: 5px 6px;
    font-weight: bold;
    background: #E9EBF6;
}
.content-table-info TD {
    padding: 5px 6px;
}

TD.line {
    border-bottom: 1px solid #243B2B;
}


#right-column {
	float: left; display: none;
	width: 200px; height: auto;
    padding: 25px 0 0 0;
	background: url("../images/right-top-back.png") top center no-repeat #D9DADC;
}

#right-doprava {display: inline; float: left; width: 170px; margin: 0 0 10px 15px;}
#right-buttons {display: inline; float: left; width: 170px; margin: 0 0 15px 15px;}
#right-buttons IMG {float: left;}
#right-banner {display: inline; float: left; width: 170px; margin: 0 0 0 15px;}
#right-banner IMG {float: left;}

#right-text {display: inline; float: left; width: 170px; margin: 0 0 15px 15px;}
.right-text-header {
  display: inline; float: left;
  width: 170px;
  margin: 5px 0; padding: 5px 0;
  color: #243B2B; font-size: 1.3em; font-weight: bold;
  background: #F7CA19;
}
.right-text-content A {color: #000;}
.right-text-content A:hover {color: #E11923;}

#footer {
	display: none; float: left;
    width: 1200px; height: 10px;
    background: #D9DADC;
}

#footer-wsd {
    display: none; float: left;
    width: 1200px; padding: 10px 0;
    font-size: 0.7em; color: #D9DADC; text-decoration: none; font-weight: normal; text-align: right; line-height: 160%;
}

#footer-wsd A {color: #D9DADC; text-decoration: none;}
#footer-wsd A:hover {color: #E11923;}

/* konec základního rozvržení */

/* výrobek*/

#subcategories {
    float: left; display: none;
    width: 740px; height: auto;
    margin: 0 0 15px 0;
}
#subcategories H4 {display: inline; float: left; font-size: 1em; margin: 0 10px 10px 0;}

#catalogue-ordering {
    float: left; display: none;
    width: 740px; height: auto;
    margin: 10px 0 0 0;
}

#catalogue-ordering SPAN {
    display: inline; float: left;
    margin: 0 5px 0 0;}

#catalogue-ordering SELECT {
    display: inline; float: left;
    margin: 0 5px 0 5px;
    font-size: 12px;}


#katalog, #katalog-select1, #katalog-select2 {
    float: left;
    width: 90%; height: auto;
    margin: 10px 0 0 0; padding: 0;
    background: #fff;
}

#katalog H2 {margin: 15px; line-height: 120%; color: #253C2C; font-weight: bold;}
#katalog H2 A {color: #253C2C;}
#katalog H2 A:hover {color: #000; text-decoration: underline;}
#katalog SPAN {color: #6F7072;}

#katalog-select1 H2 {margin: 15px; line-height: 120%; color: #253C2C; font-weight: bold;}
#katalog-select1 H2 A {color: #253C2C;}
#katalog-select1 H2 A:hover {color: #000; text-decoration: underline;}
#katalog-select1 SPAN {color: #6F7072;}

#katalog-select2 H2 {margin: 15px; line-height: 120%; color: #253C2C; font-weight: bold;}
#katalog-select2 H2 A {color: #253C2C;}
#katalog-select2 H2 A:hover {color: #000; text-decoration: underline;}
#katalog-select2 SPAN {color: #6F7072;}


.vyrobek, .vyrobek-2 {
    display: inline; float: left;
    width: 358px; height: 298px;
    margin: 0 20px 20px 0;
    background: #fff;
    border: 1px solid #C6C7C9;
    border-bottom: 5px solid #C6C7C9;
}
.vyrobek-2 {margin: 0 0 20px 0;}

P.katalog-cena {display: inline; float: left; margin: 0 15px 5px 20px;}

.vyrobek-top {
    float: left;
    width: 358px; height: 55px;
    overflow: hidden;
}

.vyrobek-left {
    float: left;
    width: 210px; height: 240px;
    margin: 0;
    overflow: hidden;
}
.vyrobek-left IMG {display: inline; float: left; margin: 0 15px;}
.vyrobek-left P {display: inline; float: left; margin: 15px;}

.vyrobek-right {
    float: left;
    width: 145px; height: 150px;
}
.vyrobek-right IMG {display: inline; float: left; margin: 0 0 0 20px;}
.vyrobek-right-buy {display: none; float: left; width: 145px; height: 90px; text-align: right;}
.vyrobek-right-buy IMG {display: inline; float: right; margin: 0;}

.vyrobek-detail {
    display: inline; float: left;
    width: 738px; height: auto;
    border: 1px solid #C6C7C9;
    background: url(../images/vyrobek-detail-back.png) right repeat-y;
}

.vyrobek-detail H1 {margin: 15px 0; line-height: 120%; color: #253C2C; font-weight: bold;}

.vyrobek-detail-left {
    display: inline; float: left;
    width: 360px; height: auto;
    margin: 0 0 0 30px;
}

.vyrobek-detail-right {
    display: inline; float: right;
    width: 318px; height: auto; padding: 0 0 20px 0;
    background: #ECECEE;
}
.vyrobek-detail-right-content {padding: 25px 30px;}
.vyrobek-detail-right P {color: #717173;}
.vyrobek-detail-right P A {color: #717173; font-weight: bold; text-decoration: none; background: url(../images/arrow-gray-back.png) left center no-repeat; padding-left: 15px;}
.vyrobek-detail-right P A:hover {color: #000; text-decoration: none;}
.vyrobek-detail-right TABLE {width: 260px; margin: 15px 0; border: none;}
.vyrobek-detail-right TABLE TD {color: #717173; background: #F6C719; padding: 4px 6px; border-right: 2px solid #ECECEE; border-bottom: 2px solid #ECECEE;}

.vyrobek-detail-priznaky IMG {display: inline; float: right; margin: 0 0 5px 10px;}
.vyrobek-detail-parametry {float: left; width: 255px; margin: 15px 0 0 0;}
.vyrobek-detail-parametry STRONG {display: block; margin: 5px 0;}
.vyrobek-detail-parametry SELECT {display: inline;}

.vyrobek-detail-cena {float: left; width: 135px; margin: 15px 0 0 0;}
.vyrobek-detail-cena P {margin: 0 0 5px 0; color: #000;}
.vyrobek-detail-cena P SPAN {color: #717173;}

.vyrobek-detail-buy {display: none; float: right; width: 120px; margin: 5px 0 0 0;}
.vyrobek-detail-buy IMG {float: left;}
.vyrobek-detail-buy INPUT {float: left;}

.vyrobek-detail-description {
    display: inline; float: left;
    width: 738px; height: auto;
    border-bottom: 4px solid #C6C7C9;
    background: #fff;
}
.vyrobek-detail-description P {margin: 20px 30px;}
.vyrobek-detail-description TABLE {margin: 20px 30px;}
.vyrobek-detail-description IMG {float: right; margin: 10px;}

.vyrobek-detail-obrazky {float: left; margin: 0 0 30px 30px;}



/* tabulky pokladna, košík.... */

.tabulka_eshop, .tabulka-eshop {
    width: 740px; height: auto;
	color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
    border: 1px solid #C3C4C6;
  	background: #fff;
}

.tabulka_eshop_tlacitka {
    width: 740px; height: auto;
	padding: 0;	margin: 10px 0 0 0;
	font-size: 0.8em; color: #000; text-decoration: none; font-weight: normal; text-align: right; line-height: 120%;
}

.tabulka_eshop2 {
    width: 740px; height: auto;
	font-size: 0.9em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
}

.barva_hlavicka_l, .barva_hlavicka_r, .barva_hlavicka_c {
	padding: 0.8em 0.5em;	margin: 0;
	color: #fff; font-weight: bold;	text-align: left;
	background: #A5A6A8;
}
.barva_hlavicka_r {text-align: right;}
.barva_hlavicka_c {text-align: center;}

.barva_vnitrek_l, .barva_vnitrek_r, .barva_vnitrek_c, .barva_vnitrek_l_pokladna {
	padding: 0.5em 0.4em; margin: 0;
	color: #000; font-weight: normal; text-align: left; line-height: 120%;
	background: #fff;
}
.barva_vnitrek_r {text-align: right;}
.barva_vnitrek_r INPUT {font-size: 0.9em;}

.barva_vnitrek_c {text-align: center;}

.barva_vnitrek2_l, .barva_vnitrek2_r, .barva_vnitrek2_c {
	padding: 0.5em 0.4em; margin: 0;
	color: #000; font-weight: normal; text-align: left;
    line-height: 130%;
	border-bottom: 1px solid #C3C4C6;
}
.barva_vnitrek2_r {text-align: right;}
.barva_vnitrek2_c {text-align: center;}

.barva_vnitrek_l_pokladna {width: 220px;}

.barva_vnitrek_b_c {
	padding: 0.5em 0.4em; margin: 0;
	color: #000; font-weight: bold; text-align: center;
	background: #fff;
}

.eshop-checkout-buttons {
    padding: 10px 0;
    text-align: right;
}

.pagelisting {
    display: inline; float: left;
    width: 740px; height: 22px; margin: 10px 0 0 0;
	font-size: 0.9em; color: #000; font-weight: normal; text-align: left; line-height: 150%;
}

.pagelisting-2 {
    display: inline; float: left;
    width: 740px; height: 22px; margin: 0;
	font-size: 0.9em; color: #000; font-weight: normal; text-align: left; line-height: 150%;
}

.prevpage {
    display: inline; float: left;
    width: 22px; height: 22px;
}

.nextpage {
    display: inline; float: right;
    width: 22px; height: 22px;
}

.currentpage {
    display: inline; float: left;
    margin: 10px 0 0 220px;
}


/* konec výrobek */

.table-info {
	font-size: 0.9em; font-weight: normal; text-align: left; color: #000;
}

.table-info TD {
	padding: 5px 10px;
    background: #E6E7E9;
}

.login-table {
	margin: 3em 1em 1em 0; padding: 0.4em;
	font-size: 0.9em; font-weight: normal; text-align: right; line-height: 135%; color: #000;
    background: #E9EBF6;
    border: 2px solid #F6C719;
}

.formular-tabulka {
	margin: 1em 2em;
	font-size: 1em; font-weight: normal; text-align: left; color: #000;
}

.formular_tabulka_r, .formular-tabulka-r {
	margin: 1em 2em;
	font-size: 1em; font-weight: normal; text-align: right; color: #000;
}

.formular, .formular200, .formular55, .formular30, .formular100, .formular_p, .formular120, .formular300, .formular40, .formular30  {
	width: 215px;
	background: #F8F9FC;
	border: 1px solid #004A9D;
	font-weight: bold; font-size: 11px;	padding: 3px;
}

.formular300 {width: 360px;}
.formular200 {width: 279px;}
.formular100 {width: 100px;}
.formular120 {width: 120px;}
.formular55 {width: 56px;}
.formular30 {width: 30px;}
.formular40 {width: 40px;}

.formular_count {
	width: 12px;
	background: #F8F9FC;
	border: 1px solid #004A9D;
	font-weight: bold; font-size: 11px;	padding: 2px;
}

.button {
	margin: 0; padding: 4px 10px;
	font-size: 10px; color: #fff; font-weight: bold;
	background: #243B2B;
	border: none;
}

.input-checkout  {
	width: 55px;
	background: #fff;
	border: none;
	font-weight: bold; font-size: 9px;	padding: 3px; color: #000; text-align: right;
}

.formular_textarea {
	width: 215px;
	border: 1px solid #004A9D;
	font-weight: bold; font-size: 12px;	padding: 3px;
}

/* formuláře konec */

/* obecné */

H1 {
    margin: 1em 0 0.3em 0;
    font-size: 1.6em; font-weight: normal; font-style: normal; color: #223A2A;
    line-height: 120%; text-align: left;
}

H2 {
	margin: 1em 0 0.5em 0;
	font-size: 1.3em; font-weight: normal; font-style: normal; color: #D10018; text-decoration: none; line-height: 150%; text-align: left;
}

H3 {
	margin: 1em 0 0.5em 0; padding: 0;
	font-size: 1.2em; font-weight: bold; font-style: normal; color: #000; text-decoration: none; line-height: 150%; text-align: left;
}

H4 {margin: 0.5em 0 0 0; color: #D10018; font-weight: bold; font-size: 1.1em;}

P, .system-message, .system_message {
	font-size: 1em; font-weight: normal; text-align: left; line-height: 135%; color: #000;
	margin: 0 0 0.7em 0; padding: 0;
}
P.zakaznik {margin: 0; padding: 0;}

P.ramecek-login {
	font-size: 1em; font-weight: normal; text-align: left; line-height: 135%; color: #000;
    background: #E9EBF6;
    border: 2px solid #F6C719;
	margin: 3em 0; padding: 0.5em 0.6em;
}

P.ramecek {
	font-size: 1em; font-weight: normal; text-align: left; line-height: 135%; color: #000;
    background: #E9EBF6;
    border: 2px solid #F6C719;
	margin: 0.5em 0; padding: 1em;
}

P.top {
    width: 500px;
	font-size: 1em; font-weight: normal; text-align: left; line-height: 135%; color: #4F4F4F;
	margin: 1.5em 0 1em 0; padding: 0;
    float: left;
}

P.nove_okno_text {
	font-size: 0.7em; font-weight: normal; text-align: center; line-height: 135%; color: #4F4F4F;
	margin: 0.5em 0; padding: 0.5em 0.6em;
}

A {text-decoration: underline; color: #E11923;}
A:hover {text-decoration: underline; color: #000;}

A.odkaz-sedy {color: #333;	text-decoration: underline;}
A:hover.odkaz-sedy {color: #F36F21; text-decoration: underline;}

A.odkaz-bily {color: #fff;	text-decoration: underline;}
A:hover.odkaz-bily {color: #FFCC00; text-decoration: underline;}

.bg-seda {background: #E7E8EC;}

DL {
    font-weight: normal; text-align: left; line-height: 150%; color: #000;
	margin: 1em 0;
}
DT {font-weight: bold;}

UL {margin: 0 0 10px 25px;}
OL {margin: 0 0 10px 25px;}
LI {font-weight: normal; text-align: left; line-height: 120%; color: #000;}

FORM {margin: 0;}
FIELDSET {
    margin: 0 0 20px 0; padding: 10px;
    border: 1px solid #004A9D;
}

LEGEND {
	font-size: 0.8em; font-weight: bold; text-align: left; line-height: 135%; color: #000;
    background: #E9EBF6;
    border: 1px solid #004A9D;
	padding: 0.5em 1em; margin: 0 0 0 10px;
}

SELECT {font-size: 10px;}
OPTION {padding-right: 8px;}
STRONG {font-weight: bold;}
IMG {border: 0;}

HR {margin: 1em 0; border: 1px solid #aaa;}

.align-right, .align_right {text-align: right;}
.align-left, .align_left {text-align: left;}
.align-center, .align_center {text-align: center;}

.float-left, .float_left {display: inline; float: left;}
.float-right, .float_right {display: inline; float: right;}
.picture-l {display: inline; float: left;margin: 0 10px 0 0;}
.picture-r {display: inline; float: right; margin: 0 0 10px 10px;}
.picture-r-2 {display: inline; float: right; margin: 0 10px;}
.picture-f {display: inline; float: left; margin: 0 10px 5px 0; border: 2px solid #F7C81A;}
.border-bottom {padding: 0 0 5px 0; border-bottom: 1px solid #FFF;}
.no-screen {display: none;}
.no-print {}
.width-560 {float: left; width: 560px;}