/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 10px 0 0 0; margin: 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -700px; width: 640px; zoom: 1;}
.col-side { margin-left: -925px; width: 200px; zoom: 1;}

.col-half-left { margin-left: -100%; width: 48%; }
.col-half-right { margin-left: -48%; width: 48%; }

.col-recepis-text { margin-left: -462px; width: 416px; } 
.col-recepis-img { margin-left: -100%; width: 480px; }
.col-recepis-full { margin-left: -100%; width: 100%; }

.col-katalog-text { margin-left: -275px; width: 300px; } 
.col-katalog-img { margin-left: -100%; width: 480px; }

#mother { }

/* Header */
#header { margin: 30px 0 0 0; }

#footer { zoom: 1; width: 894px; margin: 20px auto; font-size: 11px; font-family: Verdana, sans-serif; color: #000; }
#footer p { margin: 0; }
#footer a { color: #000 !important; }

/* Layout for page-generic */
.page-generic { background: url(../img/bg-body.jpg) repeat 50% 350px; }
.page-generic #mother { width: 960px; margin: 0 auto; }

.page-generic .main {  }
.page-generic .main-top { background: url(../img/bg-main-top.png) no-repeat 0 0; height: 80px;  }
.page-generic .main-mid { background: url(../img/bg-main-mid.png) repeat-y 0 0; padding: 1px 0; zoom: 1;}
.page-generic .main-bot { background: url(../img/bg-main-bot.png) no-repeat 0 0; height: 80px;  }
.page-generic .main-inner { margin: -60px 0; zoom: 1;}

.page-generic #logo { text-align: center; }
.page-generic #slogan { text-align: center; }

