* {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: url("../images/back.jpg") top center repeat-x #023793;
}

#main_center-null {
	width: 100%; height: auto;
	padding: 0;	margin: 0 auto;
}

#main_center {
    display: inline; float: left;
	width: 100%; height: auto;
	padding: 0;	margin: 0 auto;
}

#header {
    display: none;
	width: auto; height: 173px;
}

#motto {display: none; float: left; width: 390px;}
#motto P {display: none; float: left; font-size: 0.9em; color: #fff; margin: 50px 0 0 40px;line-height: 140%;}

#header A {color: #fff; text-decoration: underline;}
#header A:hover {color: #FF2A0C; text-decoration: underline;}

.prihlaseni {display: inline; float: left; width: 100px; font-size: 0.8em; color: #fff; margin: 32px 0 0 38px; line-height: 110%; text-align: left;}

#header-logo {
    display: none;
   	width: 500px; height: 173px;
	background: url("../images/header-logo.jpg") center no-repeat #0941AF;
}

#header-tlacitka {
    display: none; float: right;
	width: 130px; height: 70px;
    margin: 74px 30px 0 0;
}
#header-tlacitka SPAN {display:none;}

#header-info {
    display: none; float: left;
	width: 500px; height: 20px;
}

#header-info A {color: #fff; text-decoration: underline;}
#header-info A:hover {color: #FF2A0C; text-decoration: underline;}

.hodnota-nakupu {display: inline; float: right; width: 100px; font-size: 0.8em; color: #fff; margin: 0 35px 0 0; line-height: 110%; text-align: right;}

A.kosik {display: inline; float: left;height: 60px; width: 65px; background: url("../images/kosik.jpg") center no-repeat;}
A:hover.kosik {}
A.pokladna {display: inline; float: left;height: 60px; width: 65px; background: url("../images/pokladna.jpg")  center no-repeat;}
A:hover.pokladna {}

#top-menu-null {
    display: none; float: left;
	width: 846px; height: auto;
    margin: 0 0 0 22px; padding: 0;
    font-size: 0.9em; color: #fff;
	background: #023793;
}

#top-menu {
    display: none; float: left;
    color: #fff; list-style-type: none;
    margin: 0;
}

#content-all {
    display: block;
	width: 100%; height: auto;
    margin: 3px 0 0 22px; padding: 0;
    font-size: 0.8em; color: #000;
}

#left {
	display: none; float: left;
	width: 165px; height: auto;
}

#vyhledavani {
	display: inline; float: left;
    width: 165px; height: 70px;
    background: #FF2A0C;
    border-bottom: 6px solid #5D749C;
}

#vyhledavani_01, #vyhledavani_02 {display: inline; float: left;}
#vyhledavani_01 {margin: 10px 0 0 0; width: 155px;}
#vyhledavani_02 {width: 100px; margin: 1px 10px 0 0; float: right;}

.search-input {
	width: 112px;
	margin: 0; padding: 0; height: auto;
    border: 1px solid #000;
	font-weight: normal; font-size: 10px; padding: 3px;
	background: url("../images/search-input-back.jpg") top center no-repeat #fff;
}

.search-button {
	margin: 0; padding: 3px 5px 2px 5px;
	font-size: 10px; color: #fff; font-weight: bold;
	background: #023793;
	border: none;
}

#nase-nabidka {
	display: inline; float: left;
    width: 165px; height: auto;
    margin: 10px 0 0 0;
}


#menu {
    display: inline; float: left;
	width: 165px; height: auto;
	padding: 0;	margin: 15px 0 0 0;
}

#menu LI {
    display: inline; float: left;
    width: 165px; height: 65px;
	list-style-type: none; text-align: right; font-size: 0.8em;
    padding: 0; margin: 5px 0 0 0;
}

#menu A {
    display: inline; float: right;
    width: 155px; margin: 0 10px 0 0;
	color: #fff; text-decoration: none; font-weight: normal; text-align: right; line-height: 200%;
}
#menu A:hover {color: #fff; text-decoration: underline;}
#menu A SPAN {font-size: 1.5em; font-weight: bold;}

LI.notebooky {background: url("../images/pro-notebooky.jpg") center no-repeat;}
LI.videokamery {background: url("../images/pro-videokamery.jpg") center no-repeat;}
LI.fotoaparaty {background: url("../images/pro-fotoaparaty.jpg") center no-repeat;}
LI.naradi {background: url("../images/pro-naradi.jpg") center no-repeat;}
LI.mobily {background: url("../images/pro-mobily.jpg") center no-repeat;}
LI.ostatni {background: url("../images/ostatni.jpg") center no-repeat;}


#subcategories {
	display: inline; float: left;
    width: 540px; height: auto; margin-bottom: 10px;
}

