@import url("global.css");

body { background:#fff url('../images/bg-body.png') repeat-x left top; font-size: 60%; }
#page { font-size:1.2em; line-height:1.4; width:1000px; margin:auto; position:relative; color:#444; }


/********************************* GLOBAL LINKS */
a, a:link, a:visited { color:#444; text-decoration:underline; cursor:pointer; }
a:active, a:focus, a:hover { color:#b60000; text-decoration:none; }


/********************************* HEADER */
#header { background:#ebda94 url('../images/bg-header.jpg') no-repeat left bottom; border-bottom:3px solid #fff; width:100%; height:257px; margin:auto; }
#header #logo { width:204px; height:112px; color:#ea0000; font-size:2em; font-weight:700; text-align:center; top:68px; left:525px; }
#header #logo span { background:url('../images/logo.jpg') no-repeat left top; }

#header #skipLinks a { position:absolute; left:-1000px; top:43px; }
#header #skipLinks a:focus, #header #skipLinks a:active { background:#fff; width:300px; padding:10px; font-size:1.2em; font-weight:700; text-align:center; left:0px; }


/********************************* INDEX PAGE */
#contentIndex { float:left; display:inline; width:500px; margin:0 0 0 70px; color:#747474; }
#contentIndex h1 { font-size:1.8em; font-weight:500; color:#333333; margin:20px 0 10px 0; }
#contentIndex h2 { font-size:1.4em; color:#a91717; margin:20px 0 10px 0; }
#contentIndex h2 a{ font-size:1.0em; color:#a91717; margin:20px 0 10px 0; }
#contentIndex .moreInformation a { background:#f4dc99 url('../images/bg-button.gif') repeat-x left 0px; display:block; padding:2px 20px; float:right; color:#fff; font-weight:700; text-align:center; text-decoration:none; }
#contentIndex .moreInformation a:hover { background-color:#fddf90; background-position:left -100px;  }

#rightboxIndex { float:right; display:inline; width:258px; margin:0 120px 0 0; }
#rightboxIndex #newsHead { background:#f7e39a url('../images/bg-news-header.jpg') no-repeat left top; width:226px; margin:30px 0 0 0; padding:7px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-indent:15px; float:right; }
#rightboxIndex #newsBody { background:url('../images/bg-news-footer.jpg') no-repeat right bottom; width:258px; padding:0 0 99px 0; clear:right; }
#rightboxIndex #newsBody p { background:#bb1819; margin:0 0 0 32px; padding:15px; color:#fff; }


/********************************* ESHOP MAIN CONTENT */
#content { background:#fff url('../images/bg-content-top.png') no-repeat left top; width:566px; float:left; display:inline; margin:0 0 0 221px; padding:60px 0px 0 0px; position:relative; }
#content h1.redBackground { background:#a91717; color:#f5e19a; font-size:1.2em; padding:3px 15px; }
#content h2 { font-size:1.2em; color:#ac1719; margin:20px 0 10px 0; }

#content p.breadcrumbs { color:#000; margin:10px 0 20px 0; }
#content p.breadcrumbs strong { color:#565656; }
#content p.breadcrumbs a,
#content p.breadcrumbs a:link,
#content p.breadcrumbs a:visited { font-weight:700;  color:#ab191a; text-decoration:none; }
#content p.breadcrumbs a:active,
#content p.breadcrumbs a:focus,
#content p.breadcrumbs a:hover { color:#b60000; text-decoration:underline; }

#content .productOverview { margin:0 0 30px 0; }
#content .productOverview .heading { background:#f5f5f5; font-size:1.5em; color:#ac1719; margin:0 0 10px 0; padding:10px 15px; position:relative; }
#content .productOverview .heading span { color:#b1b1b1; font-size:0.8em; position:absolute; right:10px; top:13px; }
#content .productOverview .heading a { color:#ac1719; text-decoration:none; }
#content .productOverview .heading a:hover { text-decoration:underline; }
#content .productOverview .heading a:hover span { text-decoration:none; }
#content .productOverview img { border:3px solid #a1a1a1; float:left; margin:0 10px 0 0; }
#content .productOverview .small-images img { border-width:1px; }
#content .productOverview p { margin:0; }
#content .productOverview p.more { background:#f5f5f5; float:right; margin: 10px 0 0 0; }
#content .productOverview p.more a { background:url('../images/arrow-big-red.gif') no-repeat left 2px; border:1px solid #d6d6d6; display:block; padding:12px 30px 12px 45px; text-transform:uppercase; }
#content .productOverview p.more a:hover,
#content .productOverview p.more a:active,
#content .productOverview p.more a:focus { background-position:left -198px;  }

#content p.pagination { border-top:3px solid #dedede; padding:10px 0 0; color:#ac1719; font-size:1.2em; font-weight:700; text-align:center; }
#content p.pagination a { padding:2px 5px; color:#ac1719; text-decoration:none; }
#content p.pagination a.arrow,
#content p.pagination strong { padding:2px 5px; color:#585858; }
#content p.pagination a:active,
#content p.pagination a:hover,
#content p.pagination a:focus { background:#ddd; }


/********************************* SECOND NAVIGATION */
#content p { margin:10px 0; }
#content #secondMenu { background:#a91717 url('../images/bg-second-menu.png') repeat-x left top; position:absolute; top:16px; left:50px; }
#content #secondMenu a,
#content #secondMenu a:link,
#content #secondMenu a:visited { color:#fff; text-decoration:none; font-size:1.1em; font-weight:500; }
#content #secondMenu li { background:url('../images/bg-menu-li2.png') no-repeat left top; float:left; }
#content #secondMenu li.first { background:none; }
#content #secondMenu li a { background:url('../images/dot.png') no-repeat 10px center; height:36px; line-height:36px; padding:0 15px 0 30px; display:block; float:left; }
#content #secondMenu li a.active { color:#f5ff01; font-weight:700; }
#content #secondMenu li a:hover,
#content #secondMenu li a:focus,
#content #secondMenu li a:active { text-decoration:underline; }


/********************************* LEFTBOX */
#leftbox { width:212px; float:left; display:inline; margin:0 0 0 -778px; }
#leftbox #shadow { background:#dcdcda url('../images/bg-leftbox-body.png') repeat-y left top; width:212px; }
#leftbox #leftboxTop { background:url('../images/bg-leftbox-top.png') no-repeat left top; width:212px;  }
#leftbox #leftboxTop h3 { padding:23px 0 9px 20px; color:#f5ff01; font-size:1.2em; }
#leftbox #leftboxBody { background:url('../images/bg-leftbox-bottom.png') no-repeat left bottom; padding:10px 0; min-height:280px; }
#leftbox #leftboxBody p { padding:0 20px; }
#leftbox #leftboxBody ul.category { margin:0 20px; line-height:2.2; }
#leftbox #leftboxBody ul.category li a { background:url('../images/bg-arrows.png') no-repeat left 8px; padding:0 0 0 15px; display:block; }
#leftbox #leftboxBody ul.category li a:active,
#leftbox #leftboxBody ul.category li a:focus,
#leftbox #leftboxBody ul.category li a:hover { background-position:left -92px; }
#leftbox #leftboxBody ul.category li a.open { background-position:left -192px; font-weight:700; }
#leftbox #leftboxBody ul.subcategory { margin:0 0 0 20px; }

#leftbox a#bannerLeft { background:#c53534; width:210px; height:142px; margin:20px 0 0 5px; font-size:2.2em; color:#fff; }
#leftbox a#bannerLeft strong { display:block; color:#f6ff01; }
#leftbox a#bannerLeft span { background:url('../images/banner1.jpg') no-repeat left top; }
#leftbox a#bannerLeft:active span,
#leftbox a#bannerLeft:focus span,
#leftbox a#bannerLeft:hover span { background-position:left bottom; }


/********************************* RIGHTBOX */
#rightbox { background:#fff url('../images/bg-rightbox-body.png') repeat-y left top; width:211px; float:right; display:inline; margin:0 2px 0 0; }
#rightboxTop { background:url('../images/bg-rightbox-top.png') no-repeat left top; width:211px; }
#rightboxTop h3 { padding:24px 0 7px 25px; color:#f5ff01; font-size:1.2em; }
#rightboxBody { background:url('../images/bg-rightbox-bottom.png') no-repeat left bottom; padding:10px 0; min-height:460px; }
#rightbox .in { padding:0 18px; }
#rightbox h4 { background:url('../images/dot2.png') no-repeat left center; border-top:3px solid #d8d8d8; margin:20px 0 0 0; padding:0 0 0 20px; text-transform:uppercase; font-size:1.1em; line-height:3; }
#rightbox ol { margin:0 0 0 25px; }
#rightbox p { margin:10px 5px; }


/********************************* FORM */
form button.bigArrow { background:#f5f5f5 url('../images/arrow-big-red.gif') no-repeat -1px 2px; border:1px solid #d6d6d6; display:block; width:262px; margin:20px auto; padding:0 30px 0 45px; height:43px; line-height:38px; text-transform:uppercase; cursor:pointer } 
form button.bigArrow:active,
form button.bigArrow:focus, 
form button.bigArrow:hover { background-position:-1px -198px; } 
form input { background:#fff url('../images/bg-input.png') no-repeat left top; border:1px solid #545454; padding:3px; font-weight:700; position:relative; z-index:1; }
form input.amount { width:30px; border-color:#aaa; }
form button.btn { overflow:visible; padding:0 10px; }

#rightbox form.formLogin { width:165px; margin:auto; }
#rightbox form.formLogin label { font-weight:700; color:#898989; margin:0 0 2px 0; }
#rightbox form.formLogin input { background:#e5e3e4; border:1px solid #a6a6a6; width:160px; margin:0 0 10px 0; padding:3px; font-weight:700; }
#rightbox form.formLogin button { background:#f4dc99 url('../images/bg-button.gif') repeat-x left 0px; border:none; cursor:pointer; font-weight:700; color:#ab1312; display:block; width:120px; margin:5px auto 0; padding:2px 0px; text-align:center; }
#rightbox form.formLogin button:hover { background-color:#fddf90; background-position:left -100px; border:none; }
#rightbox form.formLogin p { margin:10px 0 0 0; padding:0; }
#rightbox form.formLogin p a { font-weight:700; }

#content form.formSizes { background:#f5f5f5; }
#content form.formSizes ul.steps li { width:128px; margin:10px 0 0px 7px; padding:0 0 20px; float:left; display:inline; position:relative; }
#content form.formSizes strong { color:#dadada; position:absolute; left:28px; top:-14px; font-size:7em; line-height:1; z-index:0; }
#content form.formSizes label { display:block; margin:10px 0 2px 0; color:#585858; font-size:1.2em; text-align:center; position:relative; z-index:1; }
#content form.formSizes input { width:120px; }

#content form.formSizes ul.options li { width:110px; margin:0 0 10px 25px; padding:0; float:left; display:inline; }
#content form.formSizes ul.options li label { color:#000; font-size:1em; text-align:left; }
#content form.formSizes ul.options li label img { border:0; margin:5px 0; float:none; }
#content form.formSizes ul.options li input { background:none; border:none; width:auto; }

#content form.formRegistration fieldset { border:1px solid #ddd; margin:30px 0; padding:0 20px; }
#content form.formRegistration legend { font-size:1.2em; font-weight:700; color:#ac1719; display:inline; }
#content form.formRegistration h2 { padding-top:20px; color:#6f98cc; }
#content form.formRegistration h3 { color:#6f98cc; margin:25px 0 0 0; padding:0 0 2px 0; font-style:italic; font-size:1.3em; position:relative; border-bottom:1px solid #7798BF; }
#content form.formRegistration ul { padding:10px 0 20px 0; }
#content form.formRegistration ul li { overflow:hidden; list-style:none; line-height:3; }
#content form.formRegistration input { border-color:#aaa; margin-top:4px; padding:4px 3px; float:left; width:200px; }
#content form.formRegistration label { width:150px; float:left; }
span.required { color:#a91717; font-weight:700; font-size:1.4em; line-height:1; }

/***** PETR *****/
form#Demand fieldset { border:1px solid #ddd; margin:30px 0; padding:0 20px; }
form#Demand legend { font-size:1.2em; font-weight:700; color:#ac1719; display:inline; }
form#Demand ul { padding:10px 0 20px 0; }
form#Demand ul li { overflow:hidden; list-style:none; line-height:3; }
form#Demand input { border-color:#aaa; margin-top:4px; padding:4px 3px; float:left; width:200px; }
form#Demand label { width:150px; float:left; }
form#Demand span.required { color:#a91717; font-weight:700; font-size:1.4em; line-height:1; }
form#Demand textarea { width: 280px; height: 100px; background:#fff url('../images/bg-input.png') no-repeat left top; border:1px solid #545454; padding:3px; font-weight:700;}
ul#subPages {
  margin: 20px 0 20px 35px;
  padding: 0;
}
ul#subPages li {
  padding-bottom: 3px;
  list-style-type: square;
}
table#productList {
  width: 500px;
  border-collapse: collapse;
  border: 1px solid #999;
 
}
/** E-kom **/
table#productList td a{
  text-align: center;
}

div#kind_of_box_description{
  width: 500px; 
  
}

div#clear_all{
  clear: both;
}
table#productList a {
  color: #A91717;
}
table#productList thead {
  text-align: center;
  color: #D97071;
}
table#productList td {
  border-collapse: collapse;
  border: 1px solid #999;
  padding: 4px;
}
p.headlineLink {
  margin: -10px 0 15px 0;
}
div.photoBox {
  float: left; width: 100px; height: 105px; margin-left: 8px;
}
div#detailPhotoBox {
  width: 470px; text-align: center;
}
div.photoBox img, div#detailPhotoBox img {
  border: 2px solid #bb1819; display: inline;
}
p#lastNextPhoto {
  text-align: center;
}
table.noBorder, table.noBorder tr td {
  border: none;
}
hr.separator {
  clear: both; display: block; visibility: hidden; padding-top: 5px;
}
ol {
  margin: 0 0 0 30px;
}
p.productProportion {
  font-size: 120%;
}