.page-generic a { color: #00b9e6 !important; }

.page-generic .breadcrumb { font-size: 12px; }

.side-menu ul li { margin: 3px 0; padding: 0; background: none; }

h2.contact { font-size: 14px; text-transform: uppercase; }
h2.contact span { color: white; background: #00b9e6; }

/* Layout for home page */
.page-home #mother { }
.page-home #home-box { height: 749px; background: url(../img/bg-home-box.png) no-repeat 0 0; padding: 0 26px 0 20px; margin: -20px 0 -20px; position: relative; font-family: Verdana, sans-serif; font-size: 11px; zoom: 1; }
.page-home #home-box h2 { margin: 0; }
.page-home #home-box p { margin: 0; }

#home-box-a { position: absolute; left: 20px; top: 51px; width: 311px; height: 266px;  }
#home-box-b { position: absolute; left: 331px; top: 21px; width: 278px; height: 689px; xxxbackground: rgba(0, 0, 0, 0.5); }
#home-box-c { position: absolute; left: 609px; top: 51px; width: 311px; height: 278px; }
#home-box-d { position: absolute; left: 609px; top: 340px; width: 311px; height: 178px;  }
#home-box-e { position: absolute; left: 609px; top: 529px; width: 311px; height: 169px; }
#home-box-f { position: absolute; left: 28px; top: 330px; width: 300px; }

.page-home #home-box .inner { padding: 20px; }

#home-box-a a { color: #838383 !important; }
#home-box-a .paging ul { margin: 0; padding: 0; }
#home-box-a .paging ul li { margin: 0; padding: 0; background: none; display: -moz-inline-block; display: inline-block; =display: inline; zoom: 1; }
#home-box-a .paging ul li a { color: #000 !important; text-decoration: none; display: block; background: url(../img/bg-circle.png) no-repeat 50% 50%; padding: 8px; }
#home-box-a .paging ul li.active a { background-image: url(../img/bg-circle-active.png); }

#home-box-b { height: 689px; background: url(../img/home-image.png) no-repeat 0 0; }
.page-home #home-box #home-box-b .inner { padding: 19px 0px; text-align: center; }
#home-box-b a.menu-novinky { width: 200px; height: 70px; display: block; margin: 0 auto; background: url(../img/home-image-novinky.png) no-repeat 0 0; }
#home-box-b a.menu-novinky:hover { background-position: 0 bottom; }
#home-box-b a.menu-pro-celiaky { width: 200px; height: 70px; display: block; margin: 0 auto; background: url(../img/home-image-pro-celiaky.png) no-repeat 0 0; }
#home-box-b a.menu-pro-celiaky:hover { background-position: 0 bottom; }

#home-box-c .news { margin: 0; }
.page-home #home-box-c .inner { padding-top: 25px; }
#home-box-c h3 { margin: 0 0 10px; padding: 0; font-size: 11px; color: #00b9e6; }
#home-box-c .news ul { margin: 0 0 15px; padding: 0; }
#home-box-c .news ul li { margin: 0 0 10px; padding: 0; background: none; zoom: 1; }
#home-box-c .news .img-box { float: left; }
#home-box-c .news .img-box img { display: block; border: 1px solid #00b9e6; }
#home-box-c .news .text-box { margin-left: 68px; color: #838383; line-height: 13px; }
#home-box-c .news .text-box h4 { font-size: 11px; margin: 0; }
#home-box-c .news .text-box a { color: #838383 !important; }
.bullet-home-recepty { font-weight: bold; color: #00b9e6 !important; background: url(../img/bullet-home-recepty.png) no-repeat 100% 50%; padding: 3px 23px 3px 0; }

.page-home #home-box-d .inner { padding-top: 25px; }
#home-box-d .related-images { margin: 15px 0; zoom: 1; }
#home-box-d .related-images ul { margin: 0; padding: 0; }
#home-box-d .related-images ul li { margin: 0 2px 0 0; padding: 0; background: none; float: left; }
#home-box-d .related-images ul li img { display: block; border: 1px solid #acacac; }
.bullet-home-katalog { font-weight: bold; color: #565656 !important; background: url(../img/bullet-home-katalog.png) no-repeat 100% 50%; padding: 3px 23px 3px 0; }

.page-home #home-box-e .inner { padding-top: 25px; }
#home-box-e .related-images { margin: 15px 0; zoom: 1; }
#home-box-e .related-images ul { margin: 0; padding: 0; }
#home-box-e .related-images ul li { margin: 0 2px 0 0; padding: 0; background: none; float: left; }
#home-box-e .related-images ul li img { display: block; border: 1px solid #e70fb0; }
.bullet-home-gastro { font-weight: bold; color: #e500ac !important; background: url(../img/bullet-home-gastro.png) no-repeat 100% 50%; padding: 3px 23px 3px 0; }

#home-signpost ul { margin: 0 0; padding: 0; }
#home-signpost ul li { float: left; margin: 0 2px 2px 0; padding: 0; background: none; }
#home-signpost ul li img { display: block;  }

#bottom-menu { position: relative; text-align: center; margin: 10px 0; }
#bottom-menu a { margin: 0 8px; }

/* Recepty */
.col-recepis-img { font-family: Verdana, sans-serif; font-size: 11px; min-height: 470px; _height: 470px; }
.col-recepis-img .img-box { width: 337px; height: 337px; padding: 6px 15px 15px 5px; background: url(../img/bg-recept-img.png) no-repeat 0 0; position: absolute; top: 0; left: 70px; }
.col-recepis-img .img-box img { display: block; }
.col-recepis-img .recepis-prev { display: block; background: url(../img/ico-recept-prev.png) no-repeat 50% 0; padding-top: 60px; position: absolute; top: 138px; left: 8px; width: 60px; text-align: center; color: #838383 !important; }
.col-recepis-img .recepis-next { display: block; background: url(../img/ico-recept-next.png) no-repeat 50% 0; padding-top: 60px; position: absolute; top: 138px; left: 421px; width: 60px; text-align: center; color: #838383 !important; }
.col-recepis-img .recepis-random { display: block; background: url(../img/ico-recept-random.png) no-repeat 50% 100%; padding-bottom: 65px; position: absolute; top: 362px; left: 191px; width: 120px; text-align: center; color: black !important; font-size: 12px; }

.col-recepis-text h2 { font-size: 24px; color: #111987; font-family: Arial, sans-serif; margin: 0; }
.col-recepis-text .recepis-author a { color: #000 !important; font-weight: bold; }

.col-recepis-text .rating-box { background: #eaf9fd; border: 1px solid #d1d3e8; border-width: 1px 0; padding: 10px; margin: 0 0 20px 0; }
.col-recepis-text .rating-box h3 { font-family: Georgia, serif; font-size: 100%; color: #00b9e6; margin: 0; }

.col-recepis-text .desc { padding: 0 10px; }

.col-recepis-text .tag-cloud { border-top: 1px solid #d1d2e8; padding: 10px 10px 0; }
.col-recepis-text .tag-cloud h3 { font-size: 100%; margin: 0 0; }
.col-recepis-text .tag-cloud .body { font-family: Verdana, sans-serif; font-weight: bold; font-size: 12px; }

.col-recepis-text .comments { background: #eaf9fd; border: 1px solid #d1d3e8; border-width: 1px 0; padding: 10px; margin: 0 0 0px 0; zoom: 1; }
.col-recepis-text .comments h3 { font-family: Georgia, serif; font-size: 100%; margin: 0 0 10px; }
.col-recepis-text .comments ul.comment-list { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 11px; }
.col-recepis-text .comments ul.comment-list li { margin: 0 0 10px; padding: 0; background: none; }
.col-recepis-text .comments ul.comment-list li .author { font-weight: bold; }
.col-recepis-text .comments ul.comment-list li .date { color: #838383; }

.recepis-index { border: 1px solid #d1d3e8; border-width: 1px 0;  margin: -2px 46px 0 15px; padding: 10px; zoom: 1; _position: relative; =margin-top: -1px; }
.recepis-index h3 { font-size: 100%; margin: 0 0 10px; }
.recepis-index .body a { font-weight: bold; margin: 0 15px 0 0; }

.recepis-search-box { background: #eaf9fd; border: 1px solid #d1d3e8; border-width: 1px 0; margin: -1px 46px 0 15px; padding: 20px 10px; zoom: 1; _position: relative; }
.recepis-search-box p { margin: 0; }
.recepis-search-box #q { border: 1px solid #a8abc4; padding: 5px; color: #636363; font-size: 14px; width: 180px; }

.tagMatches { margin: 5px 0; display: block; }

.crossroad ul { margin: 0 0 20px; }
.crossroad ul li { margin: 0 0 15px; padding: 0; background: none; }

.btn-submit1 { width: 70px; height: 29px; background: url(../img/bg-btn1.png) no-repeat 50% 50%; color: white; font-weight: bold; font-family: Verdana, sans-serif; font-size: 11px; border: 0;   }

.ico-add { background: url(../img/ico-add.png) no-repeat 0 50%; padding: 0 0 0 20px; }
.ico-add2 { background: url(../img/ico-add2.png) no-repeat 0 50%; padding: 0 0 0 20px; }



/* Katalog */
.katalog-box { width: 680px;  position: relative; margin-bottom: 20px; background-repeat: no-repeat;  }
.katalog-box .inner { zoom: 1; }
.katalog-box h2 { margin-top: 0; color: #111987; font-weight: normal; font-size: 24px; }
.katalog-box ul { margin: 0 0 15px 0; padding: 0; width: 680px; float: left; _display: inline; }
.katalog-box ul li { margin: 0 8px 0 0; padding: 5px; float: left; width: 118px; background: url(../img/bg-kat-img.png) no-repeat 50% 0; position: relative; }
.katalog-box ul li a { display: block; text-align: center; text-decoration: none; background-repeat: no-repeat; }
.katalog-box ul li a img { display: block; margin: 3px auto 10px; }
.katalog-box a.more { position: absolute; left: 495px; top: 23px; padding: 10px 0 10px 50px; color: white !important; display: none; }
.katalog-box a.more .loading { padding: 2px 25px; background: url(../img/ajax-loader.gif) no-repeat 50% 50%; text-decoration: none; zoom: 1; }
.katalog-box .bot { background-repeat: no-repeat; height: 6px; font-size: 0;  display: none; }

.sticker-new { position: absolute; width: 63px; height: 20px; background: url(../img/sticker-new.png) no-repeat 0 0; }
.katalog-box ul li .sticker-new { left: 33px; top: 90px; }
.col-katalog-img .sticker-new { left: 15px; top: 15px; }

.sticker-celiac { position: absolute; width: 28px; height: 28px; background: url(../img/sticker-celiac-small.png) no-repeat 0 0; }
.katalog-box ul li .sticker-celiac { left: 94px; top: 6px; }
.col-katalog-img .sticker-celiac { left: 280px; top: 15px; width: 53px; height: 54px; background: url(../img/sticker-celiac.png) no-repeat 0 0; }

.col-katalog-img .img-box { width: 337px; height: 337px; padding: 6px 15px 15px 5px; background: url(../img/bg-recept-img.png) no-repeat 0 0;}
.col-katalog-img .img-box img { display: block; }

.other-products-box { width: 671px; position: relative; margin: 20px 0; background: url(../img/bg-other-products-top.png) no-repeat 0 0; padding-top: 7px; }
.other-products-box h2 { background: #00b9e6; margin: 0; padding: 3px 15px 7px; color: white; text-transform: uppercase; font-size: 100%; }
.other-products-box .inner { border: 1px solid #00b9e6; border-width: 0 1px; padding: 20px 0 1px; zoom: 1; }
.other-products-box ul { margin: 0 0 20px 15px; padding: 0; width: 635px; float: left; _display: inline; }
.other-products-box ul li { margin: 0 3px 0 0; padding: 0; float: left; background: none; }
.other-products-box ul li a { display: block; width: 124px; text-align: center; background-repeat: no-repeat; color: #000 !important; }
.other-products-box ul li a img { display: block; margin: 0 auto 10px; }
.other-products-box .bot { background: url(../img/bg-other-products-bot.png) no-repeat 0 0; height: 6px; }
.other-products-box a.more { position: absolute; left: 505px; top: 5px; padding: 5px 0 5px 23px; color: white !important; background: url(../img/bullet-show-all.png) no-repeat 0 50%}

/* Microsite rodina */
.page-microsite-rodina { background: #9e410e url(../img/bg-microsite-rodina.png) repeat-x 50% 0; padding: 0; }
.page-microsite-rodina #mother { width: 1053px; margin: 0 auto; background: url(../img/microsite-rodina.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-rodina #mother { background-image: url(../img/sk/microsite-rodina.jpg); }
.page-microsite-rodina #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-rodina #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-rodina #footer a { color: white !important; }

/* Microsite game */
.page-microsite-game { background: #020c90 url(../img/bg-microsite-game.png) repeat-x 50% 0; padding: 0; }
.page-microsite-game #mother { width: 1058px; margin: 0 auto; background: url(../img/microsite-game.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-game #mother { background-image: url(../img/sk/microsite-game.jpg); }
.page-microsite-game #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-game #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-game #footer a { color: white !important; }
.page-microsite-game .ice-carousel { left: 59px;}

/* Microsite romantic */
.page-microsite-romantic { background: #600f0d url(../img/bg-microsite-romantic.png) repeat-x 50% 0; padding: 0; }
.page-microsite-romantic #mother { width: 1055px; margin: 0 auto; background: url(../img/microsite-romantic.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-romantic #mother { background-image: url(../img/sk/microsite-romantic.jpg); }
.page-microsite-romantic #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-romantic #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-romantic #footer a { color: white !important; }
.page-microsite-romantic .ice-carousel { left: 59px;}

/* Microsite fit */
.page-microsite-fit { background: #0c94d1 url(../img/bg-microsite-fit.png) repeat-x 50% 0; padding: 0; }
.page-microsite-fit #mother { width: 1055px; margin: 0 auto; background: url(../img/microsite-fit.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-fit #mother { background-image: url(../img/sk/microsite-fit.jpg); }
.page-microsite-fit #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-fit #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-fit #footer a { color: white !important; }
.page-microsite-fit .ice-carousel { left: 59px;}

/* Microsite pozitkari */
.page-microsite-pozitkari { background: url(../img/bg-microsite-pozitkari.png) repeat-x 50% 0; padding: 0; }
.page-microsite-pozitkari #mother { width: 1066px; margin: 0 auto; background: url(../img/microsite-pozitkari.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-pozitkari #mother { background-image: url(../img/sk/microsite-pozitkari.jpg); }
.page-microsite-pozitkari #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-pozitkari #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-pozitkari #footer a { color: white !important; }
.page-microsite-pozitkari .ice-carousel { left: 63px;}

/* Microsite mroz */
.page-microsite-mroz { background: #0d95d2 url(../img/bg-microsite-mroz.png) repeat-x 50% 0; padding: 0; }
.page-microsite-mroz #mother { width: 1055px; margin: 0 auto; background: url(../img/microsite-mroz.jpg) no-repeat 0 0; height: 890px; position: relative; }
.lang-sk .page-microsite-mroz #mother { background-image: url(../img/sk/microsite-mroz.jpg); }
.page-microsite-mroz #logo { position: absolute; right: 40px; top: 50px; }
.page-microsite-mroz #footer { position: absolute; left: 77px; top: 793px; color: white; }
.page-microsite-mroz #footer a { color: white !important; }
.page-microsite-mroz .ice-carousel { left: 59px;}

.ice-carousel { width: 941px; height: 191px; top: 591px; left: 56px; position: absolute; overflow: hidden; }
.ice-carousel ul { margin: 0 0 0 -10px; _margin: 0; padding: 0; font-size: 0; letter-spacing: -1px; white-space: nowrap; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.ice-carousel ul li { margin: 0 0 0 10px; padding: 0; background: none; width: 180px; display: -moz-inline-block; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }

/* Katalog */
.katalog-box2 { width: 671px; xheight: 282px; position: relative; margin-bottom: 20px; background-repeat: no-repeat; padding-top: 105px; }
.katalog-box2 .inner { zoom: 1; }
.katalog-box2 ul { margin: 0 0 20px 19px; padding: 0; width: 635px; float: left; _displaY: inline; }
.katalog-box2 ul li { margin: 0 3px 0 0; padding: 0; float: left; }
.katalog-box2 ul li a { display: block; width: 124px; text-align: center; text-decoration: none; background-repeat: no-repeat; color: white !important; }
.katalog-box2 ul li a img { display: block; margin: 0 auto 10px; }
.katalog-box2 a.more { position: absolute; left: 495px; top: 23px; padding: 10px 0 10px 50px; color: white !important; }
.katalog-box2 .bot { background-repeat: no-repeat; height: 6px; font-size: 0; }

.katalog-box2-rodina { background-image: url(../img/katalog-rodina.png); background-color: #ee7c10; }
.katalog-box2-rodina .bot { background-image: url(../img/katalog-rodina-bot.png); }
.katalog-box2-rodina ul li a { background-image: url(../img/bg-img-kat-rodina.png); }
.katalog-box2-rodina a.more { background: url(../img/katalog-rodina-more.png) no-repeat 0 50%; }

.katalog-box2-fit { background-image: url(../img/katalog-fit.png); background-color: #56C2EE; }
.katalog-box2-fit .bot { background-image: url(../img/katalog-fit-bot.png); }
.katalog-box2-fit ul li a { background-image: url(../img/bg-img-kat-fit.png); }
.katalog-box2-fit a.more { background: url(../img/katalog-fit-more.png) no-repeat 0 50%; }

.katalog-box2-romantic { background-image: url(../img/katalog-romantic.png); background-color: #BE262E; }
.katalog-box2-romantic .bot { background-image: url(../img/katalog-romantic-bot.png); }
.katalog-box2-romantic ul li a { background-image: url(../img/bg-img-kat-romantic.png); }
.katalog-box2-romantic a.more { background: url(../img/katalog-romantic-more.png) no-repeat 0 50%; }

.katalog-box2-pozitkari { background-image: url(../img/katalog-pozitkari.png); background-color: #E3510C; }
.katalog-box2-pozitkari .bot { background-image: url(../img/katalog-pozitkari-bot.png); }
.katalog-box2-pozitkari ul li a { background-image: url(../img/bg-img-kat-pozitkari.png); }
.katalog-box2-pozitkari a.more { background: url(../img/katalog-pozitkari-more.png) no-repeat 0 50%; }

.katalog-box2-game { background-image: url(../img/katalog-game.png); background-color: #29A9F8; }
.katalog-box2-game .bot { background-image: url(../img/katalog-game-bot.png); }
.katalog-box2-game ul li a { background-image: url(../img/bg-img-kat-game.png); }
.katalog-box2-game a.more { background: url(../img/katalog-game-more.png) no-repeat 0 50%; }

.katalog-box2-mroz { background-image: url(../img/katalog-mroz.png); background-color: #53C0ED; }
.katalog-box2-mroz .bot { background-image: url(../img/katalog-mroz-bot.png); }
.katalog-box2-mroz ul li a { background-image: url(../img/bg-img-kat-mroz.png); }
.katalog-box2-mroz a.more { background: url(../img/katalog-mroz-more.png) no-repeat 0 50%; }


/* Forms */
form { margin: 0; padding: 0; zoom: 1; }
input, select, textarea {  font-family: Arial, sans-serif; }

.inp-text { border: 1px solid #7ebccb; }
input.inp-text, textarea { padding: 1px 3px; margin: 0; }
input.btn-submit-big { padding: 5px 10px; }

.form-box { padding: 20px 28px 15px 20px; background: #E1F7FC; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #AFE9F7; font-family: Arial, sans-serif; font-size: 13px; }
.form-box .w-full { margin-right: 0 -8px; }
.form-box table.plain tr td { padding: 3px; }
.form-box table.plain tr td h2 { font-weight: normal; color: #111987; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 98%;  }
.w-half { width: 48%;  }

span.tagMatches { }
span.tagMatches span { padding: 2px; margin-right: 3px; background-color: #7ebccb; color: #fff; cursor: pointer; }