/* ================================================ G L O B A L ============================================ */
html, body, form, fieldset, 
table, caption, tr, td, th, 
div, p, ul, ol, li, a, img, 
dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0px solid; }

html 		{ font-size: 100.01%; text-align: center; }
body, table { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
body 		{ font-size: 75%; color: #6b6c6c; background: url('../images/bg_body.png') repeat-y center #0a0a0a; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }

	/* non semantic */
hr      	{ display: none; }
.hidden 	{ position: absolute; top: -9999px; left: -9999px; }
.nm			{ margin: 0 !important; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.replace	{ position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; }

	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url('../images/dot.gif') repeat-x bottom; border: 0; cursor: help; padding: 0; }

	/* list style */
ul			{ list-style-type: none; }	
#content ol { list-style-type: decimal; }
#content li { line-height: 1.2em; }

	/* text flow */
p, ul, ol, dl, dd, table, 
form, fieldset, blockquote 	{ margin-bottom: 1.0em; /* = LH */ }
ul	{ margin-left: 1.5em; }
	
	/* tables */
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* ======================================================================================================== */
#page 		{ width: 723px; margin: 0 auto; text-align: left; padding: 20px 0 0; }
#head		{ float: left; width: 718px; min-height: 42px; background: #fff; padding: 25px 5px 0 0;  }
#content	{ float: left; width: 683px; min-height: 346px; margin: 4px 0; position: relative; background: #fff; padding: 20px 20px 0; line-height: 1.2em;  }
#boxes		{ float: left; width: 723px; border-bottom: 2px solid #fff; padding: 0 0 3px; }
#foot		{ float: left; width: 693px; background: #fff; margin: 3px 0 30px; padding: 0 15px;  }
.text		{ width: 450px; }
.text-contact   { width: 200px; float: left; padding: 0 0 15px; }
.photo		{ width: 217px; }

#head #slide { width: 252px; height: 67px; position: relative; }

* html #content { height: 346px; }

.left		{ margin: -12px 0 -14px -12px; }
.right		{ margin: -12px -12px 0px 0; }
.right img	{ margin: 0 0 7px; }
.homepage #content { background: url('../images/promo1.jpg') no-repeat left top #fff; height: 367px; padding: 0; width: 723px; }

h1 {color: #535c8a;}


#slide img{
  display:none;
  position:absolute;
  top:0;
  left:0;
}
#slide img.active{
  display:block;
}


/* ----------------------------/ TOP BOX /----------------------------------- */
#head h1,
#head a#slide	{ width: 252px; height: 67px; display: block; margin: -25px 0 0; overflow: hidden; position: relative; float: left; background: url('../images/logo.png') no-repeat left center; }
#head h1 span,
#head a#slide span { width: 252px; height: 67px; background: url('../images/logo.png') no-repeat left center;}
	
	/* menu */
#head ul 	{ float: right; padding: 0 0 10px; margin: 0; }
#head li 	{ float: left; background: url('../images/bg_menu_li.png') no-repeat left center; }
#head li.m0	{ background: transparent none; }
#head li a,
#head li strong	 { text-transform: uppercase; color: #535c8a; padding: 0 10px; letter-spacing: -1px; text-decoration: none; font-weight: bold; font--size: 0.9166em }
#head li a:hover, 
#head li a.active,
#head li strong  { color: #7782b7; } 

.next { position: absolute; bottom: 20px; right: 30px; }
.next a { margin: 0 15px 0;}

/* ----------------------------/ CONTENT BOX (index) /----------------------------------- */
#content a.l1 { width: 146px; height: 88px; display: block; background: url('../images/link_diagnostics.png') no-repeat; position: absolute; top: 15px; right: 18px; z-index: 100; cursor: pointer;  }
#content a.l2 { width: 144px; height: 46px; display: block; background: url('../images/link_david.png') no-repeat; position: absolute; top: 253px; right: 20px;  z-index: 100; cursor: pointer; }
#content a.l3 { width: 184px; height: 45px; display: block; background: url('../images/link_dealer.png') no-repeat; position: absolute; top: 307px; right: 22px; z-index: 100; cursor: pointer; }
#content a.l4 { width: 250px; height: 100px; display: block; background: url('../images/title.png') no-repeat; position: absolute; top: 217px; left: 0px; z-index: 100;cursor: pointer; }

* html #content a.l1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/link_diagnostics.png', sizingMethod='crop'); background: transparent none; }
* html #content a.l2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/link_david.png', sizingMethod='crop'); background: transparent none; }
* html #content a.l3 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/link_dealer.png', sizingMethod='crop'); background: transparent none; }
* html #content a.l4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/title.png', sizingMethod='crop'); background: transparent none; }


.news-i { position: absolute; left: 0; top: 253px; background: url('../images/news_bck.png') repeat; padding: 5px; z-index: 100; }
.news-i strong { color: #000; padding: 0 15px 0 5px;} 
.news-i p  { margin: 0; }
.news-i p a { color: #142160; }

* html .news-i { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news_bck.png', sizingMethod='scale'); background: transparent none; }

a.zamluvte { display: inline-block; width: 224px; height: 28px; background: url('../images/zamluvte.png') no-repeat left top; margin-top: 1.0em; }

p.foto { margin: 0 0 5px; }

p.photos { text-align: center;}
p.photos img { margin: 0 10px;}


.partner { float: left; width: 100%; margin-top: 1.5em; }

.item-test { float: left; width: 100%; margin-top: 2.0em; }
.item-test h3 { font-size: 1.0em; }

.kondice 	{ position: relative; }
.kondice p { color: #0b1867; text-transform: uppercase; font-weight: bold; }
.kondice ul		{ padding-bottom: 30px; }
.kondice ul li { color: #0b1867; list-style-type: disc; margin-bottom: 0.5em; }

.kondice .kondice-logo { position: absolute; bottom: 10px; right: 0; }

#content .move-it { margin: -20px 0 0 -20px; }

#content ul.dp { background: url('../images/dp.jpg') no-repeat right center; padding: 30px 250px 30px 0; }

/* ---------------------------/ 3 BOTTOM BOXES /----------------------------------------- */
.box	{ width: 218px; float: left; margin: 0 0 0 6px; display: inline; background: #fff; padding: 5px 9px 5px 10px; min-height: 156px;  }

* html .box { height: 156px; }

.box p	{ color: #364177; text-transform: uppercase; font-size: 1.2em; margin: 5px 0 0; }
.box a	{ text-decoration: none; color: #364177; display: block; }

#foot p { font-size: 0.833em; margin: 0.3em 0; text-align: center; color: #364177; }


.title-kondice { width: 241px; height: 75px; overflow:hidden; position: relative; }
.title-kondice span { width: 241px; height: 75px; background: url('../images/kondice-title.png') no-repeat; }

.title { width: 158px; height: 84px; overflow: hidden; position: relative;  }
.title span { width: 158px; height: 84px; background: url('../images/poradenstvi_title.png') no-repeat; }
p.logos img { vertical-align: middle; padding: 10px 2px; }

#sport		{ baackground: url('../images/bg_sport.jpg') no-repeat left top; width: 706px; height: 284px; margin: -10px 0 0 -12px; }
* html #sport { margin: -10px 0 0 -12px; background: #ff00ff }
#sport li { width: 117px; height: 284px; float: left; overflow: hidden; }
#sport a	{ display: block; width: 117px; height: 284px; position: relative; overflow: hidden; text-decoration: none; cursor: pointer;  }
#sport li.s1 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat left top;}
#sport li.s2 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat -117px top;}
#sport li.s3 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat -234px top;}
#sport li.s4 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat -351px top;}
#sport li.s5 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat -468px top; }
#sport li.s6 a span { width: 117px; height: 284px; background: url('../images/bg_sport.jpg') no-repeat -585px top; }

#sportovci { margin: -5px -12px 0 -6px; }
#sportovci li { width: 139px; padding: 0; text-align: center; float: left; }
#sportovci li img { margin: 0 0 15px; }
#sportovci li strong { display: block; }
#sportovci li.sp1 { background: url('../images/sportovec1.jpg') no-repeat left top; }
#sportovci li.sp2 { background: url('../images/sportovec2.jpg') no-repeat left top; }
#sportovci li.sp3 { background: url('../images/sportovec3.jpg') no-repeat left top; }
#sportovci li.sp4 { background: url('../images/sportovec4.jpg') no-repeat left top; }
#sportovci li.sp5 { background: url('../images/sportovec5.jpg') no-repeat left top; }

#obleceni { margin: -5px -12px 0 -6px; }
#obleceni li { width: 139px; padding: 275px 0 0; text-align: center; float: left; }
#obleceni li strong { display: block; }
#obleceni li.o1 { background: url('../images/suit1.jpg') no-repeat left top; }
#obleceni li.o2 { background: url('../images/suit2.jpg') no-repeat left top; }
#obleceni li.o3 { background: url('../images/suit3.jpg') no-repeat left top; }
#obleceni li.o4 { background: url('../images/suit4.jpg') no-repeat left top; }
#obleceni li.o5 { background: url('../images/suit5.jpg') no-repeat left top; }


/*** set the width and height to match your images **/

#slideshow { position:relative; height: 367px; width: 723px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }

.photo #slideshow { height: 341px; width: 217px; }
#open li { width: 140px; float: left; margin: 0 0 5px; }
#open li span { float: right;}

* html #open li strong { float: left}
* html #mob li strong { float: left}

#mob li { width: 150px; }
#mob li span { float: right; }

.l { width: 200px; float: left; }
#contact { width: 240px; float: left; }
#contact label { display: block; margin-bottom: 2px; }
#contact label span { color: #ff0000;}
#contact input.text,
#contact textarea { background: url('../images/input.jpg') no-repeat left top; padding: 2px; border: 1px solid #cecece; margin-bottom: 10px; width: 100%; }
#contact textarea { height: 120px; }
#contact input.sub { width: auto; float: right; margin: 0 -7px 0 0; display: inline;}
#contact input.error { border-color: #ff0000; }

#contact .errormsg { margin: 0 0 7px; font-style: italic; color: #ff0000; }
#contact h1 { margin: 0 0 7px;}

.ichiban { width: 723px; height: 366px; background: url('../images/ichiban-new-2.jpg') no-repeat left top; margin: -20px -20px 0; position: relative; }
.ichiban .text { position: absolute; top: 40px; right: 30px; color: #fff; overflow: hidden; width: 224px; }

.ichiban a.text { display: block; width: 270px; height: 45px; position: absolute; top: 305px; left: 260px; }
.ichiban a.shoes	{ display: block; width: 167px; height: 366px; position: absolute; top: 0; right: 0;  }

.sprodejna { width: 723px; height: 367px; background: url('../images/sprodejna.jpg') no-repeat left top; margin: -20px -20px 0; position: relative; }
.sprodejna .text { position: absolute; top: 165px; right: 30px; color: #fff; overflow: hidden; width: 224px; }

#novinky3 { width: 723px; height: 72px; margin: 10px -20px 0; position: relative; }
#novinky2 { width: 723px; height: 72px; margin: 10px -20px 0; position: relative; }
#novinky1 { width: 723px; height: 72px; margin: -20px -20px 0; position: relative; }

.novinky	{ width: 705px; height: 71px; margin: -10px -10px 20px; overflow: hidden; }

#botal { width: 325px; float: left; margin-bottom:20px;}
.photo2		{ width: 330px; padding-top:50px;}

.con { margin-left: 0; }
.modryodkaz {color: #535C8A;} 

p {margin-bottom:0.5em}



#news-p .item {float: left; width: 100%; margin-bottom: 1.0em; }

#news-p h1	{ margin-bottom: 1.0em;}
#news-p h2    { margin-bottom: 0.75em; }


#sets { background: url('../images/sets.jpg') no-repeat left top; margin: -20px -20px 0; min-height: 360px; padding: 15px 20px 30px 450px; }
#sets p { font-size: 1.1667em; color: #000; line-height: 1.2em }
#sets h2 { margin-bottom: 1.0em; font-size: 1.333em; font-weight: bold; }