body, html{
	background: #fff url(bg-body.jpg) no-repeat top;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, sans-serif !important;
	font-size: 12px;
	text-align: center;
}
input {
	cursor:pointer;
}
p, img, table, tr, th, td, h1, h2, h3, h4, h5, li, ul{
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
h1{
	text-align: center;
	font-size: 140%;
}
h3{
	padding: 10px 10px 0px 10px;
	border-bottom: 1px solid #9DB2BD; 
}
h5{
	display: block;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px dashed #8FA7BC;
}
a{
	color: Black;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
#main{
	width: 770px;
	background: White;
	margin-left: auto;
	margin-right: auto;
}
#main #header{
	background: #DEE6EC url(header.jpg) no-repeat top;
	width: 770px;
	height: 124px;
	text-align: left;
}
#main #header img{
	margin: 18px 0px 0px 18px;
}
#main #menuh{
	color: Black;
	background: #000 url(bg-menuh.gif) repeat-x top;	
	display: block;
	height: 33px;
	margin: 2px 0px 5px 0px;
	text-align: left;
	padding: 4px 10px 0px 10px; 
}
#main #menuh a{
	color: Black;
}
#main #footer{
	display: block;
	clear: both;
	height: 25px;
	text-align: left;
	padding: 8px 10px 0px 10px;
	color: Grey;
	font-size:10px;
}
#main #footer small {
	font-size:10px;
}
#main #footer a{
	color: Grey;
}
.right{
  float: right;
}

.left{
  float: left;
}

.center{
  float: center;
}
#menul{
	float: left;
	width: 160px;
	text-align: left;
	margin-left: 3px;
}
#menup{
	float: left;
	width: 160px;
	text-align: center;
}
.menuv{	
	background: #ffffdc;
	width: 100%;
	padding: 8px 0px 15px 6px;	
}
#menul .menuv{	
	background: #fff;
	width: 100%;
	padding: 8px 0px 15px 6px;	
}
#menul #menuhl .menuv {	
	background: #defbff;
	width: 100%;
	padding: 8px 0px 15px 6px;	
}
.menuv a{	
	color: Black;
	text-decoration: none;
}
.menuv a:hover{
	font-weight: bold;
}
.menuv ul{	
	clear: both;
}
.menuv li{	
	list-style: none;
}
.menuv ol{
	margin: 0px;
	padding: 0px 15px 0px 5px;
	clear: both;
}
.menuv ol li{	
	list-style: none;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #ffdd45;
}
.menuv p{	
	text-align: center;
}
p.box {
	font-weight:bold;
}
#menul p.box{
   background: #FFFEF0 url(bg-menun3.gif) no-repeat top left;
	display: block;
	width: 100%;
	height: 27px;
	padding: 6px 0px 0px 6px;
	border-top: 5px solid White;
	float: left;
	color: white;
	text-align: center;
}
#menul p.box a{
	color: white;
}
#menup p.box{
   background: #fff url(bg-menun.gif) repeat-x top left;
	display: block;
	width: 100%;
	font-size: 1.1em;
	height: 30px;
	padding: 4px 0px 0px 6px;
	border-top: 5px solid White;
	float: left;
	color: Black;
}
#menup p.box a{
	color: Black;
}
#middle{
	float: left;
	text-align: left;
	width: 411px;
	margin: 0px 7px 10px 5px;
	padding-left:10px;
}
#middle h2, #middle h1 {
	display: block;
	text-align: left;
	color: Black;
	padding: 6px 5px 4px 10px;
	margin: 5px -2px 7px -2px;
	background: #FFF url(bg-h2.gif) bottom no-repeat;
	clear: both; 
	font-size: 13px;
}
#middle .popis h2 {
	background:none;
	font-size: 14px;
	margin-bottom:10px;
	padding:0;
}
#middle p.drobecky{
	display: block;
	text-align: left;
	color: Black;
	padding: 6px 5px 4px 10px;
	margin: 5px -2px 7px -2px;
	/*background: #FFF url(bg-h2.gif) bottom no-repeat;*/
	clear: both; 
}
#middle .nadpis{
	color: #002b31;
	background: #fff;
	border: 0;
}
#middle h2 a{
	color: Black;
	text-decoration: none;
}
#middle p{
	padding:5px 1px 5px 1px;
}

