HTML, BODY {
    margin: 0;
    padding: 0;

    font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
    text-align: center;

	background-color: #DBDBDB;
    background: url("../../images/design/background.jpg") repeat-x #DBDBDB;
    color: #000000;
}


BODY {
    font-size: 71%;
    line-height: 140%;
}

BODY {
    overflow: scroll;
    overflow: -moz-scrollbars-vertical;

* overflow:auto;
}

* HTML BODY {
    overflow: auto;
}

FIELDSET, FORM {
	border-width: 0px;
    margin: 0;
    padding: 0;
}

IMG {
	border-width: 0px;
}

TABLE {
    font-size: 100%;
}

INPUT, TEXTAREA, SELECT {
    font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
    font-size: 100%;
	color: #656565;
}

P, H1, H2, H3, H4, H5, H6 {
    margin: 0;
    padding: 8px 0;
}

H1 {
    font-size: 120%;
}

H2 {
    font-size: 110%;
}

H3 {
    font-size: 100%;
}

H4 {
    font-size: 110%;
	color: #656565;
}

H5 {
    font-size: 100%;
	color: #656565;
}

H6 {
    font-size: 100%;
	color: #656565;
}

A {
    color: #1971DF;
    text-decoration: none;
}

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

HR {
    margin: 0;
    padding: 0;
    background: none;
    height: 1px;
    line-height: 0;
    font-size: 0;
    border-top: 1px solid #B2B2B2;
    clear: both;
}

BIG {
    font-size: 130%;
}

#site {
    position: relative;
    width: 989px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
}

div.top {
    width: 100%;
    height: 125px;
    position: relative;
    top: 0;
    left: 0;
    background: url("../../images/design/banner_top.jpg") right top no-repeat;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

div.top H2 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    /*width: 106px;*/
    /*height: 55px;*/
    position: absolute;
    top: 0px;
    left: 0px;
}

div.top H2 A {
}

div.top H2 A IMG {
    display: block;
}

* HTML BODY div.top {
    height: 124px;
}
div.newtop {
    height: 65px;
    background: #d8d8d8;
}


div.menu1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 236px;
    overflow: hidden;
}
div.newtop div.menu1 {
	left: 223px;
}
	
div.menu1 UL, div.menu1 UL LI {
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
}

div.menu1 UL LI {
    float: left;
    width: 78px;
    background: url("../../images/design/menu-tab-bkg.gif") left top #fff no-repeat;
    color: #6E6E6E;
}

div.menu1 UL LI A {
    float: left;
    padding: 10px 5px 6px 22px;
    color: #6E6E6E;
}

div.menu1 UL LI A:hover {
}

div.menu1 UL LI.active A {
    text-decoration: underline;
    color: #6E6E6E !important;
}


div.menu1 UL LI.zahrada {
    background: url("../../images/design/menu-tab-bkg-green.gif") left top no-repeat;
    width: 79px;
}

div.menu1 UL LI.naradie {
    background: url("../../images/design/menu-tab-bkg-blue.gif") left top no-repeat;
    width: 79px;
}

div.menu1 UL LI.sport {
    background: url("../../images/design/menu-tab-bkg-red.gif") left top no-repeat;
    width: 79px;
}


div.menu1 UL LI.naradie A, div.menu1 UL LI.naradie_active A {
    padding-left: 31px;
    background: url("../../images/design/ico_naradie.gif") 10px 9px no-repeat;
    color: white !important;
}

div.menu1 UL LI.sport A, div.menu1 UL LI.sport_active A {
    padding-left: 34px;
    background: url("../../images/design/ico_lopta.gif") 14px 9px no-repeat;
    color: white !important;
}

div.menu1 UL LI.zahrada A, div.menu1 UL LI.zahrada_active A {
    padding-left: 26px;
    background: url("../../images/design/ico_slnko.gif") 8px 11px no-repeat;
    color: white !important;
}

/*
div.menu1 UL LI.sport span {
    background: url("../../images/design/menu-tab-bkg.gif") left top #fff no-repeat;
    float: left;
}
*/

div.menu1 UL LI.zahrada_active {
    background: url("../../images/design/menu-seltab-bkg-green.gif");
}

div.menu1 UL LI.naradie_active {
    background: url("../../images/design/menu-seltab-bkg-blue.gif");
}

div.menu1 UL LI.sport_active {
    background: url("../../images/design/menu-seltab-bkg-red.gif");
}

/*
div.menu1 UL LI.active span {
    background: url("../../images/design/roh-vlavo-none.gif");
}
*/

div.menu2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 753px;
    background: url("../../images/design/transparent.png") 0px 0 no-repeat;
    font-size: 110%;
}

