/* CSS Document */
body {
  background-color: #fff;
}
#str{
  margin: 0px;
  padding: 0px;
  width: 1255px;
}
#mail:hover{
  color: #555;
}
#bk {
  width: 1255px;
  position: absolute;
  filter: alpha(opacity=0);
  opacity:0;
}
.text {
  top: 740px;
}
#r1, #r1 a, #r2, #mail {
  text-decoration: none;
  font-family: "Century Gothic", "Arial CE", Arial;
  font-weight: normal;
  color: #ecf1da;
  font-size: 27px;
  letter-spacing: 0.07em;
}
#r1{
  left: 35px;
  text-align: left;
}
#r1 a:hover {
  color: yellow;
}
#r2{
  left: 705px;
  text-align: right;
  display: block;
  width: 350px;
}
.produkt, .polygon, .text, .titulok, #bk{
  position: absolute;
  border: none;
  margin: 0px; 
  padding: 0px;
}
.polygon {
  top: 225px;
  left: 400px;
}
.titulok { 
  top: 294px;
  width: 1024px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.95em;
  text-align: center;
}
.titulok h1{/*
*/
  color: #fff;
  font-size: 72px;
  font-weight: normal;
  letter-spacing: 1.05em;
  _letter-spacing: 30px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.titulok h1 img {/**/
  margin: 0px;
  padding: 0px;
  width: 695px;
  margin-left: 3px;
}
#lstop{
  visibility: hidden;
}
#lanim{
  visibility: visible;
}
/* horny a dolny rad vyobrazenia produktov */
.produkt img{
 border: 1px solid #bb88a7; /*bb88a7 d5c5cc*/
}
produkt a{
  overflow: hidden;
}
#a11, #a12, #a13, #a14, #a15, #a16, #a17,
#a21, #a22, #a23, #a24, #a25, #a26, #a27{

}
#r11, #r12, #r13, #r14, #r15, #r16, #r17,
#r21, #r22, #r23, #r24, #r25, #r26, #r27{
  width: 127px;
  height: 127px;
  position: relative;
  top: 0px;
  left: 0px;
}
/* --------------- horny rad --------------- */
#r11{
  top: 73px;
  left: 35px;
}
#r12{
  top: 73px;
  left: 177px;
}
#r13{
  top: 73px;
  left: 320px;
}
#r14{
  top: 73px;
  left: 459px;
}
#r15{
  top: 73px;
  left: 598px;
}
#r16{
  top: 73px;
  left: 737px;
}
#r17{
  top: 73px;
  left: 877px;
}
/* --------------- dolny rad --------------- */
#r21{
  top: 585px;
  left: 35px;
}
#r22{
  top: 585px;
  left: 177px;
}
#r23{
  top: 585px;
  left: 320px;
}
#r24{
  top: 585px;
  left: 459px;
}
#r25{
  top: 585px;
  left: 598px;
}
#r26{
  top: 585px;
  left: 737px;
}
#r27{
  top: 585px;
  left: 877px;
}
/* ----------------------- polygony ----------------------- */
#t1{/* zlty tr medzi A a R*/
  top: 300px;
  left: 373px;
  filter: alpha(opacity=70);
  opacity:0.7;
}
#t2{/* tmavofialovy tr nad T a E*/
  top: 310px;
  left: 631px;
  filter: alpha(opacity=40);
  opacity:0.4;
}
#t3{/* cerveny medzi T a E*/
  top: 310px;
  left: 648px;
  filter: alpha(opacity=80);
  opacity:0.80;
}
#t4{/*zeleny pod E*/
  top: 314px;
  left: 712px;
  filter: alpha(opacity=77);
  opacity:0.77;
}
#t5{/* fialova ryba*/
  top: 303px;
  left: 564px;
  filter: alpha(opacity=45);
  opacity:0.45;
}
#t6{/* zeleny dvojity tr pod T a E*/
  top: 337px;
  left: 606px;
  filter: alpha(opacity=85);
  opacity:0.85;
}
#t7{/* fialovy tr pod R*/
  top: 311px;
  left: 514px;
  filter: alpha(opacity=70);
  opacity:0.7;
}
#t8{/* zlty polygon mezi R a T*/
  top: 315px;
  left: 557px;
  filter: alpha(opacity=80);
  opacity:0.8;
}
#t9{/* zeleny tr vodorovny pod M*/
  top: 428px;
  left: 186px;
  filter: alpha(opacity=35);
  opacity:0.35;
}
#t10{/*tyrkysovy tr pod R*/
  top: 312px;
  left: 422px;
  filter: alpha(opacity=45);
  opacity:0.45;
}
#t11{/* modry kosostvorec pod A*/
  top: 373px;
  left: 351px;
  filter: alpha(opacity=40);
  opacity:0.4;
}
#t12{/*bledofialovy polygon pod A*/
  top: 323px;
  left: 287px;
  filter: alpha(opacity=35);
  opacity:0.35;
}
#t13{/*tmavomodry velky pod DAR*/
  top: 315px;
  left: 208px;
  filter: alpha(opacity=65);
  opacity:0.65;
}
#t14{/*cerveny tr medzi D a A*/
  top: 303px;
  left: 280px;
  filter: alpha(opacity=70);
  opacity:0.7;
}
#t15{/*zlta ryba*/
  top: 313px;
  left: 180px;
  filter: alpha(opacity=70);
  opacity:0.7;
}
#t16{/*zlty tenky tr pod D*/
  top: 325px;
  left: 230px;
  filter: alpha(opacity=95);
  opacity:0.95;
}
#t17{/*bledozeleny tr pred D*/
  top: 312px;
  left: 183px;
  filter: alpha(opacity=60);
  opacity:0.6;
}
#t18{/*tehlovy kosostvorec medzi A a R*/
  top: 318px;
  left: 321px;
  filter: alpha(opacity=90);
  opacity:0.9;
}
#t19{/* modry polygon pod D*/
  top: 302px;
  left: 182px;
  filter: alpha(opacity=60);
  opacity:0.6;
}
#t20{/*bledooranzovy polygon pod D*/
  top: 313px;
  left: 205px;
  filter: alpha(opacity=85);
  opacity:0.85;
}
#t21{/*ruzovofialovy vlavo hore*/
  top: 315px;
  left: 195px;
  filter: alpha(opacity=55);
  opacity:0.55;
}
#t22{/*velky sedy tr*/
  top: 316px;
  left: 314px;
  filter: alpha(opacity=30);
  opacity:0.3;
}
#t23{/*tyrkysovy tr pod T a E*/
  top: 322px;
  left: 665px;
  filter: alpha(opacity=80);
  opacity:0.8;
}
/* nastavenie pred animaciou */
#r1, #r2, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r21, #r22, #r23, #r24, #r25,
#r26, #r27, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9, #t10, #t11, #t12, #t13,
#t14, #t15, #t16, #t17, #t18, #t19, #t20, #t21, #t22, #t23, #lstop {
  visibility: hidden;
}
#lanim {
  visibility: visible;
}