/* CSS Document */
a {
  color: rgb(150,0,0);
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
}
body {
  color: rgb(105,64,12);
  background-image: url('../images/bg-body-top.jpg');
  background-position: top;
  background-repeat: repeat-x;
  background-color: rgb(255,234,140);
  font-family: arial;
  font-size: 12px;
  _text-align: center;
} 
div.center {
  position: relative;
  text-align: center;
}
div.cleaner {
  clear: both;
  font-size: 1%;
  height: 1px;
  position: relative;
  visibility: hidden;
}
img.doBloku {
  border: 0px;
  display: block;
  margin: 0px;
  padding: 0px;
}   
img.center {
  margin: 0px auto;
}   

/* HLAVNE MENU */

div#hlavneMenu {
  background-color: rgb(29,24,18);
  height: 29px;
  left: 130px;
  position: absolute;
  top: 163px;
  width: 868px;
}
div#hlavneMenu div {
  background-color: rgb(255,234,140);
  float: right;
  height: 29px;
  padding: 0px 0px 0px 3px;
  position: relative;
  width: 100px;
}
div#hlavneMenu a {
  background-image: url('../images/bg-tlacitko-hlavne-menu.jpg');
  background-repeat: repeat-x;
  background-position: top;
  color: #000000;
  display: block;
  font-family: arial;
  font-weight: bold;
  font-size: 11px;
  height: 29px;
  padding: 0px;
  text-decoration: none;  
  text-transform: uppercase;
}
div#hlavneMenu a span {
  background: transparent;
  display: block;
  padding: 9px 15px 9px 15px;
  text-align: center;
}
div#hlavneMenu a:hover {
  color: rgb(255,204,0);
}

/* POZICIE */

div#header {
  background-image: url('../images/bg-header.jpg');
  background-position: top;
  background-repeat: no-repeat;
  position: relative; 
  height: 199px; 
  width: 1006px;  
}   
div#hlavnyKontajner {
  background-image: url('../images/bg-content.jpg');
  background-repeat: repeat-y;
  height: auto;
  _height: 100%;
  margin: 0px auto;
  min-height: 100%;
  padding: 0px;
  position: relative;
  text-align: justify;
  width: 1006px;
}
div#hlavnyObsahKontajner {
  padding: 0px 7px 32px 7px;
  position: relative;
} 
div#lavyObsahKontajner {
  background-color: transparent;
  color: #FFFFFF;
  font-size: 10px;
  height: auto;
  float: left;
  line-height: 14px;
  position: relative;
  width: 192px;
  text-align: center;
}
div#pravyObsahKontajner {
  background-color: transparent;
  height: auto;
  float: right;
  position: relative;
  width: 762px;
  text-align: center;
}
div#paticka {
  padding: 10px;
  text-align: left;
  position: relative;
}
div#patickaKontajner {
  background-image: url('../images/bg-paticka.jpg');
  background-repeat: no-repeat;
  bottom: 0px;
  display: block;
  height: 32px;
  left: 0px;
  position: absolute;
  width: 100%;  
}

/* STATICKE PODSTRANKY */
div#pravyObsahKontajner h1 {
  display: block;
  float: left;
  padding: 13px 20px 3px 0px;
}
div#pravyObsahKontajner h1 span {
  background-color: rgb(24,17,13);
  color: rgb(255,186,0);
  display: block;
  font-family: arial;
  font-size: 16px;
  font-weight: 700;
  padding: 6px 20px 6px 20px;
}
div.oddelovacNadpis {
  background-color: rgb(24,17,13);
  clear: both;
  display: block;
  font-size: 0%;
  height: 1px;
  overflow: hidden;
  position: relative;
}
div#pravyObsahKontajner p.uvod {
  font-weight: bold;
  line-height: 25px;
  padding: 10px 25px 15px 0px;
  text-align: justify;
}
div#pravyObsahKontajner p.komentar {
  color: rgb(36,2,1);
  font-style: italic;
  font-size: 12px;
  line-height: 25px;
  padding: 10px 25px 15px 0px;
  text-align: justify;
}

