/* HTML */
html, body {font-family: Verdana, Tahoma,  Arial, sans-serif; font-size:12px; text-align:center;}
p {text-align:justify; padding:0.5em; line-height:1.5;}
strong {font-weight:bold;}
h2 {font-weight:bold; font-size:14px; background:#F8FDEA; padding:0.5em; border-bottom:1px solid #C0DCC7; color: #0C6F38; margin:7px 0; letter-spacing:1px;}
h4 {font-weight:bold;}
td {background:#EEEEEE; padding:5px; text-align:center; border-bottom: 1px solid #CCCCCC;}
th {background:#333333; color:#FFFFFF; padding:5px; font-weight:bold; text-align:center; height:20px; line-height:20px;}
a:link,
a:visited,
a:active {color:#00A651;}
a:hover {color:#999900;}
.hidden-navigation {width:1px;position:absolute;left:-9999px;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.green {color: #0C6F38;}
.red {color: #f80b32;}

.indent {text-indent:1em;line-height:1.5;}
.indents {text-indent:1em;line-height:1.5; float: left;
float: right;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;}
.e-news {
	color: black;
	font-family: Verdana;
  font-weight : normal;
line-height:1.7;
	font-size: 10pt;
}
.e-news-green {
	color: green;
	font-family: Verdana;
  font-weight : normal;
	font-size: 11pt;
}












.strong {font-weight: bold;}
em {font-style:italic;}
.bullet {background: url('../images/design/bullet-arrow-green.gif') no-repeat 1% 50%; padding-left:12px;}
.pbg-yellow {background:#FFFDEA; border-bottom:1px solid #FFDCC8; border-top:1px solid #FFDCC8;}
.gray-box {background: #EEEEEE; border:1px solid #CCCCCC;}

/* LAYOUT */
div#container {width:1020px; margin: 13px auto 0 auto; text-align:left;} /*margin - отсуп сверху*/
/** three-col-sidebar **/
.three-col-sb div.column-sub {width:200px; float:left; margin-right:13px;}
.three-col-sb div.column-first {width:397px; float:left; margin-right:13px; }
.three-col-sb div.column-second {width:397px; float:left;}
/** two-col-sidebar **/
.two-col-sb div.column-sub {width:200px; float:left; margin-right:13px;}  /*левая узкая правая широкая*/
.two-col-sb div.column-first {width:807px; float:left;}
/** three-col **/
.three-col div.column-sub {width:331px; float:left; margin-right:13px;}
.three-col div.column-first {width:331px; float:left; margin-right:13px; }  /* ширина трех колонок и промежуток*/
.three-col div.column-second {width:331px; float:left;}
/** two-col **/
.two-col div.column-sub {width:503px; float:left; margin-right:14px;} /* ширина двух колонок + промежуток между ними*/
.two-col div.column-first {width:503px; float:left;}
/** clear **/
div.clearfloat {clear:both; height:0;}

/* HEADER */
div#main-heading {width:1020px; height:151px; background: url('../images/design/karelhadek-header.jpg') no-repeat top left;}
div#main-heading span {font-size:24px; color:#0C6F38; position:relative; top:58px; left:200px; text-decoration:none; font-weight:normal; width:450px;}
div#main-heading a {width:1020px; height:151px; display:block; text-decoration:none;}

/* NAVIGACE */
ul#nav {width:1020px; height:30px; line-height:30px; white-space:nowrap; margin:0; margin-bottom:13px; background: url('../images/design/karelhadek-nav-bg.jpg') no-repeat top left;}
ul#nav li {display:inline; list-style-type:none; margin-right: 1em;}
ul#nav li a:link, #nav li a:visited, #nav li a:active {padding:2px 10px; color:#0C6F38; text-decoration:none; border-bottom:4px solid #FFF; font-weight:bold;}
ul#nav li a:hover {color:#999900; border-bottom:4px solid #999900;}
/** active **/
body#ofirme li#li-ofirme a,
body#katalog li#li-katalog a,
body#casopis li#li-casopis a,
body#soutez li#li-soutez a,
body#download li#li-download a,
body#poradna li#li-poradna a,
body#kurzy li#li-kurzy a,
body#eshop li#li-eshop a,
body#informace li#li-informace a,
body#kontakt li#li-kontakt a {background:#0C6F38; color:#FFFFFF;}

/* CONTENT */
/** graficke nadpisy **/
h3.hbg {font-size:14px; font-weight:bold; font-variant:small-caps; color: #999900; letter-spacing:2px; height:33px; line-height:33px; text-indent:6px; margin-bottom:13px; text-align:left;}
.three-col-sb h3.short,
.two-col-sb h3.short {background: url('../images/design/karelhadek-hbg-short.jpg') no-repeat top left; width:200px;}
.three-col-sb h3.shortx,
.two-col-sb h3.shortx {background: url('../images/design/karelhadek-hbg-shortx.jpg') no-repeat top left; width:200px; margin-bottom:0;}
.three-col-sb h3.medium,
.two-col-sb h3.medium {background: url('../images/design/karelhadek-hbg-medium.jpg') no-repeat top left; width:397px;}
.three-col-sb h3.long,
.two-col-sb h3.long {background: url('../images/design/karelhadek-hbg-long.jpg') no-repeat top left; width:807px;}
.three-col h3.medium {background: url('../images/design/karelhadek-hbg-medium-308.jpg') no-repeat top left; width:331px;}
.two-col h3.medium {background: url('../images/design/karelhadek-hbg-medium-468.jpg') no-repeat top left; width:503px;}
/** titulka **/
div.news-item {width:200px; background: #F3F7EF url('../images/design/karelhadek-news-bg.jpg') no-repeat bottom left; margin-bottom:13px;}
div.news-item p {}
div.news-item p.news-heading {font-weight:bold; color: #0C6F38;}
div.news-item p.news-date {text-align:right; color: #CCCCCC; padding:0 0.5em;}
div.news-item p.news-more {text-align:right;}

/** eshop **/
ul.eshop-clist {margin:0;}
ul.eshop-clist li {margin-bottom: 1px; display:inline;}
ul.eshop-clist li a {display:block; background:#F8FDEA; color:#0C6F38; padding:4px; text-decoration:none; border-top:1px solid #C0DCC7; margin-bottom:2px;}/*цвет текста меню*/
ul.eshop-clist li a:hover {color:#999900; background:#FFF; text-decoration:underline;}


div#eshop-filter {background: #FFFDEA; margin-right:0px; margin-bottom:13px; border: 1px solid #ffdcc8; padding:5px;} /*цвет фильтра упорядочивания товаров*/ 
div#eshop-filter strong {margin-bottom:5px; display:block;}
div.eshop-item {float:left; width:255px; background:#F3F7EF;  margin-right:12px; margin-bottom:13px; text-align:center; display:inline; border:1px solid #C0DCC7}/*цвет окошек с товаром*/
div.eshop-item a:link,
div.eshop-item a:visited,
div.eshop-item a:active {text-decoration:underline; color:#0C6F38; display:block;}
div.eshop-item a:hover {color: #999900;}
div.eshop-item strong {height:20px; line-height:20px; font-size:12px;}
div.eshop-item p {padding: 4px 19px; text-align:left;}
div.eshop-item p em {margin-right:10px;}
div.eshop-item p.price strong {text-align:right; font-size:14px; font-weight:bold; color:#999900;}
div.eshop-item p.price-old {text-decoration:line-through; color:#666666;}
div.eshop-item p.price-special strong {text-align:right; font-size:14px; font-weight:bold; color:#ec008c;}
div.eshop-item p.price span.price-old {font-size:12px; font-weight:normal; text-decoration:line-through; margin-left:10px;}
div#eshop-footer {background: #FFFDEA; margin-right:0px; margin-bottom:13px; border: 1px solid #ffdcc8; padding:5px;}
div#eshop-footer p {text-align:center; color:#666666;}
div#eshop-footer a:link,
div#eshop-footer a:visited,
div#eshop-footer a:active {color:#666666;}
div#eshop-footer a:hover {color:#000000;}
div#eshop-footer strong {color:#000000;}
div.eshop-flyer {text-align:center; border-top:1px solid #CCCCCC; margin-top:7px;}
div.eshop-flyer p {text-align:center;}
div.eshop-flyer a:link,
div.eshop-flyer a:visited,
div.eshop-flyer a:active {color: #0C6F38;}
div.eshop-flyer a:hover {color: #000000;}
div.eshop-flyer img {border:1px solid #CCCCCC; padding:2px;}
div.eshop-pagination {background:#EEEEEE; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-bottom:13px; margin-right:0px;}/* параметры полосок с страницами*/
div.eshop-pagination a:link,
div.eshop-pagination a:visited,
div.eshop-pagination a:active {color:#666666;}
div.eshop-pagination a.actual-page {text-decoration: none; font-weight:bold; color:#000000;}
img.eshop-img {border:1px solid #C0DCC7;}
table.eshop-detail {margin-top:13px;}
div.eshop-add {text-align:center; margin-top:13px; background:#0C6F38; padding:13px 0;}
input.eshop-btn-add {padding:0.5em; background:#F8FDEA; color:#0C6F38; border:2px solid #cfe2d7; font-weight:bold; letter-spacing:2px;}
div#eshop-form-login {background: #FFFDEA; margin-bottom:13px; border: 1px solid #ffdcc8;}
div#eshop-form-login p.input {padding-top:0; padding-bottom:0;}
div#eshop-form-login p.input input {width:160px;}
div#eshop-form-cart {background:#EEEEEE; border:1px solid #CCCCCC; margin-bottom:13px;}
div#eshop-form-cart th {height:14px; font-size:11px; padding:4px; text-align:left;}
div#eshop-form-cart td {height:14px; font-size:11px; padding:4px; text-align:left;}
div#eshop-table-cart td,
div#eshop-table-cart th {text-align:left;}
div#eshop-table-cart .cart-final {background:#FFFFFF; font-weight:bold; font-size:14px; letter-spacing:1px;}
input#eshop-cart-final-button {color:#0C6F38; font-weight:bold; border:2px solid #0C6F38; background:#F3F7EF; padding: 0.5em 1em;}
#eshop h4 {padding: 0.5em; color:#00A651; font-size:16px;}
/** kurzy **/
div.course-info {background: #F3F7EF; margin:13px 0 0 0; border:1px solid #CFE2D7; font-size:11px; padding-bottom:7px;}
div.course-info ol {padding:0 0.5em; line-height:1.3; list-style:square; margin-left:15px;}
div.course-info ol li ol {list-style:circle;}
div.course-info ol li {padding: 0;}
div.course-new {text-align:left;}
div.course-old {text-align:left; color:#999999;}
div.course-actual {text-align:left; border-bottom:1px solid #CCCCCC;}
#kurzy img {border:1px solid #CCC; padding:1px; margin-left:3px; margin-top:7px;}
/** poradna **/
div.poradna-box {background: #F3F7EF; border:1px solid #CFE2D7; margin-bottom:13px;}
div.proadna-box .select {width:160px;}
/** katalog **/
ul.katalog-clist {margin:0;}
ul.katalog-clist li {margin-bottom: 1px; display:inline;}
ul.katalog-clist li a {display:block; background:#FFF url('../images/design/bullet-arrow-green.gif') no-repeat 1% 50%; color:#0C6F38; padding:4px; text-decoration:none; border-bottom:1px solid #C0DCC7; margin-bottom:1px; padding-left:12px;}
ul.katalog-clist li a:hover {color:#999900; background:#F8FDEA url('../images/design/bullet-arrow-yellow.gif') no-repeat 1% 50%; text-decoration:underline; border-color:#999900;}
/** casopis **/
ul.casopis-clanky {}
ul.casopis-clanky li {padding-bottom:4px; font-weight:bold;}
div.casopis-download {background: #F3F7EF; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; margin-top:7px;}
div#casopis-archiv {width:1020px; float:right; margin-top:13px;}
div#casopis-archiv div.item {float:left; margin-right:12px; margin-top:13px;}
div#casopis-archiv div.item span {display:block; float:left;}
div#casopis-archiv div.item img {margin-top:7px;}
div.casopis-box {background: #F5F5F5; border:1px solid #CFE2D7; margin-bottom:13px; margin-top:7px;}
div.casopis-box .select {width:160px;}
/** o firme **/
body#ofirme ol {line-height:1.5; padding-left:0.5em; margin-bottom:13px;}
body#ofirme h2 a:hover {color:#0C6F38;}
body#ofirme div.column-first {margin:0; padding:0;}
body#ofirme div.column-first p {text-indent:1em;}
/** inzerce **/
div#inzerce-info {line-height:1.2; font-size:10px;}
div#inzerce-info ol {margin-left:3em; list-style:decimal; margin-top:0.5em;}
div#inzerce-info ol li {padding:3px;}
div#inzerce-info ol li ul {margin-left:3em; margin-top:0.5em; list-style:circle;}

div#inzerce-info ul {margin-left:3em; list-style:circle; margin-top:0.5em;}

/* FOOTER */
div#footer {background: #EEEEEE; margin:13px 0 0 0; padding:0; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin-bottom:13px;}
div#footer p {padding: 10px; color:#333333; text-align:center;}


/* debug */