@font-face {
	font-family: 'myHelvetica';
	src: url('fonts/HelveticaNeueLTPro-BlkCn.eot');
	src: local('fonts/Helvetica Neue LT Pro'), local('fonts/HelveticaNeueLTPro-BlkCn'), url('fonts/HelveticaNeueLTPro-BlkCn.woff') format('woff'), url('fonts/HelveticaNeueLTPro-BlkCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-BlkCn.svg#HelveticaNeueLTPro-BlkCn') format('svg');
}


/* POMOCNE TRIDY */
.cf, #products { height: 1%; }
.cf:after, #products:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

.blind, .jump { position:absolute; left:-100000px; }

hr.hr { display:none !important; }
hr { height:1px; color:#e6e6e6; background-color:#e6e6e6; border:0px solid #e6e6e6; clear:both; margin:0 0 1em; }
a img { border: 0; }
sup { font-family:arial; }

html, body, form, p, ul, ol, li, dl, dd, h1, h2, h3, h4, h5, div, hr, input, fieldset, button { margin:0; padding:0; border:0; list-style:none; }

/* LAYOUT */
html { background:url(img/html.gif) center top repeat-x; }
body { font: normal 81%/1.4 Arial, sans-serif; color:#818689; text-align:center }

a { text-decoration:underline; color:#9e8539; }
a:hover { text-decoration:none; }

#container { width:960px; margin:0 auto; text-align:left; position:relative; }

#header { height:178px; position:relative; background:url(img/html.gif) center top repeat-x #005c33; margin:0 -200px 22px 0; width:1000px; }
#header ul { position:absolute; left:0; top:141px; height:37px; line-height:37px; z-index:10; font-family:"myHelvetica"; font-size:140%; font-weight:bold; width:975px; }
#header ul li { display:block; float:left; margin:0 57px 0 0; }
#header ul li a { display:block; color:#cbe5d9; text-transform:uppercase; font-weight:bold; text-decoration:none; width:1%; overflow:visible; height:37px; white-space:nowrap; }
#header ul li a:hover { color:white; }
#header ul li strong a,
#header ul li strong a:hover { height:54px; background:url(img/menu.gif) center bottom no-repeat; color:white; }
#header > ul li strong a { width:auto; }

#call { position:absolute; right:0; top:0; background:url(img/call.gif) right top no-repeat; padding:34px 41px 40px 200px; font-family:"myHelvetica"; color:white; text-align:right; width:300px; }
#call big { display:block; font-size:110%; line-height:1em; }
#call span { display:block; height:70px; font-size:230%; }

#logo { color:white; font-size:20px; position:absolute; left:0; top:33px; text-transform:uppercase; font-weight:bold; width:470px; height:92px; overflow:hidden; }
#logo span { position:absolute; left:0; top:0px; width:470px; height:92px; background:url(img/logo.gif) 0 0 no-repeat; }
#logo { color:black; font-size:140%; }
#logo big { color:white; font-size:200%; display:block; }

#bonus { border:1px solid #e6e6e6; padding:5px 15px; text-transform:uppercase; background:url(img/bonus.gif) right bottom no-repeat; margin:15px 0 0; }
#bonus big { display:block; padding:0 0 0 28px; background:url(img/bonus-div.gif) left 5px no-repeat; font-family:"myHelvetica"; font-size:145%; color:#666; width:100%; }
#bonus sup { font-size:11px; }

#products { width:1000px; margin:40px -100px 0 0; color:white; }
#products li { width:300px; float:left; padding:0 0 36px 0; border-bottom:5px solid #ccc; margin:0 30px 0 0; }
#products li .div1 { border:1px solid #e9e9e9; padding:10px; }
#products li .div2 { background:url(img/products-li.gif) left bottom repeat-x #01a65a; }
#products li p { padding:0 13px 25px; background:url(img/products-li2.gif) right bottom no-repeat; height:70px; min-height:70px; position:relative; }
#products > li p { height:auto; }
#products li h2 { padding:13px 13px 10px; text-transform:uppercase; font-size:1.8em; position:relative; overflow:hidden; font-family:"myHelvetica"; line-height:1em; }
#products li h2 sup { font-weight:normal; font-size:11px; }
#products li a { position:absolute; bottom:10px; right:13px; color:white; padding:0 15px 0 0; background:url(img/products-a.gif) right center no-repeat; font-weight:bold; text-transform:uppercase; font-size:.9em; text-decoration:none; }
#products li a:hover { text-decoration:underline; }
#products li a em { position:absolute; top:-100000px; }
#products li.malmix { border-color:#ffd51c; }
#products li.anhyment { margin-right:0; border-color:#009d57; }
#products li.hover { cursor:pointer; }
#products li.hover .div2 { background:url(img/products-li-hover.gif) left bottom repeat-x #a2aaae; }
#products li.hover p { background:url(img/products-li2-hover.gif) right bottom no-repeat; }





#footer { padding:35px 0; font-size:1em; color:#666; font-size:.9em; background:url(img/footer.gif) right 35px no-repeat; }
#footer a { color:#666; }
#footer ul { position:relative; width:100%; padding:0 0 7px; }
#footer ul li { display:inline; padding:0 30px 0 0; font-weight:bold; }
#footer ul li a { color:#008145; }
#footer p.copy { }
#footer p.wdf { background:url(img/logo-wdf.gif) left center no-repeat; padding:0 0 0 26px; line-height:20px; }

#main_flash { width:975px; height:422px; }

h1 { color:#009d57; font-size:160%; padding:0 0 1em; font-family:"myHelvetica"; text-transform:uppercase; }
p { padding:0 0 1em; }
ul li { padding:0 0 .8em; }

form { position:relative; left:50px; padding:0 !important; }
form fieldset p { position:relative; z-index:1; width:100%; }
form fieldset p label { display:inline-block; vertical-align:top; width:180px; text-align:right; }
form fieldset p label em { color:red; }
form fieldset p label em span { position:absolute; top:-100000px; }
form fieldset p input,
form fieldset p textarea { border:1px solid #999; background:url(img/form-input.gif) left top repeat-x; padding:2px 0; width:248px; position:relative; left:15px; z-index:1000; }
form fieldset p textarea { width:400px; height:118px; }
form fieldset p .focus { border-color:#017743; }
form fieldset p input#f_kolik { width:220px; }
form fieldset p span.note { position:relative; left:18px; top:-2px }
form fieldset p small { display:block; &display:none; padding:0 0 0 169px; z-index:100 !important; }
form fieldset p small.hidden { display:none; position:absolute; padding:10px; border:1px solid #666; background:#eee; width:200px; }
form fieldset p small.see { left:460px; top:1px; display:block; }
form fieldset p small strong { position:absolute; left:-4px; top:7px; width:5px; height:7px; overflow:hidden; background:url(img/arr.gif) 0 0 no-repeat; }
form fieldset p.checkbox label { width:380px; text-align:left; position:relative; left:219px; }
form fieldset p.checkbox input { width:auto; border:none; background:none; position:absolute; left:-20px; padding:none; padding:0; top:4px; }
form p.submit-line input { width:106px; height:43px; background:url(img/submit.gif) center top no-repeat #edc410; border:0; position:relative; left:199px; color:black; font-weight:bold; font-weight:bold; text-transform:uppercase; padding:10px; font-size:95%; cursor:pointer; }
form p.submit-line input.hover { background-position:center -43px; }
form p.submit-line small { padding:25px 0 0 199px; display:block; font-size:.8em; color:#999; }
form div.promo { width:400px; position:relative; left:199px; padding:1em 0 2em; }
form div.promo strong { color:#009d57; }
form div.promo p { padding:0 0 .5em !important; font-size:.9em; }

form fieldset p.termin small.see { bottom:13px; top:auto; }
form fieldset p.textarea small.see { bottom:153px; top:auto; }

.mess, .warn { border:2px solid; font-weight:bold; padding:10px; margin:0 0 2em; }
.mess { border-color:green; color:green; }
.warn { border-color:red; color:red; }
.mess li, .warn li { padding:0 !important; }