#middle p img.first {
	margin:10px 10px 10px 0;
}
#middle p img.last {
	margin:10px 0 10px 0;
}
#middle p.plavky img.first {
	margin:10px 10px 0 0;
}
#middle p.plavky img.last {
	margin:10px 0 0 0;
}

#middle li{
	list-style: none;
}

.produkt3{
	display: block;
	width: 118px;
	height: 245px;
	float: left;
	padding:2px;
	margin: 3px;
	text-align: center;
	position: relative;
}
.produkt3 .detailkup{
	position: absolute;
	bottom: 1px;
	display: block;
	left: 5px;
	width: 117px;
}
.produkt3 .detailkup a{
	color: black;
	display: block;
	width: 44px;
	float: left;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #FBF066;
	margin: 5px 0px 0px 0px;
}
.produkt3 .detailkup a:hover{
	background: White;	
	border: 1px solid #FBF066;
	padding: 9px 6px 9px 6px;
	color: Black;
}

.produktakcni{
	display: block;
	border-bottom: 1px dotted #FBF066;
	padding:5px;
	margin: 3px;
	text-align: left;
	float: left;
	width: 385px;
}
.produktakcni .fotka{
	float: left;
	width: 35%;
}
.produktakcni .popis{
	float: left;
	margin: 0px 0px 0px 5px;
/*	border-left: 1px solid #FBF066; */
	padding: 0px 0px 0px 5px;
	width: 60%;
}
.produktakcni h4{
	color: #002B31;
	margin-bottom: 2px;
}
.produktakcni .puvodni{
	text-decoration: none;
	color: #999;
}
.produktakcni .cena{
	color: Red;
	font-size: 1.3em;
}
.produktakcni i{
	padding: 10px 0px 0px 0px;
	font-size: 1.1em;
	display: block;
}
.produktakcni .detailkup a{
	font-size:13px;
	display: block;
	width: 40px;
	float: right;
	font-weight : bold;
	padding: 7px 7px 7px 7px;
	background: #FBF066;
	margin: 5px 0px 0px 0px;
}
.produktakcni .detailkup a:hover{
	background: White;	
	border: 1px solid #FBF066;
	padding: 6px 6px 6px 6px;
	color: Black;
}
.radek{
	display: block;
	clear: both;
}
.poslednidva{
	display: block;
	width: 185px;
	height: 270px;
	float: left;
	padding:4px;
	margin: 4px;
	text-align: center;
	position: relative;
}
.poslednidva .detailkup{
	position: absolute;
	bottom: 1px;
	display: block;
	left: 5px;
	width: 185px;
}
.poslednidva .detailkup a{
	color: Black;
	display: block;
	width: 78px;
	float: left;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #FBF066;
	margin: 0;
	margin: 0px auto 0px auto;
}
.poslednidva .detailkup a:hover{
	background: White;	
	border: 1px solid #FBF066;
	padding: 9px 6px 9px 6px;
	color: Black;
}
.poslednidva h4{
	color: red;
	font-size: 1.1em;
}
.poslednidva h4 b{
	color: red;
}
.poslednidva .puvodni{
	text-decoration: line-through;
}
.poslednidva .cena{
	color: Red;
	font-size: 1.1em;
}
.poslednidva p{
	display: block;
	text-align: left;
	margin: 5px 10px 0px 10px;
	text-align: center;
}
#tridit{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	background: #ECECEC;
	font-size: 0.9em;
}
#tridit input{
	margin: -5px 0 0 0;
}
#strankovani{
	text-align: center;
	display: block;
	clear: both;
	font-size: 0.9em;
	padding: 3px;
}
#strankovani a{
	color: #600017;
}

#bannerbot{
	margin: 0px auto 0px auto;
	clear: both;
	display: block;
}
#komentare{
	text-align: left;
}
#komentare p{
	display: block;
	border-bottom: 1px solid #E4EAEF;
	margin: 5px 0px 10px 0px; 
}
.drobecky{
	display: block;
	padding: 6px 5px 6px 6px;
	margin: 5px -2px 7px -2px;
}
.drobecky a{
	color: Black;
}
.cervena{
	color: Red;
	margin-right: 5px;
}
#popis{
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
}
#popis table{
	float: right;
	width: 70%;
}
#popis img{
	float: left;
	cursor:pointer;
}
#popis_kategorie input {
margin:0;
padding:0;
}
#popis_kategorie select {
margin:0 0 0 9px;
width: 145px;
padding:0;
}
#popis_kategorie img {
margin: 0 0 0 -5px;
padding: 0 -3px 0 0;
}