#subcategories H2 {
    display: inline; float: left;  margin: 0.5em 0; padding: 0 0.6em;
    text-align: left; font-size: 0.8em; color: #004A9D; font-weight: bold; line-height: 150%;
    border-right: 1px solid #004A9D;
}

#drob-menu {
	display: block;
    width: auto;
	padding: 10px 0 0 20px; margin: 0;
	font-size: 0.8em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 150%;
}

#drob-menu A {color: #264C99; text-decoration: underline;}
#drob-menu A:hover {color: #000; text-decoration: underline;}

#content-null {
	display: block;
	width: auto; height: auto;
    background: #fff;
}

#content {
	display: inline; float: left;
	padding: 0 0 20px 0; margin: 0;
    text-align: left;
}

#content H1{
 margin: 10px 0 0 20px; color: #2E5EC2;
}
P.content-text-2 {margin: 5px 0 0 20px; color: #000;}

#content-2 {
	display: inline; float: left;
	padding: 20px; margin: 0;
    text-align: left;
}

.content-text {
	display: inline; float: left;
	padding: 20px; margin: 0;
    text-align: left;
}
.content-text H1 {margin-bottom: 10px;}

.hodnoceni P {border-bottom: 2px solid #DEEBFE; padding: 0 0 10px 0; margin: 5px 0;}

.content-table-informace {
    width: 480px; height: auto;
	color: #000; text-decoration: none; font-weight: normal; text-align: center; line-height: 120%;
    border: 1px solid #2E5EC2;
  	background: #E8F5FF;
}
.content-table-informace TH {
    padding: 5px 6px;
    font-weight: bold;
    background: #BBD0F4;
}
.content-table-informace TD {
    padding: 5px 6px;
    border-top: 1px solid #fff;
}

.subtree {
	padding: 0 20px; margin: 0;
    text-align: left;
}

#right-column {display: none; float: right; width: 165px;}

#napiste-si-header {
    display: inline; float: left;
	width: 165px; height: auto;
    font-weight: bold; line-height: 200%;
	background: #5285DD;
}

#napiste-si-content {
    display: inline; float: right;
	width: 165px; height: auto;
    padding: 5px 0;
	background: #8DB0ED;
    border-bottom: 3px solid #023793;
}
#napiste-si-content P {margin: 0 10px 5px 10px; font-size: 0.8em; color: #000;}

.napiste-si-input-1 {
	width: 130px;
	margin: 0; padding: 0; height: auto;
    border: 1px solid #000;
	font-weight: normal; font-size: 12px; padding: 3px;
	background: url("../images/napiste-back-1.jpg") top center no-repeat #fff;
}

.napiste-si-input-2 {
	width: 130px;
	margin: 5px 0; padding: 0; height: auto;
    border: 1px solid #000;
	font-weight: normal; font-size: 14px; padding: 3px;
	background: url("../images/napiste-back-2.jpg") top right no-repeat #fff;
}

.napiste-si-button {
    display: inline; float: right;
	padding: 3px; margin: 0 13px 0 0;
    border: 1px solid #000;
	color: #fff; font-weight: bold; font-size: 10px; padding: 3px;
	background: #023793;
}

#akce-header {
    display: inline; float: left;
	width: 165px; height: auto;
    font-weight: bold; line-height: 200%;
	background: #5285DD;
}

#akce-content {
    display: inline; float: right;
	width: 165px; height: auto;
    padding: 5px 0;
	background: #8DB0ED;
    border-bottom: 3px solid #023793;
}
#akce-content H3 {margin: 0 15px 5px 15px; font-size: 0.9em; color: #000;}
#akce-content P {margin: 0 15px 5px 15px; font-size: 0.8em; color: #000; text-align: center;}

#partneri-header {
    display: inline; float: left;
	width: 165px; height: auto;
    font-weight: bold; line-height: 200%;
	background: #5285DD;
}

#partneri-content {
    display: inline; float: right;
	width: 165px; height: auto;
    padding: 5px 0;
	background: #8DB0ED;
    border-bottom: 3px solid #023793;
}
#partneri-content P {margin: 0 10px 5px 10px; font-size: 0.8em; color: #000;}
#partneri-content A {color: #fff;}
#partneri-content A:hover {color: #FF2A0C;}


#rolujici-text {
    display: none; float: left;
    width: 826px; margin: 0;
    font-size: 0.7em; color: #ddd; text-decoration: none; font-weight: normal; text-align: right; line-height: 160%;
    background: #5285DD;
}

#footer {
    display: none;
    width: 826px; padding: 10px; margin: 0 0 0 22px;
    font-size: 0.7em; color: #ddd; text-decoration: none; font-weight: normal; text-align: right; line-height: 160%;
    background: #5285DD;
}

#footer A {color: #004A9D;}
#footer A:hover {color: #D25D23;}

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

/* výrobek*/

#katalog {
	display: inline; float: left;
    width: 516px; height: auto;
    padding: 0 0 10px 0;
    background: #fff;
}

