/* Mayer reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} :focus { outline:0; } body { line-height:1; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; }
/* CSS */
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix         { height:1%; min-height:1%;}

.clear { font-size:1px; height:1px; width:100%; clear:both; }

html,
body { height:100%; }

body { width:100%; font:normal 62.5%/1.3 Arial, Helvetica, sans-serif; color:#333; background:#fff0c5 url(../images/bg/body-bg.jpg) repeat-x; text-align:center; position:relative; }
body.hp { background-image:url(../images/bg/body-bg2.jpg); background-color:#fff; } 
#wrapper { width:100%; height:100%; text-align:center; }

table { font-size:1.3em; }

.js-hide { display:none; }

#page-wrapper { background-color:#fff0c5; }
#page { width:923px; margin:0 auto; min-height:480px; _height:480px; padding-bottom:30px; text-align:left; background:url(../images/bg/content-bg.png) no-repeat 0 85px; position:relative; }
.hp #page { background:url(../images/bg/hp-bg.jpg) no-repeat 0 0; }
#page-footer { height:200px; width:100%; }
.hp #page-footer { height:230px; background:url(../images/bg/footer-bg.gif) repeat-x; }

.produkty #page { min-height:700px; _height:700px; }
.produkty-overview #page { min-height:640px; _height:640px; }
.hp #page { min-height:613px; _height:613px; overflow:hidden; }
.text-page #page { padding-bottom:0; }

#header { padding-top:10px; height:105px; position:relative; z-index:2; }

#h2-logo,
#h1-logo { text-indent:-10000px; }

#h1-logo { background:url(../images/h1-logo.png) no-repeat; width:167px; height:99px; float:left; margin-top:8px; }
#menu li.topsub a#h2-logo { background:url(../images/h2-logo.gif) no-repeat; width:85px; height:55px; float:right; margin-top:-21px; padding:0; line-height:0; display:block; position:relative; z-index:30; }

#content ol { padding:0 30px 1em; position:relative; left:30px; }
#content ol li { list-style:decimal; }

.hp #h1-logo { background-image:url(../images/h1-logo-hp.jpg); margin-top:7px; }
.hp #menu li.topsub #h2-logo { background-image:url(../images/h2-logo-hp.jpg); margin-top:-21px; margin-left:3px; }

#head-side { float:right; width:753px; }

#select-lang { clear:both; position:absolute; right:20px; height:68px; }
#select-lang div { /*position:absolute; top:0; left:-87px;*/ }
#select-lang label { /*color:#7f5f00; font-size:1em; float:left; line-height:19px; display:block; width:80px;*/ position:absolute; top:-10000px;  }

.styledSelect { float:left; }
.styledSelect ul li { cursor:pointer; }
.styledSelect ul li.closed { height:12px; overflow:hidden; }
.styledSelect.open { z-index:999; }
.styledSelect { width:175px; height:19px; margin:0; padding:0; position:relative; background:#fff url(../images/js-utils/select.gif) top right no-repeat; }
.styledSelect ul { list-style:none; padding:1px; margin:0; position:absolute; top:0; left:0; width:100%; }
* html .styledSelect.open ul { height:expression( this.scrollHeight > 149 ? "150px" :"auto" ); /* sets max-height for IE */ }

.styledSelect.open ul { border:1px solid #cda34c; padding:0px; max-height:150px; overflow:auto; }
.styledSelect ul li { font-family:sans-serif; margin:0; padding:2px 25px 3px 10px; display:block; }
.styledSelect.open ul li { background-color:#FFF; }
.styledSelect.open ul li.selected { background-color:#ead9b6; }
.styledSelect.open ul li:hover { background-color:#f6efe0; }

#heading { display:block; }

#menu { display:block; margin-top:50px; margin-left:15px; background:url(../images/bg/menu-bg.png) no-repeat 0 -7px; }
#menu li { float:left; position:relative; top:0; z-index:99; }
#menu li a { font-size:1.4em; float:none; margin:0 18px; color:#1f194b; text-decoration:none; display:block; clear:left; z-index:9999; }
#menu li a#mactive,
#menu li a:hover { color:#ff0005 !important; text-decoration:none; z-index:9999; }

#footer-inner { text-align:left; width:920px; margin:0 auto; line-height:200px; }
.hp #footer-inner { line-height:230px; }
#footer-inner ul { float:left; }
#footer-inner #copyright { float:right; display:inline-block; font-size:1.1em; color:#ba8e09; }
#footer-inner li { display:inline; }
#footer-inner a { color:#ff0008; text-decoration:underline; font-size:1.3em; padding-right:10px; }
#footer-inner a:hover { color:#1f194b; text-decoration:none; }

#content.textcontent { padding-top:20px; position:relative; }
/* #content.textcontent li { font-size:1.3em; } */

#sidebar { width:248px; float:left; text-align:right; }
#showcase { padding-top:100px; } 
#sidebar a,
#showcase a { font-size:1.3em; color:#88680A; line-height:50px; display:block; background:url(../images/line.gif) no-repeat top; width:248px; text-decoration:none; }
#sidebar li.last,
#showcase li.last { background:url(../images/line.gif) no-repeat bottom; }
#sidebar a:hover,
#showcase a:hover { color:#ec2226 !important; }
#showcase #showcase-left { float:left; text-align:right; }
#showcase #showcase-right { float:right; }
#showcase #showcase-image { text-align:center; float:left; padding-left:100px; height:400px; overflow:hidden; }

.biggtitle { color:#FF7E00;  padding-right:20px; }
h2.biggtitle { font-size:3.2em; }
h2 { font-size:2em; }
h3.biggtitle.v2,
.textcontent.full h3.biggtitle { font-size:2.4em; padding:15px 0; width:100%; }
h4.biggtitle.v2,
.textcontent.full h4.biggtitle { font-size:1.8em; padding:5px 0; width:100%; }

h4.biggtitle.v2 { padding:15px 0; }


#chose { padding-top:30px; padding-bottom:65px; }
#chose .styledSelect { width:195px;	height:27px; margin:5px 0 0 0; padding:0; position:relative; background:#fff url(../images/js-utils/select2.gif) 100% -27px no-repeat; }
#chose .styledSelect:hover { background-position:100% 0; }
#chose .styledSelect ul li.closed { height:30px; }
#chose .styledSelect li { font-size:1.8em; }

#textcontent { padding:0 35px 0 2px; width:564px; float:left; margin-top:-4px; }
#textcontent h2 { background:url(../images/line.gif) repeat-x bottom; width:325px; padding-bottom:10px; margin-bottom:10px; }
#textcontent h2.full { width:585px; margin-top:4px; }

#textcontent .col { float:left; width:280px; }

#textcontent table { margin-bottom:16px; _margin-bottom:18px; }
#textcontent td { font-size:1.1em; height:12px; line-height:1.3em; }
#textcontent th { color:#FF7E00; font-weight:normal; font-size:1.2em; font-weight:bold; padding:10px 0 15px 0; background:url(../images/line.gif) repeat-x; }
#textcontent td.first { width:180px; display:table-cell; }

p { font-size:1.3em; display:block; /*clear:left;*/ line-height:1.6em; }

h2 { font-weight:normal; }

.img_flB,
.img_fl { float:left; }
.img_fr { float:right; }

strong { font-weight:bold; }

.textcontent.full { padding:0 5px; }
.textcontent.full h2 { padding-bottom:20px; }
.textcontent.full p { padding-bottom:15px; }
.textcontent.full .img_fr { padding-left:30px; padding-bottom:20px;  }
.img_flB { padding-right:15px; padding-bottom:20px; }
.textcontent.full .img_fl { padding-right:20px; }
.textcontent a,
.textcontent.full a { color:#ec2226; }
.hp .textcontent a { color:#ff0005; }

.textcontent.full h3 { font-size:1.4em; font-weight:bold; margin-top:15px; }
.textcontent.full .imagesLI { margin-bottom:15px; }
.textcontent.full .imagesLI li { float:left; margin-right:15px; }

.textcontent a:hover,
.textcontent.full a:hover { color:#1f194b !important; }

.carousel { display:block; float:left; width:510px; }
.carousel #carousel-next,
.carousel #carousel-prev { position:relative; top:65px; float:left; cursor:pointer; }

.carousel #carousel-next { left:5px; }
.carousel #carousel-prev { right:5px; }

.carousel .navigation { cursor:pointer; width:16px; height:24px; }

.carousel a.item { background:url(../images/js-utils/carousel/bg-item.jpg) no-repeat; width:139px; height:141px; padding:9px; display:block; float:left; cursor:pointer; }
.carousel a.item:hover { background-position:-160px 0; }

.fr {  float:right;}
.fl { float:left; }

.textcontent.full .cols2 .col1 { width:402px; float:left; }
.textcontent.full .cols2 .col2 { width:430px; float:right; }

.textcontent.full .PoradnaDr { width:563px; background-color:#FFF0C5; padding:15px; margin-bottom:20px; }
.textcontent.full .PoradnaFoto { width:120px; float:left; margin:0 10px 0 0; }
.textcontent.full .PoradnaText h3 { margin:0; font-size:1.3em; margin-bottom:10px; }
.textcontent.full .PoradnaText { width:433px; float:left; font-size:1.3em; }

.orange-bg { background-color:#ffe7a2; }
.orange-bg-top,
.orange-bg-bottom { width:430px; height:13px; }

.orange-bg-content { padding:0 20px; }

.orange-bg-top { background:url(../images/bg/orange-top.jpg) no-repeat; }
.orange-bg-bottom { background:url(../images/bg/orange-bottom.jpg) no-repeat; }

h1,h2,h3,h4 { font-weight:normal; }

#tema-tydne { position:absolute; top:457px; left:60px; }
#tema-tydne h3 { width:135px; float:left; }
#tema-tydne p  { width:517px; margin:10px 0 0 20px; float:left; clear:none; }

#footer-items { left:50%; margin-left:-465px; position:absolute; top:516px; width:926px; text-align:left; }
#footer-items .item { background:url(../images/bg/hp-bottom-bg.png) no-repeat 0 0; height:225px; position:absolute; padding:10px 15px 0 15px; overflow:hidden; }
#footer-items h3.red { font-size:2.5em; }
#footer-items a { text-decoration:none; color:#ff0005 !important; }
#footer-items  p { color:#89690a; letter-spacing:0.5px; line-height:1.3em; position:absolute; bottom:80px; }
#footer-items .i1 { width:276px; }
#footer-items .i1 p { width:270px; }
#footer-items .i2 { width:275px; background-position:-312px 0; left:313px; }
#footer-items .i3 { background-position:-622px 0; left:624px; padding-top:110px; width:273px; height:127px; }
#footer-items .i3 p { width:190px; }
#ico { background:transparent url(../images/icon.gif) no-repeat scroll 0 0; height:126px; left:50%; margin-left:-538px; position:absolute; top:429px; width:127px; }
#biskit-hand { background:transparent url(../images/bg/hp-bottom-bg.png) no-repeat scroll -926px -44px; display:block; height:135px; margin-right:-511px; position:absolute; right:50%; top:558px; width:50px; }

.recept .recept-content { width:425px; float:left; clear:none; }
.recept p { padding-bottom:15px; }

ul.submenu { clear:left; float:none; position:absolute; left:13px; z-index:999; top:0; margin-top:35px; margin-right:-400px; overflow:hidden; z-index:999; width:auto; background-color:#fff0c5; }
.submenu a { color:#B98D08 !important; font-size:1.2em; line-height:30px; _height:30px; min-height:30px; text-decoration:none; margin:0 !important; width:100%; padding:0 10px; position:relative; display:block; white-space:nowrap; }
.submenu li { display:block; clear:left !important; float:none !important; margin:0; font-size:.9em; position:relative; width:100%; }
.submenu a:hover,
.submenu #sactive { color:#EB2126 !important; width:100%; background-color:#ffffff !important; display:block; }
.topsub .submenu { top:0; }
.hp #menu li.topsub a#h2-logo { margin-left:20px; }
#menu li.topsub a#h2-logo { margin-left:20px; margin-right:0; }
.topsub ul.submenu { margin-left:-95px; }

#content { position:relative; z-index:1; }
#content .loga .box { float:left; width:225px; position:relative; left:60px; }
#content .loga .box p { float:left; width:225px; height:90px; line-height:90px; margin:0 auto; }
#content .loga .box p a {  }
#content .loga .box p img { padding-right:15px; }
#content ul { padding:0 0 1em; }
#content ul li { margin:0 0 0 20px; list-style-type:disc; font-size:1.3em; }
#content ol li { font-size:1.3em; }



.noticer { font-size:.9em; position:relative; }
.noticer .msg { width:567px; margin-bottom:10px; padding:10px; border:2px #FF0000 solid; }
.noticer .ok, .noticer .NoticerError { border:2px #FF7E00 solid; padding:10px; margin-bottom:15px; width:567px; background:#fff1c8; }
.noticer .ko, .noticer .NoticerError { border:2px #FF0000 solid; }
.noticer img.pani { border:2px #FF7E00 solid; position:absolute; left:620px; top:0; }

#flash { position:relative; top:0; left:-10px; }
.form { font-size:13px; }
.form legend { width:100%; display:inline-block; vertical-align:top; font-size:13px; font-weight:bold; margin:5px; color:#FF7E00; display:block; }
.form label { width:130px; display:inline-block; vertical-align:top; font-size:13px; line-height:25px; }
.form input { width:200px; font-size:13px; border:1px #FF7E00 solid; font-size:13px; background:transparent; }
.form fieldset { margin-bottom:20px; font-size:13px; }
.form textarea { width:455px; height:150px; font-size:13px; border:1px #FF7E00 solid; font-size:13px; background:transparent; }
.form .submit-line input { width:100px; margin-left:491px; margin-bottom:50px; font-size:13px; }
.form .submit-line-partneri { width:336px; margin-bottom:10px; font-size:13px;  }
.form .logout { position:relative; }
.form .logout input { width:100px; font-size:13px; float:right; position:absolute; right:0; top:-50px; }
.form .submit-line-partneri input { width:100px; font-size:13px; float:right;  }
.form .popistext { width:536px; font-size:13px; }
.form .file { margin-bottom:5px; margin-top:5px; }

.PoradnaDotaz { padding:0; margin:0;  width:585px; margin-bottom:15px; overflow-y:hidden;}
.PoradnaDotaz h4 { font-size:1.3em; font-style:italic; padding:0 !important; margin:0;  color:#FF7E00; }
.PoradnaDotaz p { font-size:1.3em; font-style:normal;  padding:0 !important; margin:0; }
.PoradnaDotaz .datetime { font-size:1.3em; font-style:normal;  padding:0; margin:0; text-align:right; }
.PoradnaDotaz span { background:transparent url(../images/line.gif) repeat-x; width:585px; display:block; line-height:2px; height:2px; }

.article-detail { font-size:13px !important; }

div.tv-spot { width:200px; height:200px; float:left; position:relative; }
div.tv-spot span { width:100%; display:inline-block; position:absolute; bottom:0; left:0; }

#check_code label { width:250px; }
#content .contest ol li { font-size:inherit; }
#content .contest ol { list-style:decimal; margin-left:24px; }