/* BODY - START */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto; 
}

body {
  font-family: 'Arial CE';
  font-size: 12px;
	color: #ffffff;
  padding: 0;
  margin: 0;
  background-color: #151515;
}

/* BODY - END */





/* HEADERs - START */

h1,
h2,
h3,
h4 {
  color: #B8C681;
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 17px;
  width: 407px;
  margin: 0 0 0 0;
  position: relative;
  text-indent: -9999px;
}

div#rightFrame h2 {
  font-size: 17px;
  margin: 8px 0 6px 0;
  padding: 0;
  font-weight: bold;
  width: 100%;
  color: #CD9338;
  float: left;
}

div#rightFrame .vypisClanku .textClanku h2 {
  font-size: 17px;
  margin: 0 0 6px 0;
  padding: 0;
  font-weight: bold;
  width: 470px;
  color: #CD9338;
  float: left;
  overflow: hidden;
}

div#rightFrame .vypisClanku .textClanku h2 a,
div#rightFrame .vypisClanku .textClanku h2 a:visited  {
  color: #CD9338;
}

div#rightFrame .vypisClanku .textClanku h2 a:hover  {
  color: #FE4502;
}

div#rightFrame .vypisClanku .textClanku h3 {
  text-indent: -9999px;
  position: relative;
}

h3 {
  font-size: 12px;
  position: relative;
  top: -5px;
  color: #DD4F01;
  width: 323px;
  text-align: center;
  text-transform: none;
  float: left;
  clear: none;
}

h4 {
  font-size: 13px;
  padding-bottom: 2px;
}

/* HEADERs - END */





/* DIVs / LAYOUT BOXes - START */

div#page {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
}

div.clearer {
  width: 100% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clear: both;
}

div#headerBG {
  width: 100%;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  background: #E4B31B url('./../../_layout/_www/headerBG.jpg') repeat-x center top;
}

div#header {
  width: 970px;
  height: 400px;
  background-image: url('./../../_layout/_www/header.jpg');
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

div#logo {
  width: 341px;
  height: 81px;
  margin: 0 0 0 53px;
  padding-top: 59px;
  background-image: url('./../../_layout/_www/logo.jpg');
  background-repeat: no-repeat;
  background-position: 0 59px;
}

div#headerText {
  width: 407px;
  height: 146px;
  position: relative;
  float: left;
  left: 23px;
  top: 92px;
  background: transparent url('./../../_layout/_www/headerText.jpg') no-repeat;
}

div#rukavice {
  width: 298px;
  height: 196px;
  position: relative;
  left: 51px;
  top: 64px;
  float: left;
  background: transparent url('./../../_layout/_www/rukavice.jpg') no-repeat;
}

div#americkaPaska {
  width: 175px;
  height: 135px;
  position: relative;
  left: 51px;
  top: 125px;
  float: left;
  background: transparent url('./../../_layout/_www/americkaPaska.jpg') no-repeat;
}

div#paska1 {
  width: 62px;
  height: 35px;
  position: relative;
  top: 54px;
  left: 10px;
  background: transparent url('./../../_layout/_www/paska1.jpg') no-repeat;
}

div#paska2 {
  width: 41px;
  height: 32px;
  position: relative;
  top: 18px;
  left: 920px;
  background: transparent url('./../../_layout/_www/paska2.jpg') no-repeat;
}

div#workspace {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: url('./../../_layout/_www/wspaceBG.jpg') repeat center top;
}

div#mainFrame {
  width: 970px;
  height: auto;
  padding: 25px 0 0 0;
  margin: 0 auto 0 auto;
  clear: both;
}

.holder {
  width: 970px;
  height: auto;
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 10px;
}

div#leftFrame {
  width: 189px;
  float: left;
  margin: 0 auto;
}

div#leftFrame div#plakat {
  width: auto;
  float: left;
  margin: 25px 0 0 10px;
}

div#menu {
  width: 156px;
  height: auto;
  float: left;
  margin-left: 11px;
  margin-top: 8px;
}

div#rightFrame {
  width: 781px;
  float: left;
  margin: 0 auto;
}

div#rightFrame .vypisClanku {
  width: 788px;
  height: 203px;
  background: #171717 url('./../../_layout/_www/clanekBG.jpg') no-repeat;
  margin: 5px 0 17px 0;
}

div#rightFrame .clanekFoto {
  width: 270px;
  height: 197px;
  background: #A95E22 url('./../../_layout/_www/clanekFoto.jpg') no-repeat;
  float: left;
  margin: 3px 0 0 21px;
}

div#rightFrame .clanekFoto img.thumb,
div#rightFrame .clanekFoto .thumb img {
  margin:  30px 25px 25px 43px;
  padding: 0;
}

div#rightFrame .textClanku {
  width: 477px;
  height: 180px;
  float: left;
  text-align: left;
  margin: 18px 0 0 8px;
}

div#rightFrame #list {
  margin: 50px 0 0 0;
  padding: 0;
}

div#navigation {
  margin: 8px 0 12px 0;
}

div#navigation a,
div#navigation a:visited {
  color: #CD9338;
}

div#navigation a:hover {
  color: #FB4802;
}

