@import url("/css/product.css"); 
@import url("/css/contact.css");
@import url("/css/box.css");
body, form, div, img, ul, li, p, h1, h2, h3, object { margin:0; padding:0; border:0}
body, input.submit{ font-family: Arial, Helvetica, sans-serif; background-color: #fff}

textarea, input, select, checkbox {
  border: 1px solid #7CC61B;
  font-family: Arial; 
}

a{ color: #525a5d; text-decoration: none}
a:hover{ color: #7cc61b; text-decoration: none}

.jelinek{color: #4Caa00;}

.break{ width: 0px; height: 0px; line-height: 0px; font-size: 0px; border: 0px none; margin: 0px;	padding: 0px;	float: none; clear: both;	visibility: hidden}


#centering{position:absolute; top:0; left:0; width:100%}
#main { position:relative; width:1020px; margin:0 auto; overflow:hidden; text-align:left; background: url("../images/border.gif") repeat-y top}


/* Header */
#menu, #separator-white, #flash, #language, #separator-gray, #content{ width: 1004px; position: relative; left: 8px }
#flash{ height: 188px; left: 4px}
#menu{ height: 34px; padding-left: 3px; _margin-left: 0px; background-color: #525B62; _top: 1px; width: 1001px; }
#menu a{margin-left: -3px; float: left}
#menu #last-item{display: block; margin-left: 0px; margin-top:0px; background-color: #A80303; color: #fff; width: 205px;  height: 34px;  line-height: 34px; font-size: 11px; text-transform: uppercase; float: right; text-align: center}
#language{ line-height: 21px; height: 21px; text-align: right; background-color: #7a8389; _margin-top: -2px}
#language a{ color: #fff; font-size: 9px; text-transform: uppercase; padding-right: 21px}
#language a:hover{ color: #7cc51b; text-decoration: none}
/*#menu-top{ width: 1003px; height: 26px}*/
/*#menu-bottom{ width: 1003px; height: 27px}*/
#separator-white{ line-height: 27px; height: 27px; background-color: #fff}
#separator-gray{ line-height: 20px; height: 20px; background-color: #A80303}

/* Content */
#content{ width: 1004px}
/*#col-l{ float: left; width: 202px; background-color: #fff}*/
#col-m{ float: left; width: 798px }
#col-r{ float: right; width: 206px; background-color: #fff}

#content-left{
	border-right: 1px solid #d7d9d8;
	width: 784px;
	position: relative;
	top: 4px;
	color: #525a5d;
	padding-right: 4px;
	padding-left: 4px;
}

#content-left .fotoprodejny, #content-left .fotomapy {width: 110px; height: 20px; line-height: 20px; color: #fff; font-size: 11px; float: none; font-weight: bold; text-transform: uppercase; text-align: right; margin-top: 2px; padding-right: 5px; cursor: pointer; cursor: hand}
#content-left .fotoprodejny{background-color: #7cc61b}
#content-left .fotomapy{background-color: #7a838a}
#content-left .fotomapy a , #content-left .fotoprodejny a{
	color: #FFFFFF;
	text-decoration: none;
}

#title{ line-height: 20px; height: 26px; background-color: #525B62; color: #fff; font-weight: bold}
#title img{ margin-left:34px}
#katalog{ width: 206px; margin-top: 2px}

#categories, #newsletter, #contact-right, #statistics, #caption{ font-family: Arial, Helvetica, sans-serif; font-size:11px}

#categories{ width: 206px; _height: 349px; min-height: 349px; background-color: #fff; font-size: 11px}
#categories .first-cell{margin-bottom: 7px;}
#categories .first-cell span{ color: #010302; text-transform: uppercase}
#categories .first-cell strong{ color: #184d81}
#categories .first-cell { background: none; padding-left: 0}
#categories ul{ list-style-type: none; margin-top: 6px; margin-left: 9px; margin-bottom: 10px}
#categories li{ line-height: 16px; padding-left: 10px; color: #343338; text-transform: uppercase}
#categories li.list10{ padding-left: 30px; }
#categories li.list20{ padding-left: 40px; }
#categories li.list30{ padding-left: 50px; }
#categories li.list40{ padding-left: 60px; }
#categories a{ color: #000; text-decoration: none;}
#categories a.current{ text-decoration: none; font-weight: bold}
#categories a.title{ color: #666; font-weight: bold}
#categories .sub-cat{ xmargin-left: 10px; background: url("../images/dot.gif") no-repeat left center}
#categories a:hover{ color: #000}
 

/*#newsletter{ width: 176px; height: 104px; margin-top: 1px; border: 1px solid #15479e; background-color: #15479e}
#newsletter span{ color: #fff; text-transform: uppercase}
#newsletter strong{ color: #fff}
#newsletter form{ padding-left: 9px; padding-top: 4px}
#newsletter #text { width: 160px; text-align: justify; margin-top: 7px; margin-bottom: 5px; color: #fff}
#newsletter input.email, #newsletter input.submit{ width: 104px; height: 17px; background-color: #fff; border: 0px; margin-top: 6px}
#newsletter input.submit{ width: 47px; height: 19px; margin-left: 5px; border: 1px solid #fff; position: relative; top: 2px; _top: 0px; background-color: #ef8d46; font-size: 10px; color: #fff; font-weight: bold; cursor: pointer; cursor: hand}
 

#contact-right{ width: 178px; height: 270px; margin-top: 1px; margin-bottom: 1px; background-color: #393738}
#contact-right span{ color: #4db85a; text-transform: uppercase; font-weight: bold}
#contact-right #text { text-align: left; margin: 0 auto; margin-top: 7px; margin-bottom: 5px}
#contact-right p, #contact-right div{ padding-left: 10px; padding-top: 8px; color: #fff}
#contact-right p { padding-left: 0px}
#contact-right span.amount{ color: #c00000; text-transform: none; font-weight: bold}*/

#txt{ margin-left: 7px; =margin-left: 5px; margin-top: 6px; width: 784px; color: #525a5d}
#txt h2{ color: #194e82; font-weight: bold; font-size: 12px; text-transform: uppercase}

/*#text{ padding-left: 7px; padding-top: 6px; width: 490px; padding-bottom: 5px}*/

#article{ width: 783px; margin-left: 10px; padding-right: 10px}

.news, .action{ width: 773px; border: 0; margin-top: 5px; margin-left: 11px; padding-bottom: 25px; margin-bottom: 10px; border-bottom: 1px solid #d7d9d8}
.news .caption, .action .caption{height: 26px}
.news a, .action a{ color: #7bc51a; font-size: 16px; font-weight: bold; text-transform: uppercase}
.news a:hover{text-decoration: none}
.news .image, .action .image{ padding-top: 15px; padding-left: 1px; padding-right: 15px}
.news .text, .action .text{ padding: 5px}

.caption, .prodejna-title{padding-top: 6px; padding-right: 8px; margin-left: -7px}
.caption img, .prodejna-title img{position: relative; _top: 0px}
.caption span, .prodejna-title span{color: #525b62}
.caption strong {text-transform: uppercase}

.prodejna{width: 773px; margin-left: 5px; padding-bottom: 20px; border-bottom: 1px solid #d7d9d8}
.prodejna img{border: 1px solid #525a5d}

.action .caption{ background-color: #f18c46; color: #fff}
.action a{ color: #fff}
.action a:hover{ color: #fff}

.urls{font-size: 12px; margin-left: 5px}
.urls #urls-menu{float: left}
.urls #urls-logout{float: right; margin-right: 13px}

.soubory{width: 773px; padding-left: 5px; padding-top: 5px; padding-bottom: 20px; _padding-bottom: 8px;border-bottom: 1px solid #d7d9d8}
.soubory .soubor .nazev{float: left; margin-left:8px; _margin-left:4px}
.soubory .nazev-vyrobku{font-size: 16px; color: #7cc61b; margin-left:8px; margin-bottom: 5px}
.soubory .soubor .url{float: right; font-weight: bold}
.soubory .soubor a:hover{text-decoration: underline; color: #000}
.soubory .image{float:left}
.soubory .soubor{float:left; width: 400px}
 
#soubor{width: 773px; padding-left: 5px; padding-top: 5px; padding-bottom: 20px; _padding-bottom: 8px;border-bottom: 1px solid #d7d9d8}
#soubor #nazev{float: left}
#soubor #url{float: right; font-weight: bold}
#soubor a:hover{text-decoration: underline; color: #000}
 

/* Footer */
#footer {
	width: 1004px;
	position: relative;
	left: 8px;
	height: 69px;
	margin-top: 10px;
	text-align:left;
	color: #000;
	background-color: #7a838a;
	background-image: url(../images/en/spodni-pruh.gif);
}
#hornilogo {
	background-image: url(../images/en/logo.gif);
	height: 34px;
	width: 1004px;
	position: relative;
	left: 8px;
	text-align:right;
}
#hornilogo img{
  margin-top:3px;
  margin-right:30px;
}
#footer ul{list-style-type: none; float: left;  margin-top: 18px}
#footer li{color: #000; font-size: 12px; line-height: 19px}
#footer #first{height: 44px; padding-left: 20px; width: 980px; padding-top: 20px;}
#footer #second{padding-left: 27px; width: 530px; padding-top: 20px;}
#footer #third{ width: 50px; height: 44px;}
#footer #third li{color: #fff; font-size: 10px; vertical-align: text-bottom}
#footer #logo{margin-top: 34px; float: left}
#footer a{color: #FFFFFF}
#footer a:hover{color: #7cc61b; text-decoration: none}

/* Typography */
body, td, input, #txt, #txt.index {
color:#525a5d;
font-family: Arial, Helvetica, sans-serif; font-size:11px
}
.bold {font-weight:bold}
.light-blue{ color: #aad5ff}
.orange{ color: #f6a410}
.left{float: left}

.dark-blue{ color: #184e82}
.light-gray{ color: #c3c3c3}
.gray{ background-color: #778385}
.dark-gray{ background-color: #575e64}
.red{color: #ff2323}
.green{color: #7cc61b}
.left{float: left}
.right{float: right}
.font-small{ font-size: 10px}
.nomargin{ margin-right: 0}

      .cistit {
        clear: both;
        height: 0;
        overflow: hidden;
        content: ' ';
      }
      .cistit hr {
        display: none;
      }

.resources{
  margin-left:20px;
}
.odkazy_join_us{
  font-size:12px;
}

#blog{width:770px;}
#blog input#submit{cursor:pointer;}
#blog textarea{font-size:12px;}

.blog_text tr td{
  background-color: #D1F2A4;
  padding:5px;
  color:#000;
}
.blog_text tr td.blog_oddel{background-color:#FFF; }
a.blog{font-weight:bold; color:#5BA500; }
#menu_text a{
  color:white;
  margin: 10px 10px 0px 10px;
  font-size:13px;
}
#menu_text a:hover{
  color:yellow;
}