/* KTO SME */
div.tema {
  background-image: url('../images/bg-linka-tema.png');
  background-repeat: repeat-y;
  float: right;
  width: 165px;
}
div.tema div {
  padding: 2px 3px 0px 3px;
  position: relative;
  text-align: center;
}
div.text {
  background-color: transparent;
  float: left;
  position: relative;
  width: 590px;
}
div.homepage3 {
  background-image: url('../images/bg-homepage-2.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 630px;
  margin-top: 3px;
  position: relative;
  width: 742px;
}
div.homepage3 div {
  background: transparent;
  color: black;
  font-family: arial;
  font-size: 11px;
  line-height: 140%;
  height: 465px;
  left: 410px;
  position: absolute;
  top: 80px;
  text-align: justify;
  width: 295px;
}
div.homepage3 div p {
  color: rgb(24,17,13);    
  font-size: 12px;
  line-height: 24px;
  padding: 10px 15px 0px 15px;
}

/* PATICKA */
div#paticka p {
  font-size: 10px;
  text-align: center;
}     

/* STRANKOVANIE */
div.strankovanie {
  background-color: rgb(24,17,13);
  color: rgb(255,161,8);
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  position: relative;
  text-align: left;
}
div.strankovanieHlavicka {
  float: left;
  padding: 7px 15px 5px 15px;  
}
div.linky {
  float: left;
  height: 26px;
  position: relative;
  width: 18px;
  text-align: center;
}
div.linkyMedzera {
  background-color: rgb(255,235,138);
  float: left;
  height: 26px;
  position: relative;
  width: 2px;
}
div.linky a {
  display: block;
  font-size: 11px;
  height: 26px;
  width: 18px; 
  text-align: center;
  text-decoration: none;
}
div.linky a span {
  background-image: url('../images/bg-strankovanie-stranka.jpg');
  background-repeat: repeat-x;
  display: block;
  padding: 7px 0px 8px 0px;
}
div.linky a:hover span {
  background-image: url('../images/bg-strankovanie-stranka-hover.jpg');
  background-repeat: repeat-x;
  color: white;
  display: block;
  padding: 7px 0px 8px 0px;
  text-decoration: none;
}
div.linky strong span {
  background-image: url('../images/bg-strankovanie-aktualna-stranka.jpg');
  background-repeat: repeat-x;
  color: white;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0px 6px 0px;

}


/* GALERIA */
div.oddelovacKategorieHorizontalny {
  background-color: rgb(233,198,89);
  clear: both;
  font-size: 1%;
  height: 1px;
  overflow: hidden;
  position: relative;
}
div.oddelovacKategorieVertikalny {
  background-color: rgb(233,198,89);
  float: left;
  font-size: 1%;
  height: 270px;
  position: relative;
  width: 1px;
}
div.oknoKategorie {
  padding: 25px;
  position: relative;
}
div.oknoKategoriePicRamec {
  background-repeat: no-repeat;
  height: 220px;
  position: relative;
  width: 330px;
}
div.oknoKategoriePic {
  padding: 165px 3px 3px 3px;
  position: relative;
}
div.oknoKategoriePic a {
  background-color: rgb(29,24,18);
  color: white;
  display: block;
  font-family: arial;
  font-weight: bold;
  font-size: 13px;
  height: 52px;
  padding: 0px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  width: 324px;
  filter: alpha(opacity=80);  
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8;  
  opacity: 0.8;
}
div.oknoKategoriePic a:hover {
  background-color: rgb(255,168,0);
  color: rgb(29,24,18);
  text-decoration: none;
}
div.oknoKategoriePic span {
  display: block;
  padding: 20px 15px 20px 14px;
}
div.oknoKategorieRamec {
  float: left;
  position: relative;
  width: 380px;
}
div#branyPloty {
  background-image: url('../images/pic-kategoria-brany-ploty.jpg');
}
div#zabradlia {
  background-image: url('../images/pic-kategoria-zabradlia.jpg');
}
div#mreze {
  background-image: url('../images/pic-kategoria-mreze.jpg');
} 
div#krboveDoplnky {
  background-image: url('../images/pic-kategoria-krbove-doplnky.jpg');
}
div#nabytok {
  background-image: url('../images/pic-kategoria-nabytok.jpg');
}
div#ostatne {
  background-image: url('../images/pic-kategoria-ostatne.jpg');
}

/* GALERIA KATEGORIA */

div.kategorieTitulneMenu {
  background: transparent;
  height: 112px;
  float: left;
  position: relative;
  width: 590px;
}
div.tlacitkoTitulneMenu {
  float: left;
  height: 112px; 
  position: relative;
  width: 76px;
}
div.tlacitkoTitulneMenuMedzera {
  background: transparent;
  float: left;
  height: 112px; 
  position: relative;
  width: 5px;
}

