body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
}

p {
	line-height: 140%;
	margin:0px;
	padding:0px;
	margin-bottom:10px;

}

p.justified {
	text-align: justify;
}

p.provozovatel {
	color:gray;
}

p.provozovatel span {
	font-weight: bold;
	color: black;
}

span.type {
	width: 200px;
	color: blue;
	font-weight: bold;
}

.contactForm {
}

.map {
	float: right;
	border:1px solid #c2d8ef;
}
img {
	border:0px;
}

#content {
	width: 1000px;
	margin:  0px auto;
}

	.dirListing ul {
		margin:10px; padding:10px;
	}


.dirListing {
		font-size:12px;
		margin-bottom:20px;
		float: left;
		width:435px;
		height: 530px;
		border:1px solid #c2d8ef;
		margin: 10px 30px 40px 30px;
}

.rgb {
		background: url(../images/rgb.png) 100% 100% no-repeat;
}

.cmyk {
		background: url(../images/cmyk.png) 100% 100% no-repeat;
}



	.dirListing ul ul {border:0px; list-style: square;}

	
	.dirListing ul li span {color:gray}
	
	.dirListing ul li {
		padding: 2px;
	}
	
.contactBox {
	float: left;
	width:300px;
	height:160px;
	border:1px solid #c2d8ef;
	margin:0px 10px 30px 10px;
	padding:5px;
	color: silver;
}

.contactBox .function{
	text-align:center;
	font-weight: bold;
	margin:4px 4px 10px 4px;
	border-bottom:1px dashed #e9e9e9;
	padding-bottom:4px;
	color:#4f5eab;
}

.contactBox .name{
	color: black;
	font-weight: bold;
}

.contactBox ul{
	margin:10px 0px 20px 0px;
	padding:0px;
	list-style: none;
}

.contactBox ul li {
	float:left;
	width:100%;
	height:20px;
}

.contactBox ul li img {
	float: left;
	margin: 1px 8px 0px 0px;
}


h1,h2 {
	color: #4f5eab;
}

h1 {
	margin-top: 50px;
}

h2 {
	margin-top: 40px;
	height: 40px;
}

h2.podminky {
	margin:20px 0px 0px 0px;
	padding:0px;
}

h2.quickadd {
	background: url(../images/h1_quickadd.png) no-repeat;
	padding: 8px 0px 0px 45px;
}

h2.note {
	background: url(../images/h1_note.png) no-repeat;
	padding: 8px 0px 0px 45px;
}

h2.conditions {
	background: url(../images/h1_conditions.png) no-repeat;
	padding: 8px 0px 0px 45px;
}

h2.pay {
	background: url(../images/h1_pay.png) no-repeat;
	padding: 8px 0px 0px 45px;
}


h1.shoppingcart {
	background: url(../images/h1_shoppingcart.png) no-repeat;
	height: 50px;
	padding: 8px 0px 0px 55px;
}

h1.checkOrder {
	background: url(../images/h1_checkOrder.png) no-repeat;
	height: 50px;
	padding: 8px 0px 0px 55px;
}



h1.client {
	background: url(../images/h1_client.png) no-repeat;
	height: 50px;
	padding: 8px 0px 0px 55px;
}

h2.client {
	background: url(../images/h1_client2.png) no-repeat;
	padding: 8px 0px 0px 45px;
}

h2.orderInfo {
	background: url(../images/h2_orderInfo.png) no-repeat;
	padding: 8px 0px 0px 45px;
}

#header {
	height: 90px;
}

#header .logo{
	float: left;
}

#searchForm {
	float:  right;
	text-align: right;
	clear: right;
	margin-top:5px;
}

#searchForm input.searchString {
	
	border: 1px solid #bf198d;
	
}

#mainMenu {
	float: left;
	width: 100%;
	height: 30px;
	background: #4f5eab;
}

#mainItems {
	float: left;
	width: 640px;
}

#extraItems ul, #mainItems ul {
	margin: 0px; padding: 0px;
	list-style: none; 
	height: 30px;
	float: left;
}

#extraItems ul li, #mainItems ul li {
	float: left;
	width: 120px;
	height: 30px;
	text-align: center;
}

#extraItems ul li a, #mainItems ul li a {
	float: left;
	width: 120px;
	height: 30px;
}

#mainItems ul li a.vse_bt {
	background: url('../images/vse_bt.png');
}

#mainItems ul li a.vse_bt:hover {
	background: url('../images/vse_bt.png') -120px;
}