.vyrobek {
	display: block;
    width: auto; height: auto;
	padding: 0;	margin: 0 0 10px 20px;
	color: #000; text-decoration: none; font-weight: normal; text-align: center; line-height: 150%;
    background: #fff;

}

.vyrobek-home {
	display: inline; float: left;
    width: 470px; height: auto;
	padding: 0;	margin: 0 0 10px 0;
	color: #000; text-decoration: none; font-weight: normal; text-align: center; line-height: 150%;
    background: #fff;
    border: 3px solid #999999;
}

.vyrobek-nadpis {
    display: inline; float: left;
    width: 470px; height: auto;
	padding: 0;	margin: 0;
	background: #FF2A0C;
}
.vyrobek-nadpis H2 {display: inline; float: left; color: #fff; text-align: left; margin: 0; padding: 0 10px; line-height: 250%; font-size: 0.9em; font-weight: bold;}
.vyrobek-nadpis A {color: #fff; text-decoration: underline;}
.vyrobek-nadpis SPAN {display: inline; float: right; color: #000; text-align: right; margin: 6px 12px 0 0; line-height: 120%; font-size: 0.8em; font-weight: normal;}

.vyrobek-obrazek {
    display: inline; float: left;
    width: 180px; height: auto;
    margin: 10px;
    text-align: center;
}

.vyrobek-popis {display: inline; float: left; width: 450px; }
.vyrobek-popis P {margin: 5px 10px 10px 10px;}
.vyrobek-popis-odkaz {color: #004A9D; text-decoration: none;}

.vyrobek-info {
    display: inline; float: right;
    width: 205px; height: auto;
}

.vyrobek-cena {
    display: inline; float: right;
    width: 121px; height: 82px;
    margin: 10px 0 0 0;
    text-align: right;
	background: url("../images/vyrobek-cena-back.png") center no-repeat #fff;
}

.vyrobek-cena P {margin: 6px 10px; text-align: right;}

.vyrobek-buy {display: none; float: right; width: 200px; margin: 10px 0 0 0; text-align: right;}
.vyrobek-buy IMG {display: inline; float: right;}

.vyrobek-katalogove-cislo {
    display: inline; float: right;
    width: 180px; height: auto;
    margin: 10px 12px 0 0;
    text-align: right;
}
.vyrobek-katalogove-cislo P {text-align: right;}

.vyrobek-parametry {
	display: inline; float: left;
    width: 450px; height: auto;
	padding: 0;	margin: 10px 0 0 10px;
	color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
    background: #5285DD;
    border: 1px solid #999999;
}

.vyrobek-parametry H3 {color: #fff; margin: 5px 0 10px 10px;}
.vyrobek-parametry TABLE {color: #fff; margin: 5px;}

.vyrobek-parametr {
	display: inline; float: left;
    width: 210px; height: auto;
	padding: 0 0 10px 0; margin: 0 0 5px 10px;
	color: #fff; text-align: left;
}

.tabulka_eshop {
    width: 480px; height: auto;
	font-size: 0.9em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
    border: 1px solid #8DB0ED;
  	background: #fff;
}

.tabulka_eshop_tlacitka {
    width: 480px; 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: 480px; 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: #8DB0ED;
}
.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_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 #8DB0ED;
}
.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: 540px; height: 26px; margin: 0 0 5px 0;
	font-size: 0.8em; color: #000; font-weight: normal; text-align: left; line-height: 150%;
}

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

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

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

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


/* konec výrobek */

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

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

.formular_tabulka_r, .formular-tabulka-r {
	margin: 1em 2em;
	font-size: 0.9em; 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: 10px;	padding: 3px;
}

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

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

/* formuláře konec */

/* obecné */

H1 {font-size: 1.8em; font-weight: normal; font-style: normal; color: #2E5EC2; text-decoration: none; line-height: 150%; text-align: left;}

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

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

H4 {margin: 0.5em 0 0 0; color:#004A9C; font-weight: bold; font-size: 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.ramecek-login {
	font-size: 1em; font-weight: normal; text-align: left; line-height: 135%; color: #000;
    background: #E9EBF6;
    border: 2px solid #D2D6EB;
	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 #FF2A0C;
	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 20px; 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: #D25D23;}
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;}


DT {font-weight: bold;}

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

UL {margin: 10px 0 0 20px;}
UL LI {margin: 0 0 15px 0;}

OL {margin: 10px 0 0 20px;}
OL LI {margin: 0 0 15px 0;}

LI {
    margin: 0 0 0 5px;
    font-weight: normal; text-align: left; line-height: 150%; color: #000;
}

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 #2E5EC2;}

.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;}
.picture-r-2 {display: inline; float: right; margin: 0 10px;}
.border-bottom {padding: 0 0 5px 0; border-bottom: 1px solid #FFF;}
.no-screen {width: 100%; display: block;}
.no-print {display: none;}