div.tlacitkoTitulneMenu a {
  display: block;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  color: white;
  height: 112px;
  line-height: 15px;
  text-transform: lowercase;
  text-decoration: none;
  width: 76px;
}
div.tlacitkoTitulneMenu a:hover {
  color: rgb(29,24,18);
  text-decoration: none;
}
div.tlacitkoTitulneMenu a span {
  display: block;
  padding: 72px 2px 2px 2px;
  text-align: center;
  text-decoration: none;
}
div#ttm1 {
  background-image: url('../images/bg-tlacitko-brany-ploty.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#ttm2 {
  background-image: url('../images/bg-tlacitko-zabradlia.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#ttm3 {
  background-image: url('../images/bg-tlacitko-mreze.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#ttm4 {
  background-image: url('../images/bg-tlacitko-krbove-doplnky.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#ttm5 {
  background-image: url('../images/bg-tlacitko-nabytok.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#ttm6 {
  background-image: url('../images/bg-tlacitko-ostatne.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div.oddelovacKategorieNahladyHorizontalny {
  background-color: rgb(233,198,89);
  clear: both;
  font-size: 1%;
  height: 1px;
  overflow: hidden;
  position: relative;
}
div.oddelovacKategorieNahladyVertikalny {
  background-color: rgb(233,198,89);
  float: left;
  font-size: 1%;
  height: 189px;
  position: relative;
  width: 1px;
}
div.oknoKategorieNahlad {
  float: left;
  height: 189px;
  position: relative;
  width: 189px;
}
div.oknoKategorieNahladOdsadenie {
  padding: 8px 8px 8px 8px;
  position: relative; 
}
div.oknoKategorieNahladObrazok {
  background-image: url('../images/bg-zmenseniny.jpg');
  background-repeat: no-repeat;
  height: 165px;
  margin: 0px auto;
  position: relative;
  width: 165px;
}
div.oknoKategorieNahladObrazok div {
  padding: 10px 10px 10px 10px;
  position: relative;
}

/* LAVE OKNO AKTUALITY */
div#lavyObsahKontajner div.oddelovac {
  background-color: rgb(60,36,10);
  height: 1px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: 110px;
}
div#lavyObsahKontajner div.picBorder {
  background-color: rgb(255,193,0);
  height: 147px;
  margin: 0px auto;
  position: relative;
  width: 147px;
}
div#lavyObsahKontajner div.picBorder div {
  padding: 1px;
  position: relative;  
}
div#lavyObsahKontajner h2 {
  color: rgb(252,182,6);
  font-weight: bold;
  font-size: 12px;
  font-family: verdana;
  padding: 8px 19px 3px 19px;
  text-align: left;
}                
div#lavyObsahKontajner p {
  padding: 2px 8px 8px 8px;
  text-align: justify;
}
div#lavyObsahKontajner span.poznamka {
  display: block;
  font-style: italic;
  padding: 4px 0px 0px 0px;
  text-align: right;
}
div#lavyObsahKontajner a {
  color: rgb(255,187,0);
  text-decoration: none;
}
div#lavyObsahKontajner a:hover {
  color: rgb(32,16,0);
  text-decoration: underline;
}
div#lavyObsahKontajner a.admin {
  font-size: 11px;
  display: block;
  padding: 9px;
  text-align: center;
}

/* OKNO PRODUKTU */
div.tema div div.ramikDoplnku {
  background-image: url('../images/bg-zmenseniny-mensie.jpg');
  height: 85px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  width: 85px;
}
div.tema div div.ramikDoplnku div.odsadenieDoplnku {
  padding: 10px;
  position: relative;
}
div.tema div div.oddelovac {
  background-color: rgb(60,36,10);
  height: 1px;
  margin: 0px auto;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 110px;
}
div.tema div p {
  color: rgb(104,64,12);
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  padding: 4px 19px 15px 19px;
  text-align: center; 
}
div.oknoProduktMedzera {
  float: left;
  height: 200px;
  position: relative;
  width: 35px;
}
div.oknoProdukt {
  background-image: url('../images/bg-linka-produkt.jpg');
  background-repeat: repeat-y;
  float: left;
  padding: 0px;
  position: relative;
  width: 516px;
  text-align: center;
}
div.oknoProdukt div {
  padding: 0px 3px 0px 3px;
}
div.oknoProduktPopis {
  background-image: url('../images/bg-produkt-popis.jpg');
  background-repeat: repeat-y;
  padding: 0px;
  position: relative;
  width: 516px;
}
div.oknoProduktPopis p {
  color: #000000;
  font-family: verdana;
  font-size: 11px;
  padding: 5px 20px 8px 20px;
  line-height: 17px;
  text-align: justify;
}
div.oknoProduktCena {
  background-image: url('../images/bg-produkt-cena.jpg');
  background-repeat: no-repeat;
  height: 69px;
  padding: 0px;
  position: relative;
  width: 516px;
}
div.oknoProduktCena p {
  color: #7c0600;
  font-family: arial;
  font-size: 14px;
  padding: 16px 150px 8px 150px;
  line-height: 17px;
  text-align: center;
}
a.spat {
  font-size: 11px;
  font-weight: bold;
}