#popis_kategorie td {
border-bottom:dotted #666666 1px;
padding-bottom:10px;
vertical-align:middle;
font-size:14px;

}
#popis_kategorie table table td {
border-bottom: none;
padding-bottom:0;
color:#000;
}
#popis_kategorie table td {
font-weight:bold;
font-size:14px;
color:#F60;
}
#popis_kategorie table td small {
font-weight:normal;
color:#000;
font-size:10px;
}
#popis_kategorie table td small strong, #popis_kategorie table td small b  {
font-size:14px;
}
#popis_kategorie form {
margin:0;
padding:0;
}
.pocetkusu{
	text-align: right;
}
.pocetkusu input{
	margin-top: 15px;
	margin-bottom: 15px;
}
.pridarkosiku{
	text-align: left;
}
.pridarkosiku a{
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	padding: 4px;
	background: #E4EAEF;
	border: 1px solid #ABBDCD;
	width: 55%;
}.pridarkosiku a:hover{
	background: #ABBDCD;
	border: 1px solid #8FA7BC;
}
#seznamkosiku{
	width: 100%;
	margin: 0px 0px 20px 0px;
}
#seznamkosiku .nazevzbozi{
	width: 50%;
}
#seznamkosiku .podtrzeni{
	border-bottom: 1px dashed #8FA7BC;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px; 
}
.dotaz{
	float: left;
	margin: 2px 0px 0px 0px;
}
.adresa{
	width: 100%;
}
.adresa td{
	padding: 3px;
}
.adresa input{
	margin: 3px 0px 3px 0px;
}
.adresa .modrabg{
	background: #E4E4E4;
}
.aligncenter{
	text-align: center;
	margin: 10px;
	cursor:pointer;
}






select {
	background-color : White;
	color : Black;
	width: 100px;
	font-family : Arial;
	font-size : 11px;
	font-weight : bolder;
}

#popis_kategorie{
	text-align: left;
	background: White;
	display: block;
	clear: both;
	padding: 3px 0;
}

.tipvkategorii{
	display: block;
	width: 140px;
	float: left;
	padding:5px;
	margin: 5px;
	text-align: center;
	font-size: 1em;
	background: White;
}

.tipvkategorii .detailkup a{
	color: Black;
	display: block;
	width: 56px;
	float: left;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #FBF066;
	margin: 5px 0px 0px 0px;
}

.tipvkategorii .detailkup a:hover{
	background: White;	
	border: 1px solid #FBF066;
	padding: 9px 6px 9px 6px;
	color: Black;
}

.a_login{
	width: 60%;
	text-align: center;
}

.a_login td{
	padding: 3px;
	text-align: center;
}

.a_login input{
	margin: 3px 3px 3px 3px;
}

.a_login .modrabg{
	background: #FFFEF0;
}


.button{
	background: #ADADAD url(bg-button.gif) repeat-x bottom;
	padding: 3px;
	border: 1px solid #ADADAD;
	color: White;
	font-weight: bold;
}

.button_horni{
	background: #FFDD47;
/*	padding: 3px; */
	border: 0px;
	color: black;
	font-weight: bold;
}


#menulb{
/*	background: #DEFBFE;*/
	width: 166px;
	padding: 10px 0 10px 0;
	margin:0px;
}
#menulb ul{
	display: block;
	margin: 0;
	padding: 0px;
}
#menulb li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}
#menulb a{
	color:#002F36;
	display: block;
	width: 95%;
	padding: 5px 0px 4px 7px;
	text-decoration:none;
}
#menulb b {
font-weight:bold;
color:#099;
}
#menulb a:hover{
	text-decoration: underline;
	color: #099;
}
#menulb .meny a {
background:url(domenu-stinecek2.gif) top no-repeat;
padding: 4px 0px 4px 17px;
font-size:13px;
font-weight:bold;
}
.meny {
	margin: 5px 0 5px 0;
}
#menulb .meny a {
	text-transform: none;
}
#menulb .meny a:hover, #menulb .meny a.aktiv {
background: url(domenu-stinecek-on2.gif) top no-repeat;
text-decoration:none;
color:#f00;
}
#menulb .meny a.basemenuactive {
background: url(domenu-stinecek-on2.gif) top no-repeat;
text-decoration:none;
color:#f00;
}
#menulb .meny div a.basemenuactive {
background:url(domenu-stinecek3-on.gif) no-repeat;
text-decoration:none;
color:red;
font-weight:bold;
}
#menulb .meny div a.basemenuactive:hover {
background:url(domenu-stinecek3-on.gif) no-repeat;
text-decoration:none;
color:red;
font-weight:bold;
}
#menulb div.meny {
	padding: 0 0 15px 0;
}
#menulb div.meny div {
	padding: 0 0 10px 0;
}
#menulb div.meny div a, #menulb div.meny div a:hover {
	padding: 0 0 0 7px;
	font-weight:normal;
	background:none;
	padding-left:15px;
	background:url(domenu-stinecek3.gif) no-repeat;
	margin:3px 0 3px 0;
	}
