/* eProdejny - LAYOUT.CSS */

/* BASIC RULES */
body { margin: 0; padding: 0; text-align: center; border-top: 7px solid #999; }
.zero-ul, ul.advise, .dotlink ul, ul.dotlink { margin: 0 0 1.3em; padding: 0; list-style: none; }
.out, #nav-jump { position: absolute; top: -2000px; left: -2000px; }
.l { float: left; }
.r { float: right; }
hr, .none { display: none; }
.clear:after, #main:after, #main-nav ul:after, #col-ab:after, #catalog:after, .box-inz h3:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

/* LAYOUT RULES */
.ctr { width: 774px; margin: 0 auto; text-align: left; position: relative; }
.ctr2 { width: 774px; margin: 0 auto; text-align: left; position: relative; }
.ctr2 h2 { font-size: 22px;}
#header { margin-bottom: 8px; background: #4D4D4D url("./images/header-bg.gif") repeat-x 0 0; }
#logo { width: 210px; height: 60px; margin: 0; padding: 22px 0 18px; }
#logo a { color: white; font-size: 28px; font-weight: bold; }
#logo img { padding: 0; }
#content { padding-top: 8px; text-align: left; min-height: 320px; }

/* Search */
#search { color: white; text-align: left; position: absolute; right: 0; top: -105px; }

/* main-nav */
#main-nav { background: black; color: white; }
#main-nav ul { padding: 0; list-style: none; }
#main-nav ul li { float: left; padding: 10px 0 14px; margin-bottom: -4px; }
#main-nav ul li#active { background: #E5801B; padding: 10px 14px; margin-top: -3px; border-top: 3px solid #C97A2A; cursor: default; }
#main-nav ul li#active a { padding: 0; border: none; color: white; cursor: pointer; }
#main-nav ul a { padding: 0 14px; color: white; text-decoration: none; border-left: 1px solid #474747; }
#main-nav ul a:hover { color: #EA831D; }
#main-nav ul a#first { border: none; }

/* Catalog */
#catalog { margin-bottom: 1em; background: url("./images/catalog-col.gif") repeat-y 100% 0; border: 3px solid #F1F1F1; }
#catalog .col-ab ul { padding: 0 10px; margin: 0; }
#catalog .col-ab li { border-bottom: 1px dashed #ddd; padding: 0.35em 0;  }
#catalog .col-ab li.last { border: none; }
#catalog .col-ab a { font-weight: bold; }
#catalog .col-c { background: #F1F1F1; margin-right: -3px; }
#catalog .col-ab div.dotlink { width: 33%; float: left; }

/* Cols */
.col-ab { float: left; width: 75%; }
.col-ab.dots { background: url("./images/col-dots-190.gif") repeat-y 100% 0;}
.col-ab2 { float: left; width: 74%; }
.col-ab2 { padding: 5px; font-family: Helvetica; }
.col-ab2.dots { background: url("./images/col-dots-190.gif") repeat-y 100% 0;}

.col-a { float: left; width: 570px; }
.col-b { float: right; width: 190px;}
.col-c { float: right; width: 25%; }
.col-h-l, .col-h-r { width: 49%; float: left; }
.col-h-r { float: right; }
.col-third { float: left; width: 33%; }
.col-ab .col-a .spc { padding: 0 13px 0 0; }
.spc h1 { font-size: 11px; }

/* Box */
.spc, .box { padding: 10px 15px; }
.spc .box { margin: 0 -15px; }
.box.dark { padding-top: 25px; padding-bottom: 20px; background: #C8C8C8 url("./images/box-corner.gif") no-repeat 100% 0; }
.box.dark a { color: white; }
.box.hl { background: #EB841D; border-top: 1px solid white; }
.box.hl a { color: white; }
.box.hl a:hover { color: black; }
.box.dotlink ul { margin-bottom: 0; }

/* Inzert podstr */
.box-inz h3 { font-size: 15px; font-weight: bold; text-align: right; text-decoration: none; }
.box-inz h3 a { margin-top: 1.2em; color: black; float: left; text-decoration: none; }
.box-inz h3 a:hover { color: #EB841D; text-decoration: none;}
.box-inz h3 img { vertical-align: middle; }
.box-inz .text { padding: 8px; margin: 0 0 1px; background: #F8F8F8; font-size: 92%; border-top: 2px solid #EAEAEA; }
.box-inz .link { padding: 5px 8px; background: #F0F0F0 url("./images/inz-box-grad.gif") repeat-x 0 100%; }
.box-inz .link a { font-weight: bold; }
.box-inz { margin-left: 5px; margin-right: 2px;}

/* Misc box */
p#supp-box { margin: 0; font-size: 92%; line-height: 2.6em; color: #999; border: 1px solid #D2D2D2; }
p#supp-box .bold { margin-right: 1em; padding: 0.6em 1em; background: #F4F4F4; color: black; }
p#supp-box a { color: #EB841D; }
p#supp-box a:hover { color: #00A3D9; }
p#add-shop { margin: 0; padding: 12px 0; float: right; width: 192px; border-left: 1px dashed #E4E4E4; }
p#add-shop a { padding-left: 33px; font-size: 92%; background: url("./images/ico-load.gif") no-repeat 15px 0.2em; }
p#action { width: 193px; margin: 8px 0 0; background: #00A3D9 url("./images/action-corner.gif") no-repeat 100% 0; color: white; position: absolute; right: 0; }
p#action a { color: white; padding: 12px 15px; display: block; }
p#action a:hover { color: black; }

/* Footer */
#footer { padding: 0.8em 9.8em 0.8em 0; clear: both; font-size: 92%; border-top: 3px  solid #BABABA; position: relative; }
#footer p { margin: 0; }
#footer #madeo { position: absolute; top: 0.8em; right: 0; }
#footer #madeo a { color: #666; }

/* MISC RULES */
p#logos img { display: block; margin-bottom: 10px; }
ul.advise li { padding: 0 10px; margin-bottom: 1px; line-height: 2.5em; background: #F5F5F5; }
.dotlink a, a.dotlink { padding-left: 20px; line-height: 1.8em; background: url("./images/ico-arrow.gif") no-repeat 0 0.2em; }
.dotlink.black a, a.dotlink.black { color: black; }
a.dotlink2, .dotlink2 a { padding-left: 12px; background: url("./images/ico-arrow2.gif") no-repeat 0 0.5em; }

/* Icons */
.ico { background-repeat: no-repeat; background-position: 0 0; }
h1.ico, h2.ico { padding-left: 45px; line-height: 50px; }
.cat { background-image: url("./images/ico-cat.gif"); }
.inz { background-image: url("./images/ico-inz.gif"); }
.inz-sm { background-image: url("./images/ico-inz-sm.gif"); padding-left: 18px; }

/* lista */
#list { background-color: #999999; color: #565656; padding-bottom: 5px; font-family: Arial;}
#list a:link {color: #FFFFFF; text-decoration: none; font-weight: 600;} 
#list a:visited {color: #FFFFFF; text-decoration: none; font-weight: 600;} 
#list a:hover {color: #000000; text-decoration: underline; font-weight: 600;} 
#list a:active {color: #FFFFFF; text-decoration: none; font-weight: 600;}
#list a {padding-right: 1em; padding-left: 1em;}