div#footer {
  width: 100%;
  height: 48px;
  background: transparent url('./../../_layout/_www/footerBG.jpg') repeat-x center center;
  clear: both;
  margin: 0 0 0 0;
  padding: 0;
}

div#copyright {
  width: 970px;
  height: 48px;
  margin: 0 auto;
  padding: 0;
  background: transparent url('./../../_layout/_www/footer.jpg') no-repeat;
}

div#top-list {
  height: 2px;
  margin: 0;
  padding: 0;
  background: none;
}
/* DIVs / LAYOUT BOXes - END */





/* LINKs- START */

a, a.visited {
  color: #CD9338;
  text-decoration: none;
  font-weight: bold;
  outline: none;
}

a:hover {
  color: #FB4802;
  text-decoration: none;
  font-weight: bold;
}

div#copyright a {
  color: #FFFFFF;
}

div#list ul li a {
  font-weight: bold;
}

div#logo a {
  width: 100%;
  height: 100%;
  display: block;
}

div#logo a:hover {
  width: 100%;
  height: 100%;
  display: block;
  background: transparent url('./../../_layout/_www/logoHov.jpg');
}

div#menu ul	{
  width: 156px;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

div#menu ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div#menu ul li a {
  display: block;
  margin: 0;
  padding: 0;
}

div#menu ul li a span	{
 display: none;
 margin: 0;
 padding: 0;
}

div#menu ul li a#item1 {
  width: 156px;
  height: 34px;
  background: transparent url('./../../_layout/_www/menu1.jpg');
  background-repeat: no-repeat;
  background-position: 0 -34px;
  margin: 0;
  padding: 0;
}

div#menu ul li a#item1:hover,
div#menu ul li a.active#item1	{
  width: 156px;
  height: 34px;
  background: transparent url('./../../_layout/_www/menu1.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0;
  padding: 0;
}

div#menu ul li a#item2 {
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu2.jpg');
  background-repeat: no-repeat;
  background-position: 0 -32px;
}

div#menu ul li a#item2:hover,
div#menu ul li a.active#item2	{
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu2.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#menu ul li a#item3 {
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu3.jpg');
  background-repeat: no-repeat;
  background-position: 0 -32px;
}

div#menu ul li a#item3:hover,
div#menu ul li a.active#item3	{
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu3.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#menu ul li a#item4 {
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu4.jpg');
  background-repeat: no-repeat;
  background-position: 0 -32px;
}

div#menu ul li a#item4:hover,
div#menu ul li a.active#item4	{
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu4.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#menu ul li a#item5 {
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu5.jpg');
  background-repeat: no-repeat;
  background-position: 0 -32px;
}

div#menu ul li a#item5:hover,
div#menu ul li a.active#item5	{
  width: 156px;
  height: 32px;
  background: transparent url('./../../_layout/_www/menu5.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#menu ul li a#item6 {
  width: 156px;
  height: 34px;
  background: transparent url('./../../_layout/_www/menu6.jpg');
  background-repeat: no-repeat;
  background-position: 0 -34px;
}

div#menu ul li a#item6:hover,
div#menu ul li a.active#item6	{
  width: 156px;
  height: 34px;
  background: transparent url('./../../_layout/_www/menu6.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* LINKs - END */





/* LISTs - START */

div#attributes ul,
div#list ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div#attributes ul li,
div#list ul li {
  width: 100%;
}

div#attributes div.content ol,
div#attributes div.content ul {
  width: auto;
  margin-bottom: 20px;
}

div#attributes div.content ol {
  list-style-type: decimal !important;
  padding-left: 30px;
}

div#attributes div.content ul {
  list-style-type: square !important;
  padding-left: 25px;
}

/* LISTs - END */





/* SPANs - START */

h1 span {
  display: none;
}

label span {
  display: none;
}

div#logo a span {
  display: none;
}


/* SPANs - END */





/* PARAGRAPHs - START */

p {
  padding: 0;
  margin: 0;
  color: #989898;
}

div#rightFrame .textClanku p.link-more {
  color: #CD9338;
  position: relative;
  float: right;
  text-align: center;
  font-size: 10px;
  width: 76px;
  height: 24px;
  padding: 6px 0 0 2px;
  margin: 0;
  bottom: 8px;
  background: transparent url('./../../_layout/_www/readMore.jpg') no-repeat center top;
}

div#rightFrame .textClanku p.link-more a,
div#rightFrame .textClanku p.link-more a:visited {
  color: #FFFFFF;
}

div#rightFrame .textClanku p.link-more a:hover {
  color: #000000;
}

div#headerText p {
  font-size: 12px;
  width: 407px;
  height: 120px;
  text-indent: -9999px;
}

div#rightFrame .textClanku p {
  color: #666;
  width: auto;
  height: 140px;
  float: left;
  text-align: justify;
  margin: 0 0 0 1px;
  padding: 0;
}

div#copyright p {
  font-size: 11px;
  width: 268px;
  height: 30px;
  padding: 4px 0 0 0;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
}

.intro {
  height: 130px;
  overflow: hidden;
  text-indent: -9999px;
  width: 570px;
}


div#attributes div.content p {
  line-height: 17px;
  margin-bottom: 12px;
}

/* PARAGRAPHs - END */





/* IMAGEs - START */

img {
  border: 0;
}

img.icon {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

/* IMAGEs - END */