div.newtop div.menu2 {
	width: 529px;
}

* HTML BODY div.menu2 {
    background: none;
}

* HTML BODY div.ie6png {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 29px;
    background: #000;
    filter: alpha( opacity = 60 );
	border-left: 1px solid #f7f7f7;
}

div.menu2 UL, div.menu2 UL LI {
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
    float: left;
}

div.menu2 UL {
    position: relative;
    z-index: 2;
}

div.menu2 A {
	color: #FFFFFF;
}

div.menu2 A:hover {
    color: #fff;
}

div.menu2 UL LI A {
    float: left;
    padding: 10px 0 6px 35px;
    background: url("../../images/design/ico_sipka.gif") 20px 58% no-repeat;
}

div.menu2 .kosik {
    float: right;
    padding: 10px 10px 6px 24px;
    background: url("../../images/design/ico_kosik.gif") 6px 55% no-repeat;
    position: relative;
    z-index: 2;
}

div.menu2 .recommend {
    float: right;
    padding: 10px 10px 6px 24px;
    position: relative;
    z-index: 2;
	line-height: 0;
}

div.menu2 .active, div.menu2 UL LI.active A {
    text-decoration: underline;
	color: #fff;
}

div.menu2 .cleaner {
    overflow: hidden;
}

div.submenu {
    background: url("../../images/design/menu-bkg.gif");
    padding-bottom: 0;
}

div.menu3 {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}

div.menu3 UL, div.menu3 UL LI {
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
}

div.menu3 UL {
    padding: 0 13px;
}

div.menu3 UL LI {
    float: left;
    font-weight: bold;
	color: #919191;
}

div.menu3 UL LI A {
    padding: 20px 5px 10px 15px;
    float: left;
    background: url("../../images/design/menu-sep.gif") 0 9px no-repeat;
	color: #919191;
	text-align: center;
}

div.menu3 UL LI A:hover {
}

div.menu3 UL LI.active {
	width: 120px;
	background-image: url("../../images/design/menu-sel.gif");
	background-position: 0 9px;
	background-repeat: no-repeat;
}

div.menu3 UL LI.active A {
	padding: 20px 0px 10px 0px;
	text-decoration: underline;
	background-image: none;
	width: 120px;
}

div.menu3 UL LI.postactive A {
    padding: 20px 15px 10px 5px;
    background: url("../../images/design/menu-sep.gif") 100% 9px no-repeat;
}

div.menu4 {
    float: right;
    padding-top: 1px;
}

div.menu4 UL, div.menu4 UL LI {
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
}

div.menu4 UL {
    padding-right: 5px;
}

div.menu4 UL LI {
    float: left;
    padding: 15px 10px 15px 10px;
}
/*obsah*/
div.content {
    background: url("../../images/design/content-back.gif") repeat-y;
}

div.content-left {
    float: left;
    width: 236px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    background-color: #1257AD;
	color: #FFFFFF;
}

div.content-left A {
	color: #FFFFFF;
}

div.content-left A:hover {
	 color: #fff;
}

div.content-left H1, div.content-left H2, div.content-left H3, div.content-left H4, div.content-left H5, div.content-left H6 {
	 color: #fff;
}

div.menu-left {
    width: 100%;
    font-size: 110%;
}

div.menu-left .no-border {
    width: 100%;
    height: 1px;
    font-size: 0;
    line-height: 0;
    background: #1257AD;
    position: relative;
    top: 21px;
    left: 0;
}

