* {	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; }

body { font-size: 0.8em; color: #444; }

img { border: 0; }

a { color: #006CC3; }
a:hover { text-decoration: none; }

body { background: #fafafa url('images/bg/bg.gif') repeat-x; margin: 0; padding: 0; }
#main { margin: 0 auto; position: relative; width: 960px; }

ul#menu { margin: 0; padding: 0; }
	ul#menu li { list-style-type: none; float: left; margin: 0 1px; }
	ul#menu li a { display: block; background: url('images/bg/menu.gif') 100% 0 no-repeat; width: 107px; height: 20px; padding: 7px 5px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; }
	ul#menu li a:hover,ul#menu li a.active { background: url('images/bg/menu.gif') 100% 100% no-repeat; }

#main img#logo { margin: 52px 0 0 10px; }
#main img#header { position: absolute; top: 0px; left: 10px; z-index: -10; }

input.search { background: url('images/bg/search.gif') no-repeat; width: 204px; height: 16px; padding: 4px; border: 0; vertical-align: middle; }
input.submit { background: url('images/bg/submit.gif') no-repeat; width: 37px; height: 25px; border: 0; font-weight: bold; color: #fff; vertical-align: middle; }

#content { float: left; width: 940px; margin-top: 100px; background: #fff; margin-left: 10px; //margin-left: 5px; padding: 0 10px; padding-bottom: 110px; }
#content-left { float: left; width: 270px; }
#main-content { float: left; width: 650px; margin-bottom: 30px; }

#content-left h2 { font-size: 1em; text-transform: uppercase;  }
#main-content h2 { font-size: 1.3em; text-transform: uppercase;  }

#content-left ul { margin: 0; padding: 0; list-style-type: none; font-size: 0.9em; }
#content-left ul li a.active,#content-left ul li a:hover { display: block; background: url('images/bg/submenu.gif') no-repeat; width: 238px; height: 24px; font-weight: bold; color: #fff; padding: 11px 0 0 20px; text-decoration: none; }
#content-left ul#submenu li a { display: block; background: url('images/bg/submenu.gif') 20% 50% no-repeat; width: 223px; height: 24px; //height: 22px; font-weight: normal; color: #383838; padding: 9px 0 0 35px; text-decoration: none; font-size: 1.1em; }
#content-left ul#submenu li a:hover { font-weight: bold; }
#content-left ul li a { display: block; background: url('images/bg/submenu.gif') 68% 100% no-repeat; width: 238px; height: 24px; font-weight: bold; color: #383838; padding: 11px 0 0 20px; text-decoration: none; }

#uvod { background: url('images/bg/uvod.gif') no-repeat; width: 649px; height: 90px; padding: 10px; line-height: 1.4em; }
#akcia { background: url('images/bg/akcia.gif') no-repeat; width: 419px; height: 92px; padding: 10px; line-height: 1.4em; margin: 10px 0; padding-left: 240px; color: #fff; line-height: 1.7em; }
#akcia h3 { margin: 0; padding: 0; font-size: 1.3em; }
#akcia strong { margin-left: 15px; font-size: 1.5em; }
#akcia div { margin-left: 30px; }

.news { width: 340px; }
.news h3 { margin: 5px 0; padding: 0; font-size: 1em; }
.news a { font-size: 1em; }
.news img.image { float: left; margin: 7px 8px; padding: 1px; border: 3px solid #ccc; }

.pobocka { float: left; width: 640px; padding: 10px; margin-bottom: 25px; background: #fff url('images/bg/contact.gif') bottom left repeat-x; }
.pobocka-left { float: left; width: 310px; } .pobocka-left h2 { margin: 0; padding: 0; } 
.pobocka-right { float: right; width: 330px; }

.item { float: left; width: 640px; padding: 10px; margin-bottom: 10px; background: #fff url('images/bg/contact.gif') bottom left repeat-x; }
.image { float: left; margin: 10px; }

table#kontakt td { padding: 5px; background: #EEF5FB; border-bottom: 1px solid #fff; }
table#kontakt tr.head td { background: #AFDAFF; font-weight: bold; }

form#kontakt fieldset { border: 5px solid #EEF5FB; padding: 10px; }
form#kontakt legend { padding: 5px 10px; font-weight: bold; }
form#kontakt input.text { background: url('images/bg/input.gif') no-repeat; padding: 2px; border: 1px solid #C5C5C5; }
form#kontakt textarea { background: url('images/bg/textarea.gif') no-repeat; padding: 2px; border: 1px solid #C5C5C5; height: 120px; width: 280px; }
form#kontakt table td { padding: 5px; vertical-align: top; }


#footer { clear: both; background: url('images/bg/footer.gif') repeat-x; font-size: 0.9em; color: #fff; line-height: 2em; }
	#footer a { color: #fff; }
	#footerContent { margin: 0 auto; position: relative; width: 960px; background: url('images/bg/footerbg.gif') no-repeat; height: 60px; padding: 10px 0; }
	#footerContent .copy { float: left; }
	#footerContent .info { float: right; text-align: right; }

.middle { vertical-align: middle; }
.cleaner { clear: both; }

.paging {text-align: center; float: left; margin-top: 10px; width: 640px;}
.paging a {padding: 5px 7px; border: 1px solid #0178D8; text-decoration: none; font-weight: bold; margin-top: 20px; font-size: 0.8em; line-height: 30px; background-color: #D4EEFD; } 
.paging a:hover,.paging a.selected { color: #fff; background: #017ADB; text-decoration: none;}

/* kosik */
#basket-header { width: 650px; color: #1D5789; text-align: center; }
#basket-header td { width: 175px; }
#basket-header span { font-size: 4em; display: block; font-weight: bold; margin: 10px 0 5px 0;}
#basket-header td.active { color: #E26121; }

#basket-content { width: 650px; text-align: center; margin: 0 2px;  }
#basket-content td { padding: 5px 10px; }
#basket-content .mnozstvo input { text-align: center; }
#basket-summary td { width: 650px; padding: 10px; text-align: right; font-weight: bold; font-size: 1.1em; font-weight: bold; }
#basket-summary .dph { background: #AFDAFF; }
.button { background: #ddd; padding: 5px 10px; }

#basket-summary dl { padding-left: 20px; }
#basket-summary dl dt { float: left; width: 150px; padding-top: 5px; }

.registracia { padding: 5px 0 5px 0; }
.registracia td { width: 240px; line-height: 1.5em; }
.registracia label { padding: 0 2px; margin: 0 2px; }
.registracia input { width: 190px; padding: 3px; margin: 2px; border: 1px solid #2D6B74; }
.required { background-color: #ffffcf; }
.registracia .checkbox { width: auto; border: 0px; }
#login h3 { margin-top: 5px; color: #686868; display: inline; font-size: 1em; }
#login p.paragraph { line-height: 2em;}
#registracia textarea, #registracia select { padding: 3px; margin: 2px; border: 1px solid #2D6B74; }