#mainItems ul li a.oNas_bt {
	background: url('../images/o-nas_bt.png');
}

#mainItems ul li a.oNas_bt:hover {
	background: url('../images/o-nas_bt.png') -120px;
}

#mainItems ul li a.obchod_bt {
	background: url('../images/obchod_bt.png');
}

#mainItems ul li a.obchod_bt:hover {
	background: url('../images/obchod_bt.png') -120px;
}

#mainItems ul li a.katalog_bt {
	background: url('../images/katalog_bt.png');
}

#mainItems ul li a.katalog_bt:hover {
	background: url('../images/katalog_bt.png') -120px;
}

#extraItems ul li a.prihlasit_bt, #extraItems ul li a.jqModal {
	background: url('../images/prihlasit_bt.png');
	width: 136px;
}

#extraItems ul li a.prihlasit_bt:hover, #extraItems ul li a.jqModal:hover {
	background: url('../images/prihlasit_bt.png') -136px;
	width: 136px;
}

#extraItems ul li a#bt_logout{
	background: url('../images/odhlasit_bt.png');
	width: 136px;
}

#extraItems ul li a#bt_logout:hover {
	background: url('../images/odhlasit_bt.png') -136px;
}

#extraItems ul li a span, #mainItems ul li a span {
	float: left;
	color: red;
	margin: 0px 0px 0px -5000px;
}

#mainItems ul li a {
	color: white;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}

#extraItems {
	float: left;
	width: 326px;
	height: 30px;
	background: #bf198d;

}

#mainMenu #lCorner {
	float: left;
	height: 30px;
	width: 10px;
	background: #bf198d url('../images/menu_corner_l.png');
}

#mainMenu #rCorner {
	float: left;
	height: 30px;
	width: 12px;
	background: #bf198d url('../images/menu_corner_r.png');
}


#mainMenu #rCorner2 {
	float: right;
	height: 30px;
	width: 12px;
	background: #bf198d url('../images/menu_corner_r2.png');
}

.fancyCategory {
}


.subCats {
	margin:5px 0px 0px 20px;
}

.subCats a {
	margin-left: 4px;
	color: white;
	text-decoration: none;
}

.subCats a:hover {
	text-decoration: underline !important;
}


.sideMenu {
	float: right;
	width: 200px;
}

.sideMenuItem {
	background: #e2f9f5;
	height:230px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin-bottom:20px;
}


.catMenu {
	width:790px;
	float:left;
	border-right:1px dashed silver;
}

.catMenu .catItem {
	float: left;
	width: 385px;
	height:60px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin:0px 10px 10px 0px;
	background: #bf198d;
}


.hracky-na-zahradu {
	 background: #bf198d url('../images/fancyCats/zahrada.png') 318px 0px no-repeat !important;
}

.plysove-hracky {
	 background: #bf198d url('../images/fancyCats/plysove-hracky.png') 320px 0px no-repeat !important;
}

.hracky-pro-kluky {
	 background: #bf198d url('../images/fancyCats/hracky-pro-kluky.png') 320px 0px no-repeat !important;
}

.hracky-pro-holky {
	 background: #bf198d url('../images/fancyCats/hracky-pro-holky.png') 320px 0px no-repeat !important;
}

.drevene-hracky {
	 background: #bf198d url('../images/fancyCats/drevene-hracky.png') 320px 0px no-repeat !important;
}

.plysove-hracky {
	 background: #bf198d url('../images/fancyCats/plysove-hracky.png') 327px 0px no-repeat !important;
}

.spolecenske-hry {
	 background: #bf198d url('../images/fancyCats/spolecenske-hry.png') 320px 0px no-repeat !important;
}

.puzzle {
	 background: #bf198d url('../images/fancyCats/puzzle.png') 327px 0px no-repeat !important;
}

.edukacni-a-vytvarne {
	 background: #bf198d url('../images/fancyCats/edukacni-a-vytvarne.png') 320px 0px no-repeat !important;
}

.pro-nejmensi {
	 background: #bf198d url('../images/fancyCats/pro-nejmensi.png') 320px 0px no-repeat !important;
}

.stavebnice {
	 background: #bf198d url('../images/fancyCats/stavebnice.png') 325px 0px no-repeat !important;
}

.novinky {
	 background: #bf198d url('../images/fancyCats/novinky.png') 320px 0px no-repeat !important;
}