/********************************* BASKET */
table#basket { background:#f1f1f1; width:100%; }
table#basket td, table#basket th { border:1px solid #ccc; padding:5px; }
table#basket thead th, table#basket tfoot td { background:#ddd; }
table#basket tfoot td { /*border-top:4px solid #aaa;*/ font-size:1.2em; }
table#basket td.price { width:100px; }
table#basket td.count { width:85px; }
table#basket td.delete { width:45px; }


/********************************* MAIN NAVIGATION */
#menu { background:url('../images/bg-tdop.png') left top no-repeat; position:absolute; top:0px; left:280px; /*padding:0 0 0 280px*/ }
#menu a, #menu a:link, #menu a:visited { color:#fff; text-decoration:none; font-size:1.2em; font-weight:500; }
#menu li { float:left; }
#menu li a { background:url('../images/bg-menu-li.gif') no-repeat left top; height:43px; line-height:43px; padding:0 25px; display:block; float:left; }
#menu li a.active,
#menu li a:hover,
#menu li a:focus,
#menu li a.active { background:#da0001 url('../images/bg-menu-li.gif') no-repeat left bottom; }


/********************************* FOOTER */
#footer { background:#a1a1a1; margin:20px 0; padding:10px 20px; overflow:hidden; color: #ebebeb; }
#footer .fleft { margin:0 10px 0 0; }
#footer a, #footer a:link, #footer a:visited { color:#fff; text-decoration:none; }
#footer a:active, #footer a:focus, #footer a:hover { color:#fff; text-decoration:underline; }


/********************************* COMMON CLASS */
.in { padding:10px; }
.hidden { display:none; }
.imRight { display:block; float:right; }
.imLeft { display:block; float:left; }
.fleft { float:left; }
.fright { float:right; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.vam { vertical-align:middle; }
.clear { width:100%; overflow:hidden; }
.clear2 { clear:both; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }
.errors, .success { margin:10px 0; padding:10px; font-weight:700; }
.errors { background:#feebeb; border:1px solid #ffd9d9; color:#c80000; }
.success { background:#ecffe9; border:1px solid #abef96; color:#40852b; }