/* CSS */

html, body { background: #c4dfeb url('../i/bodyb.jpg') repeat-x; font-family: Arial, "Lucida Grande", sans-serif; margin: 0px; 
	height: 101%; font-size: 12px; }
img { border: 0px; }

div#akcenka { width: 961px; margin: auto; background: #fff; position: relative; top: 15px; }

div#top { font-size: 12px; position: absolute; top: 0px; width: 961px; clear: both; }
div#top img { vertical-align: top; float: left; }

div#navi { font-size: 12px; position: absolute; top: 164px; width: 959px; padding: 6px 0px; border: 1px solid #e1e1e1; }
div#navi a { text-decoration: none; color: #0b88be; }
div#navi a:hover { text-decoration: underline; }
div#navi div#n-right { float: right; width: 200px; text-align: right; position: relative; left: -10px; }
div#navi div#n-left { float: left; width: 700px; position: relative; left: 10px; }
div#navi div#n-left h1 { color: #ee7000; display: inline; font-size: 12px; font-weight: bold; }

/*div#left { width: 201px; margin-top: 201px; background: #fff url('../i/l-bord.gif') no-repeat 100% 0%; position: absolute; }*/
div#left { width: 201px; float: left; }

div#left a { display: block; color: #0b88be; text-decoration: none; background: url('../i/l-a-in.gif'); padding: 5px 5px 5px 25px; 
	font-weight: bold; margin-right: 1px; }
div#left a.active { background: url('../i/l-a-act.gif'); color: #fff; }
div#left a:hover { text-decoration: underline; }

div#left a.bull { display: block; padding: 10px 0px; background: #000; color: #fff; text-align: center; margin-bottom: 1px; }
div#left h3 { text-align: center; }

div#content { background: #fff; width: 961px; float: right; margin-top: 201px; padding-top: 5px; }

div#text { width: 750px; float: right; }
div#text h1 { color: #ee7000; clear: both; }
div#text h3 { clear: both; padding-top: 20px; font-size: 16px; }

div#text2 { width: 750px; float: right; }
div#text2 h1 { color: #ee7000; }
div#text2 img { float: right; margin-right: 80px; }
div#text2 p { width: 400px; float: left; font-size: 12px; }
div#text2 p.tobasket { text-align: center; width: 700px; clear: both; }
div#text2 a.submit { background: #0a88bd; font-weight: bold; width: 60px; color: #fff; border: 1px solid #000; 
	padding: 5px; text-decoration: none; }
div#text2 form input.submit { background: #0a88bd; font-weight: bold; color: #fff; border: 1px solid #0a88bd; 
	font-weight: bold; font-size: 12px;}


div#content div.mbox { float: left; width: 238px; height: 239px; }
div#content div.mbox h2 a { font-size: 12px; color: #fff; text-decoration: none; clear: both; }
div#content div.mbox h2 a:hover { text-decoration: underline; }

div#content div#hodinky {  }
div#content div#hodinky h2 { background: url('../i/m-hod.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#hodinky p { background: url('../i/m-hod2.gif') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#sperky { margin-left: 16px; }
div#content div#sperky h2 { background: url('../i/m-sp.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#sperky p { background: url('../i/m-sp2.gif') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#kosmetika { margin-left: 16px; }
div#content div#kosmetika h2 { background: url('../i/m-kos.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#kosmetika p { background: url('../i/m-kos2.jpg') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#parfemy {  }
div#content div#parfemy h2 { background: url('../i/m-par.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#parfemy p { background: url('../i/m-par2.jpg') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#zdravi { margin-left: 16px; }
div#content div#zdravi h2 { background: url('../i/m-zd.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#zdravi p { background: url('../i/m-zd2.jpg') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#info { margin-left: 14px; }
div#content div#info h2 { background: url('../i/m-in.gif') no-repeat; padding: 3px 0px 3px 10px; margin: 0px; }
div#content div#info p { background: url('../i/m-in2.jpg') no-repeat; padding: 3px 3px 3px 5px; margin: 0px; height: 88px; }

div#content div#text div#p { clear: both; }

div#content div.box { border: 1px solid #d4eaf4; float: left; width: 360px; height: 147px; margin: 0px 10px 10px 0px; }
div#content div.box img { margin-top: 25px; margin-right: 40px; float: right; }
div#content div.box h2 { font-size: 12px; margin: 5px 0px 5px 10px; }
div#content div.box h2 a { text-decoration: none; color: #0a88bd; }
div#content div.box h2 a:hover { text-decoration: underline; }
div#content div.box strong { color: #168111; margin: 0px 0px 5px 10px; display: block; clear: left; }
div#content div.box span { font-weight: bold; margin: 0px 0px 0px 10px; }
div#content div.box p { height: 40px; margin: 10px; }
div#content div.box form { margin: 5px 0px 0px 10px; }
div#content div.box form input.qty { width: 20px; border: 1px solid #9a9a9a; text-align: center; }
div#content div.box form input.submit { background: #0a88bd; font-weight: bold; width: 60px; color: #fff; border: 1px solid #0a88bd; 
	font-weight: bold; font-size: 12px;}
div#content div.box form a { background: #ee7000; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 5px 2px 5px; }
div#content table tr td form input { width: 20px; border: 1px solid #9a9a9a; }

div#bottom { font-size: 10px; text-align: right; clear: both; color: #fff; padding: 30px 0px 1px 0px; border-bottom: 10px solid #c4dfeb; }
div#bottom div#b-left { float: left; width: 201px; background: url('../i/b-b1.gif') repeat-x; text-align: center; padding: 5px 0px; }
div#bottom div#b-right { background: url('../i/b-b2.gif') repeat-x; text-align: center; color: #fff; padding: 5px 0px; }

.center { text-align: center; }
span.cena { color: red; font-size: 12px; }
span.actp { font-weight: bold; font-size: 14px; }

form#order { margin-top: 10px; }
form#order fieldset { border: 0px; }
form#order fieldset label { width: 15%; float: left; position: relative; top: 9px; }
form#order fieldset input { width: 200px; margin-top: 5px; }
form#order fieldset select { width: 200px; margin-top: 5px; }
form#order fieldset textarea { width: 200px; height: 50px; }
form#order fieldset label span { color: red; font-weight: bold; }

#submittt { background: #0a88bd; font-weight: bold; color: #fff; width: 100px; }

h1.topnad { margin-top: 5px; }
h2.topnad { margin-top: 5px; font-weight: normal; font-size: 12px; }
h2.dostbal { clear: both; margin-bottom: 10px; }

div#d-s { border: 0px solid red; float: left; background: url('../i/f-search-bg.gif') repeat-x 0% 99%; height: 164px; }
div#d-s form { padding: 10px 0px 0px 10px; }
div#d-s form input { border: 1px solid #b8b8b8; }
div#d-s form input#s-f01 { width: 100px; height: 17px; vertical-align: top; }
div#d-s form input#s-f02 { background: url('../i/sb-bg.gif'); width: 38px; height: 21px; color: #fff; font-weight: bold; }

p.cats { loat: left; margin-right: 50px; }
p.cats a { color: #0b88be; font-weight: bold; }
p.cats a.act { color: #ee7000; font-size: 14px; }
div.clear { clear: both; }