.ruzne {
	 background: #bf198d url('../images/fancyCats/ruzne.png') 320px 0px no-repeat !important;
}

.figurky {
	 background: #bf198d url('../images/fancyCats/figurky.png') 320px 5px no-repeat !important;
}

.baby-bow { background: #bf198d; }
.baby-bow .subCats {margin-top:-2px;}


.akce {
	 background: #bf198d url('../images/fancyCats/akce.png') 320px 0px no-repeat !important;
}



.catMenu .catItem h2{
	padding:0px;
	height:20px;
	margin:6px 0px 0px 20px !important;
	color: #000d4d;
	font-size:16px;
}


.catMenu .catItem h2 a{
	color:white !important;
	text-decoration: none !important;
}

.catMenu .catItem h2 a:hover{text-decoration: underline !important; }


.catItem .subCats {
	font-size: 11px;
} 

.shareSocial {
	float:right;	
	width:191px;
}

.shareSocial a {
	color:gray;
}

.shareSocial ul {
	float: right;
	list-style: none;
	margin:0px;
	padding:0px;
}

.shareSocial ul li{
	float: left;
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-left:20px;
	font-size:11px;
	height: 16px;
}


.shareSocial ul li.fb{ background: url('../images/facebook.gif') no-repeat;}

.shareSocial ul li.tw{ background: url('../images/twitter.gif') no-repeat;}

.shareSocial ul li.dc{ background: url('../images/delicious.gif') no-repeat;}



.akcniPolozky {
	float: left;
	margin: 60px 0px 0px 20px;
}



#menu {
	float: left;
	width: 180px;
	margin: 10px 20px 10px 0px;
	background: #ccccff;
}

#menuHeader {
	float: left;
	width: 100%;
	height: 64px;
	background: url('../images/kategorie_head.png');
	margin-bottom: 0px;
}

#menuFooter {
	background: url('../images/menuFooter.png');
	float: left;
	width: 100%;
	height: 28px;
}

#menu ul {
	padding: 0px; margin: 0px;
	list-style:square inside url("../images/navbullet2.png");

}

#menu ul li {
	padding: 0px 0px 5px 5px;
	border-bottom: 1px solid white;
	margin: 0px 0px 5px 0px;
}

#menu ul li a{
	text-decoration: none;
	color: #4f5eab;
	font-weight: bold;
	font-size: 14px;
	}


#menu ul li ul li {
	padding: 5px 0px 2px 18px;
	border-bottom: none;
	margin: 0px;
	list-style:square inside url("../images/navbullet3.png");
}

#menu ul li ul li a{
	font-size: 12px;
}

.product {
	padding: 5px;
	margin: 20px 15px 0px 15px;
	float: left;
	width: 215px;
	height: 240px;
	text-align:center;
	border-left:1px dashed silver;
	border-bottom:1px dashed silver;
}

.product .name {
	margin-top: 3px;
	font-weight: bold; text-align: center;
	color: #283d97;
	height:35px;
}


.product .details {
	margin-top:0px;
	text-align:left;
	color: silver;
	font-size: 10px;
}

.product .details .price{
	padding-top: 10px;
	width: 90px;
	height: 50px;
	float: right;
	color: #283d97;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
}

.product .details .stock {
	float:  left;
	width: 120px;
	text-align: center;
	margin-top: 8px;
}

.product .details .price span{
	font-size: 16px;
	font-weight: bold;
	color: #bf198d;
}

.instock {
	color: #7a99f3;
	font-size:11px;
}


.outstock {
	color: #bf198d;
}

#main {
	width: 785px;
	float: left;
	z-index: -1;
}

.nav {
	margin-top:12px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	width: 100%;
	height: 20px;
}


.nav .total {
	float:  right;
	color: silver;
	width: 150px;
	text-align:right;
	margin-top: 3px;
}
.nav ul {
	float: left;
	width: 600px;
	list-style:square inside url("../images/navbullet.png");
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 20px;
}

.nav ul li.navHome {
	list-style: none;
}

.nav ul li {
	float: left;
	margin-right:10px;
	margin-top: 3px;
}

.nav ul li a {
	font-size: 11px;
	color: gray;
	text-decoration: none;
	font-weight: bold;
}

.nav ul li a:hover {
	text-decoration:underline;
	color:#4f5eab !important;
	
}

.nav ul li.navHome a span {
	margin-left: -5000px;
}

.nav ul li.navHome {
	background: url('../images/homeIcon.png') 0px 1px no-repeat;
	width: 14px;
}