/* LINKY */
div#pravyObsahKontajner div.linkyRamec {
  background: transparent;
  overflow: auto;
  position: relative;
  text-align: center;
  width: 720px;
}
div#pravyObsahKontajner div.linkyRamec div {
  overflow: auto;
  padding: 2px 120px 2px 120px;
  position: relative;
}
div#pravyObsahKontajner div.linkyRamec div div {
  background: transparent;
  overflow: auto;
  padding: 0px;
  position: relative;
}
div#pravyObsahKontajner div.linkyRamec div div:hover {
  background-color: rgb(255,204,102);
}
div#pravyObsahKontajner div.linkyRamec div div p {
  font-size: 11px; 
  padding: 10px;
  line-height: 18px;
}


/* ADMINISTRACIA */

div.tmaveOkno {
  background-color: rgb(24,17,13);
  color: rgb(255,255,153);
  padding: 8px;
  position: relative;
  text-align: center;
}
p.chyba {
  color: rgb(153,0,0);
}
input.inputText {
  background-color: rgb(255,255,255);
  border: 1px solid rgb(204,102,0);
  color: rgb(51,0,0);
  font-size: 12px;
  padding: 2px;
  width: 220px;
}
input.tlacitko {
  font-size: 10px;
  padding: 6px;
}
input.tlacitkoMale {
  font-family: verdana;
  font-size: 9px;
  padding: 1px;
}
select.select {
  font-size: 10px;
  padding: 3px;
  width: 220px;
}
textarea.textarea {
  background-color: rgb(255,255,255);
  border: 1px solid rgb(204,102,0);
  color: rgb(51,0,0);
  font-family: arial;
  font-size: 10px;
  padding: 2px;
  height: 90px;
  width: 220px;
}
table.tabForm {
  border-collapse: collapse;
  margin: 0px auto;
  width: 400px;
}
td.tabForm1 {
  padding: 8px;
  text-align: right;
  vertical-align: middle;
}
td.tabForm2 {
  padding: 8px;
  text-align: left;
  vertical-align: middle;
}
td.tabFormChyba {
  color: rgb(153,0,0);
  padding: 0px 10px 10px 10px;
  text-align: center;
}
div.tmaveOkno td.tabForm1 {
  color: rgb(255,255,153);
  font-size: 10px;
  padding: 2px;  
} 
div.tmaveOkno td.tabForm2 {
  color: rgb(255,255,153);
  padding: 2px;  
} 
div.tmaveOkno td.tabFormChyba {
  color: rgb(255,176,128);
  font-size: 10px;
  padding: 0px 3px 3px 3px;
  text-align: center;
}
div.oznacenieKategorie td.tabForm1 {
  color: rgb(255,255,153);
  font-size: 10px;
  padding: 2px;  
} 
div.oznacenieKategorie td.tabForm2 {
  color: rgb(255,255,153);
  padding: 2px;  
} 
div.oznacenieKategorie td.tabFormChyba {
  color: rgb(204,0,0);
  font-size: 10px;
  padding: 0px 3px 3px 3px;
  text-align: center;
}

/* GALERIA */
div.textovaCast {
  background-color: none;
  float: left;
  position: relative;
  width: 390px;
}
div.textovaCast h2{
  font-family: verdana;
  font-weight: bold;
  font-size: 13px;
  padding: 15px 10px 5px 15px;
  text-align: left;  
}
div.textovaCast p{
  font-family: verdana;
  font-size: 10px;
  line-height: 14px;
  padding: 2px 15px 2px 15px;
  text-align: justify;
}
div.doplnkovaCast {
  background-color: ;
  float: left;
  position: relative;
  width: 180px;
}
div.kontajnerDoplnku {
  float: left;
  position: relative;
  width: 85px;
}
div.ramikDoplnku {
  background-image: url('../images/bg-zmenseniny-mensie.jpg');
  height: 85px;
  position: relative;
  width: 85px;
}
div.odsadenieDoplnku {
  padding: 10px;
  position: relative;
}