#menulb div.meny div a:hover {
text-decoration:underline;
	}
#menulb div.meny div a.aktiv {
color:#f00;
font-weight:bold;
background:url(domenu-stinecek3-on.gif) no-repeat;
}
#menulb div.meny a.m277{
	color:red;
	margin-top:10px;
}
.itext{
	background: url(bg-itext.gif) repeat-x top;
	border: 1px solid #BAAC00;
	text-align: left;
}

#menuh p.left {
	font-weight: bold;
	margin-top: 3px;
}
#menuh a {
	margin: 0px 20px 0px 0px;
}
#menuh form {
	margin: 1px 0px 0px 0px;
	float: right;
}
.produkt3 .cena {
	color: #ff0000;
	}
.basemenu {
	line-height: 1.3em;
}
a .277 {
	color: red;
}

/*navigace*/
div#navigacni { width: 415px; margin: 0 0 0 -5px; padding:0;}
div#navigacni img {margin: 0 0px 5px 0px; padding:0; width: 135px; height: 199px; border:none }
div#navigacni a { margin: 0; padding: 0;}
div#navigacni img.banner { width:412px; height: 60px}

div#navigacni img.akce { width: 272px}


/*foto*/
div.dalsifoto { clear: both  }
div.dalsifoto img { width: 80px; cursor:pointer }

.kod {
	color:grey; font-size:11px}
strike {
	font-size: 110%;
	text-decoration: none;
	color: #999;
}
#middle .cat { float: left; height: 199px; width: 133px; margin-top:10px; cursor:pointer }
#middle .cat+.cat {margin-left:4px}
#middle .cat a { text-decoration:none;}
#middle .cat h2 {  color:#333; font-size:13px; font-weight:bold; margin:0px; padding:0px; background:none; text-align:center }
#middle .cat h2 a span { display:block; border: 1px solid #EDEDED;  margin-bottom:3px; padding-top:6px; background-color:#EDEDED; height:20px; width:133px; cursor:pointer }
#middle .cat:hover h2 a span { background-color:#ddd; border:#ddd solid 1px; cursor:pointer }
#middle .cat p { height:167px; border: 1px solid #EDEDED; text-align:left; font-size:11px; color:#333; padding:0 0 0 5px; width:128px}
#middle .cat p img { margin: 5px 10px 10px 0;†width:auto; height:auto}
#middle .cat p .zarovnat-vlevo { float:left}
#middle .cat p.plavky {background-image:url(../img/cat-plavky.jpg) }
#middle .cat p.termopradlo {background-image:url(../img/cat-termopradlo.jpg) }
#middle .cat p.fitness {background-image:url(../img/cat-fitness.jpg) }
#middle .cat p.cyklokalhoty {background-image:url(../img/cat-cyklokalhoty.jpg) }
#middle .cat p.kalhoty-na-bezky {background-image:url(../img/cat-kalhoty-na-bezky.jpg) }
#middle .cat p.ponozky {background-image:url(../img/cat-ponozky.jpg) }
#middle .cat p.detske-obleceni {background-image:url(../img/cat-detske-obleceni.jpg) }
#middle .cat p.submenu { margin:0; padding:0; border:none}
#middle .cat p.submenu img { margin:0; padding:0; border: 1px solid #EDEDED;}
#middle .deti { width: 270px; }
#middle .deti h2 a { color:#990000; }
#middle .deti h2 a span { width: 270px; background-color: #FFCCCC; border: 1px solid #FFCCCC; }
#middle .deti:hover h2 a span { background-color: #FF9999; }
#middle .deti p { width: 265px; border: 1px solid #FFCCCC; }

.barkomb { float: left; }

