body {margin:0;padding:0;font:11pt Verdana,Arial,sans-serif;color:#ffffff;background:#327cc3;text-align:center;}

ul, li, h1 {list-style:none;margin:0;padding:0}

a, a:visited {color:#cdcdcd;text-decoration:none}
a:hover {text-decoration:none}
img {border:2px solid #1f66aa}
a img {margin:0 8px 5px 0 !important}

h1 {position:relative;left:90px;top:0px;width:450px;height:140px;float:left}
h3, h4, h5, h6 {font-family:Georgia,"New York CE",utopia,serif;font-weight:bold}
h3 {font-size:15pt;font-variant:small-caps;color:#cdcdcd;border-bottom:1px solid #cdcdcd;text-shadow: 3px 3px 7px #111}
h4 {color:#1F201F;font-size:11pt;}
h5 {color:#fff;font-size:13pt !important;margin: 5px}
table {width:500px}

.left {float:left}
.center {text-align:center !important}

#page {width:1064px; margin:0 auto; background:url('page.gif') repeat-y; background-color:#428cd3; text-align:left; border-left: 1px solid #3d5a76; border-right: 1px solid #3d5a76;-moz-box-shadow: 0px 0px 10px #555;}
#header {height:150px;background:url('header.jpg')}

#page-inner {float:left}

#content {width:836px;float:left;}
#content p, #content h3, #content h4, .feedback {margin:0 45px 0 25px}
#content p, #content h3 {margin-bottom:15px;clear:both}
#content h4 {margin-bottom:5px;clear:both}
#content h2 {height:26px;margin:10px 45px 10px 25px}
#col {font-size:7pt;width:203px;float:left;margin:10px 0 0 8px}
#col h2 {height:20px;margin:3px 0 20px 15px}
#col p {margin: 5px}
#col a, #col a:visited {color:#fff}
#col li {background: transparent}
#col li:hover {background: #0D3052}

#footer {padding:15px 0 15px 30px;background-color: #1f66aa;font-size:8pt;color:#fff;clear:both;display:block;border-top: 1px #3d5a76 solid}
#footer a, #footer a:visited {color:#aaa}

#menu {position:absolute;height:50px;width:1064px;background:url('menu.jpg') no-repeat #42729e;z-index:3; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}
#menu span, h1 span, h2 span, hr {display:none}
#menu ul .item{display:none;font-weight: bold; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}
#menu ul :last-child {border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
#menu ul:hover .item{display:block;background:#42729e;}
#menu ul:hover .item a{color:#fff;text-decoration:none;text-shadow: 3px 3px 7px #111}
#menu ul:hover .item a:hover{color:#999;}
#menu ul:hover .item:hover {-moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; box-shadow: 0px 0px 10px #fff;}
#menu ul{float:left;list-style:none;height:53px; }
#menu #m-obchod .item, #menu #m-bluray .item, #menu #m-levnadvd .item {width: 140px;}
#menu #m-casopisy .item {width: 130px}
#menu #m-onas .item {width: 165px;}
#menu #m-detske .item {width: 105px}
#menu #m-bluray .item, #m-onas .item, #menu #m-obchod .item, #menu #m-detske .item, #menu #m-casopisy .item, #menu #m-levnadvd .item {text-align: right; padding: 0px 5px 3px 5px;background: url('./menub.jpg') #42729e;}
#menu #m-bluray .item:hover, #m-onas .item:hover, #menu #m-obchod .item:hover, #menu #m-detske .item:hover, #menu #m-casopisy .item:hover, #menu #m-levnadvd .item:hover {background: #0D3052}
#menu a, h1 a, #col a {width:100%;height:100%;display:block}

#menu_u ul .item{font-weight: bold; margin: 5px 7px 0 8px;}
#menu_u a {color: #fff;text-shadow: 3px 3px 7px #111}
#menu_u ul:hover .item{display:block;}
#menu_u ul:hover .item a{color:#fff;text-decoration:none;text-shadow: 3px 3px 1px #000}
#menu_u ul{float:left;list-style:none;height:25px; }


#pre_novinky ul {margin-left:40px;clear:both}
#pre_novinky li {margin:0 20px 15px 0; width:104px; font-weight:bold; float:left; clear:none; text-align:center;border: 0px solid; font-size: 12px}
#pre_novinky img {width: 100px}

#sitemap { margin-left: 280px; align: center; font-weight: bold; text-shadow: 3px 3px 7px #111;}
#sitemap a:hover {text-shadow: 1px 1px 7px #fff; }
#sitemap ul { margin-left: 50px; }
#sitemap li { list-style: disc; }


#order_by {text-align: center; font-size: 12px}
#order_by a:hover {text-shadow: 0px 0px 5px #fff}

.clear{clear:both;height:50px;}
.top {height: 48px;}

#m-uvod {width: 85px}
#m-bluray {width: 95px}
#m-obchod {width: 155px}
#m-levnadvd {width: 160px}
#m-casopisy {width: 120px}
#m-detske {width: 110px}
#m-pripravujeme {width: 160px}
#m-onas, #m-sk {width: 80px}


#shopmenu {text-align:right;font:11pt Verdana,Arial,sans-serif !important; float: right; margin:10px 10px 0 0;background: rgba(0,0,0,0.3);min-width: 291px}
#shopmenu a:hover {color: white; text-shadow: 3px 3px 1px #000}
#shopmenu p {margin: 5px 5px 5px 5px; text-align:right;}
#shopmenu a, b {color: white; text-shadow: 3px 3px 7px #000; font-weight: bold}
#shopmenu img { border: 0px;}

#search {white-space: nowrap;padding: 5px 0 5px 0;}
#search input {font:10pt Verdana,Arial,sans-serif !important; text-shadow: 0px 1px 0px #fff;
	outline: none;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);
}
#search input:focus, input:focus, textarea:focus { -webkit-box-shadow: 0px 0px 10px #fff; -moz-box-shadow: 0px 0px 10px #fff; box-shadow: 0px 0px 10px #fff; }

input, textarea {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #717171;
  background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff)}

.incart {background:url('cart.gif') no-repeat;border: 1px solid black;width:118px;height:20px;margin-top:-3px !important;cursor:pointer}
.incart_vyprodej {background:url('cart_vyprodej.gif') no-repeat; border: 1px solid black; width:118px;height:20px;margin-top:-3px !important;cursor:pointer}

td {width:auto !important}

.page_num { margin-top: 10px; text-align:center}
.page_num b {padding:5px 2px; background:#1f66aa; color:white; border:1px solid white;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.titul {width: 380px; margin: 10px 0 0 17px; float: left; padding-right: 7px; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555; }
.titul:hover { background-color: #327cc3; }
.titul img {margin: 8px !important; height:212px; width:150px; background:url('../gfx/produkty/na.jpg');-moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;border: 1px solid #000;}
.titul_vyprodej {background-image: url('titul.jpg');background-color: #d5ad55; color: #ec0108; width: 360px; margin: 10px 0 0 17px; float: left; padding-right: 7px; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}
.titul_vyprodej b {text-shadow: 1px 1px 2px #333;}
.titul_vyprodej a {color: #ec0108}
.titul_vyprodej img {margin: auto 8px 8px auto !important; height:212px; width:150px; background:url('../gfx/produkty/na.jpg');border: 1px solid black}
.titul_akce {width: auto; margin: 10px 17px 0 17px; border-bottom:1px solid #fff }
.titul_akce img {margin: auto 8px 8px auto !important; width:650px; background:url('../gfx/akce/na.jpg');}

.search_result {width: 660px; min-height: 90px; padding: 10px 10px 10px 10px; font-size: 11px; border-top: 1px solid #fff;position:relative;}
.search_result img {border: 2px solid #8C896C; width: 75px; height: 106px;}
.search_result img:hover {width:150px; height:212px;}
.search_result .thumb {position:absolute; z-index:2}
.search_result .thumb:hover {z-index:3}

.home {text-align: center}
.home img {border: 0px solid;}

.katalog {width: 720px; margin: 10px 30px 20px 30px; font-size: 11px; border-top: 1px solid #fff;clear:both}
.katalog img {margin: 5px 8px 8px 5px !important; border: 2px solid #8C896C; width: 150px !important; height: 212px; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}
.katalog strong {font-size: 15px;text-shadow: 2px 2px 3px #111}

.papiraky {width: 170px; height: auto; margin: 10px 10px 10px 10px; font-size: 11px; float:left;}
.papiraky img { border: 2px solid #8C896C; width: 150px !important; height: 212px; background:url('../gfx/produkty/na.jpg')}
.papiraky strong {font-size: 15px}
.papiraky div {float:left; margin: 5px 5px 10px 20px !important; }

fieldset {border:1px solid #aaa;margin:0 30px 15px 30px;padding:10px}
legend {background:#1f66aa;border:1px solid #aaa;color:#aaa;padding:3px 8px;margin-bottom:10px;font-weight:bold;text-shadow: 2px 2px 3px #111}
fieldset img {float:left}
fieldset p {margin:0 0 15px 0 !important}
fieldset b {text-shadow: 2px 2px 3px #111}
.shop_detail {width:580px;float:right;}
.shop_desc p { min-height:40px;}
.shop_desc {margin-bottom: 5px}
.top_sale { margin: 0px 30px 0px 15px; padding: 0px}
.top_sale div { padding: 0 23px 0 23px;border: 0px solid #000; width: 150px; height: 225px; float: left; text-align: center}
.top_sale img { border: 0px solid #fff; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}

a img {margin:auto !important}
.pager {clear:both; padding: 10px 0 10px 0; text-align:center; }
.pager .pages {white-space: nowrap; overflow: hidden; }
.pager .number {border: 1px solid #327cc3; width:25px; margin: 0px; border-radius: 5px; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px;}
.pager a:hover {text-shadow: 0px 0px 5px #fff;}
.pager a {color: #000;}
.pager img {border:0}

.text-small {width:25px;text-align:center}

.f-none {background:#D4D0C8 !important}

.notice {border:1px solid #3d5a76;margin:auto 50px !important;text-align:center;background:#327cc3;color:white;display:block}
.basket {width:753px}
.basket_td {text-align: center;white-space: nowrap}
.basket td {background:#1f66aa;padding:3px;color:#cdcdcd}
.basket input {text-align:center;border:0;background:#529ce3;}

.pripravujeme ul {margin-left:30px;clear:both}
.pripravujeme li {margin:0 35px 15px 0; width:154px; font-weight:bold; float:left; clear:none; text-align:center;}
.pripravujeme img {-moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}

.facebook { border: 0px; -moz-box-shadow: 2px 2px 7px #555; -webkit-box-shadow: 2px 2px 7px #555; box-shadow: 2px 2px 7px #555;}
.facebook:hover { border: 0px; -moz-box-shadow: 2px 2px 7px #fff; -webkit-box-shadow: 2px 2px 7px #fff; box-shadow: 2px 2px 7px #fff;}