div.menu-left UL, div.menu-left UL LI {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

div.menu-left UL {
    padding: 20px 0 10px 0;
}

div.menu-left UL LI A {
    margin: 0 15px;
    padding: 6px 18px 6px 8px;
    display: block;
    background: url("../../images/design/dashed.gif") 0 0 repeat-x;
}

div.menu-left UL LI A:hover {
    color: #fff;
}

div.menu-left UL LI A.active { 
    background: url("../../images/design/submenu.active-back.jpg") 0 0 no-repeat #fff;
}

div.menu-left UL LI DIV {
    margin: 0 15px;
    background: url("../../images/design/dashed.gif") 0 0 repeat-x;
}

div.menu-left UL LI DIV.active {
    background: url("../../images/design/submenu.active-back.jpg") 0 0 no-repeat #fff;
}

div.menu-left UL LI DIV A.bullet { 
    margin: 0;
    padding: 6px 18px 6px 18px;
    background: url("../../images/design/ico_pointer.gif") 6px 11px no-repeat;
}

* HTML BODY div.menu-left UL LI A {
    height: 1em;
}

div.block {
    padding: 0 15px 20px 15px;
    border-top: 2px solid #fff;
}

div.menu-block {
    border-top: 2px solid #fff;
}

div.menu-block ul {
	padding-top: 10px;
}

div.menu-block .no-border {
    width: 100%;
    height: 1px;
    font-size: 0;
    line-height: 0;
    background: #1257AD;
    position: relative;
    top: 11px;
    left: 0;
}

div.block H3 {
    margin: 0;
    padding: 20px 0 4px 0;
    background: url("../../images/design/dashed.gif") 0 100% repeat-x;
    position: relative;
    font-size: 110%;
}

div.search form {
    padding-top: 6px;
}

div.search form .input {
    padding: 6px 8px;
    width: 167px;
    background: url("../../images/design/search-input.gif") 100% 0 no-repeat;
    float: left;
	border-width: 0px;
}

div.search form .submit {
    position: relative;
    top: 5px;
    left: 3px;
}

* HTML BODY div.search form .input {
    float: none;
}

* HTML BODY div.search form .submit {
    top: 0;
}

div.login {
}

div.login form p {
    padding: 6px 0;
}

div.login form .input2 {
    width: 114px;
    padding: 6px 8px;
    background: url("../../images/design/login-input.gif") 100% 0 no-repeat;	
    border-width: 0px;
}

div.login form .input3 {
    width: 93px;
    padding: 6px 8px;
    background: url("../../images/design/login-pass.gif") 100% 0 no-repeat;
    border-width: 0px;
}

div.login form .submit {
	vertical-align: middle;
}

div.login #login {
	margin: 6px 0 12px 0;
}

.buttons {
    padding: 20px 0;
}

.button-strediska, .button-kontakt {
    margin-bottom: 5px;
    width: 148px;
    height: 40px;
    display: block;
    text-align: right;
    padding: 10px 20px 5px 40px;
	color: #919191 !important;
}

.button-strediska {
    background: url("../../images/design/button-strediska.gif") no-repeat scroll 0% 0%;
}

.button-kontakt {
    background: url("../../images/design/button-kontakt.gif") no-repeat scroll 0% 0%
}

.button-strediska STRONG, .button-kontakt STRONG {
    font-size: 115%;
}

.button-strediska:hover, .button-kontakt:hover {
    text-decoration: none
}

div.content-middle {
    padding: 0;
    float: left;
    width: 567px;
    background: url("../../images/design/content-middle.jpg") 0 0 no-repeat;
    position: relative;
    z-index: 3;
    overflow: hidden;
    margin-bottom: -50px;
}

div.content-middle .banner {
    margin-top: 15px;
    padding: 0 0 15px 0;
    text-align: center;
}

div.homepage_title {
    padding: 0 0px 0px 0px;
}

div.homepage_title H2 {
    color: white;
    font-size: 120%;
    margin: 0;
    padding: 0;
	padding: 6px;
	margin: 0px 0px 0px 1px;
}

div.promo {
    padding: 0 30px 15px 20px;
}

div.promo .perex-image {
    float: left;
    margin-top: 15px;
}

div.promo .perex-text {
    padding-top: 15px;
    float: right;
    width: 385px;
}

div.promo .perex-text H2 {
    font-size: 120%;
    margin: 0;
    padding: 0;
	background: url("../../images/design/dashed4.gif") 0 100% repeat-x;;
}

div.product .perex-text H2 .viac {
    background-image: url("../../images/design/ico_info.gif");
}

div.promo .perex-text H2 A {
}

div.promo .perex-text P {
    margin: 0;
    padding: 2px 0 0 0;
    text-align: justify;
	color: #000000;
}

div.product {
    padding: 25px 20px 10px 20px;
    background: url("../../images/design/product-back.jpg") repeat-x #fff;
    overflow: hidden;
    _float: left;
}

div.details strong {
}

div.product .perex-image {
    float: left;
}

div.product .perex-text {
    float: right;
    width: 400px;
    overflow: hidden;
}

div.product .perex-text H2 {
    padding: 8px 0;;
    margin: 0;
    font-size: 120%;
    background: url("../../images/design/dashed4.gif") 0 100% repeat-x;
}

div.product H2 {
    padding: 8px 0;;
    margin: 0;
    font-size: 120%;
    background: url("../../images/design/dashed4.gif") 0 100% repeat-x;
}

div.product .perex-text H2 .viac {
    font-weight: normal;
    float: right;
    padding-left: 18px;
    background: url("../../images/design/ico_info.gif") 0 50% no-repeat;
    font-size: 84%;
}

div.product .perex-text H2 A {
}

