@charset "utf-8";
/* CSS Document */

* {font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif; }
body { color:#414141; padding:0; margin:43px 0; font-size:70%; text-align:center; background:#edf3d3;}
h1 {color:#b62c5c; font-size: 120%; font-weight:bold; margin:0px; padding:0 0 20px 0;  }
h2 {color:#b62c5c; font-size: 120%; font-weight:bold; margin:0px; padding:0 0 20px 0;  }
h3 {color:#b62c5c; font-size: 100%; font-weight:bold;  }
h4 {color:#949494; font-size: 100%; font-weight:bold;  }
img { border:0; padding:0; margin:0; background:none;}
p { line-height:normal; margin:1.2em 0; padding:0; }


/* Layout */
#print-header { display:none;}
#top-container {width: 924px; height:59px; margin: 0px auto; padding:0px; text-align:left; background:#fff url("_img/bg-top-container.gif") no-repeat top left; }
#center {width: 920px; margin: 0px auto; padding:0px 2px; text-align:left; background:#fff url("_img/bg-center.gif") repeat-y top left; }

#header { float:left; width:864px; height:100px; padding-right:56px; background:#fff url("_img/bg-header.gif") no-repeat top right;}

#logo { width:162px; height:100px; position:absolute; overflow:hidden; margin:0; z-index:50;}
#logo h2{ margin:0; padding:10px 0; color:#000; font-weight:bold; font-size:270%; text-align:center; text-decoration:none; line-height:1em; }
#logo h2 strong.bigger{ font-size:200%; }
#logo h2 strong.smaller{ font-size:50%; color:#7a7a7e; }
#logo a{ width:162px; height:100px; display:block; position:absolute; left:0; top:0; z-index:100; margin:0; background:url("_img/logo-ice-nakladatelstvi.gif") top left no-repeat; text-decoration:none; }

#claim { width:430px; height:36px; margin-top:56px; float:right; }
#claim h1 {font-weight:bold; color:#dfe9b0; font-size: 300%; width:430px; height:36px; position:relative; overflow:hidden; float:left; margin:0; padding:0px;  text-align:right; }
#claim h1 span{ width:430px; height:56px; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; background: url("_img/claim.gif") top left no-repeat; overflow:hidden; }

#main { width:891px; padding:0 13px; margin:0; background:#fff; float:left;}
#main-color { width:891px; padding:24px 0 0 0; margin:0; background:#dbe7a7;}
#main-left { width:168px; float:left; padding:58px 0px 0 0; }
#main-right { width:714px; float:right; }

/* Top menu */
#top-menu { width:891px; height:22px;}
#top-menu a {font-weight:bold; color:#707070; font-size: 120%; width:83px; height:20px; position:relative; overflow:hidden; float:left; margin:0; padding:1px 0px 1px 34px;  text-align:left; background: url("_img/bg-top-menu-item.gif") top left no-repeat; text-decoration:none; }
#top-menu a span{ width:83px; height:22px; display:block; position:absolute; left:34px; top:0; z-index:1; margin:0; background: url("_img/bg-menu1.gif") top left no-repeat; overflow:hidden; cursor:pointer; }
#top-menu a:hover {background: url("_img/bg-top-menu-item-hover.gif") top left no-repeat; text-decoration:underline; }
#top-menu a.act {background: url("_img/bg-top-menu-item-hover.gif") top left no-repeat; }

#top-menu a.menu1 {width:83px; }
#top-menu a.menu1 span{ width:83px; background: url("_img/bg-menu1.gif") top left no-repeat; }
#top-menu a.menu2 {width:146px; }
#top-menu a.menu2 span{ width:146px; background: url("_img/bg-menu2.gif") top left no-repeat; }
#top-menu a.menu3 {width:59px; }
#top-menu a.menu3 span{ width:59px; background: url("_img/bg-menu3.gif") top left no-repeat; }
#top-menu a.menu4 {width:119px; }
#top-menu a.menu4 span{ width:119px; background: url("_img/bg-menu4.gif") top left no-repeat; }
#top-menu a.menu5 {width:105px; }
#top-menu a.menu5 span{ width:105px; background: url("_img/bg-menu5.gif") top left no-repeat; }
#top-menu a.menu6 {width:165px; }
#top-menu a.menu6 span{ width:165px; background: url("_img/bg-menu6.gif") top left no-repeat; }


/* Editorial */
#content { width:891px; padding:0 0 15px 0; margin:0; float:left; background: url("_img/bg-content.gif") bottom left repeat-y; margin-top:35px; }
#content p{ padding-top:0; margin-top:0; line-height:2em; }
#content-left { float:left; width:112px; text-align:right; }
#content-right { float:right; width:740px; }
#content-right-sp { float:right; width:700px; padding-right:40px; }

.content-right-left { width:260px; float:left;}
.content-right-right { width:430px; float:right; padding-right:40px;}

.introduction { min-height:280px;}
* html .introduction { height:280px;}

.details { line-height:normal !important; color:#b62c5c; margin:15px 0 !important; padding:0;}

a.button { margin: 0px; padding:7px 0px 0px 0px; height:29px; background:#fff url("_img/bg-button.gif") no-repeat 0% 0%; text-decoration:none; color:#b62c5c; font-weight:bold; border:none; text-align:center; font-size:110%; width:205px; cursor:pointer; display:block;}
a.button:hover { color:#99b32e; }

ul.list { background:none; margin:15px 0 15px 0; padding:0; }
ul.list li { background-image:  url("_img/bullet-list.gif"); background-repeat: no-repeat; background-position: 0 .25em;  list-style: none; padding-left:14px; margin-bottom:12px; line-height: 1.1em; }

table.webtable { border-collapse:collapse; text-align:center;  border: 0; margin:0px 0; font-size:90%; }
table.webtable td{ border:solid 1px #c9b86d; background:#FFFFFF; color:#a60105; padding:5px; }
table.webtable th{ border:solid 1px #c9b86d; background:#fff; color:#016a25; font-weight:bold; padding:5px;}
table.webtable td.first { text-align:left;}
table.webtable td.space { margin: 0; height:7px; padding:0;border: 0;}
table.webtable th.first { text-align:left;}
table.webtable td.header { background:#CDE9F8;}

.normal-form { padding:20px 0;}
.normal-form div{ padding:2px 0;}
.normal-form .normal-button { margin: 0px 0 15px 0; padding:7px 0px 5px 0; background:#fff url(_img/bg-send-button.gif) no-repeat 0% 0%; text-transform:uppercase; color:#b62c5c; font-weight:bold; border:none; font-size:100%; width:113px; cursor:pointer;}
.normal-form .normal-button:hover { color:#99b32e; }

.normal-form .input-field-long { width:220px; font-size:11px; margin: 0px 0 5px 0; color:#4C4C4C; padding:4px 4px; background:#edf3d3; border:solid 1px #8a8d7d;}
.normal-form .input-field-long:hover, .normal-form .input-field-long:focus {color : #b62c5c; border:solid 1px #000; background:#fff ;}
.normal-form .input-field-short { width:103px; font-size:11px; margin: 0px 0 5px 0; color:#4C4C4C; padding:4px 4px;  background:#edf3d3; border:solid 1px #8a8d7d;}
.normal-form .input-field-short:hover, .normal-form .input-field-short:focus {color: #b62c5c; border:solid 1px #000; background:#fff ;}
.normal-form .input-field-ks { width:33px; font-size:11px; margin: 0px 0 5px 0; color:#4C4C4C; padding:4px 4px;  background:#edf3d3; border:solid 1px #8a8d7d;}
.normal-form .input-field-ks:hover, .normal-form .input-field-ks:focus {color: #000; border:solid 1px #000; background:#fff ;}
.normal-form label{ font-weight:normal; width:100px; float:left; color:#b62c5c; padding-top:4px;}
.normal-form textarea {background:#fff url(_img/bg-input-field-long.gif) repeat-x 0% 0%; border: solid 1px #465A63; margin: 0px 0 5px 0; padding-left:4px; font-size:11px; overflow:auto; width:223px;}
.normal-form textarea:hover, .normal-form textarea:focus {color : #000; border:solid 1px #000; background:#dddddd ;}
.normal-form .normal-check { margin:0; padding:0;}
.normal-form .normal-radio { margin:0; padding:0;}
.normal-listbox { width:230px; font-size:11px; margin: 0px 0 5px 0; color:#4C4C4C; padding:2px 4px; border:solid 1px #465A63; background:#fff url(_img/bg-input-field-long.gif) repeat-x 0% 0%;}


hr { height:2px; background:#fff; border: solid 1px #fff; color:#fff; margin:20px 0;}

/* detail knihy */
.content-right-recepies { width:742px; float:right; }
.recepies { width:132px; float:left; padding:0 14px 14px 0; }
.ico-pdf { width:102px; padding:0 0 0 30px; margin:0; background: url("_img/ico-pdf.gif") no-repeat left top; line-height:normal !important; float:left;}

/* Footer */
#footer {width: 876px; margin: 0px; padding:42px 15px 26px 0; background:#fff url(_img/bg-footer.gif) no-repeat left top; text-align:right; color:#b62c5c; clear:both;  }
#footer a{color:#b62c5c; }

#bottom-container {width: 924px; height:2px; margin: 0px auto; padding:0px; text-align:left; background:#fff url("_img/bg-bottom-container.gif") no-repeat top left; line-height:1px; font-size:1px; }

/* Others */
.left { float:left;}
.right { float:right;}
.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px; line-height:1px;}
.clear10 { clear:both; margin:0; padding:0; font-size:1px; height:10px; line-height:1px;}

.hidden { display:none;}
.skipmenu { position: absolute; top: -10000px; left: 0; height: 1px; overflow: hidden; }


.bigger { font-size:120%;}
.smaller { font-size:90%;}

.t-left { text-align:left;}
.t-right { text-align:right;}
.t-center { text-align:center;}
.t-uppercase { text-transform:uppercase;}

.colored-pink { color:#b62c5c;}
.colored-pink a { color:#b62c5c !important; text-decoration:underline;}
.colored-pink a:hover { color:#b62c5c; text-decoration: none;}

.colored-white { color:#fff;}
.colored-white a { color:#fff !important; text-decoration:underline;}
.colored-white a:hover { color:#fff; text-decoration: none;}

.colored-green { color:#99b32e;}
.colored-green a { color:#99b32e !important; text-decoration:underline;}
.colored-green a:hover { color:#99b32e; text-decoration: none;}

.colored-grey { color:#414141;}
.colored-grey a { color:#414141 !important; text-decoration:underline;}
.colored-grey a:hover { color:#414141; text-decoration: none;}



img.img-left { float:left; margin:0px 17px 15px 0; background:#fff; border:solid 5px #fff; padding:0px; }
img.img-right { float:right; margin:0px 0px 15px 17px; background:#fff; border:solid 5px #fff; padding:0px; }

img.img-left-noborder { float:left; margin:5px 17px 5px 0; }
img.img-right-noborder { float:right; margin:5px  0 5px 20px;}


a { color:#000; text-decoration:underline; outline: none;}
a:hover { color:#000; text-decoration: none;}

a.more{ color:#00521c; text-decoration:underline; font-weight:bold; background: url("_img/bg-more.gif") no-repeat 100% 70%; padding:0px 8px 0px 0px; white-space:nowrap; }
a.more:hover { color:#00521c !important; text-decoration: none;}

a.link{ color:#00521c; text-decoration:underline; background:url(_img/2right.gif) no-repeat 0% 70%; padding-left:12px; white-space:nowrap; margin-left:3px;}
a.link:hover { color:#00521c; text-decoration: none;}

a.link-back{ color:#3399CC; text-decoration:underline; background:url(_img/2left.gif) no-repeat 0% 50%; padding-left:12px; white-space:nowrap;}
a.link-back:hover { color:#3399CC; text-decoration: none;}