#mainBanner {
	margin-top: 40px;
}

#footer {
	margin-top: 20px;
	width: 100%;
	height: 300px;
	background: #4f5eab;
	color: white;
}


#footer ul {
	float: left;
	list-style: none;
	padding:0px;
	margin:0px;
}
#footer ul li {
	padding:0px;
	margin:0px 0px 6px 0px;
}

#footer_header {
	float: left;
	height: 13px;
	width:100%;
	background: url('../images/footer_header.png') no-repeat;
}


#footer #our_webs, #footer #company, #footer #shopping, #footer #logo  {
	width:190px;
	float:left;
	background: url('../images/footer_webs.png') no-repeat;
	color:silver;
	padding-top: 40px;
	padding-left:10px;
	height:150px;
}

#footer #logo  {
	margin-left: 60px;
}

#footer #company {
	margin-left:90px;
	background: url('../images/footer_company.png') no-repeat;
}

#footer #logo {
	background: url('../images/footer_logo.png') no-repeat;
	border:0px;
}

#footer #shopping {
	background: url('../images/footer_shopping.png') no-repeat;
}


#footer a {
	color:white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


#footer #our_webs .web{
	float: left;
	width:184px;
	text-align:center;
	margin-bottom: 20px;
}


#footer #footer_foot {
	margin-top:45px;
	width:100%;
	float: left;
	text-align:center;
}

#footer #footer_foot p {
	margin:0px; padding:0px;
	font-size:11px;
}



/* Detail produktu */

p.productDesc {
	float: left;
	margin-top: 20px;
	line-height: 150%;
	width: 365px;
	text-align: justify;
}



	/* product info */
	.product_info {
		margin-bottom: 30px;
		float: left;
	}
	
	.product_info ul {
		width:590px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.product_info ul  li{float: left; height: 16px; padding: 2px 10px 0px 20px;}

	.product_info ul  li.stock{background: url('../images/pr_stock.gif') no-repeat;}
	.product_info ul  li.ean{background: url('../images/pr_ean.gif') no-repeat; font-weight: bold; font-size: 13px;}
	.product_info ul  li.amount{background: url('../images/pr_amount.gif') no-repeat;}
	.product_info ul  li.vendor{background: url('../images/wrench_orange.png') no-repeat;}

	/* product info */


.productDetail h1 {
	margin-top:20px;
	margin-bottom: 2px;
	font-size: 18px;
	color: #2c3c90;
	letter-spacing: 1px;
}

.productDetail img {
	float: right;
	border-left: 1px dashed silver;
}


.productDetail .product_info {
	color: gray;
	font-size: 11px;
	margin-bottom: 20px;
	padding: 0px;
}

/* Detail produktu */



/* addToCart */
.addToCart {
	margin-right: 24px;
	float: right;
	width: 357px;
}

.addToCart .cart_head{
	float: right;
	background: url('../images/cart_head.png');
	width: 357px;
	height: 69px;
}

.addToCart .cart_foot{
	float: right;
	background: url('../images/cart_foot.png');
	width: 357px;
	height: 18px;
}

.addToCart .cart_content{
	background: url('../images/cart_content.png');
	width: 357px;
}

.addToCart .price, .addToCart .stock {
	margin-left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #4f5eab;
}

.addToCart .price span {
	color: #bf198d;
}

.addToCart .stock {
	font-weight: normal;
	margin-top: 20px;
	color: #4f5eab;
}

.addToCart .stockAmount {
	margin-left: 20px;
	color: #4f5eab;
}

.addToCart .priceDPH {
	font-size: 12px;
	margin-left: 82px;
	color: #4f5eab;
}

form#addProduct {
	width: 340px;
	color: #4f5eab;
	margin-top: 10px;
}


form#addProduct #add{
	float: right;
	width: 32px;
	height: 32px;
}

form#addProduct #add a{
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/add_button.png');
}

form#addProduct #add a:hover{
	background: url('../images/add_button.png') -32px;
}

form#addProduct .pr_buy{
	float: right;
	width: 82px;
}

form#addProduct .pr_buy span {
	float: left;
	margin-top: 8px;
}
.input_amount {
	border: none;
	width: 24px;
	height: 18px;
	background: url('../images/input_amount.png') no-repeat;
}


/* addToCart */


.clearBoth {
	clear: both;
}

.error {
	font-weight: bold;
	color:red;
}