div.product .perex-text P {
}

div.product .perex-text .links {
    font-size: 100%;
}

div.product .perex-text .links .add, div.product .perex-text .links .price, div.product .perex-text .links .price_skk {
    float: right;
    padding: 5px 19px 20px 19px;
    background: url("../../images/design/shadow.gif") 50% 100% no-repeat #1257AD;
    height: 16px;
}

.price {
    text-align: right;
    line-height: normal !important;
}

.price_skk {
    text-align: right;
    height: 27px !important;
    line-height: normal !important;
}

.price small, .price_skk small {
    color: #aaa;
}

div.product .perex-text .links .price STRONG, div.product .perex-text .links .price_skk STRONG {
    font-weight: normal;
    color: #fff;
}

div.product .perex-text .links .add {
    padding-left: 25px;
    margin-right: 30px;
    position: relative;
    color: #fff;
}

div.product .perex-text .links .add IMG {
    position: absolute;
    top: -6px;
    left: -15px;
}

div.content-right {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 185px;
    float: right;
    margin-bottom: -50px;
}

div.content-right .block {
    padding-left: 10px;
    padding-right: 10px;
}

div.content-right H3 {
    padding: 4px 12px;
    border-top: 1px solid #A0A0A0;
    background: #1257AD;
    font-size: 100%;
    color: #fff;
}

div.content-right H3 .viac {
	color: #fff;
    float: right;
    font-weight: normal;
    padding-right: 12px;
    background: url("../../images/design/ico_sipka2.gif") 100% 6px no-repeat;
}

div.content-right div.block {
    padding-bottom: 15px;
}

div.block OL, div.block OL LI {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

div.block OL LI {
    padding: 5px 0;
    background: url("../../images/design/dashed3.gif") 0 100% repeat-x;
}

div.block OL LI a.perex-image {
    float: left;
    width: 52px;
}

div.block OL LI a.perex-image img {
    width: 46px;
}

div.block OL LI div.perex-text {
    float: right;
    width: 100px;
    margin-right: 2px;
}

div.block OL LI div.perex-text H4 {
    margin: 0;
    padding: 6px 0 0 0;
    font-size: 100%;
}

div.block OL LI div.perex-text H4 A {
}

div.block OL LI div.perex-text P {
    margin: 0;
    padding: 0;
	color: #666666;
}

div.foot {
    width: 930px;
    margin: 0 auto;
    padding: 0px 0 10px 0;
    text-align: left;
    clear: both;
	color: #959595;
}

div.foot A {
	color: #959595;
}

div.foot A:hover {
}

div.foot p {
    margin: 0;
    padding: 0;
}

div.foot p.copy {
    float: left;
    width: 49%;
}

div.foot p.links {
    float: right;
    width: 49%;
    text-align: right;
}

div.content div.cleaner-c {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 63px;
    background: url("../../images/design/foot-back.gif") no-repeat;
    clear: both;
}

div.cleaner {
    clear: both;
    width: 1px;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.content-form span {
	display: none;
}

.content-form .error {
	padding-left: 5px;
	font-weight: bolder;
	font-size: 80%;
	display: block;
	color: red;
}

h3.cart {
	background-color: #ffd409 !important;
	color: black !important;
}

table.cart {
	border-collapse: collapse;
}

table.cart th {
	padding: 5px;
	color: white;
	border: 1px solid silver;
}


table.cart td {
	padding: 5px;
	border: 1px solid silver;
}

table.cart-order-process {
	width: 100%;
	border-collapse: collapse;
}

table.cart-order-process td, table.cart-order-process th {
	padding: 5px;
	border: 1px solid silver;
}

table.cart-order-process td.selected {
	background-color: #AA0505;
	color: white;
}

.pager {
	padding: 10px 10px 10px 20px;
}

.pager .clr {
	clear: both;
	font-size: 0;
}

.sorting {
	float: right;
}

#perex-cart {
	padding: 8px 0 0 0;
	text-align: left;
}

#info_box {
	position: absolute; 
	top: 310px; 
	left: 460px; 
	z-index: 2000;
	text-align: left;
	border: 1px solid #000;
}


#info_box_title {
	background-color: #ffd409; 
	color: black;
	padding: 4px 8px 3px 8px;
	margin: 0;
}

#info_box_content {
	color: #000;
	margin: 0;
	padding: 0;
	background-color: white; 
	border: 2px solid #ffd409; 
}

#info_box_content div {
	padding: 10px 10px 0 10px;
	text-align: center;
}

.flash .menu1,
.flash .menu2 {
    background-color: rgb(219, 219, 219);
}