div.medzera {
  height: 10px;
  position: relative;
}
div.oznacenieKategorie {
  background-color: rgb(233,198,89);
  clear: both;
  font-family: verdana;
  font-weight: bold;
  font-size: 10px;  
  padding: 2px 15px 2px 15px;
  text-align: center;
}
form.inline {
  display: inline;
}



div.formulareDoRiadku {
  background-color: rgb(255,208,128);
  clear: both;
  padding: 10px;
  position: relative; 
}
div.obrazokAdminVelky {
  float: left;
  position: relative;
  width: 180px;
  text-align: center;
}
div.obrazokAdminVelky div {
  padding: 20px;
  position: relative;
}
div.obrazokAdminMaly {
  float: left;
  position: relative;
  width: 240px;
  text-align: center;
}
div.obrazokAdminMaly div {
  padding: 10px;
  position: relative;
  text-align: center;
}
div.medzera {
  height: 20px;
  position: relative;
}
div.produktAdminKontajner {
  background-color: rgb(255,240,176);
  padding: 15px;
  position: relative;
  text-align: left;
}
div.produktAdminKontajner h2 {
  font-size: 16px;
}
div.produktAdminKontajner h3 {
  font-size: 13px;
  padding: 15px;
}


/* KONTAKT */
div#pravyObsahKontajner div.kontakt form.kontakt {
  background-color: transparent;
  display: block;
  width: 440px;
}
div#pravyObsahKontajner div.kontakt table.tabKontakt {
  background-color: transparent;
  border-collapse: collapse;
  width: 440;
}
div#pravyObsahKontajner div.kontakt table.tabKontakt div {
  position: relative;
  padding: 5px;
}
div#pravyObsahKontajner div.kontakt td.tabKontakt1 {
  font-family: arial;
  font-size: 11px;
  font-weight: 600;
  color: rgb(192,128,0);
  text-align: right;
  vertical-align: middle;
  width: 180px;
}
div#pravyObsahKontajner div.kontakt td.tabKontakt2 {
  vertical-align: middle;
  width: 260px;
}
div#pravyObsahKontajner div.kontakt td.tabChyba {
  color: rgb(176,0,0);
  font-weight: 800;
  font-size: 11px;
  text-align: center;
}
div#pravyObsahKontajner div.kontakt input.inputText {
  font-family: arial;
  font-size: 12px;
  color: rgb(80,0,0);
  background-color: #FFFFFF;
  border: 1px solid rgb(176,80,0);
  width: 170px;
}
div#pravyObsahKontajner div.kontakt input.tlacitko {
  font-family: arial;
  font-size: 11px;
  padding: 6px;
}
div#pravyObsahKontajner div.kontakt textarea.textarea {
  font-family: arial;           
  font-size: 12px;
  color: rgb(80,0,0);
  background-color: #FFFFFF;
  border: 1px solid rgb(176,80,0);
  height: 120px;
  width: 248px;
}
div#pravyObsahKontajner div.kontakt span.komentar {
  font-style: italic;
  font-size: 10px;
}
div#pravyObsahKontajner div.kontakt p.emailOk {
  text-align: center;
  color: rgb(32,96,0);
  font-size: 13px;
  font-weight: 800;
}
div#pravyObsahKontajner div.kontakt p.emailFail {
  text-align: center;
  color: rgb(176,0,0);
  font-size: 13px;
  font-weight: 800;
}

div#pravyObsahKontajner div.kontakt div.udajeKontajner {
  float: right;
  width: 205px;
}
div#pravyObsahKontajner div.kontakt div.udaje2 {
  padding: 0px 0px 0px 15px;
  position: relative;
}
div#pravyObsahKontajner div.kontakt div.udaje {
  background-color: rgb(255,240,176);
  font-size: 11px;
  padding: 15px;
  position: relative;
}
div#pravyObsahKontajner div.kontakt div.udaje p {
  font-size: 11px;
  line-height: 15px;
  padding: 3px 0px 3px 0px;
}
div#pravyObsahKontajner div.kontakt div.udaje img {
  display: block;
  border: 1px solid rgb(255,128,0);
}