.confirm {
	font-weight: bold;
	color:green;
}


#topInfo {
	float:left;
	border-bottom:1px solid gray;
	background: #f6c176;
	padding:5px;
	width:100%;
	text-align:center;
}


.readOnlyInfo {
	float: left;
	width: 48%;
}

.noteReadOnly {
	width: 100%;
	text-align: center;
	background: #f6c176;
}


input.newOrder {
	margin-top: 30px;
}


#filters {
	margin-top: 5px;
	width: 100%;
	text-align: right;
	float: right;
}


#orderDetailsPreview {
	width: 400px;
	float: left;
	border: 1px solid silver;
	margin: 80px 0px 0px 140px;
	padding: 10px;
}

#orderDetailsPreview #date{
	padding-bottom: 3px;
	border-bottom: 1px dashed silver;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 5px;
	
}

#orderDetailsPreview #date span {
	color: silver;
	font-weight:  normal;
}

#orderDetailsPreview .priceDPH, #orderDetailsPreview .priceSum {
	text-align: right;
}

#orderDetailsPreview .priceDPH span, #orderDetailsPreview .priceSum span{
	color:  silver;
}
#orderDetailsPreview .priceFinal {
	border-top: 1px dashed silver;
	text-align: right;
	margin-top: 10px;
}


#orderDetails {
	width: 680px;
	float: right;
}

#basicInfo {
	width: 400px;
	float: left;
}

#priceTotalDetail {
	width: 260px;
	float: right;
	text-align: right;
}

#basicInfo #date span, #basicInfo #status span, #basicInfo #odber span, #basicInfo #note span{
	font-weight: bold;
	margin-right: 5px;
}


.priceFinal span, .priceSum span, .priceDPH span {
	font-weight: bold;
	margin-right: 5px;
}

.priceSum, .priceDPH {
	color: gray;
}

.clearRight {
	clear: right;
}

.priceFinal  .sum {
	font-size: 16px;
	margin-right: 0px;
	line-height: 200%;
	color: red;
}



#complete ul{
	float: left;
	list-style: none;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}

#complete ul li{
	border: 1px solid #C2D8EF;
	padding: 20px;
	text-align: center;
}


#complete ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#complete ul li a:hover {
	display: block;
	width: 100%;
	height: 100%;
	background: silver;
}


#picTool {
	float: right;
	width:400px;
}

#picTool .mainImage {
	text-align: center;
}

ul#productThumbs {
	float: left;
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}

ul#productThumbs li{
	width: 110px;
	float: left;
	margin-left: 15px;
	text-align: center;
}

ul#productThumbs li img {
	width: 110px;
	border: 1px solid #eee;
	padding:3px;
	margin: 3px;
}



.longTextInput {
	display: block;
	min-height:100px;
	line-height:100px;
}

textarea.quote {
	margin-top:10px;
}



.logos ul{
	list-style: none;
}

.logos ul li{
	display: inline;
	float: left;
	width: 230px;
	text-align:center;
	font-size:11px;
}


span.finalPrice {
	font-weight: bold !important;
	color: #bf198d !important;
	font-size: 18px;
}

.smallInfo {
	text-align:center;
	margin-top:50px;
	clear: both;
	font-size:11px;
	color: gray;
}








ul.transList {
	list-style: none;
	margin:0px;
	padding:0px;
}

ul.transList li{
	margin-bottom:8px;
}
#odberCZ, #odberSK {
	position: relative;
	z-index:5;
}
.bubble {
	position: absolute;
	display: block;
	z-index:1000;
	background: url('http://www.zabawki.cz/images/bubble.png');
	width:160px;
	height:62px;
	padding:5px 10px 10px 10px;
	font-size:10px;
	margin-top:-90px;
	margin-left:20px;
	text-align:center;
}

.bubble .title {
	font-weight: bold;
	color: #5164A9;
	display: block;
	font-size:14px;
	margin:0px; padding:0px;
}

.impBox {
	width: 860px;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid silver;
	margin: 0px auto;
}


.seo_info {
	text-align: left;
	margin-top: 30px;
}

.seo_info p {
	color: #5164A9;
	text-align: left;
	margin-top: 30px;
}

.seo_info a  {
  text-decoration: none;
  color: #5164A9;
	text-align: left;
	margin-top: 30px;
}
.seo_info a:hover {
  color: #5164A9;
  text-decoration: underline;
	text-align: left;
	margin-top: 30px;
}